{"id":6697,"date":"2023-12-15T09:06:46","date_gmt":"2023-12-15T15:06:46","guid":{"rendered":"http:\/\/pacifica.test\/?page_id=6697"},"modified":"2023-12-28T12:12:06","modified_gmt":"2023-12-28T18:12:06","slug":"porcelain-pavers","status":"publish","type":"page","link":"https:\/\/www.pacificastone.com\/products\/outdoor\/porcelain-pavers\/","title":{"rendered":"Porcelain Pavers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6697\" class=\"elementor elementor-6697\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3d82293 elementor-section-height-min-height elementor-section-items-bottom elementor-section-content-bottom elementor-section-boxed elementor-section-height-default\" data-id=\"3d82293\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-95a54d8\" data-id=\"95a54d8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-151cbd7 elementor-widget elementor-widget-heading\" data-id=\"151cbd7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 25-04-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h1 class=\"elementor-heading-title elementor-size-default\">Porcelain Pavers<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd7ff27 elementor-widget elementor-widget-heading\" data-id=\"bd7ff27\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Resilient beauty: Porcelain pavers for every space<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a627b8 text-white elementor-widget elementor-widget-shortcode\" data-id=\"0a627b8\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><nav aria-label=\"Breadcrumb\" itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\"><ul class=\"flex flex-wrap gap-x-1\"><li itemprop=\"itemListElement\"  class=\"breadcrumb\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><meta itemprop=\"position\" content=\"1\" \/><a itemprop=\"item\" href=\"https:\/\/www.pacificastone.com\/\"><span itemprop=\"name\">Home<\/span><\/a><\/li><li itemprop=\"itemListElement\"  class=\"breadcrumb\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><meta itemprop=\"position\" content=\"2\" \/><a itemprop=\"item\" href=\"https:\/\/www.pacificastone.com\/products\/\"><span itemprop=\"name\">Products<\/span><\/a><\/li><li itemprop=\"itemListElement\"  class=\"breadcrumb\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><meta itemprop=\"position\" content=\"3\" \/><a itemprop=\"item\" href=\"https:\/\/www.pacificastone.com\/products\/outdoor\/\"><span itemprop=\"name\">Outdoor<\/span><\/a><\/li><li itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><meta itemprop=\"position\" content=\"4\" \/><span itemprop=\"name\">Porcelain Pavers<\/span><\/li><\/ul><\/nav><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-caff59e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"caff59e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-485ef57\" data-id=\"485ef57\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b721ba6 elementor-widget elementor-widget-shortcode\" data-id=\"b721ba6\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><div class='mt-4 mb-4 text-center'><i class='title-icon'><\/i><span class='pr-2 font-serif text-2xl'>Outdoor:<\/span><div class=\"menu-pavers-container\"><ul id=\"menu-pavers\" class=\"menu\"><li id=\"menu-item-6722\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6722\"><a href=\"https:\/\/www.pacificastone.com\/products\/outdoor\/porcelain-pavers\/\">Porcelain Pavers<\/a><\/li>\n<li id=\"menu-item-6720\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6720\"><a href=\"https:\/\/www.pacificastone.com\/products\/outdoor\/natural-stone-pavers\/\">Natural Stone Pavers<\/a><\/li>\n<li id=\"menu-item-6721\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6721\"><a href=\"https:\/\/www.pacificastone.com\/products\/outdoor\/pool-copings-wall-caps\/\">Pool Copings &#038; Wall Caps<\/a><\/li>\n<li id=\"menu-item-6723\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6723\"><a href=\"https:\/\/www.pacificastone.com\/products\/outdoor\/split-face\/\">Split Face<\/a><\/li>\n<li id=\"menu-item-6719\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6719\"><a href=\"https:\/\/www.pacificastone.com\/products\/outdoor\/cobble\/\">Cobble<\/a><\/li>\n<\/ul><\/div><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6986734 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6986734\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2894beb\" data-id=\"2894beb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-97d11ba elementor-widget elementor-widget-text-editor\" data-id=\"97d11ba\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 25-04-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\tPorcelain pavers can be used both indoors and outdoors. Ceramic pavers have become increasingly popular due to their resistant and durable qualities. These pavers bring comfort and peace of mind with their ability to withstand the elements of nature and heavy traffic. Create an elegant and comfortable living space with these beautiful porcelain pavers.\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-00e1e0b overflow-hidden elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"00e1e0b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f90301f\" data-id=\"f90301f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7440fd7 elementor-widget elementor-widget-shortcode\" data-id=\"7440fd7\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"flex mb-6\"><p id=\"slabs\" class=\"flex-grow font-serif text-2xl\"><i name=\"featured\" class=\"title-icon\"><\/i> Product Lines<\/p><form class=\"px-4 py-2 text-sm border border-black rounded-full inv_search\" method=\"get\" action=\"\/products\/pentalquartz\/\"><input type=\"text\" placeholder=\"Search\" name=\"keyword\" maxlength=\"30\" value=\"\" class=\"keyword_search\"><\/form><\/div><div class='flex mb-4 font-serif text-xl sm:hidden toggle-filter'><svg class=\"pr-2 mr-1\" width=\"32px\" height=\"32px\" viewBox=\"-0.5 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M22 3.58002H2C1.99912 5.28492 2.43416 6.96173 3.26376 8.45117C4.09337 9.94062 5.29 11.1932 6.73999 12.09C7.44033 12.5379 8.01525 13.1565 8.41062 13.8877C8.80598 14.6189 9.00879 15.4388 9 16.27V21.54L15 20.54V16.25C14.9912 15.4188 15.194 14.599 15.5894 13.8677C15.9847 13.1365 16.5597 12.5178 17.26 12.07C18.7071 11.175 19.9019 9.92554 20.7314 8.43988C21.5608 6.95422 21.9975 5.28153 22 3.58002Z\" stroke=\"#000000\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Toggle filters<\/div><div class='flex flex-wrap sm:flex-nowrap'>\n<script>\n    var items = [{\"name\":\"Arkistone\",\"permalink\":\"https:\\\/\\\/www.pacificastone.com\\\/products\\\/paver-line\\\/arkistone\\\/\",\"image\":\"https:\\\/\\\/i0.wp.com\\\/www.pacificastone.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Ark_Living_SilverDark.jpg?resize=600%2C400&ssl=1\",\"group_1\":[{\"name\":\"Grey\",\"id\":\"group_1_grey\"}]},{\"name\":\"Chrono\",\"permalink\":\"https:\\\/\\\/www.pacificastone.com\\\/products\\\/paver-line\\\/chrono\\\/\",\"image\":\"https:\\\/\\\/i0.wp.com\\\/www.pacificastone.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/chrono-header-scaled.jpeg?resize=600%2C400&ssl=1\",\"group_1\":[{\"name\":\"Grey\",\"id\":\"group_1_grey\"},{\"name\":\"Grey\",\"id\":\"group_1_grey\"}]},{\"name\":\"Major\",\"permalink\":\"https:\\\/\\\/www.pacificastone.com\\\/products\\\/paver-line\\\/major\\\/\",\"image\":\"https:\\\/\\\/i0.wp.com\\\/www.pacificastone.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Amb_Bourgogne-scaled-1-1.jpg?resize=600%2C400&ssl=1\",\"group_1\":[{\"name\":\"Grey\",\"id\":\"group_1_grey\"},{\"name\":\"Grey\",\"id\":\"group_1_grey\"},{\"name\":\"White\",\"id\":\"group_1_white\"},{\"name\":\"Cream\",\"id\":\"group_1_cream\"},{\"name\":\"Grey\",\"id\":\"group_1_grey\"},{\"name\":\"Grey\",\"id\":\"group_1_grey\"}]},{\"name\":\"Other\",\"permalink\":\"https:\\\/\\\/www.pacificastone.com\\\/products\\\/paver-line\\\/other\\\/\",\"image\":\"https:\\\/\\\/i0.wp.com\\\/www.pacificastone.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/paver_banner-2.jpg?resize=600%2C400&ssl=1\",\"group_1\":[{\"name\":\"Cream\",\"id\":\"group_1_cream\"}]},{\"name\":\"Prestige\",\"permalink\":\"https:\\\/\\\/www.pacificastone.com\\\/products\\\/paver-line\\\/prestige\\\/\",\"image\":\"https:\\\/\\\/i0.wp.com\\\/www.pacificastone.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/generated_PRE_Ristorante_Beige_banner-2.jpg?resize=600%2C400&ssl=1\",\"group_1\":[]},{\"name\":\"Restyle\",\"permalink\":\"https:\\\/\\\/www.pacificastone.com\\\/products\\\/paver-line\\\/restyle\\\/\",\"image\":\"https:\\\/\\\/i0.wp.com\\\/www.pacificastone.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/generated_RES_Mare_Beige_banner-1.jpg?resize=600%2C400&ssl=1\",\"group_1\":[]},{\"name\":\"Spartia\",\"permalink\":\"https:\\\/\\\/www.pacificastone.com\\\/products\\\/paver-line\\\/spartia\\\/\",\"image\":\"https:\\\/\\\/i0.wp.com\\\/www.pacificastone.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/spartia-header.jpeg?resize=600%2C400&ssl=1\",\"group_1\":[{\"name\":\"Grey\",\"id\":\"group_1_grey\"}]},{\"name\":\"Stone One\",\"permalink\":\"https:\\\/\\\/www.pacificastone.com\\\/products\\\/paver-line\\\/stoneone\\\/\",\"image\":\"https:\\\/\\\/i0.wp.com\\\/www.pacificastone.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/generated_One_designStore_dark_banner-1-scaled.jpg?resize=600%2C400&ssl=1\",\"group_1\":[]},{\"name\":\"Stone Plan\",\"permalink\":\"https:\\\/\\\/www.pacificastone.com\\\/products\\\/paver-line\\\/stone-plane\\\/\",\"image\":\"https:\\\/\\\/i0.wp.com\\\/www.pacificastone.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/ItalGraniti_StonePlan_webbanner.jpg?resize=600%2C400&ssl=1\",\"group_1\":[]}];\n    var settings = {\n        categories: [\n            {\n                name: \"Color\",\n                key: \"group_1\"\n            },\n        ]\n    }\n<\/script>\n\n\n<div id=\"filter-template\" style=\"display:none\">\n    <div id=\"data-category-template\">\n        <h4 class=\"pb-1 mb-4 font-serif text-lg tracking-wider uppercase border-b border-b-gray-300\">Template<\/h4>\n        <!-- Item template -->\n    <\/div>\n<\/div>\n\n<div id=\"filter-item-template\" style=\"display:none\">\n    <div class=\"mb-2 filter-row template\" data-filter=\"tpl-id\" data-key=\"tpl-key\">\n        <div class=\"hidden inline-block mr-2 check\">\n            <a href=\"javascript:void(0)\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/pacifica\/img\/checkbox-checked.svg\">\n            <\/a>\n        <\/div>\n        <div class=\"inline-block mr-2 uncheck\">\n            <a href=\"javascript:void(0)\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/pacifica\/img\/checkbox.svg\">\n            <\/a>\n        <\/div>\n        <a href=\"javascript:void(0)\">Template <\/a>\n    <\/div>\n<\/div>\n\n<div id=\"item-template\" style=\"display:none\">\n    <div data-categories data-name=\"tpl-name\" data-metaphone=\"tpl-metaphone\" data-soundex=\"tpl-soundex\">\n        <div class=\"inventory_image\">\n            <a href=\"{{ permalink }}\">\n                <img decoding=\"async\" lazy=\"true\" src=\"{{ image }}\">\n            <\/a>\n        <\/div>\n        <div class=\"inventory_info\">\n            <a href=\"{{ permalink }}\">\n                <h3 class=\"mt-3 mb-2 font-serif text-lg text-center\">{{ name }}<\/h3>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"hidden w-full mr-8 sm:w-48 main-filters sm:block\">\n    <div class=\"filter-items\" style=\"display:none\"><\/div>\n    <a class=\"inline-block mt-2 font-bold tracking-wide uppercase cursor-pointer reset-filters\">Reset<\/a>\n<\/div>\n\n<div class=\"grid w-full grid-cols-2 row-end-auto sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3  gap-x-3 gap-y-8 items\">\n    <div class=\"result-items\" style=\"display:none\"><\/div>\n<\/div>\n\n<script>\n    var currentfilters = {};\n    var currentSearch = \"\";\n\n\n    function debounce(func, timeout = 300) {\n        let timer;\n        return (...args) => {\n            clearTimeout(timer);\n            timer = setTimeout(() => {\n                func.apply(this, args);\n            }, timeout);\n        };\n    }\n\n    function buildFilters(items, settings) {\n        var filterGroupTemplate = document.querySelector(\"#filter-template\").innerHTML\n        var filterItemTemplate = document.querySelector(\"#filter-item-template\").innerHTML\n        var html = \"\";\n        for (let i = 0; i < settings.categories.length; i++) {\n            currentfilters[settings.categories[i][\"key\"]] = [];\n            var uniqueItems = items.flatMap(item => item[settings.categories[i][\"key\"]]);\n\n            uniqueItems = uniqueItems.reduce((unique, item) => {\n                if (!unique.some(existingItem => existingItem.id === item.id)) {\n                    unique.push(item);\n                }\n                return unique;\n            }, []);\n\n            var filterHtml = `${filterGroupTemplate}`\n            var innerFilter = \"\";\n            for (let j = 0; j < uniqueItems.length; j++) {\n                let filterRow = `${filterItemTemplate}`\n                innerFilter += filterRow.replaceAll(\"Template\", uniqueItems[j].name)\n                    .replace(\"tpl-id\", uniqueItems[j].id)\n                    .replace(\"tpl-key\", settings.categories[i][\"key\"])\n            }\n\n            filterHtml = filterHtml.replace(\"<!-- Item template -->\", innerFilter);\n            filterHtml = filterHtml.replace(\"data-category-template\", \"category-\" + settings.categories[i][\"key\"]);\n            filterHtml = filterHtml.replace(\"Template\", settings.categories[i][\"name\"]);\n\n            html += filterHtml;\n        }\n        document.querySelector(\".filter-items\").outerHTML = html\n\n    }\n\n    function buildList(items, settings) {\n        var html = \"\";\n        var templateHtml = document.querySelector(\"#item-template\").innerHTML\n\n        for (let i = 0; i < items.length; i++) {\n            let item = items[i];\n            let itemHtml = `${templateHtml}`\n            let dataCategories = \"\"\n\n            for (var j = 0; j < settings.categories.length; j++) {\n                var cat = settings.categories[j]\n                var categories = item[cat.key];\n                var ids = categories.map(item => item.id).join(',');\n                dataCategories += \"data-\" + cat.key + \"='\" + ids + \"' \";\n            }\n\n            itemHtml = itemHtml\n                .replaceAll(\"{{ permalink }}\", item.permalink)\n                .replaceAll(\"{{ name }}\", item.name)\n                .replaceAll(\"{{ image }}\", item.image)\n                .replace(\"tpl-name\", item.name)\n                .replace(\"tpl-metaphone\", metaphoneWithSpaces(item.name))\n                .replace(\"tpl-soundex\", soundexWithSpaces(item.name))\n                .replaceAll('data-categories=\"\"', 'data-categories')\n                .replaceAll(\"data-categories\", dataCategories);\n            html += itemHtml\n        }\n        document.querySelector(\".result-items\").outerHTML = html;\n    }\n\n    function buildEvents(settings) {\n        for (var i = 0; i < settings.categories.length; i++) {\n            var cat = settings.categories[i]\n            console.log(\"#\" + cat.key + \" > div\");\n            var buttons = document.querySelectorAll(\"#category-\" + cat.key + \" > div\")\n            console.log(buttons);\n            for (var j = 0; j < buttons.length; j++) {\n                buttons[j].onclick = function() {\n                    toggleFilter(this.dataset.filter, this.dataset.key)\n                    repaintFilter(this);\n                }\n            }\n        }\n\n        const searchChange = debounce(() => {\n            currentSearch = jQuery(\".inv_search input\").val();\n            refreshItems();\n        });\n\n        document.querySelectorAll('.inv_search input[type=text]').forEach(input => {\n            input.addEventListener('propertychange', searchChange);\n            input.addEventListener('change', searchChange);\n            input.addEventListener('click', searchChange);\n            input.addEventListener('keyup', searchChange);\n            input.addEventListener('input', searchChange);\n            input.addEventListener('paste', searchChange);\n        });\n\n        document.querySelector(\".reset-filters\").onclick = function() {\n            for (let i = 0; i < settings.categories.length; i++) {\n                currentfilters[settings.categories[i][\"key\"]] = [];\n            }\n            currentSearch = \"\";\n            var filters = document.querySelectorAll(\".main-filters .filter-row\");\n            for (var i = 0; i < filters.length; i++) {\n                var filter = filters[i];\n                repaintFilter(filter)\n            }\n\n            refreshItems();\n        }\n\n\n        document.querySelectorAll('.toggle-filter').forEach(element => {\n            element.addEventListener('click', function() {\n                const filterElement = document.querySelector('.main-filters');\n                if (filterElement) {\n                    filterElement.classList.toggle('hidden');\n                }\n            });\n        });\n\n        document.querySelectorAll('.ns-featured-item').forEach(function(element) {\n            element.addEventListener('click', function() {\n                var filterValue = this.getAttribute('filter');\n                var input = document.querySelector('.inv_search input[type=\"text\"]');\n\n                if (input) {\n                    input.value = filterValue;\n                    currentSearch = filterValue;\n                }\n\n                refreshItems();\n            });\n        });\n\n\n\n    }\n\n    function toggleFilter(filter, key) {\n        if (currentfilters[key].includes(filter)) {\n            currentfilters[key] = currentfilters[key].filter(function(item) {\n                return item != filter\n            })\n        } else {\n            currentfilters[key].push(filter);\n        }\n        refreshItems()\n    }\n\n    function repaintFilter(filter) {\n        if (currentfilters[filter.dataset.key].includes(filter.dataset.filter)) {\n            filter.querySelector(\".check\").classList.remove(\"hidden\")\n            filter.querySelector(\".uncheck\").classList.add(\"hidden\")\n        } else {\n            filter.querySelector(\".check\").classList.add(\"hidden\")\n            filter.querySelector(\".uncheck\").classList.remove(\"hidden\")\n        }\n    }\n\n    function refreshItems() {\n        var items = document.querySelectorAll(\".items > div\")\n        for (var i = 0; i < items.length; i++) {\n            var item = items[i];\n            if (shouldDisplay(item, currentfilters, currentSearch)) {\n                item.classList.remove(\"hidden\");\n            } else {\n                item.classList.add(\"hidden\");\n            }\n        }\n    }\n\n    function shouldDisplay(item, currentFilters, search) {\n        var dataset = {\n            ...item.dataset\n        }\n        for (var key in dataset) {\n            if (key != \"name\") {\n                if (dataset.hasOwnProperty(key)) {\n                    dataset[key] = dataset[key].split(',');\n                }\n            }\n        }\n\n        if (search != \"\") {\n            var mphone = soundexWithSpaces(search).toLowerCase();\n            if (!dataset.name.toLowerCase().includes(search.toLowerCase())) {\n                if (mphone.length > 3) {\n                    if (!dataset.soundex[0].toLowerCase().includes(mphone)) {\n                        return false;\n                    }\n                } else {\n                    return false;\n                }\n            }\n        }\n        delete dataset.name;\n\n        return Object.entries(currentFilters).every(([key, values]) => {\n            \/\/ If the filter array is empty, it means we don't filter by this group\n            if (values.length === 0) {\n                return true;\n            }\n\n            return values.some(element => dataset[key].includes(element));\n        });\n    }\n\n    function metaphone(e, a) {\n        const c = typeof e;\n        if (\"undefined\" === c || \"object\" === c && null !== e) return null;\n        if (\"number\" === c && (isNaN(e) ? e = \"NAN\" : isFinite(e) || (e = \"INF\")), a < 0) return !1;\n        a = Math.floor(+a) || 0;\n        const s = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\",\n            r = \"AEIOU\",\n            t = \"EIY\",\n            n = new RegExp(\"^[^\" + s + \"]+\");\n        if (!(e = (e = \"string\" == typeof e ? e : \"\").toUpperCase().replace(n, \"\"))) return \"\";\n        const b = function(e, a) {\n            return \"\" !== a && -1 !== e.indexOf(a)\n        };\n        let k, i, A = 0,\n            h = e.charAt(0),\n            o = e.charAt(1);\n        const u = e.length;\n        let f = \"\";\n        switch (h) {\n            case \"A\":\n                f += \"E\" === o ? o : h, A += 1;\n                break;\n            case \"G\":\n            case \"K\":\n            case \"P\":\n                \"N\" === o && (f += o, A += 2);\n                break;\n            case \"W\":\n                \"R\" === o ? (f += o, A += 2) : (\"H\" === o || b(r, o)) && (f += \"W\", A += 2);\n                break;\n            case \"X\":\n                f += \"S\", A += 1;\n                break;\n            case \"E\":\n            case \"I\":\n            case \"O\":\n            case \"U\":\n                f += h, A++\n        }\n        for (; A < u && (0 === a || f.length < a); A += 1)\n            if (h = e.charAt(A), o = e.charAt(A + 1), i = e.charAt(A - 1), k = e.charAt(A + 2), h !== i || \"C\" === h) switch (h) {\n                case \"B\":\n                    \"M\" !== i && (f += h);\n                    break;\n                case \"C\":\n                    b(t, o) ? \"I\" === o && \"A\" === k ? f += \"X\" : \"S\" !== i && (f += \"S\") : \"H\" === o ? (f += \"X\", A += 1) : f += \"K\";\n                    break;\n                case \"D\":\n                    \"G\" === o && b(t, k) ? (f += \"J\", A += 1) : f += \"T\";\n                    break;\n                case \"G\":\n                    \"H\" === o ? b(\"BDH\", e.charAt(A - 3)) || \"H\" === e.charAt(A - 4) || (f += \"F\", A += 1) : \"N\" === o ? b(s, k) && \"NED\" !== e.substr(A + 1, 3) && (f += \"K\") : b(t, o) && \"G\" !== i ? f += \"J\" : f += \"K\";\n                    break;\n                case \"H\":\n                    b(r, o) && !b(\"CGPST\", i) && (f += h);\n                    break;\n                case \"K\":\n                    \"C\" !== i && (f += \"K\");\n                    break;\n                case \"P\":\n                    f += \"H\" === o ? \"F\" : h;\n                    break;\n                case \"Q\":\n                    f += \"K\";\n                    break;\n                case \"S\":\n                    \"I\" === o && b(\"AO\", k) ? f += \"X\" : \"H\" === o ? (f += \"X\", A += 1) : f += \"S\";\n                    break;\n                case \"T\":\n                    \"I\" === o && b(\"AO\", k) ? f += \"X\" : \"H\" === o ? (f += \"0\", A += 1) : \"CH\" !== e.substr(A + 1, 2) && (f += \"T\");\n                    break;\n                case \"V\":\n                    f += \"F\";\n                    break;\n                case \"W\":\n                case \"Y\":\n                    b(r, o) && (f += h);\n                    break;\n                case \"X\":\n                    f += \"KS\";\n                    break;\n                case \"Z\":\n                    f += \"S\";\n                    break;\n                case \"F\":\n                case \"J\":\n                case \"L\":\n                case \"M\":\n                case \"N\":\n                case \"R\":\n                    f += h\n            }\n        return f\n    }\n\n    function metaphoneWithSpaces(input) {\n        var words = input.split(' ');\n\n        var metaphones = words.map(function(word) {\n            return metaphone(word);\n        });\n\n        var result = metaphones.join(' ');\n\n        return result;\n    }\n\n    function soundex(name) {\n        let s = [];\n        let si = 1;\n        let c;\n\n        \/\/              ABCDEFGHIJKLMNOPQRSTUVWXYZ\n        let mappings = \"01230120022455012623010202\";\n\n        s[0] = name[0].toUpperCase();\n\n        for (let i = 1, l = name.length; i < l; i++) {\n            c = (name[i].toUpperCase()).charCodeAt(0) - 65;\n\n            if (c >= 0 && c <= 25) {\n                if (mappings[c] != '0') {\n                    if (mappings[c] != s[si - 1]) {\n                        s[si] = mappings[c];\n                        si++;\n                    }\n\n                    if (si > 3) {\n                        break;\n                    }\n                }\n            }\n        }\n\n        if (si <= 3) {\n            while (si <= 3) {\n                s[si] = '0';\n                si++;\n            }\n        }\n\n        return s.join(\"\");\n    }\n\n    function soundexWithSpaces(input) {\n        var words = input.split(' ');\n\n        var soundexes = words.map(function(word) {\n            return soundex(word);\n        });\n\n        var result = soundexes.join(' ');\n\n        return result;\n    }\n\n\n\n    buildFilters(items, settings);\n    buildList(items, settings);\n    buildEvents(settings);\n<\/script><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Porcelain Pavers Resilient beauty: Porcelain pavers for every space Porcelain pavers can be used both indoors and outdoors. Ceramic pavers have become increasingly popular due to their resistant and durable qualities. These pavers bring comfort and peace of mind with their ability to withstand the elements of nature and heavy traffic. Create an elegant and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7176,"parent":6680,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/www.pacificastone.com\/wp-json\/wp\/v2\/pages\/6697"}],"collection":[{"href":"https:\/\/www.pacificastone.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pacificastone.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pacificastone.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pacificastone.com\/wp-json\/wp\/v2\/comments?post=6697"}],"version-history":[{"count":20,"href":"https:\/\/www.pacificastone.com\/wp-json\/wp\/v2\/pages\/6697\/revisions"}],"predecessor-version":[{"id":7294,"href":"https:\/\/www.pacificastone.com\/wp-json\/wp\/v2\/pages\/6697\/revisions\/7294"}],"up":[{"embeddable":true,"href":"https:\/\/www.pacificastone.com\/wp-json\/wp\/v2\/pages\/6680"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pacificastone.com\/wp-json\/wp\/v2\/media\/7176"}],"wp:attachment":[{"href":"https:\/\/www.pacificastone.com\/wp-json\/wp\/v2\/media?parent=6697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}