{"content":"<main id=\"maincontent\" class=\"page-main\"><div id=\"contentarea\" tabindex=\"-1\"><\/div>\n<div class=\"page messages\"><script>\n        function initMessages() {\n        \"use strict\";\n        return {\n            offsetBottom: false,\n            messages: window.mageMessages || [],\n            isEmpty() {\n                return this.messages.reduce(\n                    function (isEmpty, message) {\n                        return isEmpty && message === undefined\n                    }, true\n                )\n            },\n            hasMessages() {\n                return !this.isEmpty();\n            },\n            hasMessage() {\n                return !!this.message;\n            },\n            removeMessage() {\n                this.messages[this.index] = undefined;\n            },\n            addMessages(messages, hideAfter) {\n                messages.map((message) => {\n                    if (!message.text || !message.text.trim()) return;\n                    this.messages = this.messages.concat(message);\n                    if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) {\n                        hideAfter = window.defaultSuccessMessageTimeout;\n                    }\n                    if (hideAfter) {\n                        this.setHideTimeOut(this.messages.length -1, hideAfter);\n                    }\n                });\n            },\n            setHideTimeOut(messageIndex, hideAfter) {\n                setTimeout((messageIndex) => {\n                    this.messages[messageIndex] = undefined;\n                }, hideAfter, messageIndex);\n            },\n            eventListeners: {\n                ['@messages-loaded.window'](event) {\n                    this.addMessages(event.detail.messages, event.detail.hideAfter)\n                },\n                ['@private-content-loaded.window'](event) {\n                    const data = event.detail.data;\n                    if (\n                        data.messages &&\n                        data.messages.messages &&\n                        data.messages.messages.length\n                    ) {\n                        this.addMessages(data.messages.messages);\n                    }\n                },\n                ['@clear-messages.window']() {\n                    this.messages = [];\n                },\n                ['@pageshow.window'](event) {\n                    if (event.persisted) {\n                        this.messages = [];\n                    };\n                }\n            },\n            getMessageUiId() {\n                return 'message-' + this.message.type;\n            }\n        }\n    }\n\n    window.addEventListener('alpine:init', () => Alpine.data('initMessages', initMessages), {once: true})\n<\/script>\n<section id=\"messages\"\n         x-data=\"initMessages\"\n         x-bind=\"eventListeners\"\n         role=\"alert\"\n         @show-add-to-cart-bar.window=\"offsetBottom = $event.detail\"\n>\n    <template x-if=\"hasMessages\">\n        <div class=\"w-full\">\n            <div role=\"alert\"\n                 :class=\"{'pb-20': offsetBottom}\"\n                 class=\"messages container mx-auto md:pb-3 py-3\">\n                <template x-for=\"(message, index) in messages\" :key=\"index\">\n                    <div>\n                        <template x-if=\"message\">\n                            <div :class=\"message.type\n                + ' message flex items-center justify-between w-full px-5 py-4 bg-gray-600 shadow rounded text-white mb-2'\"\n                                 :ui-id=\"'message-' + message.type\"\n                            >\n                                <span x-html=\"message.text\"><\/span>\n                                <a href=\"#\" class=\"close cursor-pointer\" title=\"close\"\n                                   @click.prevent=\"removeMessage(index)\">\n                                    <svg class=\"fill-current text-white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                         width=\"18\" height=\"18\" viewBox=\"0 0 18 18\">\n                                        <path\n                                            d=\"M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47\n                                                4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z\">\n                                        <\/path>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/template>\n                    <\/div>\n                <\/template>\n            <\/div>\n        <\/div>\n    <\/template>\n<\/section>\n<\/div>    <div class=\"container flex flex-col justify-center md:flex-row flex-wrap font-extrabold\n     text-4xl\">\n        <h1 class=\"block text-center text-gray-900 page-title title-font text-base md:text-28 pt-3 md:py-6\"\n            >\n            <span class=\"base\" data-ui-id=\"page-title-wrapper\" >Soort bloempotten<\/span>        <\/h1>\n            <\/div>\n<div id=\"category-view-container\" class=\"category-view container\">\n    <div class=\"w-full relative\"\n         data-content-type=\"slider\" data-item-width=\"80\" data-item-width-desktop=\"170\">\n        <div class=\"md:pb-4 px-1 sm:px-0 scrollbar-hidden flex\" data-role=\"glider-slider\">\n                                            <div class=\"w-[80px] lg:w-[170px] flex-shrink-0 flex-grow-0 tracking-wide\">\n                    <a href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/grote-bloempotten\" class=\"flex flex-col items-center px-1\">\n                        <div class=\"w-12 overflow-hidden relative sm:w-16 lg:w-28 h-12 sm:h-16 lg:h-28 rounded-full\">\n                            <img src=\"\/media\/catalog\/category\/exclusievepalmenmooiwatplantendoen32028129.jpg\" alt=\"Grote bloempotten\" width=\"112\" height=\"112\" class=\"block w-full h-full absolute object-cover\"\/>\n                        <\/div>\n                        <div class=\"text-center break-words text-11 sm:text-sm lg:text-16 mt-2 sm:mt-5 w-full line-clamp-2\">\n                            Grote bloempotten                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"w-[80px] lg:w-[170px] flex-shrink-0 flex-grow-0 tracking-wide\">\n                    <a href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/watergevend\" class=\"flex flex-col items-center px-1\">\n                        <div class=\"w-12 overflow-hidden relative sm:w-16 lg:w-28 h-12 sm:h-16 lg:h-28 rounded-full\">\n                            <img src=\"\/media\/catalog\/category\/categorie-bloempotten-soort-bloempotten-watergevende.png\" alt=\"Watergevende potten\" width=\"112\" height=\"112\" class=\"block w-full h-full absolute object-cover\"\/>\n                        <\/div>\n                        <div class=\"text-center break-words text-11 sm:text-sm lg:text-16 mt-2 sm:mt-5 w-full line-clamp-2\">\n                            Watergevende potten                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"w-[80px] lg:w-[170px] flex-shrink-0 flex-grow-0 tracking-wide\">\n                    <a href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/exclusief\" class=\"flex flex-col items-center px-1\">\n                        <div class=\"w-12 overflow-hidden relative sm:w-16 lg:w-28 h-12 sm:h-16 lg:h-28 rounded-full\">\n                            <img src=\"\/media\/catalog\/category\/categorie-bloempotten-soort-bloempotten-exclusief.png\" alt=\"Exclusieve potten\" width=\"112\" height=\"112\" class=\"block w-full h-full absolute object-cover\"\/>\n                        <\/div>\n                        <div class=\"text-center break-words text-11 sm:text-sm lg:text-16 mt-2 sm:mt-5 w-full line-clamp-2\">\n                            Exclusieve potten                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"w-[80px] lg:w-[170px] flex-shrink-0 flex-grow-0 tracking-wide\">\n                    <a href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/hangpotten\" class=\"flex flex-col items-center px-1\">\n                        <div class=\"w-12 overflow-hidden relative sm:w-16 lg:w-28 h-12 sm:h-16 lg:h-28 rounded-full\">\n                            <img src=\"\/media\/catalog\/category\/categorie-bloempotten-soort-bloempotten-hangpotten.png\" alt=\"Hangpotten\" width=\"112\" height=\"112\" class=\"block w-full h-full absolute object-cover\"\/>\n                        <\/div>\n                        <div class=\"text-center break-words text-11 sm:text-sm lg:text-16 mt-2 sm:mt-5 w-full line-clamp-2\">\n                            Hangpotten                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"w-[80px] lg:w-[170px] flex-shrink-0 flex-grow-0 tracking-wide\">\n                    <a href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/lichtgewicht\" class=\"flex flex-col items-center px-1\">\n                        <div class=\"w-12 overflow-hidden relative sm:w-16 lg:w-28 h-12 sm:h-16 lg:h-28 rounded-full\">\n                            <img src=\"\/media\/catalog\/category\/categorie-bloempotten-soort-bloempotten-lichtgewicht.png\" alt=\"Lichtgewicht potten\" width=\"112\" height=\"112\" class=\"block w-full h-full absolute object-cover\"loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"text-center break-words text-11 sm:text-sm lg:text-16 mt-2 sm:mt-5 w-full line-clamp-2\">\n                            Lichtgewicht potten                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"w-[80px] lg:w-[170px] flex-shrink-0 flex-grow-0 tracking-wide\">\n                    <a href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/betonlook\" class=\"flex flex-col items-center px-1\">\n                        <div class=\"w-12 overflow-hidden relative sm:w-16 lg:w-28 h-12 sm:h-16 lg:h-28 rounded-full\">\n                            <img src=\"\/media\/catalog\/category\/categorie-bloempotten-soort-bloempotten-betonlook.png\" alt=\"Betonlook potten\" width=\"112\" height=\"112\" class=\"block w-full h-full absolute object-cover\"loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"text-center break-words text-11 sm:text-sm lg:text-16 mt-2 sm:mt-5 w-full line-clamp-2\">\n                            Betonlook potten                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"w-[80px] lg:w-[170px] flex-shrink-0 flex-grow-0 tracking-wide\">\n                    <a href=\"https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/bloempotten-buiten\" class=\"flex flex-col items-center px-1\">\n                        <div class=\"w-12 overflow-hidden relative sm:w-16 lg:w-28 h-12 sm:h-16 lg:h-28 rounded-full\">\n                            <img src=\"\/media\/catalog\/category\/schermafbeelding202023-04-1820154912.png\" alt=\"Bloempotten buiten\" width=\"112\" height=\"112\" class=\"block w-full h-full absolute object-cover\"loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"text-center break-words text-11 sm:text-sm lg:text-16 mt-2 sm:mt-5 w-full line-clamp-2\">\n                            Bloempotten buiten                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"w-[80px] lg:w-[170px] flex-shrink-0 flex-grow-0 tracking-wide\">\n                    <a href=\"https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/tulpenvaas\" class=\"flex flex-col items-center px-1\">\n                        <div class=\"w-12 overflow-hidden relative sm:w-16 lg:w-28 h-12 sm:h-16 lg:h-28 rounded-full\">\n                            <img src=\"\/media\/catalog\/category\/bee20green20tulpenvaas20sfeer1.png\" alt=\"Tulpenvaas\" width=\"112\" height=\"112\" class=\"block w-full h-full absolute object-cover\"loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"text-center break-words text-11 sm:text-sm lg:text-16 mt-2 sm:mt-5 w-full line-clamp-2\">\n                            Tulpenvaas                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"w-[80px] lg:w-[170px] flex-shrink-0 flex-grow-0 tracking-wide\">\n                    <a href=\"https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/vazen\" class=\"flex flex-col items-center px-1\">\n                        <div class=\"w-12 overflow-hidden relative sm:w-16 lg:w-28 h-12 sm:h-16 lg:h-28 rounded-full\">\n                            <img src=\"\/media\/catalog\/category\/5baa09719bd43f001131cde0.png\" alt=\"Vazen en kruiken\" width=\"112\" height=\"112\" class=\"block w-full h-full absolute object-cover\"loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"text-center break-words text-11 sm:text-sm lg:text-16 mt-2 sm:mt-5 w-full line-clamp-2\">\n                            Vazen en kruiken                        <\/div>\n                    <\/a>\n                <\/div>\n                                            <div class=\"w-[80px] lg:w-[170px] flex-shrink-0 flex-grow-0 tracking-wide\">\n                    <a href=\"https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/verrijdbare-bloempotten\" class=\"flex flex-col items-center px-1\">\n                        <div class=\"w-12 overflow-hidden relative sm:w-16 lg:w-28 h-12 sm:h-16 lg:h-28 rounded-full\">\n                            <img src=\"\/media\/catalog\/category\/grigio20box20antraciet20met20wiel1.png\" alt=\"Verrijdbare bloempotten\" width=\"112\" height=\"112\" class=\"block w-full h-full absolute object-cover\"loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"text-center break-words text-11 sm:text-sm lg:text-16 mt-2 sm:mt-5 w-full line-clamp-2\">\n                            Verrijdbare bloempotten                        <\/div>\n                    <\/a>\n                <\/div>\n                    <\/div>\n        <button\n            aria-label=\"Vorige\"\n            class=\"hidden md:flex glider-prev w-16 h-16 rounded-full bg-white shadow-md items-center justify-center -left-20\"\n        >\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"16\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"transform rotate-180\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n        <\/button>\n        <button\n            aria-label=\"Volgende\"\n            class=\"hidden md:flex glider-next w-16 h-16 rounded-full bg-white shadow-md items-center justify-center -right-20\"\n        >\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"16\" viewBox=\"0 0 11 18\" fill=\"currentColor\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n        <\/button>\n    <\/div>\n<\/div><div class=\"catalogoptions container flex flex-row py-4 my-4\">\n\n<section id=\"glider-wrap\" class=\"overflow-x-auto md:gallery-slider md:glider md:glider-initialized m-0 grow order-last\" data-slides-to-show=\"auto\"\n         x-data=\"openSlider()\"\n         @close-filters.window=\"open = false; stopBodyScroll()\">\n    <div class=\"hidden md:flex scrollbar-hidden md:scrollbar-visible glider draggable md:py-3\" data-role=\"glider-slider\">\n        <button @click=\"open = ! open;\" class=\"text-base hidden md:flex flex-row justify-center items-center border-0\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 12 11\" fill=\"none\" class=\"mr-4\" role=\"img\"><path d=\"M11.8125 8.5H4.5V7.5625C4.5 7.25781 4.24219 7 3.9375 7H2.8125C2.48438 7 2.25 7.25781 2.25 7.5625V8.5H0.1875C0.0703125 8.5 0 8.59375 0 8.6875V9.0625C0 9.17969 0.0703125 9.25 0.1875 9.25H2.25V10.1875C2.25 10.5156 2.48438 10.75 2.8125 10.75H3.9375C4.24219 10.75 4.5 10.5156 4.5 10.1875V9.25H11.8125C11.9062 9.25 12 9.17969 12 9.0625V8.6875C12 8.59375 11.9062 8.5 11.8125 8.5ZM3.75 10H3V7.75H3.75V10ZM11.8125 1.75H6V0.8125C6 0.507812 5.74219 0.25 5.4375 0.25H4.3125C3.98438 0.25 3.75 0.507812 3.75 0.8125V1.75H0.1875C0.0703125 1.75 0 1.84375 0 1.9375V2.3125C0 2.42969 0.0703125 2.5 0.1875 2.5H3.75V3.4375C3.75 3.76562 3.98438 4 4.3125 4H5.4375C5.74219 4 6 3.76562 6 3.4375V2.5H11.8125C11.9062 2.5 12 2.42969 12 2.3125V1.9375C12 1.84375 11.9062 1.75 11.8125 1.75ZM5.25 3.25H4.5V1H5.25V3.25ZM11.8125 5.125H9.75V4.1875C9.75 3.88281 9.49219 3.625 9.1875 3.625H8.0625C7.73438 3.625 7.5 3.88281 7.5 4.1875V5.125H0.1875C0.0703125 5.125 0 5.21875 0 5.3125V5.6875C0 5.80469 0.0703125 5.875 0.1875 5.875H7.5V6.8125C7.5 7.14062 7.73438 7.375 8.0625 7.375H9.1875C9.49219 7.375 9.75 7.14062 9.75 6.8125V5.875H11.8125C11.9062 5.875 12 5.80469 12 5.6875V5.3125C12 5.21875 11.9062 5.125 11.8125 5.125ZM9 6.625H8.25V4.375H9V6.625Z\" fill=\"currentColor\"\/><title>filter<\/title><\/svg>\n        <\/button>\n                                        <div @click=\"open = ! open\">\n                <button class=\"form-select sorter-options mr-3 bg-grey-darker whitespace-nowrap border-0 px-8 py-3 rounded-filter text-11 md:text-16\"\n                    x-data=\"{id: 0}\"\n                    @click=\"$dispatch('open-filter-option',{id})\"\n                >\n                    Categorie                <\/button>\n            <\/div>\n                                                        <div @click=\"open = ! open\">\n                <button class=\"form-select sorter-options mr-3 bg-grey-darker whitespace-nowrap border-0 px-8 py-3 rounded-filter text-11 md:text-16\"\n                    x-data=\"{id: 1}\"\n                    @click=\"$dispatch('open-filter-option',{id})\"\n                >\n                    Prijs                <\/button>\n            <\/div>\n                                                                                                <div @click=\"open = ! open\">\n                <button class=\"form-select sorter-options mr-3 bg-grey-darker whitespace-nowrap border-0 px-8 py-3 rounded-filter text-11 md:text-16\"\n                    x-data=\"{id: 2}\"\n                    @click=\"$dispatch('open-filter-option',{id})\"\n                >\n                    Merk                <\/button>\n            <\/div>\n                                                        <div @click=\"open = ! open\">\n                <button class=\"form-select sorter-options mr-3 bg-grey-darker whitespace-nowrap border-0 px-8 py-3 rounded-filter text-11 md:text-16\"\n                    x-data=\"{id: 3}\"\n                    @click=\"$dispatch('open-filter-option',{id})\"\n                >\n                    Vorm                <\/button>\n            <\/div>\n                                                        <div @click=\"open = ! open\">\n                <button class=\"form-select sorter-options mr-3 bg-grey-darker whitespace-nowrap border-0 px-8 py-3 rounded-filter text-11 md:text-16\"\n                    x-data=\"{id: 4}\"\n                    @click=\"$dispatch('open-filter-option',{id})\"\n                >\n                    Materiaal                <\/button>\n            <\/div>\n                                                        <div @click=\"open = ! open\">\n                <button class=\"form-select sorter-options mr-3 bg-grey-darker whitespace-nowrap border-0 px-8 py-3 rounded-filter text-11 md:text-16\"\n                    x-data=\"{id: 5}\"\n                    @click=\"$dispatch('open-filter-option',{id})\"\n                >\n                    Potkleur                <\/button>\n            <\/div>\n                                                                                                                                                                                                                                                                                                                                                                                                            <div @click=\"open = ! open\">\n                <button class=\"form-select sorter-options mr-3 bg-grey-darker whitespace-nowrap border-0 px-8 py-3 rounded-filter text-11 md:text-16\"\n                    x-data=\"{id: 6}\"\n                    @click=\"$dispatch('open-filter-option',{id})\"\n                >\n                    Pothoogte                <\/button>\n            <\/div>\n                                                                                                                    <div @click=\"open = ! open\">\n                <button class=\"form-select sorter-options mr-3 bg-grey-darker whitespace-nowrap border-0 px-8 py-3 rounded-filter text-11 md:text-16\"\n                    x-data=\"{id: 7}\"\n                    @click=\"$dispatch('open-filter-option',{id})\"\n                >\n                    Potdiameter                <\/button>\n            <\/div>\n                                    <\/div>\n\n    <button @click=\"open = ! open; stopBodyScroll()\" class=\"text-sm flex flex-row justify-center items-center border-0 md:hidden\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"11\" viewBox=\"0 0 12 11\" fill=\"none\" class=\"mr-2\" role=\"img\"><path d=\"M11.8125 8.5H4.5V7.5625C4.5 7.25781 4.24219 7 3.9375 7H2.8125C2.48438 7 2.25 7.25781 2.25 7.5625V8.5H0.1875C0.0703125 8.5 0 8.59375 0 8.6875V9.0625C0 9.17969 0.0703125 9.25 0.1875 9.25H2.25V10.1875C2.25 10.5156 2.48438 10.75 2.8125 10.75H3.9375C4.24219 10.75 4.5 10.5156 4.5 10.1875V9.25H11.8125C11.9062 9.25 12 9.17969 12 9.0625V8.6875C12 8.59375 11.9062 8.5 11.8125 8.5ZM3.75 10H3V7.75H3.75V10ZM11.8125 1.75H6V0.8125C6 0.507812 5.74219 0.25 5.4375 0.25H4.3125C3.98438 0.25 3.75 0.507812 3.75 0.8125V1.75H0.1875C0.0703125 1.75 0 1.84375 0 1.9375V2.3125C0 2.42969 0.0703125 2.5 0.1875 2.5H3.75V3.4375C3.75 3.76562 3.98438 4 4.3125 4H5.4375C5.74219 4 6 3.76562 6 3.4375V2.5H11.8125C11.9062 2.5 12 2.42969 12 2.3125V1.9375C12 1.84375 11.9062 1.75 11.8125 1.75ZM5.25 3.25H4.5V1H5.25V3.25ZM11.8125 5.125H9.75V4.1875C9.75 3.88281 9.49219 3.625 9.1875 3.625H8.0625C7.73438 3.625 7.5 3.88281 7.5 4.1875V5.125H0.1875C0.0703125 5.125 0 5.21875 0 5.3125V5.6875C0 5.80469 0.0703125 5.875 0.1875 5.875H7.5V6.8125C7.5 7.14062 7.73438 7.375 8.0625 7.375H9.1875C9.49219 7.375 9.75 7.14062 9.75 6.8125V5.875H11.8125C11.9062 5.875 12 5.80469 12 5.6875V5.3125C12 5.21875 11.9062 5.125 11.8125 5.125ZM9 6.625H8.25V4.375H9V6.625Z\" fill=\"currentColor\"\/><title>filter<\/title><\/svg>\n        <span>Filters<\/span>\n    <\/button>\n\n    <div x-cloak>\n        <div class=\"backdrop z-50\"\n            x-show=\"open\"\n            x-transition:enter=\"ease-in-out duration-500\"\n            x-transition:enter-start=\"opacity-0\"\n            x-transition:enter-end=\"opacity-100\"\n            x-transition:leave=\"ease-in-out duration-500\"\n            x-transition:leave-start=\"opacity-100\"\n            x-transition:leave-end=\"opacity-0\"\n            @click=\"open = false; stopBodyScroll()\"\n            aria-label=\"Close panel\"><\/div>\n        <div id=\"mobile-filter-menu\" class=\"w-screen md:max-w-md shadow-2xl fixed right-0 top-24 md:top-0 bottom-0 bg-panel rounded-t-lg md:rounded-none overflow-y-auto z-50\"\n            x-show=\"open\"\n            x-transition:enter=\"transform transition ease-in-out duration-250\"\n            x-transition:enter-start=\"translate-y-full md:translate-y-0 md:translate-x-full\"\n            x-transition:enter-end=\"translate-y-0 md:translate-x-0 opacity-1\"\n            x-transition:leave=\"transform transition ease-in-out duration-250\"\n            x-transition:leave-start=\"translate-y-0 md:translate-x-0\"\n            x-transition:leave-end=\"translate-y-full md:translate-y-0 md:translate-x-full\"\n        >\n            <div class=\"sidebar-inner h-full\"\n                x-data=\"initLayeredNavigation()\"\n                x-init=\"init()\"\n                @resize.window.debounce=\"checkIsMobileResolution()\"\n                @visibilitychange.window.debounce=\"checkIsMobileResolution()\"\n            >\n                <div class=\"filter h-full\">\n                    <div class=\"filter-nav px-5 md:px-10 md:pt-10 block bg-panel z-30 h-full flex flex-col\">\n                        <div class=\"z-50 sticky min-h-[4rem] top-0 bg-white block-title h-10 flex items-center justify-between\"\n                            @click=\"blockOpen = !blockOpen;\"\n                        >\n                            <span class=\"text-lg md:text-2xl font-bold\">\n                                Filteren                            <\/span>\n                            <button @click=\"$dispatch('close-filters')\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"16\" viewBox=\"0 0 16 17\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\"><path d=\"M15.1855 13.752C15.4785 14.0775 15.625 14.4518 15.625 14.875C15.625 15.2982 15.4785 15.6725 15.1855 15.998C14.86 16.291 14.4857 16.4375 14.0625 16.4375C13.6393 16.4375 13.265 16.291 12.9395 15.998L7.8125 10.8223L2.68555 15.998C2.36003 16.291 1.98568 16.4375 1.5625 16.4375C1.13932 16.4375 0.764974 16.291 0.439453 15.998C0.146484 15.6725 0 15.2982 0 14.875C0 14.4518 0.146484 14.0775 0.439453 13.752L5.61523 8.625L0.439453 3.49805C0.146484 3.17253 0 2.79818 0 2.375C0 1.95182 0.146484 1.57747 0.439453 1.25195C0.764974 0.958984 1.13932 0.8125 1.5625 0.8125C1.98568 0.8125 2.36003 0.958984 2.68555 1.25195L7.8125 6.42773L12.9395 1.25195C13.265 0.958984 13.6393 0.8125 14.0625 0.8125C14.4857 0.8125 14.86 0.958984 15.1855 1.25195C15.4785 1.57747 15.625 1.95182 15.625 2.375C15.625 2.79818 15.4785 3.17253 15.1855 3.49805L10.0098 8.625L15.1855 13.752Z\" fill=\"currentColor\"\/><title>close<\/title><\/svg>\n                            <\/button>\n                        <\/div>\n                        <div class=\"mobile block md:hidden block-content filter-content pt-3\">\n                                                                                                                                                        <div class=\"filter-option card my-4 cat\" x-data=\"{ open: false }\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open;\">\n                                            <span class=\"title text-md text-lg font-semibold\">\n                                                Categorie                                            <\/span>\n                                            <span class=\"mr-1 block transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n                                            @open-filter-option.window=\"if ($event.detail.id === 0) open = true\"\n                                        >\n                                            \n<ol class=\"items\">\n                    <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/grote-bloempotten', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/grote-bloempotten\">\n                                        Grote bloempotten                                            (<span class=\"count\">675<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/watergevend', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/watergevend\">\n                                        Watergevende potten                                            (<span class=\"count\">62<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/exclusief', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/exclusief\">\n                                        Exclusieve potten                                            (<span class=\"count\">353<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/hangpotten', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/hangpotten\">\n                                        Hangpotten                                            (<span class=\"count\">25<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/lichtgewicht', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/lichtgewicht\">\n                                        Lichtgewicht potten                                            (<span class=\"count\">554<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/betonlook', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/betonlook\">\n                                        Betonlook potten                                            (<span class=\"count\">641<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/bloempotten-buiten', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/bloempotten-buiten\">\n                                        Bloempotten buiten                                            (<span class=\"count\">996<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/vazen', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/vazen\">\n                                        Vazen en kruiken                                            (<span class=\"count\">166<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/verrijdbare-bloempotten', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/verrijdbare-bloempotten\">\n                                        Verrijdbare bloempotten                                            (<span class=\"count\">12<\/span>)\n                                    <\/a>\n                                    <\/span>\n            <\/ol>\n                                        <\/div>\n                                    <\/div>\n                                                                                                                                                                    <div class=\"filter-option card my-4 price\" x-data=\"{ open: false }\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open;\">\n                                            <span class=\"title text-md text-lg font-semibold\">\n                                                Prijs                                            <\/span>\n                                            <span class=\"mr-1 block transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n                                            @open-filter-option.window=\"if ($event.detail.id === 1) open = true\"\n                                        >\n                                            \n\n<script>\n    function rangeSlider_6ada639f6103f(options, isPriceSlider) {\n        \"use strict\";\n\n        return {\n            options: options,\n            priceSlider: isPriceSlider,\n            lastThumbUpdatedMax: true,\n            minfocused: false,\n            maxfocused: false,\n            sliderZindex: 20,\n            messageTemplates: {\n                \"displayOne\": '<span class=\"msg\">1 product<\/span>',\n                \"displayCount\": '<span class=\"msg\"><%- count %> producten<\/span>',\n                \"displayEmpty\": '<span class=\"msg-error\">No items in the current range.<\/span>'\n            },\n            minprice: 0,\n            maxprice: 0,\n            fromLabel: '',\n            toLabel: '',\n            min: 0,\n            max: 0,\n            minZindex: 0,\n            maxZindex: 0,\n            minthumb: 0,\n            maxthumb: 0,\n            message: '',\n            url: '',\n            showAdaptiveSlider: false,\n            intervals: [],\n\n            initialize: function () {\n                this.options = Object.assign({}, this.options, options);\n                this.url = this.options.urlTemplate;\n\n                if (this.options.sliderZindex !== undefined) {\n                    this.sliderZindex = this.options.sliderZindex;\n                }\n\n                this.showAdaptiveSlider =  false;\n                if (this.options.showAdaptiveSlider !== undefined) {\n                    this.showAdaptiveSlider = this.options.showAdaptiveSlider;\n                }\n\n                if (this.options.maxLabelOffset === undefined) {\n                    this.options.maxLabelOffset = 0.01;\n                }\n\n                if (this.options.rate === undefined) {\n                    this.options.rate = 1.0000;\n                }\n\n                if (this.showAdaptiveSlider) {\n                    this._initAdaptiveSliderValues();\n                } else {\n                    this._initSliderValues();\n                }\n\n                this.mintrigger();\n                this.maxtrigger();\n            },\n            _initSliderValues: function () {\n                this.rate = parseFloat(this.options.rate);\n                this.minprice = Math.floor(this.options.currentValue.from * this.rate);\n                this.maxprice = Math.round(this.options.currentValue.to * this.rate);\n                this.intervals    = this.options.intervals.map(\n                    function(item) { item.value = Math.round(item.value * this.rate); return item}.bind(this)\n                );\n                this.min = Math.floor(this.options.minValue * this.rate);\n                this.max = Math.round(this.options.maxValue * this.rate);\n            },\n\n            _initAdaptiveSliderValues: function () {\n                this.intervals = this.options.adaptiveIntervals;\n                this.options.adaptiveIntervals[0].value = Math.floor(this.options.adaptiveIntervals[0].value);\n                this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));\n                this.rate = parseFloat(this.options.rate);\n                this.intervals = this.intervals.map(\n                    function(item) { item.originalValue = Math.ceil(item.originalValue * this.rate); return item}.bind(this)\n                );\n                this.min = this.intervals[0].value;\n                this.max = this.intervals[this.intervals.length - 1].value;\n            },\n            mintrigger: function () {\n                this.lastThumbUpdatedMax = false;\n                this.validation();\n                this.minprice = this._getClosestAdaptiveValue(Math.min(this.minprice, this.maxprice));\n                this.minthumb = ((this.minprice - this.min) \/ (this.max - this.min)) * 100;\n                this._onChangeAfter();\n            },\n            maxtrigger: function () {\n                this.lastThumbUpdatedMax = true;\n                this.validation();\n                this.maxprice = this._getClosestAdaptiveValue(Math.max(this.maxprice, this.minprice));\n                this.maxthumb = ((this.maxprice - this.min) \/ (this.max - this.min)) * 100;\n                this._onChangeAfter();\n            },\n            updateFocusState: function (targetName, stateValue) {\n                this[`${targetName}focused`] = stateValue\n            },\n            _onChangeAfter: function () {\n                this._updateSliderZindexes();\n                this._applyRange();\n                this._refreshDisplay();\n            },\n            validation: function () {\n                if (\/^[\\d.]*$\/.test(this.minprice)) {\n                    if (this.minprice > this.max) {\n                        this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                    }\n                    if (this.minprice < this.min) {\n                        this.minprice = this.min;\n                    }\n                } else {\n                    this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                }\n                if (\/^[\\d.]*$\/.test(this.maxprice)) {\n                    if (this.maxprice > this.max) {\n                        this.maxprice = this.max;\n                    }\n                    if (this.maxprice < this.min) {\n                        this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));\n                    }\n                } else {\n                    this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to))\n                }\n            },\n            getItemCount: function () {\n                var from = this.minprice, to = this.maxprice, intervals = this.intervals;\n                return intervals.map(function (item) {\n                    return item.value >= from && item.value < to ? item.count : 0;\n                })\n                    .reduce(function (a, b) {\n                        return a + b;\n                    });\n            },\n            _refreshDisplay: function () {\n                this.count = this.getItemCount();\n                let minprice = this._getOriginalValue(this.minprice);\n                if (minprice >= this._getOriginalValue(this.max) ) {\n                    minprice = this._getOriginalValue(this.max) - this.options.maxLabelOffset;\n                }\n                this.fromLabel = this._formatLabel(minprice);\n\n                let maxprice = this._getOriginalValue(this.maxprice) - this.options.maxLabelOffset;\n                if (maxprice < this._getOriginalValue(this.min)) {\n                    maxprice = this._getOriginalValue(this.maxprice);\n                }\n                this.toLabel = this._formatLabel(maxprice);\n\n                var messageTemplate = this.messageTemplates[this.count > 0 ? (this.count > 1 ? 'displayCount' : 'displayOne') : 'displayEmpty'];\n                this.message = this._unescape(messageTemplate.replace('<%- count %>', this.count));\n            },\n            _formatLabel: function (value) {\n                var formattedValue = value;\n\n                if (this.priceSlider && this.options.fieldFormat) {\n                    formattedValue = this._formatPrice(value);\n                } else if (this.options.fieldFormat) {\n                    var pattern = this.options.fieldFormat.pattern || '%s';\n                    formattedValue = pattern.replace(\n                        '%s',\n                        Number.parseFloat(formattedValue).toFixed(this.options.fieldFormat.precision)\n                    );\n                }\n\n                return formattedValue;\n            },\n            _formatPrice: function (value) {\n                var formatter = new Intl.NumberFormat(\n                    document.documentElement.lang,\n                    {\n                        style: 'currency',\n                        currency: 'EUR',\n                    }\n                );\n\n                return formatter.format(value);\n            },\n            _applyRange: function () {\n                var range = {\n                    from : this._getOriginalValue(this.minprice) * (1 \/ this.rate),\n                    to   : this._getOriginalValue(this.maxprice) * (1 \/ this.rate),\n                };\n\n                this.url = this._unescape(this.options.urlTemplate.replace('<%- from %>', range.from).replace('<%- to %>', range.to));\n            },\n            _updateSliderZindexes: function () {\n                this.minZindex = this.sliderZindex;\n                this.maxZindex = this.sliderZindex;\n                if (this.minprice == this.maxprice) {\n                    if (this.minprice === this.min || (this.minprice !== this.min && this.lastThumbUpdatedMax)) {\n                        this.maxZindex = this.sliderZindex + 1;\n                    }\n\n                    if (this.maxprice === this.max || (this.maxprice !== this.max && !this.lastThumbUpdatedMax)) {\n                        this.minZindex = this.sliderZindex + 1;\n                    }\n\n                }\n            },\n            _getAdaptiveValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var adaptiveValue = this.intervals[0].value;\n                var found = false;\n                this.intervals.forEach(function (item) {\n                    if (found === false && item.originalValue === value) {\n                        adaptiveValue = item.value;\n                        found = true;\n                    }\n\n                    if (found === false && item.originalValue < value) {\n                        adaptiveValue = item.value;\n                    }\n                });\n\n                return adaptiveValue;\n            },\n\n            _getClosestAdaptiveValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var closestValue = this.intervals[0].value;\n                var found = false;\n                this.intervals.forEach(function (item) {\n                    if (item.value === value) {\n                        closestValue = value;\n                        found = true;\n                    }\n\n                    if (found === false && item.value < value) {\n                        closestValue = item.value;\n                    }\n                });\n\n                return closestValue;\n            },\n\n            _getOriginalValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var originalValue = null;\n                this.intervals.forEach(function (item) {\n                    if (item.value === value) {\n                        originalValue = item.originalValue;\n                    }\n                });\n\n                return originalValue;\n            },\n\n            _unescape: function (str) {\n                return str.replace(\/&lt;%|%3C%\/g, '<%').replace(\/%&gt;|%%3E\/g, '%>');\n            },\n        }\n    }\n<\/script>\n<style>\n    input[type=range]::-webkit-slider-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n\n    input[type=range]::-moz-range-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n\n    input[type=range]::-ms-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n<\/style>\n<div class=\"smile-es-range-slider\" data-role=\"range-price-slider-price\">\n    <div x-data=\"rangeSlider_6ada639f6103f(&#x7B;&quot;minValue&quot;&#x3A;3,&quot;maxValue&quot;&#x3A;2950,&quot;currentValue&quot;&#x3A;&#x7B;&quot;from&quot;&#x3A;3,&quot;to&quot;&#x3A;2950&#x7D;,&quot;fieldFormat&quot;&#x3A;&#x7B;&quot;pattern&quot;&#x3A;&quot;&#x5C;u20ac&#x5C;u00a0&#x25;s&quot;,&quot;precision&quot;&#x3A;2,&quot;requiredPrecision&quot;&#x3A;2,&quot;decimalSymbol&quot;&#x3A;&quot;,&quot;,&quot;groupSymbol&quot;&#x3A;&quot;.&quot;,&quot;groupLength&quot;&#x3A;3,&quot;integerRequired&quot;&#x3A;false&#x7D;,&quot;intervals&quot;&#x3A;&#x5B;&#x7B;&quot;value&quot;&#x3A;3,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;4,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;5,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;6,&quot;count&quot;&#x3A;19&#x7D;,&#x7B;&quot;value&quot;&#x3A;7,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;8,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;9,&quot;count&quot;&#x3A;12&#x7D;,&#x7B;&quot;value&quot;&#x3A;10,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;12,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;13,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;14,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;15,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;16,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;17,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;18,&quot;count&quot;&#x3A;10&#x7D;,&#x7B;&quot;value&quot;&#x3A;19,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;21,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;22,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;23,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;24,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;25,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;27,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;28,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;29,&quot;count&quot;&#x3A;10&#x7D;,&#x7B;&quot;value&quot;&#x3A;31,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;32,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;33,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;34,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;36,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;37,&quot;count&quot;&#x3A;12&#x7D;,&#x7B;&quot;value&quot;&#x3A;38,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;39,&quot;count&quot;&#x3A;22&#x7D;,&#x7B;&quot;value&quot;&#x3A;41,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;42,&quot;count&quot;&#x3A;12&#x7D;,&#x7B;&quot;value&quot;&#x3A;43,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;44,&quot;count&quot;&#x3A;20&#x7D;,&#x7B;&quot;value&quot;&#x3A;47,&quot;count&quot;&#x3A;27&#x7D;,&#x7B;&quot;value&quot;&#x3A;48,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;49,&quot;count&quot;&#x3A;16&#x7D;,&#x7B;&quot;value&quot;&#x3A;51,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;52,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;54,&quot;count&quot;&#x3A;23&#x7D;,&#x7B;&quot;value&quot;&#x3A;56,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;57,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;58,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;59,&quot;count&quot;&#x3A;40&#x7D;,&#x7B;&quot;value&quot;&#x3A;61,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;62,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;63,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;64,&quot;count&quot;&#x3A;17&#x7D;,&#x7B;&quot;value&quot;&#x3A;66,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;67,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;68,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;69,&quot;count&quot;&#x3A;34&#x7D;,&#x7B;&quot;value&quot;&#x3A;71,&quot;count&quot;&#x3A;14&#x7D;,&#x7B;&quot;value&quot;&#x3A;72,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;74,&quot;count&quot;&#x3A;27&#x7D;,&#x7B;&quot;value&quot;&#x3A;76,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;77,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;78,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;79,&quot;count&quot;&#x3A;19&#x7D;,&#x7B;&quot;value&quot;&#x3A;81,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;82,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;83,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;84,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;87,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;88,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;89,&quot;count&quot;&#x3A;23&#x7D;,&#x7B;&quot;value&quot;&#x3A;91,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;92,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;93,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;94,&quot;count&quot;&#x3A;15&#x7D;,&#x7B;&quot;value&quot;&#x3A;96,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;97,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;98,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;99,&quot;count&quot;&#x3A;33&#x7D;,&#x7B;&quot;value&quot;&#x3A;104,&quot;count&quot;&#x3A;18&#x7D;,&#x7B;&quot;value&quot;&#x3A;107,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;109,&quot;count&quot;&#x3A;27&#x7D;,&#x7B;&quot;value&quot;&#x3A;111,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;112,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;114,&quot;count&quot;&#x3A;15&#x7D;,&#x7B;&quot;value&quot;&#x3A;116,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;117,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;118,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;119,&quot;count&quot;&#x3A;34&#x7D;,&#x7B;&quot;value&quot;&#x3A;124,&quot;count&quot;&#x3A;22&#x7D;,&#x7B;&quot;value&quot;&#x3A;127,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;129,&quot;count&quot;&#x3A;18&#x7D;,&#x7B;&quot;value&quot;&#x3A;131,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;132,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;133,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;134,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;139,&quot;count&quot;&#x3A;28&#x7D;,&#x7B;&quot;value&quot;&#x3A;144,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;147,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;149,&quot;count&quot;&#x3A;24&#x7D;,&#x7B;&quot;value&quot;&#x3A;154,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;159,&quot;count&quot;&#x3A;38&#x7D;,&#x7B;&quot;value&quot;&#x3A;162,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;164,&quot;count&quot;&#x3A;20&#x7D;,&#x7B;&quot;value&quot;&#x3A;167,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;169,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;171,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;174,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;179,&quot;count&quot;&#x3A;29&#x7D;,&#x7B;&quot;value&quot;&#x3A;184,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;189,&quot;count&quot;&#x3A;22&#x7D;,&#x7B;&quot;value&quot;&#x3A;190,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;194,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;197,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;199,&quot;count&quot;&#x3A;31&#x7D;,&#x7B;&quot;value&quot;&#x3A;204,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;209,&quot;count&quot;&#x3A;15&#x7D;,&#x7B;&quot;value&quot;&#x3A;214,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;219,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;228,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;229,&quot;count&quot;&#x3A;15&#x7D;,&#x7B;&quot;value&quot;&#x3A;234,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;237,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;239,&quot;count&quot;&#x3A;23&#x7D;,&#x7B;&quot;value&quot;&#x3A;244,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;249,&quot;count&quot;&#x3A;28&#x7D;,&#x7B;&quot;value&quot;&#x3A;254,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;259,&quot;count&quot;&#x3A;18&#x7D;,&#x7B;&quot;value&quot;&#x3A;264,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;269,&quot;count&quot;&#x3A;15&#x7D;,&#x7B;&quot;value&quot;&#x3A;271,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;274,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;279,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;284,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;289,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;294,&quot;count&quot;&#x3A;10&#x7D;,&#x7B;&quot;value&quot;&#x3A;299,&quot;count&quot;&#x3A;19&#x7D;,&#x7B;&quot;value&quot;&#x3A;309,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;314,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;319,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;324,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;329,&quot;count&quot;&#x3A;14&#x7D;,&#x7B;&quot;value&quot;&#x3A;339,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;349,&quot;count&quot;&#x3A;16&#x7D;,&#x7B;&quot;value&quot;&#x3A;354,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;359,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;364,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;369,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;379,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;384,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;389,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;399,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;409,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;419,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;424,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;429,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;439,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;444,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;449,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;459,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;469,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;474,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;479,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;489,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;499,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;519,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;529,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;539,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;549,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;559,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;569,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;579,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;584,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;589,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;594,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;599,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;619,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;639,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;649,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;659,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;674,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;689,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;694,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;699,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;719,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;729,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;739,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;749,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;759,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;769,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;779,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;799,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;819,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;849,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;869,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;874,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;899,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;919,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;949,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;999,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;1049,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;1149,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;1179,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1299,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1349,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1399,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;1499,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1549,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1599,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;1699,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1839,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1899,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1989,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1999,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;2099,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;2249,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;2399,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;2949,&quot;count&quot;&#x3A;2&#x7D;&#x5D;,&quot;adaptiveIntervals&quot;&#x3A;&#x5B;&#x5D;,&quot;showAdaptiveSlider&quot;&#x3A;false,&quot;urlTemplate&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.fleur.nl&#x5C;&#x2F;bloempotten&#x5C;&#x2F;bloempotten-soorten&#x3F;ajax&#x3D;1&amp;price&#x3D;&lt;&#x25;-&#x20;from&#x20;&#x25;&gt;-&lt;&#x25;-&#x20;to&#x20;&#x25;&gt;&quot;,&quot;messageTemplates&quot;&#x3A;&#x7B;&quot;displayOne&quot;&#x3A;&quot;1&#x20;artikel&quot;,&quot;displayCount&quot;&#x3A;&quot;&lt;&#x25;-&#x20;count&#x20;&#x25;&gt;&#x20;producten&quot;,&quot;displayEmpty&quot;&#x3A;&quot;Geen&#x20;producten&#x20;in&#x20;het&#x20;geselecteerde&#x20;bereik.&quot;&#x7D;,&quot;rate&quot;&#x3A;1&#x7D;, '1')\" x-init=\"initialize()\" class=\"relative max-w-xl w-full\">\n        <div>\n            <input id=\"min__6ada639f6103f\" type=\"range\" step=\"1\" x-bind:min=\"min\" x-bind:max=\"max\"\n                   x-on:change=\"applyFilters($event, `${url}`, 'price', true)\"\n                   x-on:input=\"mintrigger\" x-model=\"minprice\" class=\"absolute pointer-events-none appearance-none z-20 h-1 w-full opacity-0 cursor-pointer\">\n            <input id=\"max__6ada639f6103f\" type=\"range\" step=\"1\" x-bind:min=\"min\" x-bind:max=\"max\"\n                   x-on:change=\"applyFilters($event, `${url}`, 'price', true)\"\n                   x-on:input=\"maxtrigger\" x-model=\"maxprice\" class=\"absolute pointer-events-none appearance-none z-20 h-1 w-full opacity-0 cursor-pointer\">\n\n            <div class=\"relative mt-5 mb-10 z-10 h-1\">\n                <div class=\"absolute z-10 left-0 right-0 bottom-0 top-0 rounded-md bg-grey pointer-events-none\"><\/div>\n                <div class=\"absolute z-20 top-0 bottom-0 rounded-md bg-black pointer-events-none\" x-bind:style=\"'right:'+ (100 - maxthumb)+'%; left:'+ minthumb+'%'\"><\/div>\n                <div class=\"absolute z-30 w-6 h-6 top-0 left-0 bg-white border shadow rounded-full -mt-2.5\" x-bind:style=\"'left: '+(minthumb - 3)+'%'\"><\/div>\n                <div class=\"absolute z-30 w-6 h-6 top-0 right-0 bg-white border shadow rounded-full -mt-2.5\" x-bind:style=\"'left: '+ (maxthumb - 5) +'%'\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"flex justify-between items-center mb-8\">\n            <div>\n                <input type=\"text\" x-model=\"minprice\"\n                       x-on:change=\" mintrigger(); applyFilters($event, `${url}`, 'price', true)\"\n                       class=\"px-3 py-2 border rounded-lg w-24 text-center\" \/>\n                                <br\/>\n                    <span x-model=\"minprice\" x-text=\"fromLabel\" class=\"px-3 py-2 w-24 text-center\"><\/span>\n                            <\/div>\n            <div class=\"text-sm\">naar<\/div>\n            <div>\n                <input type=\"text\" x-model=\"maxprice\"\n                       x-on:change=\"maxtrigger(); applyFilters($event, `${url}`, 'price', true);\"\n                       class=\"px-3 py-2 border rounded-lg w-24 text-center\" \/>\n\n                                <br\/>\n                    <span x-model=\"maxprice\" x-text=\"toLabel\" class=\"px-3 py-2 w-24 text-center\"><\/span>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                                                                                                                                                                                                                                            <div class=\"filter-option card my-4 specifications_bloempotten_brand\" x-data=\"{ open: false }\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open;\">\n                                            <span class=\"title text-md text-lg font-semibold\">\n                                                Merk                                            <\/span>\n                                            <span class=\"mr-1 block transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n                                            @open-filter-option.window=\"if ($event.detail.id === 2) open = true\"\n                                        >\n                                                    <script>\n    function initSmileAttibute_6ada639f6183e() {\n        \"use strict\";\n\n        return {\n            options             : {\"component\":\"Smile_ElasticsuiteCatalog\\\/js\\\/attribute-filter\",\"maxSize\":10,\"displayProductCount\":true,\"hasMoreItems\":true,\"displayRelNofollow\":\"\",\"ajaxLoadUrl\":\"https:\\\/\\\/www.fleur.nl\\\/catalog\\\/navigation_filter\\\/ajax\\\/id\\\/829\\\/?ajax=1&cat=829&filterName=specifications_bloempotten_brand\",\"items\":[{\"label\":\"Artstone\",\"count\":23,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Artstone\",\"is_selected\":false},{\"label\":\"Baq\",\"count\":290,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Baq\",\"is_selected\":false},{\"label\":\"Capi\",\"count\":63,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Capi\",\"is_selected\":false},{\"label\":\"Drypot Ratan\",\"count\":14,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Drypot+Ratan\",\"is_selected\":false},{\"label\":\"Elho\",\"count\":109,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Elho\",\"is_selected\":false},{\"label\":\"Isaa\",\"count\":45,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Isaa\",\"is_selected\":false},{\"label\":\"Laos\",\"count\":9,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Laos\",\"is_selected\":false},{\"label\":\"Lechuza\",\"count\":50,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Lechuza\",\"is_selected\":false},{\"label\":\"Luca Lifestyle\",\"count\":161,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Luca+Lifestyle\",\"is_selected\":false},{\"label\":\"Pottery Pots\",\"count\":354,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Pottery+Pots\",\"is_selected\":false}]},\n            searchLabel         : 'Zoeken (%s)',\n            showMoreLabel       : 'Toon meer',\n            showLessLabel       : 'Minder weergeven',\n            noSearchResultLabel : 'Geen waarde die overeenkomt met de zoekopdracht <b>%s<\/b>.',\n            items               : [],\n            \/**\n             * Component initialization\n             *\/\n            initialize: function () {\n                this.expanded = false;\n\n                this.items = this.options.items.map(this.addItemId.bind(this));\n\n                var lastSelectedIndex = Math.max.apply(null, (this.items.map(\n                    function (v, k) {return v['is_selected'] ? k : 0;}))\n                );\n                this.maxSize = Math.max(this.options.maxSize, lastSelectedIndex + 1);\n\n                this.initSearchPlaceholder();\n                this.onShowLess();\n                this.displaySearch = this.displayShowMore();\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Init the place holder\n             *\/\n            initSearchPlaceholder: function () {\n                var examples = this.items.slice(0, 2).map(function (item) {return item.label});\n\n                if (this.items.length > 2) {\n                    examples.push('...');\n                }\n\n                \/\/ Tip to make html chars interpretable by the browser when the value is get from JS.\n                let placeholder = document.createElement('div');\n                placeholder.innerHTML = this.searchLabel.replace('%s', examples.join(', '));\n\n                this.searchPlaceholder = placeholder.textContent;\n            },\n\n            \/**\n             * Triggered when typing on the search input\n             *\/\n            onSearchChange: function (event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                    this.onShowLess();\n                } else {\n                    this.fulltextSearch = text;\n                    this.onShowMore();\n                }\n\n                return true;\n            },\n\n            \/**\n             * Triggered when leaving the search field.\n             *\/\n            onSearchFocusOut: function(event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                }\n            },\n\n            \/**\n             * Retrieve additional Results\n             *\n             * @param callback\n             *\/\n            loadAdditionalItems: function (callback) {\n                fetch(this.options.ajaxLoadUrl, {\n                    method: 'GET',\n                    headers: {\n                        'X-Requested-With': 'XMLHttpRequest',\n                    },\n                })\n                .then((response) =>  response.json())\n                .then((data) => {\n                        this.items = data.map(this.addItemId.bind(this));\n                        this.options.hasMoreItems = false;\n\n                        if (callback) {\n                            return callback();\n                        }\n                    }\n                );\n            },\n\n            \/**\n             * Retrieve items to display\n             *\n             * @returns {*}\n             *\/\n            getDisplayedItems: function () {\n                var items = this.items;\n\n                if (this.expanded === false) {\n                    items = this.items.slice(0, this.maxSize);\n                }\n\n                if (this.getFulltextSearch()) {\n                    var searchTokens    = this.slugify(this.getFulltextSearch()).split('-');\n                    var lastSearchToken = searchTokens.splice(-1, 1)[0];\n\n                    items = items.filter(function(item) {\n                        var isValidItem = true;\n                        var itemTokens = this.slugify(item.label).split('-');\n                        searchTokens.forEach(function(currentToken) {\n                            if (itemTokens.indexOf(currentToken) === -1) {\n                                isValidItem = false;\n                            }\n                        })\n                        if (isValidItem && lastSearchToken) {\n                            var ngrams = itemTokens.map(function(token) {return token.substring(0, lastSearchToken.length)});\n                            isValidItem = ngrams.indexOf(lastSearchToken) !== -1;\n                        }\n                        return isValidItem;\n                    }.bind(this))\n                }\n                this.result = items.length;\n                return items;\n            },\n\n            \/**\n             * Does the search have a result\n             *\/\n            hasSearchResult: function () {\n                return this.getDisplayedItems().length > 0\n            },\n\n            \/**\n             * Search result message\n             *\/\n            getSearchResultMessage : function() {\n                return this.noSearchResultLabel.replace(\"%s\", '\"' + this.getFulltextSearch() + '\"')\n            },\n\n            getFulltextSearch : function() {\n                return this.fulltextSearch;\n            },\n\n            \/**\n             * Callback for the \"Show more\" button\n             *\/\n            onShowMore: function () {\n                if (this.options.hasMoreItems) {\n                    this.loadAdditionalItems(this.onShowMore.bind(this));\n                } else {\n                    this.expanded = true;\n                }\n\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Index the text to be searched.\n             *\/\n            slugify: function(text) {\n                return text.toString().toLowerCase()\n                    .replace(\/\\s+\/g, '-')                                              \/\/ Replace spaces with -\n                    .replace(\/[^\\w\\u0400-\\u052F\\u2DE0-\\u2DFF\\uA640-\\uA69F'\\-]+\/g, '')  \/\/ Remove all non-word chars\n                    .replace(\/\\-\\-+\/g, '-')                                            \/\/ Replace multiple - with single -\n                    .replace(\/^-+\/, '')                                                \/\/ Trim - from start of text\n            },\n\n            \/**\n             * Callback for the \"Show less\" button\n             *\/\n            onShowLess: function () {\n                this.expanded = false;\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Check if the filter can be expanded\n             *\n             * @returns {boolean}\n             *\/\n            enableExpansion : function () {\n                return this.options.hasMoreItems || this.items.length > this.maxSize;\n            },\n\n            \/**\n             * Displays the \"Show More\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowMore: function () {\n                return this.enableExpansion() && this.expanded === false && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Displays the \"Show Less\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowLess: function () {\n                return this.enableExpansion() && this.expanded === true && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Add an id to items.\n             *\/\n            addItemId: function (item) {\n                item.id = Math.floor(Math.random() * 1000000) + \"_option_\";\n                item.displayProductCount = this.options.displayProductCount && (item.count >= 1);\n\n                return item;\n            },\n        };\n    };\n<\/script>\n\n    <div class=\"specifications_bloempotten_brandFilter\" x-data=\"initSmileAttibute_6ada639f6183e()\"\n         x-init=\"initialize();\">\n        <ol class=\"items\">\n            <template x-for=\"attribute in getDisplayedItems()\" hidden>\n                <li class=\"item my-2\">\n                    <a @click=\"applyFilters($event, `${attribute.url}`, 'specifications_bloempotten_brand')\"\n                       :id=\"'specifications_bloempotten_brand' + attribute.label\"\n                       :href=\"attribute.url\" x-show=\"attribute.count >= 1\" rel=\"nofollow\">\n                        <input type=\"checkbox\"\n                               :id=\"attribute.id\"\n                               :checked=\"attribute.is_selected\"\n                               onclick=\"this.parentNode.click();\"\/>\n                        <label :for=\"attribute.id\" class=\"ml-2\">\n                            <span x-html=\"attribute.label\"><\/span>\n                            <span class=\"text-sm\">(<span class=\"count\" x-text=\"attribute.count\"><\/span>)<\/span>\n                        <\/label>\n                    <\/a>\n\n                    <div x-show=\"attribute.count < 1\">\n                        <span x-html=\"attribute.label\"><\/span>\n                        <span class=\"count\" x-text=\"attribute.count\"><\/span>\n                    <\/div>\n                <\/li>\n            <\/template>\n        <\/ol>\n\n        <div class=\"no-results-message\" x-model=\"result\" x-show=\"getFulltextSearch() && !hasSearchResult()\"\n             class=\"empty\">\n            <p x-html=\"getSearchResultMessage()\"><\/p>\n        <\/div>\n\n        <div class=\"actions\" x-show=\"enableExpansion()\">\n            <div class=\"secondary\">\n                <a class=\"action show-more\" x-on:click=\"onShowMore()\" x-show=\"displayShowMore()\"><span\n                        x-text=\"showMoreLabel\"><\/span><\/a>\n                <a class=\"action show-less\" x-on:click=\"onShowLess()\" x-show=\"displayShowLess()\"><span\n                        x-text=\"showLessLabel\"><\/span><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                                        <\/div>\n                                    <\/div>\n                                                                                                                                                                    <div class=\"filter-option card my-4 specifications_bloempotten_shape\" x-data=\"{ open: false }\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open;\">\n                                            <span class=\"title text-md text-lg font-semibold\">\n                                                Vorm                                            <\/span>\n                                            <span class=\"mr-1 block transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n                                            @open-filter-option.window=\"if ($event.detail.id === 3) open = true\"\n                                        >\n                                                    <script>\n    function initSmileAttibute_6ada639f61af6() {\n        \"use strict\";\n\n        return {\n            options             : {\"component\":\"Smile_ElasticsuiteCatalog\\\/js\\\/attribute-filter\",\"maxSize\":10,\"displayProductCount\":true,\"hasMoreItems\":false,\"displayRelNofollow\":\"\",\"ajaxLoadUrl\":\"https:\\\/\\\/www.fleur.nl\\\/catalog\\\/navigation_filter\\\/ajax\\\/id\\\/829\\\/?ajax=1&cat=829&filterName=specifications_bloempotten_shape\",\"items\":[{\"label\":\"Breed\",\"count\":321,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Breed\",\"is_selected\":false},{\"label\":\"Hanger\",\"count\":29,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Hanger\",\"is_selected\":false},{\"label\":\"Hoog\",\"count\":519,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Hoog\",\"is_selected\":false},{\"label\":\"Op poten\",\"count\":29,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Op+poten\",\"is_selected\":false},{\"label\":\"Ovaal\",\"count\":68,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Ovaal\",\"is_selected\":false},{\"label\":\"Rechthoek\",\"count\":86,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Rechthoek\",\"is_selected\":false},{\"label\":\"Rond\",\"count\":1292,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Rond\",\"is_selected\":false},{\"label\":\"Schaal\",\"count\":121,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Schaal\",\"is_selected\":false},{\"label\":\"Vierkant\",\"count\":111,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Vierkant\",\"is_selected\":false},{\"label\":\"Zelf watergevende pot\",\"count\":56,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Zelf+watergevende+pot\",\"is_selected\":false}]},\n            searchLabel         : 'Zoeken (%s)',\n            showMoreLabel       : 'Toon meer',\n            showLessLabel       : 'Minder weergeven',\n            noSearchResultLabel : 'Geen waarde die overeenkomt met de zoekopdracht <b>%s<\/b>.',\n            items               : [],\n            \/**\n             * Component initialization\n             *\/\n            initialize: function () {\n                this.expanded = false;\n\n                this.items = this.options.items.map(this.addItemId.bind(this));\n\n                var lastSelectedIndex = Math.max.apply(null, (this.items.map(\n                    function (v, k) {return v['is_selected'] ? k : 0;}))\n                );\n                this.maxSize = Math.max(this.options.maxSize, lastSelectedIndex + 1);\n\n                this.initSearchPlaceholder();\n                this.onShowLess();\n                this.displaySearch = this.displayShowMore();\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Init the place holder\n             *\/\n            initSearchPlaceholder: function () {\n                var examples = this.items.slice(0, 2).map(function (item) {return item.label});\n\n                if (this.items.length > 2) {\n                    examples.push('...');\n                }\n\n                \/\/ Tip to make html chars interpretable by the browser when the value is get from JS.\n                let placeholder = document.createElement('div');\n                placeholder.innerHTML = this.searchLabel.replace('%s', examples.join(', '));\n\n                this.searchPlaceholder = placeholder.textContent;\n            },\n\n            \/**\n             * Triggered when typing on the search input\n             *\/\n            onSearchChange: function (event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                    this.onShowLess();\n                } else {\n                    this.fulltextSearch = text;\n                    this.onShowMore();\n                }\n\n                return true;\n            },\n\n            \/**\n             * Triggered when leaving the search field.\n             *\/\n            onSearchFocusOut: function(event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                }\n            },\n\n            \/**\n             * Retrieve additional Results\n             *\n             * @param callback\n             *\/\n            loadAdditionalItems: function (callback) {\n                fetch(this.options.ajaxLoadUrl, {\n                    method: 'GET',\n                    headers: {\n                        'X-Requested-With': 'XMLHttpRequest',\n                    },\n                })\n                .then((response) =>  response.json())\n                .then((data) => {\n                        this.items = data.map(this.addItemId.bind(this));\n                        this.options.hasMoreItems = false;\n\n                        if (callback) {\n                            return callback();\n                        }\n                    }\n                );\n            },\n\n            \/**\n             * Retrieve items to display\n             *\n             * @returns {*}\n             *\/\n            getDisplayedItems: function () {\n                var items = this.items;\n\n                if (this.expanded === false) {\n                    items = this.items.slice(0, this.maxSize);\n                }\n\n                if (this.getFulltextSearch()) {\n                    var searchTokens    = this.slugify(this.getFulltextSearch()).split('-');\n                    var lastSearchToken = searchTokens.splice(-1, 1)[0];\n\n                    items = items.filter(function(item) {\n                        var isValidItem = true;\n                        var itemTokens = this.slugify(item.label).split('-');\n                        searchTokens.forEach(function(currentToken) {\n                            if (itemTokens.indexOf(currentToken) === -1) {\n                                isValidItem = false;\n                            }\n                        })\n                        if (isValidItem && lastSearchToken) {\n                            var ngrams = itemTokens.map(function(token) {return token.substring(0, lastSearchToken.length)});\n                            isValidItem = ngrams.indexOf(lastSearchToken) !== -1;\n                        }\n                        return isValidItem;\n                    }.bind(this))\n                }\n                this.result = items.length;\n                return items;\n            },\n\n            \/**\n             * Does the search have a result\n             *\/\n            hasSearchResult: function () {\n                return this.getDisplayedItems().length > 0\n            },\n\n            \/**\n             * Search result message\n             *\/\n            getSearchResultMessage : function() {\n                return this.noSearchResultLabel.replace(\"%s\", '\"' + this.getFulltextSearch() + '\"')\n            },\n\n            getFulltextSearch : function() {\n                return this.fulltextSearch;\n            },\n\n            \/**\n             * Callback for the \"Show more\" button\n             *\/\n            onShowMore: function () {\n                if (this.options.hasMoreItems) {\n                    this.loadAdditionalItems(this.onShowMore.bind(this));\n                } else {\n                    this.expanded = true;\n                }\n\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Index the text to be searched.\n             *\/\n            slugify: function(text) {\n                return text.toString().toLowerCase()\n                    .replace(\/\\s+\/g, '-')                                              \/\/ Replace spaces with -\n                    .replace(\/[^\\w\\u0400-\\u052F\\u2DE0-\\u2DFF\\uA640-\\uA69F'\\-]+\/g, '')  \/\/ Remove all non-word chars\n                    .replace(\/\\-\\-+\/g, '-')                                            \/\/ Replace multiple - with single -\n                    .replace(\/^-+\/, '')                                                \/\/ Trim - from start of text\n            },\n\n            \/**\n             * Callback for the \"Show less\" button\n             *\/\n            onShowLess: function () {\n                this.expanded = false;\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Check if the filter can be expanded\n             *\n             * @returns {boolean}\n             *\/\n            enableExpansion : function () {\n                return this.options.hasMoreItems || this.items.length > this.maxSize;\n            },\n\n            \/**\n             * Displays the \"Show More\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowMore: function () {\n                return this.enableExpansion() && this.expanded === false && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Displays the \"Show Less\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowLess: function () {\n                return this.enableExpansion() && this.expanded === true && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Add an id to items.\n             *\/\n            addItemId: function (item) {\n                item.id = Math.floor(Math.random() * 1000000) + \"_option_\";\n                item.displayProductCount = this.options.displayProductCount && (item.count >= 1);\n\n                return item;\n            },\n        };\n    };\n<\/script>\n\n    <div class=\"specifications_bloempotten_shapeFilter\" x-data=\"initSmileAttibute_6ada639f61af6()\"\n         x-init=\"initialize();\">\n        <ol class=\"items\">\n            <template x-for=\"attribute in getDisplayedItems()\" hidden>\n                <li class=\"item my-2\">\n                    <a @click=\"applyFilters($event, `${attribute.url}`, 'specifications_bloempotten_shape')\"\n                       :id=\"'specifications_bloempotten_shape' + attribute.label\"\n                       :href=\"attribute.url\" x-show=\"attribute.count >= 1\" rel=\"nofollow\">\n                        <input type=\"checkbox\"\n                               :id=\"attribute.id\"\n                               :checked=\"attribute.is_selected\"\n                               onclick=\"this.parentNode.click();\"\/>\n                        <label :for=\"attribute.id\" class=\"ml-2\">\n                            <span x-html=\"attribute.label\"><\/span>\n                            <span class=\"text-sm\">(<span class=\"count\" x-text=\"attribute.count\"><\/span>)<\/span>\n                        <\/label>\n                    <\/a>\n\n                    <div x-show=\"attribute.count < 1\">\n                        <span x-html=\"attribute.label\"><\/span>\n                        <span class=\"count\" x-text=\"attribute.count\"><\/span>\n                    <\/div>\n                <\/li>\n            <\/template>\n        <\/ol>\n\n        <div class=\"no-results-message\" x-model=\"result\" x-show=\"getFulltextSearch() && !hasSearchResult()\"\n             class=\"empty\">\n            <p x-html=\"getSearchResultMessage()\"><\/p>\n        <\/div>\n\n        <div class=\"actions\" x-show=\"enableExpansion()\">\n            <div class=\"secondary\">\n                <a class=\"action show-more\" x-on:click=\"onShowMore()\" x-show=\"displayShowMore()\"><span\n                        x-text=\"showMoreLabel\"><\/span><\/a>\n                <a class=\"action show-less\" x-on:click=\"onShowLess()\" x-show=\"displayShowLess()\"><span\n                        x-text=\"showLessLabel\"><\/span><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                                        <\/div>\n                                    <\/div>\n                                                                                                                                                                    <div class=\"filter-option card my-4 specifications_bloempotten_material\" x-data=\"{ open: false }\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open;\">\n                                            <span class=\"title text-md text-lg font-semibold\">\n                                                Materiaal                                            <\/span>\n                                            <span class=\"mr-1 block transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n                                            @open-filter-option.window=\"if ($event.detail.id === 4) open = true\"\n                                        >\n                                                    <script>\n    function initSmileAttibute_6ada639f61d22() {\n        \"use strict\";\n\n        return {\n            options             : {\"component\":\"Smile_ElasticsuiteCatalog\\\/js\\\/attribute-filter\",\"maxSize\":10,\"displayProductCount\":true,\"hasMoreItems\":false,\"displayRelNofollow\":\"\",\"ajaxLoadUrl\":\"https:\\\/\\\/www.fleur.nl\\\/catalog\\\/navigation_filter\\\/ajax\\\/id\\\/829\\\/?ajax=1&cat=829&filterName=specifications_bloempotten_material\",\"items\":[{\"label\":\"Beton\",\"count\":54,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Beton\",\"is_selected\":false},{\"label\":\"Composiet\",\"count\":348,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Composiet\",\"is_selected\":false},{\"label\":\"Hout\",\"count\":35,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Hout\",\"is_selected\":false},{\"label\":\"Keramiek\",\"count\":205,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Keramiek\",\"is_selected\":false},{\"label\":\"Kunststof\",\"count\":251,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Kunststof\",\"is_selected\":false},{\"label\":\"Metaal\",\"count\":60,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Metaal\",\"is_selected\":false},{\"label\":\"Natuurlijk\",\"count\":132,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Natuurlijk\",\"is_selected\":false},{\"label\":\"Overig\",\"count\":660,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Overig\",\"is_selected\":false},{\"label\":\"Rotan\",\"count\":21,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Rotan\",\"is_selected\":false},{\"label\":\"Terracottta\",\"count\":67,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Terracottta\",\"is_selected\":false}]},\n            searchLabel         : 'Zoeken (%s)',\n            showMoreLabel       : 'Toon meer',\n            showLessLabel       : 'Minder weergeven',\n            noSearchResultLabel : 'Geen waarde die overeenkomt met de zoekopdracht <b>%s<\/b>.',\n            items               : [],\n            \/**\n             * Component initialization\n             *\/\n            initialize: function () {\n                this.expanded = false;\n\n                this.items = this.options.items.map(this.addItemId.bind(this));\n\n                var lastSelectedIndex = Math.max.apply(null, (this.items.map(\n                    function (v, k) {return v['is_selected'] ? k : 0;}))\n                );\n                this.maxSize = Math.max(this.options.maxSize, lastSelectedIndex + 1);\n\n                this.initSearchPlaceholder();\n                this.onShowLess();\n                this.displaySearch = this.displayShowMore();\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Init the place holder\n             *\/\n            initSearchPlaceholder: function () {\n                var examples = this.items.slice(0, 2).map(function (item) {return item.label});\n\n                if (this.items.length > 2) {\n                    examples.push('...');\n                }\n\n                \/\/ Tip to make html chars interpretable by the browser when the value is get from JS.\n                let placeholder = document.createElement('div');\n                placeholder.innerHTML = this.searchLabel.replace('%s', examples.join(', '));\n\n                this.searchPlaceholder = placeholder.textContent;\n            },\n\n            \/**\n             * Triggered when typing on the search input\n             *\/\n            onSearchChange: function (event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                    this.onShowLess();\n                } else {\n                    this.fulltextSearch = text;\n                    this.onShowMore();\n                }\n\n                return true;\n            },\n\n            \/**\n             * Triggered when leaving the search field.\n             *\/\n            onSearchFocusOut: function(event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                }\n            },\n\n            \/**\n             * Retrieve additional Results\n             *\n             * @param callback\n             *\/\n            loadAdditionalItems: function (callback) {\n                fetch(this.options.ajaxLoadUrl, {\n                    method: 'GET',\n                    headers: {\n                        'X-Requested-With': 'XMLHttpRequest',\n                    },\n                })\n                .then((response) =>  response.json())\n                .then((data) => {\n                        this.items = data.map(this.addItemId.bind(this));\n                        this.options.hasMoreItems = false;\n\n                        if (callback) {\n                            return callback();\n                        }\n                    }\n                );\n            },\n\n            \/**\n             * Retrieve items to display\n             *\n             * @returns {*}\n             *\/\n            getDisplayedItems: function () {\n                var items = this.items;\n\n                if (this.expanded === false) {\n                    items = this.items.slice(0, this.maxSize);\n                }\n\n                if (this.getFulltextSearch()) {\n                    var searchTokens    = this.slugify(this.getFulltextSearch()).split('-');\n                    var lastSearchToken = searchTokens.splice(-1, 1)[0];\n\n                    items = items.filter(function(item) {\n                        var isValidItem = true;\n                        var itemTokens = this.slugify(item.label).split('-');\n                        searchTokens.forEach(function(currentToken) {\n                            if (itemTokens.indexOf(currentToken) === -1) {\n                                isValidItem = false;\n                            }\n                        })\n                        if (isValidItem && lastSearchToken) {\n                            var ngrams = itemTokens.map(function(token) {return token.substring(0, lastSearchToken.length)});\n                            isValidItem = ngrams.indexOf(lastSearchToken) !== -1;\n                        }\n                        return isValidItem;\n                    }.bind(this))\n                }\n                this.result = items.length;\n                return items;\n            },\n\n            \/**\n             * Does the search have a result\n             *\/\n            hasSearchResult: function () {\n                return this.getDisplayedItems().length > 0\n            },\n\n            \/**\n             * Search result message\n             *\/\n            getSearchResultMessage : function() {\n                return this.noSearchResultLabel.replace(\"%s\", '\"' + this.getFulltextSearch() + '\"')\n            },\n\n            getFulltextSearch : function() {\n                return this.fulltextSearch;\n            },\n\n            \/**\n             * Callback for the \"Show more\" button\n             *\/\n            onShowMore: function () {\n                if (this.options.hasMoreItems) {\n                    this.loadAdditionalItems(this.onShowMore.bind(this));\n                } else {\n                    this.expanded = true;\n                }\n\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Index the text to be searched.\n             *\/\n            slugify: function(text) {\n                return text.toString().toLowerCase()\n                    .replace(\/\\s+\/g, '-')                                              \/\/ Replace spaces with -\n                    .replace(\/[^\\w\\u0400-\\u052F\\u2DE0-\\u2DFF\\uA640-\\uA69F'\\-]+\/g, '')  \/\/ Remove all non-word chars\n                    .replace(\/\\-\\-+\/g, '-')                                            \/\/ Replace multiple - with single -\n                    .replace(\/^-+\/, '')                                                \/\/ Trim - from start of text\n            },\n\n            \/**\n             * Callback for the \"Show less\" button\n             *\/\n            onShowLess: function () {\n                this.expanded = false;\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Check if the filter can be expanded\n             *\n             * @returns {boolean}\n             *\/\n            enableExpansion : function () {\n                return this.options.hasMoreItems || this.items.length > this.maxSize;\n            },\n\n            \/**\n             * Displays the \"Show More\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowMore: function () {\n                return this.enableExpansion() && this.expanded === false && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Displays the \"Show Less\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowLess: function () {\n                return this.enableExpansion() && this.expanded === true && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Add an id to items.\n             *\/\n            addItemId: function (item) {\n                item.id = Math.floor(Math.random() * 1000000) + \"_option_\";\n                item.displayProductCount = this.options.displayProductCount && (item.count >= 1);\n\n                return item;\n            },\n        };\n    };\n<\/script>\n\n    <div class=\"specifications_bloempotten_materialFilter\" x-data=\"initSmileAttibute_6ada639f61d22()\"\n         x-init=\"initialize();\">\n        <ol class=\"items\">\n            <template x-for=\"attribute in getDisplayedItems()\" hidden>\n                <li class=\"item my-2\">\n                    <a @click=\"applyFilters($event, `${attribute.url}`, 'specifications_bloempotten_material')\"\n                       :id=\"'specifications_bloempotten_material' + attribute.label\"\n                       :href=\"attribute.url\" x-show=\"attribute.count >= 1\" rel=\"nofollow\">\n                        <input type=\"checkbox\"\n                               :id=\"attribute.id\"\n                               :checked=\"attribute.is_selected\"\n                               onclick=\"this.parentNode.click();\"\/>\n                        <label :for=\"attribute.id\" class=\"ml-2\">\n                            <span x-html=\"attribute.label\"><\/span>\n                            <span class=\"text-sm\">(<span class=\"count\" x-text=\"attribute.count\"><\/span>)<\/span>\n                        <\/label>\n                    <\/a>\n\n                    <div x-show=\"attribute.count < 1\">\n                        <span x-html=\"attribute.label\"><\/span>\n                        <span class=\"count\" x-text=\"attribute.count\"><\/span>\n                    <\/div>\n                <\/li>\n            <\/template>\n        <\/ol>\n\n        <div class=\"no-results-message\" x-model=\"result\" x-show=\"getFulltextSearch() && !hasSearchResult()\"\n             class=\"empty\">\n            <p x-html=\"getSearchResultMessage()\"><\/p>\n        <\/div>\n\n        <div class=\"actions\" x-show=\"enableExpansion()\">\n            <div class=\"secondary\">\n                <a class=\"action show-more\" x-on:click=\"onShowMore()\" x-show=\"displayShowMore()\"><span\n                        x-text=\"showMoreLabel\"><\/span><\/a>\n                <a class=\"action show-less\" x-on:click=\"onShowLess()\" x-show=\"displayShowLess()\"><span\n                        x-text=\"showLessLabel\"><\/span><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                                        <\/div>\n                                    <\/div>\n                                                                                                                                                                    <div class=\"filter-option card my-4 specifications_bloempotten_potcolor\" x-data=\"{ open: false }\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open;\">\n                                            <span class=\"title text-md text-lg font-semibold\">\n                                                Potkleur                                            <\/span>\n                                            <span class=\"mr-1 block transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n                                            @open-filter-option.window=\"if ($event.detail.id === 5) open = true\"\n                                        >\n                                                    <script>\n    function initSmileAttibute_6ada639f61f48() {\n        \"use strict\";\n\n        return {\n            options             : {\"component\":\"Smile_ElasticsuiteCatalog\\\/js\\\/attribute-filter\",\"maxSize\":10,\"displayProductCount\":true,\"hasMoreItems\":true,\"displayRelNofollow\":\"\",\"ajaxLoadUrl\":\"https:\\\/\\\/www.fleur.nl\\\/catalog\\\/navigation_filter\\\/ajax\\\/id\\\/829\\\/?ajax=1&cat=829&filterName=specifications_bloempotten_potcolor\",\"items\":[{\"label\":\"Antraciet\",\"count\":159,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Antraciet\",\"is_selected\":false},{\"label\":\"Beige\",\"count\":252,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Beige\",\"is_selected\":false},{\"label\":\"Blauw\",\"count\":60,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Blauw\",\"is_selected\":false},{\"label\":\"Brons\",\"count\":76,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Brons\",\"is_selected\":false},{\"label\":\"Bruin\",\"count\":403,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Bruin\",\"is_selected\":false},{\"label\":\"Cr\\u00e8me\",\"count\":132,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Cr%C3%A8me\",\"is_selected\":false},{\"label\":\"Geel\",\"count\":25,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Geel\",\"is_selected\":false},{\"label\":\"Goud\",\"count\":71,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Goud\",\"is_selected\":false},{\"label\":\"Grijs\",\"count\":234,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Grijs\",\"is_selected\":false},{\"label\":\"Groen\",\"count\":91,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Groen\",\"is_selected\":false}]},\n            searchLabel         : 'Zoeken (%s)',\n            showMoreLabel       : 'Toon meer',\n            showLessLabel       : 'Minder weergeven',\n            noSearchResultLabel : 'Geen waarde die overeenkomt met de zoekopdracht <b>%s<\/b>.',\n            items               : [],\n            \/**\n             * Component initialization\n             *\/\n            initialize: function () {\n                this.expanded = false;\n\n                this.items = this.options.items.map(this.addItemId.bind(this));\n\n                var lastSelectedIndex = Math.max.apply(null, (this.items.map(\n                    function (v, k) {return v['is_selected'] ? k : 0;}))\n                );\n                this.maxSize = Math.max(this.options.maxSize, lastSelectedIndex + 1);\n\n                this.initSearchPlaceholder();\n                this.onShowLess();\n                this.displaySearch = this.displayShowMore();\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Init the place holder\n             *\/\n            initSearchPlaceholder: function () {\n                var examples = this.items.slice(0, 2).map(function (item) {return item.label});\n\n                if (this.items.length > 2) {\n                    examples.push('...');\n                }\n\n                \/\/ Tip to make html chars interpretable by the browser when the value is get from JS.\n                let placeholder = document.createElement('div');\n                placeholder.innerHTML = this.searchLabel.replace('%s', examples.join(', '));\n\n                this.searchPlaceholder = placeholder.textContent;\n            },\n\n            \/**\n             * Triggered when typing on the search input\n             *\/\n            onSearchChange: function (event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                    this.onShowLess();\n                } else {\n                    this.fulltextSearch = text;\n                    this.onShowMore();\n                }\n\n                return true;\n            },\n\n            \/**\n             * Triggered when leaving the search field.\n             *\/\n            onSearchFocusOut: function(event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                }\n            },\n\n            \/**\n             * Retrieve additional Results\n             *\n             * @param callback\n             *\/\n            loadAdditionalItems: function (callback) {\n                fetch(this.options.ajaxLoadUrl, {\n                    method: 'GET',\n                    headers: {\n                        'X-Requested-With': 'XMLHttpRequest',\n                    },\n                })\n                .then((response) =>  response.json())\n                .then((data) => {\n                        this.items = data.map(this.addItemId.bind(this));\n                        this.options.hasMoreItems = false;\n\n                        if (callback) {\n                            return callback();\n                        }\n                    }\n                );\n            },\n\n            \/**\n             * Retrieve items to display\n             *\n             * @returns {*}\n             *\/\n            getDisplayedItems: function () {\n                var items = this.items;\n\n                if (this.expanded === false) {\n                    items = this.items.slice(0, this.maxSize);\n                }\n\n                if (this.getFulltextSearch()) {\n                    var searchTokens    = this.slugify(this.getFulltextSearch()).split('-');\n                    var lastSearchToken = searchTokens.splice(-1, 1)[0];\n\n                    items = items.filter(function(item) {\n                        var isValidItem = true;\n                        var itemTokens = this.slugify(item.label).split('-');\n                        searchTokens.forEach(function(currentToken) {\n                            if (itemTokens.indexOf(currentToken) === -1) {\n                                isValidItem = false;\n                            }\n                        })\n                        if (isValidItem && lastSearchToken) {\n                            var ngrams = itemTokens.map(function(token) {return token.substring(0, lastSearchToken.length)});\n                            isValidItem = ngrams.indexOf(lastSearchToken) !== -1;\n                        }\n                        return isValidItem;\n                    }.bind(this))\n                }\n                this.result = items.length;\n                return items;\n            },\n\n            \/**\n             * Does the search have a result\n             *\/\n            hasSearchResult: function () {\n                return this.getDisplayedItems().length > 0\n            },\n\n            \/**\n             * Search result message\n             *\/\n            getSearchResultMessage : function() {\n                return this.noSearchResultLabel.replace(\"%s\", '\"' + this.getFulltextSearch() + '\"')\n            },\n\n            getFulltextSearch : function() {\n                return this.fulltextSearch;\n            },\n\n            \/**\n             * Callback for the \"Show more\" button\n             *\/\n            onShowMore: function () {\n                if (this.options.hasMoreItems) {\n                    this.loadAdditionalItems(this.onShowMore.bind(this));\n                } else {\n                    this.expanded = true;\n                }\n\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Index the text to be searched.\n             *\/\n            slugify: function(text) {\n                return text.toString().toLowerCase()\n                    .replace(\/\\s+\/g, '-')                                              \/\/ Replace spaces with -\n                    .replace(\/[^\\w\\u0400-\\u052F\\u2DE0-\\u2DFF\\uA640-\\uA69F'\\-]+\/g, '')  \/\/ Remove all non-word chars\n                    .replace(\/\\-\\-+\/g, '-')                                            \/\/ Replace multiple - with single -\n                    .replace(\/^-+\/, '')                                                \/\/ Trim - from start of text\n            },\n\n            \/**\n             * Callback for the \"Show less\" button\n             *\/\n            onShowLess: function () {\n                this.expanded = false;\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Check if the filter can be expanded\n             *\n             * @returns {boolean}\n             *\/\n            enableExpansion : function () {\n                return this.options.hasMoreItems || this.items.length > this.maxSize;\n            },\n\n            \/**\n             * Displays the \"Show More\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowMore: function () {\n                return this.enableExpansion() && this.expanded === false && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Displays the \"Show Less\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowLess: function () {\n                return this.enableExpansion() && this.expanded === true && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Add an id to items.\n             *\/\n            addItemId: function (item) {\n                item.id = Math.floor(Math.random() * 1000000) + \"_option_\";\n                item.displayProductCount = this.options.displayProductCount && (item.count >= 1);\n\n                return item;\n            },\n        };\n    };\n<\/script>\n\n    <div class=\"specifications_bloempotten_potcolorFilter\" x-data=\"initSmileAttibute_6ada639f61f48()\"\n         x-init=\"initialize();\">\n        <ol class=\"items\">\n            <template x-for=\"attribute in getDisplayedItems()\" hidden>\n                <li class=\"item my-2\">\n                    <a @click=\"applyFilters($event, `${attribute.url}`, 'specifications_bloempotten_potcolor')\"\n                       :id=\"'specifications_bloempotten_potcolor' + attribute.label\"\n                       :href=\"attribute.url\" x-show=\"attribute.count >= 1\" rel=\"nofollow\">\n                        <input type=\"checkbox\"\n                               :id=\"attribute.id\"\n                               :checked=\"attribute.is_selected\"\n                               onclick=\"this.parentNode.click();\"\/>\n                        <label :for=\"attribute.id\" class=\"ml-2\">\n                            <span x-html=\"attribute.label\"><\/span>\n                            <span class=\"text-sm\">(<span class=\"count\" x-text=\"attribute.count\"><\/span>)<\/span>\n                        <\/label>\n                    <\/a>\n\n                    <div x-show=\"attribute.count < 1\">\n                        <span x-html=\"attribute.label\"><\/span>\n                        <span class=\"count\" x-text=\"attribute.count\"><\/span>\n                    <\/div>\n                <\/li>\n            <\/template>\n        <\/ol>\n\n        <div class=\"no-results-message\" x-model=\"result\" x-show=\"getFulltextSearch() && !hasSearchResult()\"\n             class=\"empty\">\n            <p x-html=\"getSearchResultMessage()\"><\/p>\n        <\/div>\n\n        <div class=\"actions\" x-show=\"enableExpansion()\">\n            <div class=\"secondary\">\n                <a class=\"action show-more\" x-on:click=\"onShowMore()\" x-show=\"displayShowMore()\"><span\n                        x-text=\"showMoreLabel\"><\/span><\/a>\n                <a class=\"action show-less\" x-on:click=\"onShowLess()\" x-show=\"displayShowLess()\"><span\n                        x-text=\"showLessLabel\"><\/span><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                                        <\/div>\n                                    <\/div>\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class=\"filter-option card my-4 specifications_bloempotten_potheight\" x-data=\"{ open: false }\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open;\">\n                                            <span class=\"title text-md text-lg font-semibold\">\n                                                Pothoogte                                            <\/span>\n                                            <span class=\"mr-1 block transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n                                            @open-filter-option.window=\"if ($event.detail.id === 6) open = true\"\n                                        >\n                                            \n\n<script>\n    function rangeSlider_6ada639f62177(options, isPriceSlider) {\n        \"use strict\";\n\n        return {\n            options: options,\n            priceSlider: isPriceSlider,\n            lastThumbUpdatedMax: true,\n            minfocused: false,\n            maxfocused: false,\n            sliderZindex: 20,\n            messageTemplates: {\n                \"displayOne\": '<span class=\"msg\">1 product<\/span>',\n                \"displayCount\": '<span class=\"msg\"><%- count %> producten<\/span>',\n                \"displayEmpty\": '<span class=\"msg-error\">No items in the current range.<\/span>'\n            },\n            minprice: 0,\n            maxprice: 0,\n            fromLabel: '',\n            toLabel: '',\n            min: 0,\n            max: 0,\n            minZindex: 0,\n            maxZindex: 0,\n            minthumb: 0,\n            maxthumb: 0,\n            message: '',\n            url: '',\n            showAdaptiveSlider: false,\n            intervals: [],\n\n            initialize: function () {\n                this.options = Object.assign({}, this.options, options);\n                this.url = this.options.urlTemplate;\n\n                if (this.options.sliderZindex !== undefined) {\n                    this.sliderZindex = this.options.sliderZindex;\n                }\n\n                this.showAdaptiveSlider =  false;\n                if (this.options.showAdaptiveSlider !== undefined) {\n                    this.showAdaptiveSlider = this.options.showAdaptiveSlider;\n                }\n\n                if (this.options.maxLabelOffset === undefined) {\n                    this.options.maxLabelOffset = 0.01;\n                }\n\n                if (this.options.rate === undefined) {\n                    this.options.rate = 1.0000;\n                }\n\n                if (this.showAdaptiveSlider) {\n                    this._initAdaptiveSliderValues();\n                } else {\n                    this._initSliderValues();\n                }\n\n                this.mintrigger();\n                this.maxtrigger();\n            },\n            _initSliderValues: function () {\n                this.rate = parseFloat(this.options.rate);\n                this.minprice = Math.floor(this.options.currentValue.from * this.rate);\n                this.maxprice = Math.round(this.options.currentValue.to * this.rate);\n                this.intervals    = this.options.intervals.map(\n                    function(item) { item.value = Math.round(item.value * this.rate); return item}.bind(this)\n                );\n                this.min = Math.floor(this.options.minValue * this.rate);\n                this.max = Math.round(this.options.maxValue * this.rate);\n            },\n\n            _initAdaptiveSliderValues: function () {\n                this.intervals = this.options.adaptiveIntervals;\n                this.options.adaptiveIntervals[0].value = Math.floor(this.options.adaptiveIntervals[0].value);\n                this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));\n                this.rate = parseFloat(this.options.rate);\n                this.intervals = this.intervals.map(\n                    function(item) { item.originalValue = Math.ceil(item.originalValue * this.rate); return item}.bind(this)\n                );\n                this.min = this.intervals[0].value;\n                this.max = this.intervals[this.intervals.length - 1].value;\n            },\n            mintrigger: function () {\n                this.lastThumbUpdatedMax = false;\n                this.validation();\n                this.minprice = this._getClosestAdaptiveValue(Math.min(this.minprice, this.maxprice));\n                this.minthumb = ((this.minprice - this.min) \/ (this.max - this.min)) * 100;\n                this._onChangeAfter();\n            },\n            maxtrigger: function () {\n                this.lastThumbUpdatedMax = true;\n                this.validation();\n                this.maxprice = this._getClosestAdaptiveValue(Math.max(this.maxprice, this.minprice));\n                this.maxthumb = ((this.maxprice - this.min) \/ (this.max - this.min)) * 100;\n                this._onChangeAfter();\n            },\n            updateFocusState: function (targetName, stateValue) {\n                this[`${targetName}focused`] = stateValue\n            },\n            _onChangeAfter: function () {\n                this._updateSliderZindexes();\n                this._applyRange();\n                this._refreshDisplay();\n            },\n            validation: function () {\n                if (\/^[\\d.]*$\/.test(this.minprice)) {\n                    if (this.minprice > this.max) {\n                        this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                    }\n                    if (this.minprice < this.min) {\n                        this.minprice = this.min;\n                    }\n                } else {\n                    this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                }\n                if (\/^[\\d.]*$\/.test(this.maxprice)) {\n                    if (this.maxprice > this.max) {\n                        this.maxprice = this.max;\n                    }\n                    if (this.maxprice < this.min) {\n                        this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));\n                    }\n                } else {\n                    this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to))\n                }\n            },\n            getItemCount: function () {\n                var from = this.minprice, to = this.maxprice, intervals = this.intervals;\n                return intervals.map(function (item) {\n                    return item.value >= from && item.value < to ? item.count : 0;\n                })\n                    .reduce(function (a, b) {\n                        return a + b;\n                    });\n            },\n            _refreshDisplay: function () {\n                this.count = this.getItemCount();\n                let minprice = this._getOriginalValue(this.minprice);\n                if (minprice >= this._getOriginalValue(this.max) ) {\n                    minprice = this._getOriginalValue(this.max) - this.options.maxLabelOffset;\n                }\n                this.fromLabel = this._formatLabel(minprice);\n\n                let maxprice = this._getOriginalValue(this.maxprice) - this.options.maxLabelOffset;\n                if (maxprice < this._getOriginalValue(this.min)) {\n                    maxprice = this._getOriginalValue(this.maxprice);\n                }\n                this.toLabel = this._formatLabel(maxprice);\n\n                var messageTemplate = this.messageTemplates[this.count > 0 ? (this.count > 1 ? 'displayCount' : 'displayOne') : 'displayEmpty'];\n                this.message = this._unescape(messageTemplate.replace('<%- count %>', this.count));\n            },\n            _formatLabel: function (value) {\n                var formattedValue = value;\n\n                if (this.priceSlider && this.options.fieldFormat) {\n                    formattedValue = this._formatPrice(value);\n                } else if (this.options.fieldFormat) {\n                    var pattern = this.options.fieldFormat.pattern || '%s';\n                    formattedValue = pattern.replace(\n                        '%s',\n                        Number.parseFloat(formattedValue).toFixed(this.options.fieldFormat.precision)\n                    );\n                }\n\n                return formattedValue;\n            },\n            _formatPrice: function (value) {\n                var formatter = new Intl.NumberFormat(\n                    document.documentElement.lang,\n                    {\n                        style: 'currency',\n                        currency: 'EUR',\n                    }\n                );\n\n                return formatter.format(value);\n            },\n            _applyRange: function () {\n                var range = {\n                    from : this._getOriginalValue(this.minprice) * (1 \/ this.rate),\n                    to   : this._getOriginalValue(this.maxprice) * (1 \/ this.rate),\n                };\n\n                this.url = this._unescape(this.options.urlTemplate.replace('<%- from %>', range.from).replace('<%- to %>', range.to));\n            },\n            _updateSliderZindexes: function () {\n                this.minZindex = this.sliderZindex;\n                this.maxZindex = this.sliderZindex;\n                if (this.minprice == this.maxprice) {\n                    if (this.minprice === this.min || (this.minprice !== this.min && this.lastThumbUpdatedMax)) {\n                        this.maxZindex = this.sliderZindex + 1;\n                    }\n\n                    if (this.maxprice === this.max || (this.maxprice !== this.max && !this.lastThumbUpdatedMax)) {\n                        this.minZindex = this.sliderZindex + 1;\n                    }\n\n                }\n            },\n            _getAdaptiveValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var adaptiveValue = this.intervals[0].value;\n                var found = false;\n                this.intervals.forEach(function (item) {\n                    if (found === false && item.originalValue === value) {\n                        adaptiveValue = item.value;\n                        found = true;\n                    }\n\n                    if (found === false && item.originalValue < value) {\n                        adaptiveValue = item.value;\n                    }\n                });\n\n                return adaptiveValue;\n            },\n\n            _getClosestAdaptiveValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var closestValue = this.intervals[0].value;\n                var found = false;\n                this.intervals.forEach(function (item) {\n                    if (item.value === value) {\n                        closestValue = value;\n                        found = true;\n                    }\n\n                    if (found === false && item.value < value) {\n                        closestValue = item.value;\n                    }\n                });\n\n                return closestValue;\n            },\n\n            _getOriginalValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var originalValue = null;\n                this.intervals.forEach(function (item) {\n                    if (item.value === value) {\n                        originalValue = item.originalValue;\n                    }\n                });\n\n                return originalValue;\n            },\n\n            _unescape: function (str) {\n                return str.replace(\/&lt;%|%3C%\/g, '<%').replace(\/%&gt;|%%3E\/g, '%>');\n            },\n        }\n    }\n<\/script>\n<style>\n    input[type=range]::-webkit-slider-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n\n    input[type=range]::-moz-range-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n\n    input[type=range]::-ms-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n<\/style>\n<div class=\"smile-es-range-slider\" data-role=\"range-slider-specifications_bloempotten_potheight\">\n    <div x-data=\"rangeSlider_6ada639f62177(&#x7B;&quot;minValue&quot;&#x3A;2,&quot;maxValue&quot;&#x3A;191,&quot;currentValue&quot;&#x3A;&#x7B;&quot;from&quot;&#x3A;2,&quot;to&quot;&#x3A;191&#x7D;,&quot;fieldFormat&quot;&#x3A;&#x7B;&quot;pattern&quot;&#x3A;&quot;&#x25;s&quot;,&quot;precision&quot;&#x3A;0,&quot;requiredPrecision&quot;&#x3A;0,&quot;decimalSymbol&quot;&#x3A;&quot;,&quot;,&quot;groupSymbol&quot;&#x3A;&quot;.&quot;,&quot;groupLength&quot;&#x3A;3,&quot;integerRequired&quot;&#x3A;false&#x7D;,&quot;intervals&quot;&#x3A;&#x5B;&#x7B;&quot;value&quot;&#x3A;2,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;3,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;4,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;5,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;6,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;9,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;10,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;11,&quot;count&quot;&#x3A;14&#x7D;,&#x7B;&quot;value&quot;&#x3A;12,&quot;count&quot;&#x3A;28&#x7D;,&#x7B;&quot;value&quot;&#x3A;13,&quot;count&quot;&#x3A;32&#x7D;,&#x7B;&quot;value&quot;&#x3A;14,&quot;count&quot;&#x3A;17&#x7D;,&#x7B;&quot;value&quot;&#x3A;15,&quot;count&quot;&#x3A;50&#x7D;,&#x7B;&quot;value&quot;&#x3A;16,&quot;count&quot;&#x3A;24&#x7D;,&#x7B;&quot;value&quot;&#x3A;17,&quot;count&quot;&#x3A;18&#x7D;,&#x7B;&quot;value&quot;&#x3A;18,&quot;count&quot;&#x3A;38&#x7D;,&#x7B;&quot;value&quot;&#x3A;19,&quot;count&quot;&#x3A;24&#x7D;,&#x7B;&quot;value&quot;&#x3A;20,&quot;count&quot;&#x3A;90&#x7D;,&#x7B;&quot;value&quot;&#x3A;21,&quot;count&quot;&#x3A;41&#x7D;,&#x7B;&quot;value&quot;&#x3A;22,&quot;count&quot;&#x3A;27&#x7D;,&#x7B;&quot;value&quot;&#x3A;23,&quot;count&quot;&#x3A;25&#x7D;,&#x7B;&quot;value&quot;&#x3A;24,&quot;count&quot;&#x3A;60&#x7D;,&#x7B;&quot;value&quot;&#x3A;25,&quot;count&quot;&#x3A;50&#x7D;,&#x7B;&quot;value&quot;&#x3A;26,&quot;count&quot;&#x3A;43&#x7D;,&#x7B;&quot;value&quot;&#x3A;27,&quot;count&quot;&#x3A;42&#x7D;,&#x7B;&quot;value&quot;&#x3A;28,&quot;count&quot;&#x3A;55&#x7D;,&#x7B;&quot;value&quot;&#x3A;29,&quot;count&quot;&#x3A;59&#x7D;,&#x7B;&quot;value&quot;&#x3A;30,&quot;count&quot;&#x3A;98&#x7D;,&#x7B;&quot;value&quot;&#x3A;31,&quot;count&quot;&#x3A;48&#x7D;,&#x7B;&quot;value&quot;&#x3A;32,&quot;count&quot;&#x3A;76&#x7D;,&#x7B;&quot;value&quot;&#x3A;33,&quot;count&quot;&#x3A;64&#x7D;,&#x7B;&quot;value&quot;&#x3A;34,&quot;count&quot;&#x3A;72&#x7D;,&#x7B;&quot;value&quot;&#x3A;35,&quot;count&quot;&#x3A;54&#x7D;,&#x7B;&quot;value&quot;&#x3A;36,&quot;count&quot;&#x3A;60&#x7D;,&#x7B;&quot;value&quot;&#x3A;37,&quot;count&quot;&#x3A;44&#x7D;,&#x7B;&quot;value&quot;&#x3A;38,&quot;count&quot;&#x3A;72&#x7D;,&#x7B;&quot;value&quot;&#x3A;39,&quot;count&quot;&#x3A;21&#x7D;,&#x7B;&quot;value&quot;&#x3A;40,&quot;count&quot;&#x3A;189&#x7D;,&#x7B;&quot;value&quot;&#x3A;41,&quot;count&quot;&#x3A;48&#x7D;,&#x7B;&quot;value&quot;&#x3A;42,&quot;count&quot;&#x3A;57&#x7D;,&#x7B;&quot;value&quot;&#x3A;43,&quot;count&quot;&#x3A;94&#x7D;,&#x7B;&quot;value&quot;&#x3A;44,&quot;count&quot;&#x3A;70&#x7D;,&#x7B;&quot;value&quot;&#x3A;45,&quot;count&quot;&#x3A;75&#x7D;,&#x7B;&quot;value&quot;&#x3A;46,&quot;count&quot;&#x3A;72&#x7D;,&#x7B;&quot;value&quot;&#x3A;47,&quot;count&quot;&#x3A;42&#x7D;,&#x7B;&quot;value&quot;&#x3A;48,&quot;count&quot;&#x3A;48&#x7D;,&#x7B;&quot;value&quot;&#x3A;49,&quot;count&quot;&#x3A;26&#x7D;,&#x7B;&quot;value&quot;&#x3A;50,&quot;count&quot;&#x3A;177&#x7D;,&#x7B;&quot;value&quot;&#x3A;51,&quot;count&quot;&#x3A;25&#x7D;,&#x7B;&quot;value&quot;&#x3A;52,&quot;count&quot;&#x3A;34&#x7D;,&#x7B;&quot;value&quot;&#x3A;53,&quot;count&quot;&#x3A;30&#x7D;,&#x7B;&quot;value&quot;&#x3A;54,&quot;count&quot;&#x3A;22&#x7D;,&#x7B;&quot;value&quot;&#x3A;55,&quot;count&quot;&#x3A;90&#x7D;,&#x7B;&quot;value&quot;&#x3A;56,&quot;count&quot;&#x3A;67&#x7D;,&#x7B;&quot;value&quot;&#x3A;57,&quot;count&quot;&#x3A;23&#x7D;,&#x7B;&quot;value&quot;&#x3A;58,&quot;count&quot;&#x3A;40&#x7D;,&#x7B;&quot;value&quot;&#x3A;59,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;60,&quot;count&quot;&#x3A;115&#x7D;,&#x7B;&quot;value&quot;&#x3A;61,&quot;count&quot;&#x3A;38&#x7D;,&#x7B;&quot;value&quot;&#x3A;62,&quot;count&quot;&#x3A;31&#x7D;,&#x7B;&quot;value&quot;&#x3A;63,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;64,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;65,&quot;count&quot;&#x3A;38&#x7D;,&#x7B;&quot;value&quot;&#x3A;66,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;67,&quot;count&quot;&#x3A;26&#x7D;,&#x7B;&quot;value&quot;&#x3A;68,&quot;count&quot;&#x3A;70&#x7D;,&#x7B;&quot;value&quot;&#x3A;69,&quot;count&quot;&#x3A;20&#x7D;,&#x7B;&quot;value&quot;&#x3A;70,&quot;count&quot;&#x3A;84&#x7D;,&#x7B;&quot;value&quot;&#x3A;71,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;72,&quot;count&quot;&#x3A;28&#x7D;,&#x7B;&quot;value&quot;&#x3A;73,&quot;count&quot;&#x3A;15&#x7D;,&#x7B;&quot;value&quot;&#x3A;74,&quot;count&quot;&#x3A;25&#x7D;,&#x7B;&quot;value&quot;&#x3A;75,&quot;count&quot;&#x3A;77&#x7D;,&#x7B;&quot;value&quot;&#x3A;76,&quot;count&quot;&#x3A;17&#x7D;,&#x7B;&quot;value&quot;&#x3A;77,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;78,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;79,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;80,&quot;count&quot;&#x3A;83&#x7D;,&#x7B;&quot;value&quot;&#x3A;81,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;82,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;83,&quot;count&quot;&#x3A;10&#x7D;,&#x7B;&quot;value&quot;&#x3A;85,&quot;count&quot;&#x3A;14&#x7D;,&#x7B;&quot;value&quot;&#x3A;87,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;88,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;89,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;90,&quot;count&quot;&#x3A;116&#x7D;,&#x7B;&quot;value&quot;&#x3A;91,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;92,&quot;count&quot;&#x3A;10&#x7D;,&#x7B;&quot;value&quot;&#x3A;93,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;94,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;95,&quot;count&quot;&#x3A;18&#x7D;,&#x7B;&quot;value&quot;&#x3A;96,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;97,&quot;count&quot;&#x3A;15&#x7D;,&#x7B;&quot;value&quot;&#x3A;98,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;99,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;100,&quot;count&quot;&#x3A;49&#x7D;,&#x7B;&quot;value&quot;&#x3A;101,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;102,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;103,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;105,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;107,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;110,&quot;count&quot;&#x3A;27&#x7D;,&#x7B;&quot;value&quot;&#x3A;114,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;115,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;116,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;118,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;120,&quot;count&quot;&#x3A;35&#x7D;,&#x7B;&quot;value&quot;&#x3A;123,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;125,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;126,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;130,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;135,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;139,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;150,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;190,&quot;count&quot;&#x3A;1&#x7D;&#x5D;,&quot;adaptiveIntervals&quot;&#x3A;&#x5B;&#x5D;,&quot;showAdaptiveSlider&quot;&#x3A;false,&quot;urlTemplate&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.fleur.nl&#x5C;&#x2F;bloempotten&#x5C;&#x2F;bloempotten-soorten&#x3F;ajax&#x3D;1&amp;specifications_bloempotten_potheight&#x3D;&lt;&#x25;-&#x20;from&#x20;&#x25;&gt;-&lt;&#x25;-&#x20;to&#x20;&#x25;&gt;&quot;,&quot;messageTemplates&quot;&#x3A;&#x7B;&quot;displayOne&quot;&#x3A;&quot;1&#x20;artikel&quot;,&quot;displayCount&quot;&#x3A;&quot;&lt;&#x25;-&#x20;count&#x20;&#x25;&gt;&#x20;producten&quot;,&quot;displayEmpty&quot;&#x3A;&quot;Geen&#x20;producten&#x20;in&#x20;het&#x20;geselecteerde&#x20;bereik.&quot;&#x7D;&#x7D;, '')\" x-init=\"initialize()\" class=\"relative max-w-xl w-full\">\n        <div>\n            <input id=\"min__6ada639f62177\" type=\"range\" step=\"1\" x-bind:min=\"min\" x-bind:max=\"max\"\n                   x-on:change=\"applyFilters($event, `${url}`, 'specifications_bloempotten_potheight', true)\"\n                   x-on:input=\"mintrigger\" x-model=\"minprice\" class=\"absolute pointer-events-none appearance-none z-20 h-1 w-full opacity-0 cursor-pointer\">\n            <input id=\"max__6ada639f62177\" type=\"range\" step=\"1\" x-bind:min=\"min\" x-bind:max=\"max\"\n                   x-on:change=\"applyFilters($event, `${url}`, 'specifications_bloempotten_potheight', true)\"\n                   x-on:input=\"maxtrigger\" x-model=\"maxprice\" class=\"absolute pointer-events-none appearance-none z-20 h-1 w-full opacity-0 cursor-pointer\">\n\n            <div class=\"relative mt-5 mb-10 z-10 h-1\">\n                <div class=\"absolute z-10 left-0 right-0 bottom-0 top-0 rounded-md bg-grey pointer-events-none\"><\/div>\n                <div class=\"absolute z-20 top-0 bottom-0 rounded-md bg-black pointer-events-none\" x-bind:style=\"'right:'+ (100 - maxthumb)+'%; left:'+ minthumb+'%'\"><\/div>\n                <div class=\"absolute z-30 w-6 h-6 top-0 left-0 bg-white border shadow rounded-full -mt-2.5\" x-bind:style=\"'left: '+(minthumb - 3)+'%'\"><\/div>\n                <div class=\"absolute z-30 w-6 h-6 top-0 right-0 bg-white border shadow rounded-full -mt-2.5\" x-bind:style=\"'left: '+ (maxthumb - 5) +'%'\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"flex justify-between items-center mb-8\">\n            <div>\n                <input type=\"text\" x-model=\"minprice\"\n                       x-on:change=\" mintrigger(); applyFilters($event, `${url}`, 'specifications_bloempotten_potheight', true)\"\n                       class=\"px-3 py-2 border rounded-lg w-24 text-center\" \/>\n                            <\/div>\n            <div class=\"text-sm\">naar<\/div>\n            <div>\n                <input type=\"text\" x-model=\"maxprice\"\n                       x-on:change=\"maxtrigger(); applyFilters($event, `${url}`, 'specifications_bloempotten_potheight', true);\"\n                       class=\"px-3 py-2 border rounded-lg w-24 text-center\" \/>\n\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                                                                                                                                                                                                                                                                                                        <div class=\"filter-option card my-4 specifications_bloempotten_potdiameter_copy\" x-data=\"{ open: false }\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open;\">\n                                            <span class=\"title text-md text-lg font-semibold\">\n                                                Potdiameter                                            <\/span>\n                                            <span class=\"mr-1 block transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n                                            @open-filter-option.window=\"if ($event.detail.id === 7) open = true\"\n                                        >\n                                            \n\n<script>\n    function rangeSlider_6ada639f624e0(options, isPriceSlider) {\n        \"use strict\";\n\n        return {\n            options: options,\n            priceSlider: isPriceSlider,\n            lastThumbUpdatedMax: true,\n            minfocused: false,\n            maxfocused: false,\n            sliderZindex: 20,\n            messageTemplates: {\n                \"displayOne\": '<span class=\"msg\">1 product<\/span>',\n                \"displayCount\": '<span class=\"msg\"><%- count %> producten<\/span>',\n                \"displayEmpty\": '<span class=\"msg-error\">No items in the current range.<\/span>'\n            },\n            minprice: 0,\n            maxprice: 0,\n            fromLabel: '',\n            toLabel: '',\n            min: 0,\n            max: 0,\n            minZindex: 0,\n            maxZindex: 0,\n            minthumb: 0,\n            maxthumb: 0,\n            message: '',\n            url: '',\n            showAdaptiveSlider: false,\n            intervals: [],\n\n            initialize: function () {\n                this.options = Object.assign({}, this.options, options);\n                this.url = this.options.urlTemplate;\n\n                if (this.options.sliderZindex !== undefined) {\n                    this.sliderZindex = this.options.sliderZindex;\n                }\n\n                this.showAdaptiveSlider =  false;\n                if (this.options.showAdaptiveSlider !== undefined) {\n                    this.showAdaptiveSlider = this.options.showAdaptiveSlider;\n                }\n\n                if (this.options.maxLabelOffset === undefined) {\n                    this.options.maxLabelOffset = 0.01;\n                }\n\n                if (this.options.rate === undefined) {\n                    this.options.rate = 1.0000;\n                }\n\n                if (this.showAdaptiveSlider) {\n                    this._initAdaptiveSliderValues();\n                } else {\n                    this._initSliderValues();\n                }\n\n                this.mintrigger();\n                this.maxtrigger();\n            },\n            _initSliderValues: function () {\n                this.rate = parseFloat(this.options.rate);\n                this.minprice = Math.floor(this.options.currentValue.from * this.rate);\n                this.maxprice = Math.round(this.options.currentValue.to * this.rate);\n                this.intervals    = this.options.intervals.map(\n                    function(item) { item.value = Math.round(item.value * this.rate); return item}.bind(this)\n                );\n                this.min = Math.floor(this.options.minValue * this.rate);\n                this.max = Math.round(this.options.maxValue * this.rate);\n            },\n\n            _initAdaptiveSliderValues: function () {\n                this.intervals = this.options.adaptiveIntervals;\n                this.options.adaptiveIntervals[0].value = Math.floor(this.options.adaptiveIntervals[0].value);\n                this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));\n                this.rate = parseFloat(this.options.rate);\n                this.intervals = this.intervals.map(\n                    function(item) { item.originalValue = Math.ceil(item.originalValue * this.rate); return item}.bind(this)\n                );\n                this.min = this.intervals[0].value;\n                this.max = this.intervals[this.intervals.length - 1].value;\n            },\n            mintrigger: function () {\n                this.lastThumbUpdatedMax = false;\n                this.validation();\n                this.minprice = this._getClosestAdaptiveValue(Math.min(this.minprice, this.maxprice));\n                this.minthumb = ((this.minprice - this.min) \/ (this.max - this.min)) * 100;\n                this._onChangeAfter();\n            },\n            maxtrigger: function () {\n                this.lastThumbUpdatedMax = true;\n                this.validation();\n                this.maxprice = this._getClosestAdaptiveValue(Math.max(this.maxprice, this.minprice));\n                this.maxthumb = ((this.maxprice - this.min) \/ (this.max - this.min)) * 100;\n                this._onChangeAfter();\n            },\n            updateFocusState: function (targetName, stateValue) {\n                this[`${targetName}focused`] = stateValue\n            },\n            _onChangeAfter: function () {\n                this._updateSliderZindexes();\n                this._applyRange();\n                this._refreshDisplay();\n            },\n            validation: function () {\n                if (\/^[\\d.]*$\/.test(this.minprice)) {\n                    if (this.minprice > this.max) {\n                        this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                    }\n                    if (this.minprice < this.min) {\n                        this.minprice = this.min;\n                    }\n                } else {\n                    this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                }\n                if (\/^[\\d.]*$\/.test(this.maxprice)) {\n                    if (this.maxprice > this.max) {\n                        this.maxprice = this.max;\n                    }\n                    if (this.maxprice < this.min) {\n                        this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));\n                    }\n                } else {\n                    this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to))\n                }\n            },\n            getItemCount: function () {\n                var from = this.minprice, to = this.maxprice, intervals = this.intervals;\n                return intervals.map(function (item) {\n                    return item.value >= from && item.value < to ? item.count : 0;\n                })\n                    .reduce(function (a, b) {\n                        return a + b;\n                    });\n            },\n            _refreshDisplay: function () {\n                this.count = this.getItemCount();\n                let minprice = this._getOriginalValue(this.minprice);\n                if (minprice >= this._getOriginalValue(this.max) ) {\n                    minprice = this._getOriginalValue(this.max) - this.options.maxLabelOffset;\n                }\n                this.fromLabel = this._formatLabel(minprice);\n\n                let maxprice = this._getOriginalValue(this.maxprice) - this.options.maxLabelOffset;\n                if (maxprice < this._getOriginalValue(this.min)) {\n                    maxprice = this._getOriginalValue(this.maxprice);\n                }\n                this.toLabel = this._formatLabel(maxprice);\n\n                var messageTemplate = this.messageTemplates[this.count > 0 ? (this.count > 1 ? 'displayCount' : 'displayOne') : 'displayEmpty'];\n                this.message = this._unescape(messageTemplate.replace('<%- count %>', this.count));\n            },\n            _formatLabel: function (value) {\n                var formattedValue = value;\n\n                if (this.priceSlider && this.options.fieldFormat) {\n                    formattedValue = this._formatPrice(value);\n                } else if (this.options.fieldFormat) {\n                    var pattern = this.options.fieldFormat.pattern || '%s';\n                    formattedValue = pattern.replace(\n                        '%s',\n                        Number.parseFloat(formattedValue).toFixed(this.options.fieldFormat.precision)\n                    );\n                }\n\n                return formattedValue;\n            },\n            _formatPrice: function (value) {\n                var formatter = new Intl.NumberFormat(\n                    document.documentElement.lang,\n                    {\n                        style: 'currency',\n                        currency: 'EUR',\n                    }\n                );\n\n                return formatter.format(value);\n            },\n            _applyRange: function () {\n                var range = {\n                    from : this._getOriginalValue(this.minprice) * (1 \/ this.rate),\n                    to   : this._getOriginalValue(this.maxprice) * (1 \/ this.rate),\n                };\n\n                this.url = this._unescape(this.options.urlTemplate.replace('<%- from %>', range.from).replace('<%- to %>', range.to));\n            },\n            _updateSliderZindexes: function () {\n                this.minZindex = this.sliderZindex;\n                this.maxZindex = this.sliderZindex;\n                if (this.minprice == this.maxprice) {\n                    if (this.minprice === this.min || (this.minprice !== this.min && this.lastThumbUpdatedMax)) {\n                        this.maxZindex = this.sliderZindex + 1;\n                    }\n\n                    if (this.maxprice === this.max || (this.maxprice !== this.max && !this.lastThumbUpdatedMax)) {\n                        this.minZindex = this.sliderZindex + 1;\n                    }\n\n                }\n            },\n            _getAdaptiveValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var adaptiveValue = this.intervals[0].value;\n                var found = false;\n                this.intervals.forEach(function (item) {\n                    if (found === false && item.originalValue === value) {\n                        adaptiveValue = item.value;\n                        found = true;\n                    }\n\n                    if (found === false && item.originalValue < value) {\n                        adaptiveValue = item.value;\n                    }\n                });\n\n                return adaptiveValue;\n            },\n\n            _getClosestAdaptiveValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var closestValue = this.intervals[0].value;\n                var found = false;\n                this.intervals.forEach(function (item) {\n                    if (item.value === value) {\n                        closestValue = value;\n                        found = true;\n                    }\n\n                    if (found === false && item.value < value) {\n                        closestValue = item.value;\n                    }\n                });\n\n                return closestValue;\n            },\n\n            _getOriginalValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var originalValue = null;\n                this.intervals.forEach(function (item) {\n                    if (item.value === value) {\n                        originalValue = item.originalValue;\n                    }\n                });\n\n                return originalValue;\n            },\n\n            _unescape: function (str) {\n                return str.replace(\/&lt;%|%3C%\/g, '<%').replace(\/%&gt;|%%3E\/g, '%>');\n            },\n        }\n    }\n<\/script>\n<style>\n    input[type=range]::-webkit-slider-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n\n    input[type=range]::-moz-range-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n\n    input[type=range]::-ms-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n<\/style>\n<div class=\"smile-es-range-slider\" data-role=\"range-slider-specifications_bloempotten_potdiameter_copy\">\n    <div x-data=\"rangeSlider_6ada639f624e0(&#x7B;&quot;minValue&quot;&#x3A;10,&quot;maxValue&quot;&#x3A;201,&quot;currentValue&quot;&#x3A;&#x7B;&quot;from&quot;&#x3A;10,&quot;to&quot;&#x3A;201&#x7D;,&quot;fieldFormat&quot;&#x3A;&#x7B;&quot;pattern&quot;&#x3A;&quot;&#x25;s&quot;,&quot;precision&quot;&#x3A;0,&quot;requiredPrecision&quot;&#x3A;0,&quot;decimalSymbol&quot;&#x3A;&quot;,&quot;,&quot;groupSymbol&quot;&#x3A;&quot;.&quot;,&quot;groupLength&quot;&#x3A;3,&quot;integerRequired&quot;&#x3A;false&#x7D;,&quot;intervals&quot;&#x3A;&#x5B;&#x7B;&quot;value&quot;&#x3A;10,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;11,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;12,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;13,&quot;count&quot;&#x3A;10&#x7D;,&#x7B;&quot;value&quot;&#x3A;14,&quot;count&quot;&#x3A;33&#x7D;,&#x7B;&quot;value&quot;&#x3A;15,&quot;count&quot;&#x3A;25&#x7D;,&#x7B;&quot;value&quot;&#x3A;16,&quot;count&quot;&#x3A;40&#x7D;,&#x7B;&quot;value&quot;&#x3A;17,&quot;count&quot;&#x3A;29&#x7D;,&#x7B;&quot;value&quot;&#x3A;18,&quot;count&quot;&#x3A;36&#x7D;,&#x7B;&quot;value&quot;&#x3A;19,&quot;count&quot;&#x3A;19&#x7D;,&#x7B;&quot;value&quot;&#x3A;20,&quot;count&quot;&#x3A;37&#x7D;,&#x7B;&quot;value&quot;&#x3A;21,&quot;count&quot;&#x3A;35&#x7D;,&#x7B;&quot;value&quot;&#x3A;22,&quot;count&quot;&#x3A;34&#x7D;,&#x7B;&quot;value&quot;&#x3A;23,&quot;count&quot;&#x3A;56&#x7D;,&#x7B;&quot;value&quot;&#x3A;24,&quot;count&quot;&#x3A;48&#x7D;,&#x7B;&quot;value&quot;&#x3A;25,&quot;count&quot;&#x3A;55&#x7D;,&#x7B;&quot;value&quot;&#x3A;26,&quot;count&quot;&#x3A;42&#x7D;,&#x7B;&quot;value&quot;&#x3A;27,&quot;count&quot;&#x3A;28&#x7D;,&#x7B;&quot;value&quot;&#x3A;28,&quot;count&quot;&#x3A;51&#x7D;,&#x7B;&quot;value&quot;&#x3A;29,&quot;count&quot;&#x3A;27&#x7D;,&#x7B;&quot;value&quot;&#x3A;30,&quot;count&quot;&#x3A;180&#x7D;,&#x7B;&quot;value&quot;&#x3A;31,&quot;count&quot;&#x3A;38&#x7D;,&#x7B;&quot;value&quot;&#x3A;32,&quot;count&quot;&#x3A;64&#x7D;,&#x7B;&quot;value&quot;&#x3A;33,&quot;count&quot;&#x3A;47&#x7D;,&#x7B;&quot;value&quot;&#x3A;34,&quot;count&quot;&#x3A;51&#x7D;,&#x7B;&quot;value&quot;&#x3A;35,&quot;count&quot;&#x3A;106&#x7D;,&#x7B;&quot;value&quot;&#x3A;36,&quot;count&quot;&#x3A;78&#x7D;,&#x7B;&quot;value&quot;&#x3A;37,&quot;count&quot;&#x3A;84&#x7D;,&#x7B;&quot;value&quot;&#x3A;38,&quot;count&quot;&#x3A;68&#x7D;,&#x7B;&quot;value&quot;&#x3A;39,&quot;count&quot;&#x3A;69&#x7D;,&#x7B;&quot;value&quot;&#x3A;40,&quot;count&quot;&#x3A;249&#x7D;,&#x7B;&quot;value&quot;&#x3A;41,&quot;count&quot;&#x3A;34&#x7D;,&#x7B;&quot;value&quot;&#x3A;42,&quot;count&quot;&#x3A;87&#x7D;,&#x7B;&quot;value&quot;&#x3A;43,&quot;count&quot;&#x3A;83&#x7D;,&#x7B;&quot;value&quot;&#x3A;44,&quot;count&quot;&#x3A;65&#x7D;,&#x7B;&quot;value&quot;&#x3A;45,&quot;count&quot;&#x3A;102&#x7D;,&#x7B;&quot;value&quot;&#x3A;46,&quot;count&quot;&#x3A;80&#x7D;,&#x7B;&quot;value&quot;&#x3A;47,&quot;count&quot;&#x3A;58&#x7D;,&#x7B;&quot;value&quot;&#x3A;48,&quot;count&quot;&#x3A;50&#x7D;,&#x7B;&quot;value&quot;&#x3A;49,&quot;count&quot;&#x3A;28&#x7D;,&#x7B;&quot;value&quot;&#x3A;50,&quot;count&quot;&#x3A;216&#x7D;,&#x7B;&quot;value&quot;&#x3A;51,&quot;count&quot;&#x3A;28&#x7D;,&#x7B;&quot;value&quot;&#x3A;52,&quot;count&quot;&#x3A;49&#x7D;,&#x7B;&quot;value&quot;&#x3A;53,&quot;count&quot;&#x3A;54&#x7D;,&#x7B;&quot;value&quot;&#x3A;54,&quot;count&quot;&#x3A;60&#x7D;,&#x7B;&quot;value&quot;&#x3A;55,&quot;count&quot;&#x3A;175&#x7D;,&#x7B;&quot;value&quot;&#x3A;56,&quot;count&quot;&#x3A;30&#x7D;,&#x7B;&quot;value&quot;&#x3A;57,&quot;count&quot;&#x3A;19&#x7D;,&#x7B;&quot;value&quot;&#x3A;58,&quot;count&quot;&#x3A;21&#x7D;,&#x7B;&quot;value&quot;&#x3A;59,&quot;count&quot;&#x3A;17&#x7D;,&#x7B;&quot;value&quot;&#x3A;60,&quot;count&quot;&#x3A;122&#x7D;,&#x7B;&quot;value&quot;&#x3A;61,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;62,&quot;count&quot;&#x3A;19&#x7D;,&#x7B;&quot;value&quot;&#x3A;63,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;64,&quot;count&quot;&#x3A;14&#x7D;,&#x7B;&quot;value&quot;&#x3A;65,&quot;count&quot;&#x3A;36&#x7D;,&#x7B;&quot;value&quot;&#x3A;66,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;67,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;68,&quot;count&quot;&#x3A;23&#x7D;,&#x7B;&quot;value&quot;&#x3A;69,&quot;count&quot;&#x3A;17&#x7D;,&#x7B;&quot;value&quot;&#x3A;70,&quot;count&quot;&#x3A;84&#x7D;,&#x7B;&quot;value&quot;&#x3A;71,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;72,&quot;count&quot;&#x3A;14&#x7D;,&#x7B;&quot;value&quot;&#x3A;73,&quot;count&quot;&#x3A;18&#x7D;,&#x7B;&quot;value&quot;&#x3A;74,&quot;count&quot;&#x3A;10&#x7D;,&#x7B;&quot;value&quot;&#x3A;75,&quot;count&quot;&#x3A;27&#x7D;,&#x7B;&quot;value&quot;&#x3A;76,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;78,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;79,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;80,&quot;count&quot;&#x3A;99&#x7D;,&#x7B;&quot;value&quot;&#x3A;82,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;83,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;84,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;85,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;87,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;88,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;90,&quot;count&quot;&#x3A;48&#x7D;,&#x7B;&quot;value&quot;&#x3A;91,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;92,&quot;count&quot;&#x3A;22&#x7D;,&#x7B;&quot;value&quot;&#x3A;93,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;94,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;95,&quot;count&quot;&#x3A;22&#x7D;,&#x7B;&quot;value&quot;&#x3A;98,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;99,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;100,&quot;count&quot;&#x3A;53&#x7D;,&#x7B;&quot;value&quot;&#x3A;101,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;108,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;110,&quot;count&quot;&#x3A;21&#x7D;,&#x7B;&quot;value&quot;&#x3A;111,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;112,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;114,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;116,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;118,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;119,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;120,&quot;count&quot;&#x3A;18&#x7D;,&#x7B;&quot;value&quot;&#x3A;122,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;128,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;130,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;132,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;133,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;140,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;150,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;153,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;156,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;177,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;200,&quot;count&quot;&#x3A;5&#x7D;&#x5D;,&quot;adaptiveIntervals&quot;&#x3A;&#x5B;&#x5D;,&quot;showAdaptiveSlider&quot;&#x3A;false,&quot;urlTemplate&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.fleur.nl&#x5C;&#x2F;bloempotten&#x5C;&#x2F;bloempotten-soorten&#x3F;ajax&#x3D;1&amp;specifications_bloempotten_potdiameter_copy&#x3D;&lt;&#x25;-&#x20;from&#x20;&#x25;&gt;-&lt;&#x25;-&#x20;to&#x20;&#x25;&gt;&quot;,&quot;messageTemplates&quot;&#x3A;&#x7B;&quot;displayOne&quot;&#x3A;&quot;1&#x20;artikel&quot;,&quot;displayCount&quot;&#x3A;&quot;&lt;&#x25;-&#x20;count&#x20;&#x25;&gt;&#x20;producten&quot;,&quot;displayEmpty&quot;&#x3A;&quot;Geen&#x20;producten&#x20;in&#x20;het&#x20;geselecteerde&#x20;bereik.&quot;&#x7D;&#x7D;, '')\" x-init=\"initialize()\" class=\"relative max-w-xl w-full\">\n        <div>\n            <input id=\"min__6ada639f624e0\" type=\"range\" step=\"1\" x-bind:min=\"min\" x-bind:max=\"max\"\n                   x-on:change=\"applyFilters($event, `${url}`, 'specifications_bloempotten_potdiameter_copy', true)\"\n                   x-on:input=\"mintrigger\" x-model=\"minprice\" class=\"absolute pointer-events-none appearance-none z-20 h-1 w-full opacity-0 cursor-pointer\">\n            <input id=\"max__6ada639f624e0\" type=\"range\" step=\"1\" x-bind:min=\"min\" x-bind:max=\"max\"\n                   x-on:change=\"applyFilters($event, `${url}`, 'specifications_bloempotten_potdiameter_copy', true)\"\n                   x-on:input=\"maxtrigger\" x-model=\"maxprice\" class=\"absolute pointer-events-none appearance-none z-20 h-1 w-full opacity-0 cursor-pointer\">\n\n            <div class=\"relative mt-5 mb-10 z-10 h-1\">\n                <div class=\"absolute z-10 left-0 right-0 bottom-0 top-0 rounded-md bg-grey pointer-events-none\"><\/div>\n                <div class=\"absolute z-20 top-0 bottom-0 rounded-md bg-black pointer-events-none\" x-bind:style=\"'right:'+ (100 - maxthumb)+'%; left:'+ minthumb+'%'\"><\/div>\n                <div class=\"absolute z-30 w-6 h-6 top-0 left-0 bg-white border shadow rounded-full -mt-2.5\" x-bind:style=\"'left: '+(minthumb - 3)+'%'\"><\/div>\n                <div class=\"absolute z-30 w-6 h-6 top-0 right-0 bg-white border shadow rounded-full -mt-2.5\" x-bind:style=\"'left: '+ (maxthumb - 5) +'%'\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"flex justify-between items-center mb-8\">\n            <div>\n                <input type=\"text\" x-model=\"minprice\"\n                       x-on:change=\" mintrigger(); applyFilters($event, `${url}`, 'specifications_bloempotten_potdiameter_copy', true)\"\n                       class=\"px-3 py-2 border rounded-lg w-24 text-center\" \/>\n                            <\/div>\n            <div class=\"text-sm\">naar<\/div>\n            <div>\n                <input type=\"text\" x-model=\"maxprice\"\n                       x-on:change=\"maxtrigger(); applyFilters($event, `${url}`, 'specifications_bloempotten_potdiameter_copy', true);\"\n                       class=\"px-3 py-2 border rounded-lg w-24 text-center\" \/>\n\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                                                                        <\/div>\n                        <div class=\"desktop hidden md:block block-content filter-content pt-3\" x-show=\"isMobile && blockOpen || !isMobile\">\n                                                                                                                                                        <div class=\"filter-option card my-4 cat\" x-data=\"{ open: false}\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open\">\n                                            <span class=\"title text-lg font-semibold\">\n                                                Categorie                                            <\/span>\n                                            <span class=\"block mr-1 transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n\n                                            @open-filter-option.window=\"if ($event.detail.id === 0) open = true\"\n                                        >\n                                            \n<ol class=\"items\">\n                    <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/grote-bloempotten', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/grote-bloempotten\">\n                                        Grote bloempotten                                            (<span class=\"count\">675<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/watergevend', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/watergevend\">\n                                        Watergevende potten                                            (<span class=\"count\">62<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/exclusief', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/exclusief\">\n                                        Exclusieve potten                                            (<span class=\"count\">353<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/hangpotten', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/hangpotten\">\n                                        Hangpotten                                            (<span class=\"count\">25<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/lichtgewicht', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/lichtgewicht\">\n                                        Lichtgewicht potten                                            (<span class=\"count\">554<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/betonlook', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/betonlook\">\n                                        Betonlook potten                                            (<span class=\"count\">641<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/bloempotten-buiten', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/bloempotten-buiten\">\n                                        Bloempotten buiten                                            (<span class=\"count\">996<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/vazen', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/vazen\">\n                                        Vazen en kruiken                                            (<span class=\"count\">166<\/span>)\n                                    <\/a>\n                                    <\/span>\n                            <li class=\"item my-2\" x-data=\"{ open: false }\">\n            <span class=\"flex items-center justify-between\">\n                            <a @click=\"applyFilters($event, 'https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/verrijdbare-bloempotten', 'cat')\" href=\"https:\/\/www.fleur.nl\/bloempotten\/soort-bloempotten\/verrijdbare-bloempotten\">\n                                        Verrijdbare bloempotten                                            (<span class=\"count\">12<\/span>)\n                                    <\/a>\n                                    <\/span>\n            <\/ol>\n                                        <\/div>\n                                    <\/div>\n                                                                                                                                                                    <div class=\"filter-option card my-4 price\" x-data=\"{ open: false}\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open\">\n                                            <span class=\"title text-lg font-semibold\">\n                                                Prijs                                            <\/span>\n                                            <span class=\"block mr-1 transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n\n                                            @open-filter-option.window=\"if ($event.detail.id === 1) open = true\"\n                                        >\n                                            \n\n<script>\n    function rangeSlider_6ada639f63d87(options, isPriceSlider) {\n        \"use strict\";\n\n        return {\n            options: options,\n            priceSlider: isPriceSlider,\n            lastThumbUpdatedMax: true,\n            minfocused: false,\n            maxfocused: false,\n            sliderZindex: 20,\n            messageTemplates: {\n                \"displayOne\": '<span class=\"msg\">1 product<\/span>',\n                \"displayCount\": '<span class=\"msg\"><%- count %> producten<\/span>',\n                \"displayEmpty\": '<span class=\"msg-error\">No items in the current range.<\/span>'\n            },\n            minprice: 0,\n            maxprice: 0,\n            fromLabel: '',\n            toLabel: '',\n            min: 0,\n            max: 0,\n            minZindex: 0,\n            maxZindex: 0,\n            minthumb: 0,\n            maxthumb: 0,\n            message: '',\n            url: '',\n            showAdaptiveSlider: false,\n            intervals: [],\n\n            initialize: function () {\n                this.options = Object.assign({}, this.options, options);\n                this.url = this.options.urlTemplate;\n\n                if (this.options.sliderZindex !== undefined) {\n                    this.sliderZindex = this.options.sliderZindex;\n                }\n\n                this.showAdaptiveSlider =  false;\n                if (this.options.showAdaptiveSlider !== undefined) {\n                    this.showAdaptiveSlider = this.options.showAdaptiveSlider;\n                }\n\n                if (this.options.maxLabelOffset === undefined) {\n                    this.options.maxLabelOffset = 0.01;\n                }\n\n                if (this.options.rate === undefined) {\n                    this.options.rate = 1.0000;\n                }\n\n                if (this.showAdaptiveSlider) {\n                    this._initAdaptiveSliderValues();\n                } else {\n                    this._initSliderValues();\n                }\n\n                this.mintrigger();\n                this.maxtrigger();\n            },\n            _initSliderValues: function () {\n                this.rate = parseFloat(this.options.rate);\n                this.minprice = Math.floor(this.options.currentValue.from * this.rate);\n                this.maxprice = Math.round(this.options.currentValue.to * this.rate);\n                this.intervals    = this.options.intervals.map(\n                    function(item) { item.value = Math.round(item.value * this.rate); return item}.bind(this)\n                );\n                this.min = Math.floor(this.options.minValue * this.rate);\n                this.max = Math.round(this.options.maxValue * this.rate);\n            },\n\n            _initAdaptiveSliderValues: function () {\n                this.intervals = this.options.adaptiveIntervals;\n                this.options.adaptiveIntervals[0].value = Math.floor(this.options.adaptiveIntervals[0].value);\n                this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));\n                this.rate = parseFloat(this.options.rate);\n                this.intervals = this.intervals.map(\n                    function(item) { item.originalValue = Math.ceil(item.originalValue * this.rate); return item}.bind(this)\n                );\n                this.min = this.intervals[0].value;\n                this.max = this.intervals[this.intervals.length - 1].value;\n            },\n            mintrigger: function () {\n                this.lastThumbUpdatedMax = false;\n                this.validation();\n                this.minprice = this._getClosestAdaptiveValue(Math.min(this.minprice, this.maxprice));\n                this.minthumb = ((this.minprice - this.min) \/ (this.max - this.min)) * 100;\n                this._onChangeAfter();\n            },\n            maxtrigger: function () {\n                this.lastThumbUpdatedMax = true;\n                this.validation();\n                this.maxprice = this._getClosestAdaptiveValue(Math.max(this.maxprice, this.minprice));\n                this.maxthumb = ((this.maxprice - this.min) \/ (this.max - this.min)) * 100;\n                this._onChangeAfter();\n            },\n            updateFocusState: function (targetName, stateValue) {\n                this[`${targetName}focused`] = stateValue\n            },\n            _onChangeAfter: function () {\n                this._updateSliderZindexes();\n                this._applyRange();\n                this._refreshDisplay();\n            },\n            validation: function () {\n                if (\/^[\\d.]*$\/.test(this.minprice)) {\n                    if (this.minprice > this.max) {\n                        this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                    }\n                    if (this.minprice < this.min) {\n                        this.minprice = this.min;\n                    }\n                } else {\n                    this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                }\n                if (\/^[\\d.]*$\/.test(this.maxprice)) {\n                    if (this.maxprice > this.max) {\n                        this.maxprice = this.max;\n                    }\n                    if (this.maxprice < this.min) {\n                        this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));\n                    }\n                } else {\n                    this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to))\n                }\n            },\n            getItemCount: function () {\n                var from = this.minprice, to = this.maxprice, intervals = this.intervals;\n                return intervals.map(function (item) {\n                    return item.value >= from && item.value < to ? item.count : 0;\n                })\n                    .reduce(function (a, b) {\n                        return a + b;\n                    });\n            },\n            _refreshDisplay: function () {\n                this.count = this.getItemCount();\n                let minprice = this._getOriginalValue(this.minprice);\n                if (minprice >= this._getOriginalValue(this.max) ) {\n                    minprice = this._getOriginalValue(this.max) - this.options.maxLabelOffset;\n                }\n                this.fromLabel = this._formatLabel(minprice);\n\n                let maxprice = this._getOriginalValue(this.maxprice) - this.options.maxLabelOffset;\n                if (maxprice < this._getOriginalValue(this.min)) {\n                    maxprice = this._getOriginalValue(this.maxprice);\n                }\n                this.toLabel = this._formatLabel(maxprice);\n\n                var messageTemplate = this.messageTemplates[this.count > 0 ? (this.count > 1 ? 'displayCount' : 'displayOne') : 'displayEmpty'];\n                this.message = this._unescape(messageTemplate.replace('<%- count %>', this.count));\n            },\n            _formatLabel: function (value) {\n                var formattedValue = value;\n\n                if (this.priceSlider && this.options.fieldFormat) {\n                    formattedValue = this._formatPrice(value);\n                } else if (this.options.fieldFormat) {\n                    var pattern = this.options.fieldFormat.pattern || '%s';\n                    formattedValue = pattern.replace(\n                        '%s',\n                        Number.parseFloat(formattedValue).toFixed(this.options.fieldFormat.precision)\n                    );\n                }\n\n                return formattedValue;\n            },\n            _formatPrice: function (value) {\n                var formatter = new Intl.NumberFormat(\n                    document.documentElement.lang,\n                    {\n                        style: 'currency',\n                        currency: 'EUR',\n                    }\n                );\n\n                return formatter.format(value);\n            },\n            _applyRange: function () {\n                var range = {\n                    from : this._getOriginalValue(this.minprice) * (1 \/ this.rate),\n                    to   : this._getOriginalValue(this.maxprice) * (1 \/ this.rate),\n                };\n\n                this.url = this._unescape(this.options.urlTemplate.replace('<%- from %>', range.from).replace('<%- to %>', range.to));\n            },\n            _updateSliderZindexes: function () {\n                this.minZindex = this.sliderZindex;\n                this.maxZindex = this.sliderZindex;\n                if (this.minprice == this.maxprice) {\n                    if (this.minprice === this.min || (this.minprice !== this.min && this.lastThumbUpdatedMax)) {\n                        this.maxZindex = this.sliderZindex + 1;\n                    }\n\n                    if (this.maxprice === this.max || (this.maxprice !== this.max && !this.lastThumbUpdatedMax)) {\n                        this.minZindex = this.sliderZindex + 1;\n                    }\n\n                }\n            },\n            _getAdaptiveValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var adaptiveValue = this.intervals[0].value;\n                var found = false;\n                this.intervals.forEach(function (item) {\n                    if (found === false && item.originalValue === value) {\n                        adaptiveValue = item.value;\n                        found = true;\n                    }\n\n                    if (found === false && item.originalValue < value) {\n                        adaptiveValue = item.value;\n                    }\n                });\n\n                return adaptiveValue;\n            },\n\n            _getClosestAdaptiveValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var closestValue = this.intervals[0].value;\n                var found = false;\n                this.intervals.forEach(function (item) {\n                    if (item.value === value) {\n                        closestValue = value;\n                        found = true;\n                    }\n\n                    if (found === false && item.value < value) {\n                        closestValue = item.value;\n                    }\n                });\n\n                return closestValue;\n            },\n\n            _getOriginalValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var originalValue = null;\n                this.intervals.forEach(function (item) {\n                    if (item.value === value) {\n                        originalValue = item.originalValue;\n                    }\n                });\n\n                return originalValue;\n            },\n\n            _unescape: function (str) {\n                return str.replace(\/&lt;%|%3C%\/g, '<%').replace(\/%&gt;|%%3E\/g, '%>');\n            },\n        }\n    }\n<\/script>\n<style>\n    input[type=range]::-webkit-slider-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n\n    input[type=range]::-moz-range-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n\n    input[type=range]::-ms-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n<\/style>\n<div class=\"smile-es-range-slider\" data-role=\"range-price-slider-price\">\n    <div x-data=\"rangeSlider_6ada639f63d87(&#x7B;&quot;minValue&quot;&#x3A;3,&quot;maxValue&quot;&#x3A;2950,&quot;currentValue&quot;&#x3A;&#x7B;&quot;from&quot;&#x3A;3,&quot;to&quot;&#x3A;2950&#x7D;,&quot;fieldFormat&quot;&#x3A;&#x7B;&quot;pattern&quot;&#x3A;&quot;&#x5C;u20ac&#x5C;u00a0&#x25;s&quot;,&quot;precision&quot;&#x3A;2,&quot;requiredPrecision&quot;&#x3A;2,&quot;decimalSymbol&quot;&#x3A;&quot;,&quot;,&quot;groupSymbol&quot;&#x3A;&quot;.&quot;,&quot;groupLength&quot;&#x3A;3,&quot;integerRequired&quot;&#x3A;false&#x7D;,&quot;intervals&quot;&#x3A;&#x5B;&#x7B;&quot;value&quot;&#x3A;3,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;4,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;5,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;6,&quot;count&quot;&#x3A;19&#x7D;,&#x7B;&quot;value&quot;&#x3A;7,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;8,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;9,&quot;count&quot;&#x3A;12&#x7D;,&#x7B;&quot;value&quot;&#x3A;10,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;12,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;13,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;14,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;15,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;16,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;17,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;18,&quot;count&quot;&#x3A;10&#x7D;,&#x7B;&quot;value&quot;&#x3A;19,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;21,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;22,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;23,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;24,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;25,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;27,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;28,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;29,&quot;count&quot;&#x3A;10&#x7D;,&#x7B;&quot;value&quot;&#x3A;31,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;32,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;33,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;34,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;36,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;37,&quot;count&quot;&#x3A;12&#x7D;,&#x7B;&quot;value&quot;&#x3A;38,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;39,&quot;count&quot;&#x3A;22&#x7D;,&#x7B;&quot;value&quot;&#x3A;41,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;42,&quot;count&quot;&#x3A;12&#x7D;,&#x7B;&quot;value&quot;&#x3A;43,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;44,&quot;count&quot;&#x3A;20&#x7D;,&#x7B;&quot;value&quot;&#x3A;47,&quot;count&quot;&#x3A;27&#x7D;,&#x7B;&quot;value&quot;&#x3A;48,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;49,&quot;count&quot;&#x3A;16&#x7D;,&#x7B;&quot;value&quot;&#x3A;51,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;52,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;54,&quot;count&quot;&#x3A;23&#x7D;,&#x7B;&quot;value&quot;&#x3A;56,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;57,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;58,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;59,&quot;count&quot;&#x3A;40&#x7D;,&#x7B;&quot;value&quot;&#x3A;61,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;62,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;63,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;64,&quot;count&quot;&#x3A;17&#x7D;,&#x7B;&quot;value&quot;&#x3A;66,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;67,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;68,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;69,&quot;count&quot;&#x3A;34&#x7D;,&#x7B;&quot;value&quot;&#x3A;71,&quot;count&quot;&#x3A;14&#x7D;,&#x7B;&quot;value&quot;&#x3A;72,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;74,&quot;count&quot;&#x3A;27&#x7D;,&#x7B;&quot;value&quot;&#x3A;76,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;77,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;78,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;79,&quot;count&quot;&#x3A;19&#x7D;,&#x7B;&quot;value&quot;&#x3A;81,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;82,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;83,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;84,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;87,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;88,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;89,&quot;count&quot;&#x3A;23&#x7D;,&#x7B;&quot;value&quot;&#x3A;91,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;92,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;93,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;94,&quot;count&quot;&#x3A;15&#x7D;,&#x7B;&quot;value&quot;&#x3A;96,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;97,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;98,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;99,&quot;count&quot;&#x3A;33&#x7D;,&#x7B;&quot;value&quot;&#x3A;104,&quot;count&quot;&#x3A;18&#x7D;,&#x7B;&quot;value&quot;&#x3A;107,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;109,&quot;count&quot;&#x3A;27&#x7D;,&#x7B;&quot;value&quot;&#x3A;111,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;112,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;114,&quot;count&quot;&#x3A;15&#x7D;,&#x7B;&quot;value&quot;&#x3A;116,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;117,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;118,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;119,&quot;count&quot;&#x3A;34&#x7D;,&#x7B;&quot;value&quot;&#x3A;124,&quot;count&quot;&#x3A;22&#x7D;,&#x7B;&quot;value&quot;&#x3A;127,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;129,&quot;count&quot;&#x3A;18&#x7D;,&#x7B;&quot;value&quot;&#x3A;131,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;132,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;133,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;134,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;139,&quot;count&quot;&#x3A;28&#x7D;,&#x7B;&quot;value&quot;&#x3A;144,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;147,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;149,&quot;count&quot;&#x3A;24&#x7D;,&#x7B;&quot;value&quot;&#x3A;154,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;159,&quot;count&quot;&#x3A;38&#x7D;,&#x7B;&quot;value&quot;&#x3A;162,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;164,&quot;count&quot;&#x3A;20&#x7D;,&#x7B;&quot;value&quot;&#x3A;167,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;169,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;171,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;174,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;179,&quot;count&quot;&#x3A;29&#x7D;,&#x7B;&quot;value&quot;&#x3A;184,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;189,&quot;count&quot;&#x3A;22&#x7D;,&#x7B;&quot;value&quot;&#x3A;190,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;194,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;197,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;199,&quot;count&quot;&#x3A;31&#x7D;,&#x7B;&quot;value&quot;&#x3A;204,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;209,&quot;count&quot;&#x3A;15&#x7D;,&#x7B;&quot;value&quot;&#x3A;214,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;219,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;228,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;229,&quot;count&quot;&#x3A;15&#x7D;,&#x7B;&quot;value&quot;&#x3A;234,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;237,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;239,&quot;count&quot;&#x3A;23&#x7D;,&#x7B;&quot;value&quot;&#x3A;244,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;249,&quot;count&quot;&#x3A;28&#x7D;,&#x7B;&quot;value&quot;&#x3A;254,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;259,&quot;count&quot;&#x3A;18&#x7D;,&#x7B;&quot;value&quot;&#x3A;264,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;269,&quot;count&quot;&#x3A;15&#x7D;,&#x7B;&quot;value&quot;&#x3A;271,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;274,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;279,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;284,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;289,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;294,&quot;count&quot;&#x3A;10&#x7D;,&#x7B;&quot;value&quot;&#x3A;299,&quot;count&quot;&#x3A;19&#x7D;,&#x7B;&quot;value&quot;&#x3A;309,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;314,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;319,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;324,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;329,&quot;count&quot;&#x3A;14&#x7D;,&#x7B;&quot;value&quot;&#x3A;339,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;349,&quot;count&quot;&#x3A;16&#x7D;,&#x7B;&quot;value&quot;&#x3A;354,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;359,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;364,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;369,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;379,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;384,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;389,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;399,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;409,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;419,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;424,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;429,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;439,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;444,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;449,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;459,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;469,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;474,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;479,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;489,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;499,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;519,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;529,&quot;count&quot;&#x3A;9&#x7D;,&#x7B;&quot;value&quot;&#x3A;539,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;549,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;559,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;569,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;579,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;584,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;589,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;594,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;599,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;619,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;639,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;649,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;659,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;674,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;689,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;694,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;699,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;719,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;729,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;739,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;749,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;759,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;769,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;779,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;799,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;819,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;849,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;869,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;874,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;899,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;919,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;949,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;999,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;1049,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;1149,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;1179,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1299,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1349,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1399,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;1499,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1549,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1599,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;1699,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1839,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1899,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1989,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;1999,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;2099,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;2249,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;2399,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;2949,&quot;count&quot;&#x3A;2&#x7D;&#x5D;,&quot;adaptiveIntervals&quot;&#x3A;&#x5B;&#x5D;,&quot;showAdaptiveSlider&quot;&#x3A;false,&quot;urlTemplate&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.fleur.nl&#x5C;&#x2F;bloempotten&#x5C;&#x2F;bloempotten-soorten&#x3F;ajax&#x3D;1&amp;price&#x3D;&lt;&#x25;-&#x20;from&#x20;&#x25;&gt;-&lt;&#x25;-&#x20;to&#x20;&#x25;&gt;&quot;,&quot;messageTemplates&quot;&#x3A;&#x7B;&quot;displayOne&quot;&#x3A;&quot;1&#x20;artikel&quot;,&quot;displayCount&quot;&#x3A;&quot;&lt;&#x25;-&#x20;count&#x20;&#x25;&gt;&#x20;producten&quot;,&quot;displayEmpty&quot;&#x3A;&quot;Geen&#x20;producten&#x20;in&#x20;het&#x20;geselecteerde&#x20;bereik.&quot;&#x7D;,&quot;rate&quot;&#x3A;1&#x7D;, '1')\" x-init=\"initialize()\" class=\"relative max-w-xl w-full\">\n        <div>\n            <input id=\"min__6ada639f63d87\" type=\"range\" step=\"1\" x-bind:min=\"min\" x-bind:max=\"max\"\n                   x-on:change=\"applyFilters($event, `${url}`, 'price', true)\"\n                   x-on:input=\"mintrigger\" x-model=\"minprice\" class=\"absolute pointer-events-none appearance-none z-20 h-1 w-full opacity-0 cursor-pointer\">\n            <input id=\"max__6ada639f63d87\" type=\"range\" step=\"1\" x-bind:min=\"min\" x-bind:max=\"max\"\n                   x-on:change=\"applyFilters($event, `${url}`, 'price', true)\"\n                   x-on:input=\"maxtrigger\" x-model=\"maxprice\" class=\"absolute pointer-events-none appearance-none z-20 h-1 w-full opacity-0 cursor-pointer\">\n\n            <div class=\"relative mt-5 mb-10 z-10 h-1\">\n                <div class=\"absolute z-10 left-0 right-0 bottom-0 top-0 rounded-md bg-grey pointer-events-none\"><\/div>\n                <div class=\"absolute z-20 top-0 bottom-0 rounded-md bg-black pointer-events-none\" x-bind:style=\"'right:'+ (100 - maxthumb)+'%; left:'+ minthumb+'%'\"><\/div>\n                <div class=\"absolute z-30 w-6 h-6 top-0 left-0 bg-white border shadow rounded-full -mt-2.5\" x-bind:style=\"'left: '+(minthumb - 3)+'%'\"><\/div>\n                <div class=\"absolute z-30 w-6 h-6 top-0 right-0 bg-white border shadow rounded-full -mt-2.5\" x-bind:style=\"'left: '+ (maxthumb - 5) +'%'\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"flex justify-between items-center mb-8\">\n            <div>\n                <input type=\"text\" x-model=\"minprice\"\n                       x-on:change=\" mintrigger(); applyFilters($event, `${url}`, 'price', true)\"\n                       class=\"px-3 py-2 border rounded-lg w-24 text-center\" \/>\n                                <br\/>\n                    <span x-model=\"minprice\" x-text=\"fromLabel\" class=\"px-3 py-2 w-24 text-center\"><\/span>\n                            <\/div>\n            <div class=\"text-sm\">naar<\/div>\n            <div>\n                <input type=\"text\" x-model=\"maxprice\"\n                       x-on:change=\"maxtrigger(); applyFilters($event, `${url}`, 'price', true);\"\n                       class=\"px-3 py-2 border rounded-lg w-24 text-center\" \/>\n\n                                <br\/>\n                    <span x-model=\"maxprice\" x-text=\"toLabel\" class=\"px-3 py-2 w-24 text-center\"><\/span>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                                                                                                                                                                                                                                            <div class=\"filter-option card my-4 specifications_bloempotten_brand\" x-data=\"{ open: false}\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open\">\n                                            <span class=\"title text-lg font-semibold\">\n                                                Merk                                            <\/span>\n                                            <span class=\"block mr-1 transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n\n                                            @open-filter-option.window=\"if ($event.detail.id === 2) open = true\"\n                                        >\n                                                    <script>\n    function initSmileAttibute_6ada639f64232() {\n        \"use strict\";\n\n        return {\n            options             : {\"component\":\"Smile_ElasticsuiteCatalog\\\/js\\\/attribute-filter\",\"maxSize\":10,\"displayProductCount\":true,\"hasMoreItems\":true,\"displayRelNofollow\":\"\",\"ajaxLoadUrl\":\"https:\\\/\\\/www.fleur.nl\\\/catalog\\\/navigation_filter\\\/ajax\\\/id\\\/829\\\/?ajax=1&cat=829&filterName=specifications_bloempotten_brand\",\"items\":[{\"label\":\"Artstone\",\"count\":23,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Artstone\",\"is_selected\":false},{\"label\":\"Baq\",\"count\":290,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Baq\",\"is_selected\":false},{\"label\":\"Capi\",\"count\":63,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Capi\",\"is_selected\":false},{\"label\":\"Drypot Ratan\",\"count\":14,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Drypot+Ratan\",\"is_selected\":false},{\"label\":\"Elho\",\"count\":109,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Elho\",\"is_selected\":false},{\"label\":\"Isaa\",\"count\":45,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Isaa\",\"is_selected\":false},{\"label\":\"Laos\",\"count\":9,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Laos\",\"is_selected\":false},{\"label\":\"Lechuza\",\"count\":50,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Lechuza\",\"is_selected\":false},{\"label\":\"Luca Lifestyle\",\"count\":161,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Luca+Lifestyle\",\"is_selected\":false},{\"label\":\"Pottery Pots\",\"count\":354,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_brand=Pottery+Pots\",\"is_selected\":false}]},\n            searchLabel         : 'Zoeken (%s)',\n            showMoreLabel       : 'Toon meer',\n            showLessLabel       : 'Minder weergeven',\n            noSearchResultLabel : 'Geen waarde die overeenkomt met de zoekopdracht <b>%s<\/b>.',\n            items               : [],\n            \/**\n             * Component initialization\n             *\/\n            initialize: function () {\n                this.expanded = false;\n\n                this.items = this.options.items.map(this.addItemId.bind(this));\n\n                var lastSelectedIndex = Math.max.apply(null, (this.items.map(\n                    function (v, k) {return v['is_selected'] ? k : 0;}))\n                );\n                this.maxSize = Math.max(this.options.maxSize, lastSelectedIndex + 1);\n\n                this.initSearchPlaceholder();\n                this.onShowLess();\n                this.displaySearch = this.displayShowMore();\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Init the place holder\n             *\/\n            initSearchPlaceholder: function () {\n                var examples = this.items.slice(0, 2).map(function (item) {return item.label});\n\n                if (this.items.length > 2) {\n                    examples.push('...');\n                }\n\n                \/\/ Tip to make html chars interpretable by the browser when the value is get from JS.\n                let placeholder = document.createElement('div');\n                placeholder.innerHTML = this.searchLabel.replace('%s', examples.join(', '));\n\n                this.searchPlaceholder = placeholder.textContent;\n            },\n\n            \/**\n             * Triggered when typing on the search input\n             *\/\n            onSearchChange: function (event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                    this.onShowLess();\n                } else {\n                    this.fulltextSearch = text;\n                    this.onShowMore();\n                }\n\n                return true;\n            },\n\n            \/**\n             * Triggered when leaving the search field.\n             *\/\n            onSearchFocusOut: function(event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                }\n            },\n\n            \/**\n             * Retrieve additional Results\n             *\n             * @param callback\n             *\/\n            loadAdditionalItems: function (callback) {\n                fetch(this.options.ajaxLoadUrl, {\n                    method: 'GET',\n                    headers: {\n                        'X-Requested-With': 'XMLHttpRequest',\n                    },\n                })\n                .then((response) =>  response.json())\n                .then((data) => {\n                        this.items = data.map(this.addItemId.bind(this));\n                        this.options.hasMoreItems = false;\n\n                        if (callback) {\n                            return callback();\n                        }\n                    }\n                );\n            },\n\n            \/**\n             * Retrieve items to display\n             *\n             * @returns {*}\n             *\/\n            getDisplayedItems: function () {\n                var items = this.items;\n\n                if (this.expanded === false) {\n                    items = this.items.slice(0, this.maxSize);\n                }\n\n                if (this.getFulltextSearch()) {\n                    var searchTokens    = this.slugify(this.getFulltextSearch()).split('-');\n                    var lastSearchToken = searchTokens.splice(-1, 1)[0];\n\n                    items = items.filter(function(item) {\n                        var isValidItem = true;\n                        var itemTokens = this.slugify(item.label).split('-');\n                        searchTokens.forEach(function(currentToken) {\n                            if (itemTokens.indexOf(currentToken) === -1) {\n                                isValidItem = false;\n                            }\n                        })\n                        if (isValidItem && lastSearchToken) {\n                            var ngrams = itemTokens.map(function(token) {return token.substring(0, lastSearchToken.length)});\n                            isValidItem = ngrams.indexOf(lastSearchToken) !== -1;\n                        }\n                        return isValidItem;\n                    }.bind(this))\n                }\n                this.result = items.length;\n                return items;\n            },\n\n            \/**\n             * Does the search have a result\n             *\/\n            hasSearchResult: function () {\n                return this.getDisplayedItems().length > 0\n            },\n\n            \/**\n             * Search result message\n             *\/\n            getSearchResultMessage : function() {\n                return this.noSearchResultLabel.replace(\"%s\", '\"' + this.getFulltextSearch() + '\"')\n            },\n\n            getFulltextSearch : function() {\n                return this.fulltextSearch;\n            },\n\n            \/**\n             * Callback for the \"Show more\" button\n             *\/\n            onShowMore: function () {\n                if (this.options.hasMoreItems) {\n                    this.loadAdditionalItems(this.onShowMore.bind(this));\n                } else {\n                    this.expanded = true;\n                }\n\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Index the text to be searched.\n             *\/\n            slugify: function(text) {\n                return text.toString().toLowerCase()\n                    .replace(\/\\s+\/g, '-')                                              \/\/ Replace spaces with -\n                    .replace(\/[^\\w\\u0400-\\u052F\\u2DE0-\\u2DFF\\uA640-\\uA69F'\\-]+\/g, '')  \/\/ Remove all non-word chars\n                    .replace(\/\\-\\-+\/g, '-')                                            \/\/ Replace multiple - with single -\n                    .replace(\/^-+\/, '')                                                \/\/ Trim - from start of text\n            },\n\n            \/**\n             * Callback for the \"Show less\" button\n             *\/\n            onShowLess: function () {\n                this.expanded = false;\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Check if the filter can be expanded\n             *\n             * @returns {boolean}\n             *\/\n            enableExpansion : function () {\n                return this.options.hasMoreItems || this.items.length > this.maxSize;\n            },\n\n            \/**\n             * Displays the \"Show More\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowMore: function () {\n                return this.enableExpansion() && this.expanded === false && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Displays the \"Show Less\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowLess: function () {\n                return this.enableExpansion() && this.expanded === true && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Add an id to items.\n             *\/\n            addItemId: function (item) {\n                item.id = Math.floor(Math.random() * 1000000) + \"_option_\";\n                item.displayProductCount = this.options.displayProductCount && (item.count >= 1);\n\n                return item;\n            },\n        };\n    };\n<\/script>\n\n    <div class=\"specifications_bloempotten_brandFilter\" x-data=\"initSmileAttibute_6ada639f64232()\"\n         x-init=\"initialize();\">\n        <ol class=\"items\">\n            <template x-for=\"attribute in getDisplayedItems()\" hidden>\n                <li class=\"item my-2\">\n                    <a @click=\"applyFilters($event, `${attribute.url}`, 'specifications_bloempotten_brand')\"\n                       :id=\"'specifications_bloempotten_brand' + attribute.label\"\n                       :href=\"attribute.url\" x-show=\"attribute.count >= 1\" rel=\"nofollow\">\n                        <input type=\"checkbox\"\n                               :id=\"attribute.id\"\n                               :checked=\"attribute.is_selected\"\n                               onclick=\"this.parentNode.click();\"\/>\n                        <label :for=\"attribute.id\" class=\"ml-2\">\n                            <span x-html=\"attribute.label\"><\/span>\n                            <span class=\"text-sm\">(<span class=\"count\" x-text=\"attribute.count\"><\/span>)<\/span>\n                        <\/label>\n                    <\/a>\n\n                    <div x-show=\"attribute.count < 1\">\n                        <span x-html=\"attribute.label\"><\/span>\n                        <span class=\"count\" x-text=\"attribute.count\"><\/span>\n                    <\/div>\n                <\/li>\n            <\/template>\n        <\/ol>\n\n        <div class=\"no-results-message\" x-model=\"result\" x-show=\"getFulltextSearch() && !hasSearchResult()\"\n             class=\"empty\">\n            <p x-html=\"getSearchResultMessage()\"><\/p>\n        <\/div>\n\n        <div class=\"actions\" x-show=\"enableExpansion()\">\n            <div class=\"secondary\">\n                <a class=\"action show-more\" x-on:click=\"onShowMore()\" x-show=\"displayShowMore()\"><span\n                        x-text=\"showMoreLabel\"><\/span><\/a>\n                <a class=\"action show-less\" x-on:click=\"onShowLess()\" x-show=\"displayShowLess()\"><span\n                        x-text=\"showLessLabel\"><\/span><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                                        <\/div>\n                                    <\/div>\n                                                                                                                                                                    <div class=\"filter-option card my-4 specifications_bloempotten_shape\" x-data=\"{ open: false}\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open\">\n                                            <span class=\"title text-lg font-semibold\">\n                                                Vorm                                            <\/span>\n                                            <span class=\"block mr-1 transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n\n                                            @open-filter-option.window=\"if ($event.detail.id === 3) open = true\"\n                                        >\n                                                    <script>\n    function initSmileAttibute_6ada639f64398() {\n        \"use strict\";\n\n        return {\n            options             : {\"component\":\"Smile_ElasticsuiteCatalog\\\/js\\\/attribute-filter\",\"maxSize\":10,\"displayProductCount\":true,\"hasMoreItems\":false,\"displayRelNofollow\":\"\",\"ajaxLoadUrl\":\"https:\\\/\\\/www.fleur.nl\\\/catalog\\\/navigation_filter\\\/ajax\\\/id\\\/829\\\/?ajax=1&cat=829&filterName=specifications_bloempotten_shape\",\"items\":[{\"label\":\"Breed\",\"count\":321,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Breed\",\"is_selected\":false},{\"label\":\"Hanger\",\"count\":29,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Hanger\",\"is_selected\":false},{\"label\":\"Hoog\",\"count\":519,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Hoog\",\"is_selected\":false},{\"label\":\"Op poten\",\"count\":29,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Op+poten\",\"is_selected\":false},{\"label\":\"Ovaal\",\"count\":68,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Ovaal\",\"is_selected\":false},{\"label\":\"Rechthoek\",\"count\":86,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Rechthoek\",\"is_selected\":false},{\"label\":\"Rond\",\"count\":1292,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Rond\",\"is_selected\":false},{\"label\":\"Schaal\",\"count\":121,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Schaal\",\"is_selected\":false},{\"label\":\"Vierkant\",\"count\":111,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Vierkant\",\"is_selected\":false},{\"label\":\"Zelf watergevende pot\",\"count\":56,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_shape=Zelf+watergevende+pot\",\"is_selected\":false}]},\n            searchLabel         : 'Zoeken (%s)',\n            showMoreLabel       : 'Toon meer',\n            showLessLabel       : 'Minder weergeven',\n            noSearchResultLabel : 'Geen waarde die overeenkomt met de zoekopdracht <b>%s<\/b>.',\n            items               : [],\n            \/**\n             * Component initialization\n             *\/\n            initialize: function () {\n                this.expanded = false;\n\n                this.items = this.options.items.map(this.addItemId.bind(this));\n\n                var lastSelectedIndex = Math.max.apply(null, (this.items.map(\n                    function (v, k) {return v['is_selected'] ? k : 0;}))\n                );\n                this.maxSize = Math.max(this.options.maxSize, lastSelectedIndex + 1);\n\n                this.initSearchPlaceholder();\n                this.onShowLess();\n                this.displaySearch = this.displayShowMore();\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Init the place holder\n             *\/\n            initSearchPlaceholder: function () {\n                var examples = this.items.slice(0, 2).map(function (item) {return item.label});\n\n                if (this.items.length > 2) {\n                    examples.push('...');\n                }\n\n                \/\/ Tip to make html chars interpretable by the browser when the value is get from JS.\n                let placeholder = document.createElement('div');\n                placeholder.innerHTML = this.searchLabel.replace('%s', examples.join(', '));\n\n                this.searchPlaceholder = placeholder.textContent;\n            },\n\n            \/**\n             * Triggered when typing on the search input\n             *\/\n            onSearchChange: function (event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                    this.onShowLess();\n                } else {\n                    this.fulltextSearch = text;\n                    this.onShowMore();\n                }\n\n                return true;\n            },\n\n            \/**\n             * Triggered when leaving the search field.\n             *\/\n            onSearchFocusOut: function(event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                }\n            },\n\n            \/**\n             * Retrieve additional Results\n             *\n             * @param callback\n             *\/\n            loadAdditionalItems: function (callback) {\n                fetch(this.options.ajaxLoadUrl, {\n                    method: 'GET',\n                    headers: {\n                        'X-Requested-With': 'XMLHttpRequest',\n                    },\n                })\n                .then((response) =>  response.json())\n                .then((data) => {\n                        this.items = data.map(this.addItemId.bind(this));\n                        this.options.hasMoreItems = false;\n\n                        if (callback) {\n                            return callback();\n                        }\n                    }\n                );\n            },\n\n            \/**\n             * Retrieve items to display\n             *\n             * @returns {*}\n             *\/\n            getDisplayedItems: function () {\n                var items = this.items;\n\n                if (this.expanded === false) {\n                    items = this.items.slice(0, this.maxSize);\n                }\n\n                if (this.getFulltextSearch()) {\n                    var searchTokens    = this.slugify(this.getFulltextSearch()).split('-');\n                    var lastSearchToken = searchTokens.splice(-1, 1)[0];\n\n                    items = items.filter(function(item) {\n                        var isValidItem = true;\n                        var itemTokens = this.slugify(item.label).split('-');\n                        searchTokens.forEach(function(currentToken) {\n                            if (itemTokens.indexOf(currentToken) === -1) {\n                                isValidItem = false;\n                            }\n                        })\n                        if (isValidItem && lastSearchToken) {\n                            var ngrams = itemTokens.map(function(token) {return token.substring(0, lastSearchToken.length)});\n                            isValidItem = ngrams.indexOf(lastSearchToken) !== -1;\n                        }\n                        return isValidItem;\n                    }.bind(this))\n                }\n                this.result = items.length;\n                return items;\n            },\n\n            \/**\n             * Does the search have a result\n             *\/\n            hasSearchResult: function () {\n                return this.getDisplayedItems().length > 0\n            },\n\n            \/**\n             * Search result message\n             *\/\n            getSearchResultMessage : function() {\n                return this.noSearchResultLabel.replace(\"%s\", '\"' + this.getFulltextSearch() + '\"')\n            },\n\n            getFulltextSearch : function() {\n                return this.fulltextSearch;\n            },\n\n            \/**\n             * Callback for the \"Show more\" button\n             *\/\n            onShowMore: function () {\n                if (this.options.hasMoreItems) {\n                    this.loadAdditionalItems(this.onShowMore.bind(this));\n                } else {\n                    this.expanded = true;\n                }\n\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Index the text to be searched.\n             *\/\n            slugify: function(text) {\n                return text.toString().toLowerCase()\n                    .replace(\/\\s+\/g, '-')                                              \/\/ Replace spaces with -\n                    .replace(\/[^\\w\\u0400-\\u052F\\u2DE0-\\u2DFF\\uA640-\\uA69F'\\-]+\/g, '')  \/\/ Remove all non-word chars\n                    .replace(\/\\-\\-+\/g, '-')                                            \/\/ Replace multiple - with single -\n                    .replace(\/^-+\/, '')                                                \/\/ Trim - from start of text\n            },\n\n            \/**\n             * Callback for the \"Show less\" button\n             *\/\n            onShowLess: function () {\n                this.expanded = false;\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Check if the filter can be expanded\n             *\n             * @returns {boolean}\n             *\/\n            enableExpansion : function () {\n                return this.options.hasMoreItems || this.items.length > this.maxSize;\n            },\n\n            \/**\n             * Displays the \"Show More\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowMore: function () {\n                return this.enableExpansion() && this.expanded === false && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Displays the \"Show Less\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowLess: function () {\n                return this.enableExpansion() && this.expanded === true && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Add an id to items.\n             *\/\n            addItemId: function (item) {\n                item.id = Math.floor(Math.random() * 1000000) + \"_option_\";\n                item.displayProductCount = this.options.displayProductCount && (item.count >= 1);\n\n                return item;\n            },\n        };\n    };\n<\/script>\n\n    <div class=\"specifications_bloempotten_shapeFilter\" x-data=\"initSmileAttibute_6ada639f64398()\"\n         x-init=\"initialize();\">\n        <ol class=\"items\">\n            <template x-for=\"attribute in getDisplayedItems()\" hidden>\n                <li class=\"item my-2\">\n                    <a @click=\"applyFilters($event, `${attribute.url}`, 'specifications_bloempotten_shape')\"\n                       :id=\"'specifications_bloempotten_shape' + attribute.label\"\n                       :href=\"attribute.url\" x-show=\"attribute.count >= 1\" rel=\"nofollow\">\n                        <input type=\"checkbox\"\n                               :id=\"attribute.id\"\n                               :checked=\"attribute.is_selected\"\n                               onclick=\"this.parentNode.click();\"\/>\n                        <label :for=\"attribute.id\" class=\"ml-2\">\n                            <span x-html=\"attribute.label\"><\/span>\n                            <span class=\"text-sm\">(<span class=\"count\" x-text=\"attribute.count\"><\/span>)<\/span>\n                        <\/label>\n                    <\/a>\n\n                    <div x-show=\"attribute.count < 1\">\n                        <span x-html=\"attribute.label\"><\/span>\n                        <span class=\"count\" x-text=\"attribute.count\"><\/span>\n                    <\/div>\n                <\/li>\n            <\/template>\n        <\/ol>\n\n        <div class=\"no-results-message\" x-model=\"result\" x-show=\"getFulltextSearch() && !hasSearchResult()\"\n             class=\"empty\">\n            <p x-html=\"getSearchResultMessage()\"><\/p>\n        <\/div>\n\n        <div class=\"actions\" x-show=\"enableExpansion()\">\n            <div class=\"secondary\">\n                <a class=\"action show-more\" x-on:click=\"onShowMore()\" x-show=\"displayShowMore()\"><span\n                        x-text=\"showMoreLabel\"><\/span><\/a>\n                <a class=\"action show-less\" x-on:click=\"onShowLess()\" x-show=\"displayShowLess()\"><span\n                        x-text=\"showLessLabel\"><\/span><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                                        <\/div>\n                                    <\/div>\n                                                                                                                                                                    <div class=\"filter-option card my-4 specifications_bloempotten_material\" x-data=\"{ open: false}\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open\">\n                                            <span class=\"title text-lg font-semibold\">\n                                                Materiaal                                            <\/span>\n                                            <span class=\"block mr-1 transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n\n                                            @open-filter-option.window=\"if ($event.detail.id === 4) open = true\"\n                                        >\n                                                    <script>\n    function initSmileAttibute_6ada639f644df() {\n        \"use strict\";\n\n        return {\n            options             : {\"component\":\"Smile_ElasticsuiteCatalog\\\/js\\\/attribute-filter\",\"maxSize\":10,\"displayProductCount\":true,\"hasMoreItems\":false,\"displayRelNofollow\":\"\",\"ajaxLoadUrl\":\"https:\\\/\\\/www.fleur.nl\\\/catalog\\\/navigation_filter\\\/ajax\\\/id\\\/829\\\/?ajax=1&cat=829&filterName=specifications_bloempotten_material\",\"items\":[{\"label\":\"Beton\",\"count\":54,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Beton\",\"is_selected\":false},{\"label\":\"Composiet\",\"count\":348,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Composiet\",\"is_selected\":false},{\"label\":\"Hout\",\"count\":35,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Hout\",\"is_selected\":false},{\"label\":\"Keramiek\",\"count\":205,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Keramiek\",\"is_selected\":false},{\"label\":\"Kunststof\",\"count\":251,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Kunststof\",\"is_selected\":false},{\"label\":\"Metaal\",\"count\":60,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Metaal\",\"is_selected\":false},{\"label\":\"Natuurlijk\",\"count\":132,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Natuurlijk\",\"is_selected\":false},{\"label\":\"Overig\",\"count\":660,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Overig\",\"is_selected\":false},{\"label\":\"Rotan\",\"count\":21,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Rotan\",\"is_selected\":false},{\"label\":\"Terracottta\",\"count\":67,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_material=Terracottta\",\"is_selected\":false}]},\n            searchLabel         : 'Zoeken (%s)',\n            showMoreLabel       : 'Toon meer',\n            showLessLabel       : 'Minder weergeven',\n            noSearchResultLabel : 'Geen waarde die overeenkomt met de zoekopdracht <b>%s<\/b>.',\n            items               : [],\n            \/**\n             * Component initialization\n             *\/\n            initialize: function () {\n                this.expanded = false;\n\n                this.items = this.options.items.map(this.addItemId.bind(this));\n\n                var lastSelectedIndex = Math.max.apply(null, (this.items.map(\n                    function (v, k) {return v['is_selected'] ? k : 0;}))\n                );\n                this.maxSize = Math.max(this.options.maxSize, lastSelectedIndex + 1);\n\n                this.initSearchPlaceholder();\n                this.onShowLess();\n                this.displaySearch = this.displayShowMore();\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Init the place holder\n             *\/\n            initSearchPlaceholder: function () {\n                var examples = this.items.slice(0, 2).map(function (item) {return item.label});\n\n                if (this.items.length > 2) {\n                    examples.push('...');\n                }\n\n                \/\/ Tip to make html chars interpretable by the browser when the value is get from JS.\n                let placeholder = document.createElement('div');\n                placeholder.innerHTML = this.searchLabel.replace('%s', examples.join(', '));\n\n                this.searchPlaceholder = placeholder.textContent;\n            },\n\n            \/**\n             * Triggered when typing on the search input\n             *\/\n            onSearchChange: function (event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                    this.onShowLess();\n                } else {\n                    this.fulltextSearch = text;\n                    this.onShowMore();\n                }\n\n                return true;\n            },\n\n            \/**\n             * Triggered when leaving the search field.\n             *\/\n            onSearchFocusOut: function(event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                }\n            },\n\n            \/**\n             * Retrieve additional Results\n             *\n             * @param callback\n             *\/\n            loadAdditionalItems: function (callback) {\n                fetch(this.options.ajaxLoadUrl, {\n                    method: 'GET',\n                    headers: {\n                        'X-Requested-With': 'XMLHttpRequest',\n                    },\n                })\n                .then((response) =>  response.json())\n                .then((data) => {\n                        this.items = data.map(this.addItemId.bind(this));\n                        this.options.hasMoreItems = false;\n\n                        if (callback) {\n                            return callback();\n                        }\n                    }\n                );\n            },\n\n            \/**\n             * Retrieve items to display\n             *\n             * @returns {*}\n             *\/\n            getDisplayedItems: function () {\n                var items = this.items;\n\n                if (this.expanded === false) {\n                    items = this.items.slice(0, this.maxSize);\n                }\n\n                if (this.getFulltextSearch()) {\n                    var searchTokens    = this.slugify(this.getFulltextSearch()).split('-');\n                    var lastSearchToken = searchTokens.splice(-1, 1)[0];\n\n                    items = items.filter(function(item) {\n                        var isValidItem = true;\n                        var itemTokens = this.slugify(item.label).split('-');\n                        searchTokens.forEach(function(currentToken) {\n                            if (itemTokens.indexOf(currentToken) === -1) {\n                                isValidItem = false;\n                            }\n                        })\n                        if (isValidItem && lastSearchToken) {\n                            var ngrams = itemTokens.map(function(token) {return token.substring(0, lastSearchToken.length)});\n                            isValidItem = ngrams.indexOf(lastSearchToken) !== -1;\n                        }\n                        return isValidItem;\n                    }.bind(this))\n                }\n                this.result = items.length;\n                return items;\n            },\n\n            \/**\n             * Does the search have a result\n             *\/\n            hasSearchResult: function () {\n                return this.getDisplayedItems().length > 0\n            },\n\n            \/**\n             * Search result message\n             *\/\n            getSearchResultMessage : function() {\n                return this.noSearchResultLabel.replace(\"%s\", '\"' + this.getFulltextSearch() + '\"')\n            },\n\n            getFulltextSearch : function() {\n                return this.fulltextSearch;\n            },\n\n            \/**\n             * Callback for the \"Show more\" button\n             *\/\n            onShowMore: function () {\n                if (this.options.hasMoreItems) {\n                    this.loadAdditionalItems(this.onShowMore.bind(this));\n                } else {\n                    this.expanded = true;\n                }\n\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Index the text to be searched.\n             *\/\n            slugify: function(text) {\n                return text.toString().toLowerCase()\n                    .replace(\/\\s+\/g, '-')                                              \/\/ Replace spaces with -\n                    .replace(\/[^\\w\\u0400-\\u052F\\u2DE0-\\u2DFF\\uA640-\\uA69F'\\-]+\/g, '')  \/\/ Remove all non-word chars\n                    .replace(\/\\-\\-+\/g, '-')                                            \/\/ Replace multiple - with single -\n                    .replace(\/^-+\/, '')                                                \/\/ Trim - from start of text\n            },\n\n            \/**\n             * Callback for the \"Show less\" button\n             *\/\n            onShowLess: function () {\n                this.expanded = false;\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Check if the filter can be expanded\n             *\n             * @returns {boolean}\n             *\/\n            enableExpansion : function () {\n                return this.options.hasMoreItems || this.items.length > this.maxSize;\n            },\n\n            \/**\n             * Displays the \"Show More\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowMore: function () {\n                return this.enableExpansion() && this.expanded === false && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Displays the \"Show Less\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowLess: function () {\n                return this.enableExpansion() && this.expanded === true && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Add an id to items.\n             *\/\n            addItemId: function (item) {\n                item.id = Math.floor(Math.random() * 1000000) + \"_option_\";\n                item.displayProductCount = this.options.displayProductCount && (item.count >= 1);\n\n                return item;\n            },\n        };\n    };\n<\/script>\n\n    <div class=\"specifications_bloempotten_materialFilter\" x-data=\"initSmileAttibute_6ada639f644df()\"\n         x-init=\"initialize();\">\n        <ol class=\"items\">\n            <template x-for=\"attribute in getDisplayedItems()\" hidden>\n                <li class=\"item my-2\">\n                    <a @click=\"applyFilters($event, `${attribute.url}`, 'specifications_bloempotten_material')\"\n                       :id=\"'specifications_bloempotten_material' + attribute.label\"\n                       :href=\"attribute.url\" x-show=\"attribute.count >= 1\" rel=\"nofollow\">\n                        <input type=\"checkbox\"\n                               :id=\"attribute.id\"\n                               :checked=\"attribute.is_selected\"\n                               onclick=\"this.parentNode.click();\"\/>\n                        <label :for=\"attribute.id\" class=\"ml-2\">\n                            <span x-html=\"attribute.label\"><\/span>\n                            <span class=\"text-sm\">(<span class=\"count\" x-text=\"attribute.count\"><\/span>)<\/span>\n                        <\/label>\n                    <\/a>\n\n                    <div x-show=\"attribute.count < 1\">\n                        <span x-html=\"attribute.label\"><\/span>\n                        <span class=\"count\" x-text=\"attribute.count\"><\/span>\n                    <\/div>\n                <\/li>\n            <\/template>\n        <\/ol>\n\n        <div class=\"no-results-message\" x-model=\"result\" x-show=\"getFulltextSearch() && !hasSearchResult()\"\n             class=\"empty\">\n            <p x-html=\"getSearchResultMessage()\"><\/p>\n        <\/div>\n\n        <div class=\"actions\" x-show=\"enableExpansion()\">\n            <div class=\"secondary\">\n                <a class=\"action show-more\" x-on:click=\"onShowMore()\" x-show=\"displayShowMore()\"><span\n                        x-text=\"showMoreLabel\"><\/span><\/a>\n                <a class=\"action show-less\" x-on:click=\"onShowLess()\" x-show=\"displayShowLess()\"><span\n                        x-text=\"showLessLabel\"><\/span><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                                        <\/div>\n                                    <\/div>\n                                                                                                                                                                    <div class=\"filter-option card my-4 specifications_bloempotten_potcolor\" x-data=\"{ open: false}\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open\">\n                                            <span class=\"title text-lg font-semibold\">\n                                                Potkleur                                            <\/span>\n                                            <span class=\"block mr-1 transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n\n                                            @open-filter-option.window=\"if ($event.detail.id === 5) open = true\"\n                                        >\n                                                    <script>\n    function initSmileAttibute_6ada639f64621() {\n        \"use strict\";\n\n        return {\n            options             : {\"component\":\"Smile_ElasticsuiteCatalog\\\/js\\\/attribute-filter\",\"maxSize\":10,\"displayProductCount\":true,\"hasMoreItems\":true,\"displayRelNofollow\":\"\",\"ajaxLoadUrl\":\"https:\\\/\\\/www.fleur.nl\\\/catalog\\\/navigation_filter\\\/ajax\\\/id\\\/829\\\/?ajax=1&cat=829&filterName=specifications_bloempotten_potcolor\",\"items\":[{\"label\":\"Antraciet\",\"count\":159,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Antraciet\",\"is_selected\":false},{\"label\":\"Beige\",\"count\":252,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Beige\",\"is_selected\":false},{\"label\":\"Blauw\",\"count\":60,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Blauw\",\"is_selected\":false},{\"label\":\"Brons\",\"count\":76,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Brons\",\"is_selected\":false},{\"label\":\"Bruin\",\"count\":403,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Bruin\",\"is_selected\":false},{\"label\":\"Cr\\u00e8me\",\"count\":132,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Cr%C3%A8me\",\"is_selected\":false},{\"label\":\"Geel\",\"count\":25,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Geel\",\"is_selected\":false},{\"label\":\"Goud\",\"count\":71,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Goud\",\"is_selected\":false},{\"label\":\"Grijs\",\"count\":234,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Grijs\",\"is_selected\":false},{\"label\":\"Groen\",\"count\":91,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1&specifications_bloempotten_potcolor=Groen\",\"is_selected\":false}]},\n            searchLabel         : 'Zoeken (%s)',\n            showMoreLabel       : 'Toon meer',\n            showLessLabel       : 'Minder weergeven',\n            noSearchResultLabel : 'Geen waarde die overeenkomt met de zoekopdracht <b>%s<\/b>.',\n            items               : [],\n            \/**\n             * Component initialization\n             *\/\n            initialize: function () {\n                this.expanded = false;\n\n                this.items = this.options.items.map(this.addItemId.bind(this));\n\n                var lastSelectedIndex = Math.max.apply(null, (this.items.map(\n                    function (v, k) {return v['is_selected'] ? k : 0;}))\n                );\n                this.maxSize = Math.max(this.options.maxSize, lastSelectedIndex + 1);\n\n                this.initSearchPlaceholder();\n                this.onShowLess();\n                this.displaySearch = this.displayShowMore();\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Init the place holder\n             *\/\n            initSearchPlaceholder: function () {\n                var examples = this.items.slice(0, 2).map(function (item) {return item.label});\n\n                if (this.items.length > 2) {\n                    examples.push('...');\n                }\n\n                \/\/ Tip to make html chars interpretable by the browser when the value is get from JS.\n                let placeholder = document.createElement('div');\n                placeholder.innerHTML = this.searchLabel.replace('%s', examples.join(', '));\n\n                this.searchPlaceholder = placeholder.textContent;\n            },\n\n            \/**\n             * Triggered when typing on the search input\n             *\/\n            onSearchChange: function (event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                    this.onShowLess();\n                } else {\n                    this.fulltextSearch = text;\n                    this.onShowMore();\n                }\n\n                return true;\n            },\n\n            \/**\n             * Triggered when leaving the search field.\n             *\/\n            onSearchFocusOut: function(event) {\n                var text = event.target.value;\n                if (text.trim() === \"\") {\n                    this.fulltextSearch = null;\n                }\n            },\n\n            \/**\n             * Retrieve additional Results\n             *\n             * @param callback\n             *\/\n            loadAdditionalItems: function (callback) {\n                fetch(this.options.ajaxLoadUrl, {\n                    method: 'GET',\n                    headers: {\n                        'X-Requested-With': 'XMLHttpRequest',\n                    },\n                })\n                .then((response) =>  response.json())\n                .then((data) => {\n                        this.items = data.map(this.addItemId.bind(this));\n                        this.options.hasMoreItems = false;\n\n                        if (callback) {\n                            return callback();\n                        }\n                    }\n                );\n            },\n\n            \/**\n             * Retrieve items to display\n             *\n             * @returns {*}\n             *\/\n            getDisplayedItems: function () {\n                var items = this.items;\n\n                if (this.expanded === false) {\n                    items = this.items.slice(0, this.maxSize);\n                }\n\n                if (this.getFulltextSearch()) {\n                    var searchTokens    = this.slugify(this.getFulltextSearch()).split('-');\n                    var lastSearchToken = searchTokens.splice(-1, 1)[0];\n\n                    items = items.filter(function(item) {\n                        var isValidItem = true;\n                        var itemTokens = this.slugify(item.label).split('-');\n                        searchTokens.forEach(function(currentToken) {\n                            if (itemTokens.indexOf(currentToken) === -1) {\n                                isValidItem = false;\n                            }\n                        })\n                        if (isValidItem && lastSearchToken) {\n                            var ngrams = itemTokens.map(function(token) {return token.substring(0, lastSearchToken.length)});\n                            isValidItem = ngrams.indexOf(lastSearchToken) !== -1;\n                        }\n                        return isValidItem;\n                    }.bind(this))\n                }\n                this.result = items.length;\n                return items;\n            },\n\n            \/**\n             * Does the search have a result\n             *\/\n            hasSearchResult: function () {\n                return this.getDisplayedItems().length > 0\n            },\n\n            \/**\n             * Search result message\n             *\/\n            getSearchResultMessage : function() {\n                return this.noSearchResultLabel.replace(\"%s\", '\"' + this.getFulltextSearch() + '\"')\n            },\n\n            getFulltextSearch : function() {\n                return this.fulltextSearch;\n            },\n\n            \/**\n             * Callback for the \"Show more\" button\n             *\/\n            onShowMore: function () {\n                if (this.options.hasMoreItems) {\n                    this.loadAdditionalItems(this.onShowMore.bind(this));\n                } else {\n                    this.expanded = true;\n                }\n\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Index the text to be searched.\n             *\/\n            slugify: function(text) {\n                return text.toString().toLowerCase()\n                    .replace(\/\\s+\/g, '-')                                              \/\/ Replace spaces with -\n                    .replace(\/[^\\w\\u0400-\\u052F\\u2DE0-\\u2DFF\\uA640-\\uA69F'\\-]+\/g, '')  \/\/ Remove all non-word chars\n                    .replace(\/\\-\\-+\/g, '-')                                            \/\/ Replace multiple - with single -\n                    .replace(\/^-+\/, '')                                                \/\/ Trim - from start of text\n            },\n\n            \/**\n             * Callback for the \"Show less\" button\n             *\/\n            onShowLess: function () {\n                this.expanded = false;\n                this.displayedItems = this.getDisplayedItems();\n            },\n\n            \/**\n             * Check if the filter can be expanded\n             *\n             * @returns {boolean}\n             *\/\n            enableExpansion : function () {\n                return this.options.hasMoreItems || this.items.length > this.maxSize;\n            },\n\n            \/**\n             * Displays the \"Show More\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowMore: function () {\n                return this.enableExpansion() && this.expanded === false && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Displays the \"Show Less\" link\n             *\n             * @returns {*|boolean}\n             *\/\n            displayShowLess: function () {\n                return this.enableExpansion() && this.expanded === true && !this.getFulltextSearch();\n            },\n\n            \/**\n             * Add an id to items.\n             *\/\n            addItemId: function (item) {\n                item.id = Math.floor(Math.random() * 1000000) + \"_option_\";\n                item.displayProductCount = this.options.displayProductCount && (item.count >= 1);\n\n                return item;\n            },\n        };\n    };\n<\/script>\n\n    <div class=\"specifications_bloempotten_potcolorFilter\" x-data=\"initSmileAttibute_6ada639f64621()\"\n         x-init=\"initialize();\">\n        <ol class=\"items\">\n            <template x-for=\"attribute in getDisplayedItems()\" hidden>\n                <li class=\"item my-2\">\n                    <a @click=\"applyFilters($event, `${attribute.url}`, 'specifications_bloempotten_potcolor')\"\n                       :id=\"'specifications_bloempotten_potcolor' + attribute.label\"\n                       :href=\"attribute.url\" x-show=\"attribute.count >= 1\" rel=\"nofollow\">\n                        <input type=\"checkbox\"\n                               :id=\"attribute.id\"\n                               :checked=\"attribute.is_selected\"\n                               onclick=\"this.parentNode.click();\"\/>\n                        <label :for=\"attribute.id\" class=\"ml-2\">\n                            <span x-html=\"attribute.label\"><\/span>\n                            <span class=\"text-sm\">(<span class=\"count\" x-text=\"attribute.count\"><\/span>)<\/span>\n                        <\/label>\n                    <\/a>\n\n                    <div x-show=\"attribute.count < 1\">\n                        <span x-html=\"attribute.label\"><\/span>\n                        <span class=\"count\" x-text=\"attribute.count\"><\/span>\n                    <\/div>\n                <\/li>\n            <\/template>\n        <\/ol>\n\n        <div class=\"no-results-message\" x-model=\"result\" x-show=\"getFulltextSearch() && !hasSearchResult()\"\n             class=\"empty\">\n            <p x-html=\"getSearchResultMessage()\"><\/p>\n        <\/div>\n\n        <div class=\"actions\" x-show=\"enableExpansion()\">\n            <div class=\"secondary\">\n                <a class=\"action show-more\" x-on:click=\"onShowMore()\" x-show=\"displayShowMore()\"><span\n                        x-text=\"showMoreLabel\"><\/span><\/a>\n                <a class=\"action show-less\" x-on:click=\"onShowLess()\" x-show=\"displayShowLess()\"><span\n                        x-text=\"showLessLabel\"><\/span><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                                        <\/div>\n                                    <\/div>\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class=\"filter-option card my-4 specifications_bloempotten_potheight\" x-data=\"{ open: false}\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open\">\n                                            <span class=\"title text-lg font-semibold\">\n                                                Pothoogte                                            <\/span>\n                                            <span class=\"block mr-1 transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n\n                                            @open-filter-option.window=\"if ($event.detail.id === 6) open = true\"\n                                        >\n                                            \n\n<script>\n    function rangeSlider_6ada639f6476d(options, isPriceSlider) {\n        \"use strict\";\n\n        return {\n            options: options,\n            priceSlider: isPriceSlider,\n            lastThumbUpdatedMax: true,\n            minfocused: false,\n            maxfocused: false,\n            sliderZindex: 20,\n            messageTemplates: {\n                \"displayOne\": '<span class=\"msg\">1 product<\/span>',\n                \"displayCount\": '<span class=\"msg\"><%- count %> producten<\/span>',\n                \"displayEmpty\": '<span class=\"msg-error\">No items in the current range.<\/span>'\n            },\n            minprice: 0,\n            maxprice: 0,\n            fromLabel: '',\n            toLabel: '',\n            min: 0,\n            max: 0,\n            minZindex: 0,\n            maxZindex: 0,\n            minthumb: 0,\n            maxthumb: 0,\n            message: '',\n            url: '',\n            showAdaptiveSlider: false,\n            intervals: [],\n\n            initialize: function () {\n                this.options = Object.assign({}, this.options, options);\n                this.url = this.options.urlTemplate;\n\n                if (this.options.sliderZindex !== undefined) {\n                    this.sliderZindex = this.options.sliderZindex;\n                }\n\n                this.showAdaptiveSlider =  false;\n                if (this.options.showAdaptiveSlider !== undefined) {\n                    this.showAdaptiveSlider = this.options.showAdaptiveSlider;\n                }\n\n                if (this.options.maxLabelOffset === undefined) {\n                    this.options.maxLabelOffset = 0.01;\n                }\n\n                if (this.options.rate === undefined) {\n                    this.options.rate = 1.0000;\n                }\n\n                if (this.showAdaptiveSlider) {\n                    this._initAdaptiveSliderValues();\n                } else {\n                    this._initSliderValues();\n                }\n\n                this.mintrigger();\n                this.maxtrigger();\n            },\n            _initSliderValues: function () {\n                this.rate = parseFloat(this.options.rate);\n                this.minprice = Math.floor(this.options.currentValue.from * this.rate);\n                this.maxprice = Math.round(this.options.currentValue.to * this.rate);\n                this.intervals    = this.options.intervals.map(\n                    function(item) { item.value = Math.round(item.value * this.rate); return item}.bind(this)\n                );\n                this.min = Math.floor(this.options.minValue * this.rate);\n                this.max = Math.round(this.options.maxValue * this.rate);\n            },\n\n            _initAdaptiveSliderValues: function () {\n                this.intervals = this.options.adaptiveIntervals;\n                this.options.adaptiveIntervals[0].value = Math.floor(this.options.adaptiveIntervals[0].value);\n                this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));\n                this.rate = parseFloat(this.options.rate);\n                this.intervals = this.intervals.map(\n                    function(item) { item.originalValue = Math.ceil(item.originalValue * this.rate); return item}.bind(this)\n                );\n                this.min = this.intervals[0].value;\n                this.max = this.intervals[this.intervals.length - 1].value;\n            },\n            mintrigger: function () {\n                this.lastThumbUpdatedMax = false;\n                this.validation();\n                this.minprice = this._getClosestAdaptiveValue(Math.min(this.minprice, this.maxprice));\n                this.minthumb = ((this.minprice - this.min) \/ (this.max - this.min)) * 100;\n                this._onChangeAfter();\n            },\n            maxtrigger: function () {\n                this.lastThumbUpdatedMax = true;\n                this.validation();\n                this.maxprice = this._getClosestAdaptiveValue(Math.max(this.maxprice, this.minprice));\n                this.maxthumb = ((this.maxprice - this.min) \/ (this.max - this.min)) * 100;\n                this._onChangeAfter();\n            },\n            updateFocusState: function (targetName, stateValue) {\n                this[`${targetName}focused`] = stateValue\n            },\n            _onChangeAfter: function () {\n                this._updateSliderZindexes();\n                this._applyRange();\n                this._refreshDisplay();\n            },\n            validation: function () {\n                if (\/^[\\d.]*$\/.test(this.minprice)) {\n                    if (this.minprice > this.max) {\n                        this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                    }\n                    if (this.minprice < this.min) {\n                        this.minprice = this.min;\n                    }\n                } else {\n                    this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                }\n                if (\/^[\\d.]*$\/.test(this.maxprice)) {\n                    if (this.maxprice > this.max) {\n                        this.maxprice = this.max;\n                    }\n                    if (this.maxprice < this.min) {\n                        this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));\n                    }\n                } else {\n                    this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to))\n                }\n            },\n            getItemCount: function () {\n                var from = this.minprice, to = this.maxprice, intervals = this.intervals;\n                return intervals.map(function (item) {\n                    return item.value >= from && item.value < to ? item.count : 0;\n                })\n                    .reduce(function (a, b) {\n                        return a + b;\n                    });\n            },\n            _refreshDisplay: function () {\n                this.count = this.getItemCount();\n                let minprice = this._getOriginalValue(this.minprice);\n                if (minprice >= this._getOriginalValue(this.max) ) {\n                    minprice = this._getOriginalValue(this.max) - this.options.maxLabelOffset;\n                }\n                this.fromLabel = this._formatLabel(minprice);\n\n                let maxprice = this._getOriginalValue(this.maxprice) - this.options.maxLabelOffset;\n                if (maxprice < this._getOriginalValue(this.min)) {\n                    maxprice = this._getOriginalValue(this.maxprice);\n                }\n                this.toLabel = this._formatLabel(maxprice);\n\n                var messageTemplate = this.messageTemplates[this.count > 0 ? (this.count > 1 ? 'displayCount' : 'displayOne') : 'displayEmpty'];\n                this.message = this._unescape(messageTemplate.replace('<%- count %>', this.count));\n            },\n            _formatLabel: function (value) {\n                var formattedValue = value;\n\n                if (this.priceSlider && this.options.fieldFormat) {\n                    formattedValue = this._formatPrice(value);\n                } else if (this.options.fieldFormat) {\n                    var pattern = this.options.fieldFormat.pattern || '%s';\n                    formattedValue = pattern.replace(\n                        '%s',\n                        Number.parseFloat(formattedValue).toFixed(this.options.fieldFormat.precision)\n                    );\n                }\n\n                return formattedValue;\n            },\n            _formatPrice: function (value) {\n                var formatter = new Intl.NumberFormat(\n                    document.documentElement.lang,\n                    {\n                        style: 'currency',\n                        currency: 'EUR',\n                    }\n                );\n\n                return formatter.format(value);\n            },\n            _applyRange: function () {\n                var range = {\n                    from : this._getOriginalValue(this.minprice) * (1 \/ this.rate),\n                    to   : this._getOriginalValue(this.maxprice) * (1 \/ this.rate),\n                };\n\n                this.url = this._unescape(this.options.urlTemplate.replace('<%- from %>', range.from).replace('<%- to %>', range.to));\n            },\n            _updateSliderZindexes: function () {\n                this.minZindex = this.sliderZindex;\n                this.maxZindex = this.sliderZindex;\n                if (this.minprice == this.maxprice) {\n                    if (this.minprice === this.min || (this.minprice !== this.min && this.lastThumbUpdatedMax)) {\n                        this.maxZindex = this.sliderZindex + 1;\n                    }\n\n                    if (this.maxprice === this.max || (this.maxprice !== this.max && !this.lastThumbUpdatedMax)) {\n                        this.minZindex = this.sliderZindex + 1;\n                    }\n\n                }\n            },\n            _getAdaptiveValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var adaptiveValue = this.intervals[0].value;\n                var found = false;\n                this.intervals.forEach(function (item) {\n                    if (found === false && item.originalValue === value) {\n                        adaptiveValue = item.value;\n                        found = true;\n                    }\n\n                    if (found === false && item.originalValue < value) {\n                        adaptiveValue = item.value;\n                    }\n                });\n\n                return adaptiveValue;\n            },\n\n            _getClosestAdaptiveValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var closestValue = this.intervals[0].value;\n                var found = false;\n                this.intervals.forEach(function (item) {\n                    if (item.value === value) {\n                        closestValue = value;\n                        found = true;\n                    }\n\n                    if (found === false && item.value < value) {\n                        closestValue = item.value;\n                    }\n                });\n\n                return closestValue;\n            },\n\n            _getOriginalValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var originalValue = null;\n                this.intervals.forEach(function (item) {\n                    if (item.value === value) {\n                        originalValue = item.originalValue;\n                    }\n                });\n\n                return originalValue;\n            },\n\n            _unescape: function (str) {\n                return str.replace(\/&lt;%|%3C%\/g, '<%').replace(\/%&gt;|%%3E\/g, '%>');\n            },\n        }\n    }\n<\/script>\n<style>\n    input[type=range]::-webkit-slider-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n\n    input[type=range]::-moz-range-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n\n    input[type=range]::-ms-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n<\/style>\n<div class=\"smile-es-range-slider\" data-role=\"range-slider-specifications_bloempotten_potheight\">\n    <div x-data=\"rangeSlider_6ada639f6476d(&#x7B;&quot;minValue&quot;&#x3A;2,&quot;maxValue&quot;&#x3A;191,&quot;currentValue&quot;&#x3A;&#x7B;&quot;from&quot;&#x3A;2,&quot;to&quot;&#x3A;191&#x7D;,&quot;fieldFormat&quot;&#x3A;&#x7B;&quot;pattern&quot;&#x3A;&quot;&#x25;s&quot;,&quot;precision&quot;&#x3A;0,&quot;requiredPrecision&quot;&#x3A;0,&quot;decimalSymbol&quot;&#x3A;&quot;,&quot;,&quot;groupSymbol&quot;&#x3A;&quot;.&quot;,&quot;groupLength&quot;&#x3A;3,&quot;integerRequired&quot;&#x3A;false&#x7D;,&quot;intervals&quot;&#x3A;&#x5B;&#x7B;&quot;value&quot;&#x3A;2,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;3,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;4,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;5,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;6,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;9,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;10,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;11,&quot;count&quot;&#x3A;14&#x7D;,&#x7B;&quot;value&quot;&#x3A;12,&quot;count&quot;&#x3A;28&#x7D;,&#x7B;&quot;value&quot;&#x3A;13,&quot;count&quot;&#x3A;32&#x7D;,&#x7B;&quot;value&quot;&#x3A;14,&quot;count&quot;&#x3A;17&#x7D;,&#x7B;&quot;value&quot;&#x3A;15,&quot;count&quot;&#x3A;50&#x7D;,&#x7B;&quot;value&quot;&#x3A;16,&quot;count&quot;&#x3A;24&#x7D;,&#x7B;&quot;value&quot;&#x3A;17,&quot;count&quot;&#x3A;18&#x7D;,&#x7B;&quot;value&quot;&#x3A;18,&quot;count&quot;&#x3A;38&#x7D;,&#x7B;&quot;value&quot;&#x3A;19,&quot;count&quot;&#x3A;24&#x7D;,&#x7B;&quot;value&quot;&#x3A;20,&quot;count&quot;&#x3A;90&#x7D;,&#x7B;&quot;value&quot;&#x3A;21,&quot;count&quot;&#x3A;41&#x7D;,&#x7B;&quot;value&quot;&#x3A;22,&quot;count&quot;&#x3A;27&#x7D;,&#x7B;&quot;value&quot;&#x3A;23,&quot;count&quot;&#x3A;25&#x7D;,&#x7B;&quot;value&quot;&#x3A;24,&quot;count&quot;&#x3A;60&#x7D;,&#x7B;&quot;value&quot;&#x3A;25,&quot;count&quot;&#x3A;50&#x7D;,&#x7B;&quot;value&quot;&#x3A;26,&quot;count&quot;&#x3A;43&#x7D;,&#x7B;&quot;value&quot;&#x3A;27,&quot;count&quot;&#x3A;42&#x7D;,&#x7B;&quot;value&quot;&#x3A;28,&quot;count&quot;&#x3A;55&#x7D;,&#x7B;&quot;value&quot;&#x3A;29,&quot;count&quot;&#x3A;59&#x7D;,&#x7B;&quot;value&quot;&#x3A;30,&quot;count&quot;&#x3A;98&#x7D;,&#x7B;&quot;value&quot;&#x3A;31,&quot;count&quot;&#x3A;48&#x7D;,&#x7B;&quot;value&quot;&#x3A;32,&quot;count&quot;&#x3A;76&#x7D;,&#x7B;&quot;value&quot;&#x3A;33,&quot;count&quot;&#x3A;64&#x7D;,&#x7B;&quot;value&quot;&#x3A;34,&quot;count&quot;&#x3A;72&#x7D;,&#x7B;&quot;value&quot;&#x3A;35,&quot;count&quot;&#x3A;54&#x7D;,&#x7B;&quot;value&quot;&#x3A;36,&quot;count&quot;&#x3A;60&#x7D;,&#x7B;&quot;value&quot;&#x3A;37,&quot;count&quot;&#x3A;44&#x7D;,&#x7B;&quot;value&quot;&#x3A;38,&quot;count&quot;&#x3A;72&#x7D;,&#x7B;&quot;value&quot;&#x3A;39,&quot;count&quot;&#x3A;21&#x7D;,&#x7B;&quot;value&quot;&#x3A;40,&quot;count&quot;&#x3A;189&#x7D;,&#x7B;&quot;value&quot;&#x3A;41,&quot;count&quot;&#x3A;48&#x7D;,&#x7B;&quot;value&quot;&#x3A;42,&quot;count&quot;&#x3A;57&#x7D;,&#x7B;&quot;value&quot;&#x3A;43,&quot;count&quot;&#x3A;94&#x7D;,&#x7B;&quot;value&quot;&#x3A;44,&quot;count&quot;&#x3A;70&#x7D;,&#x7B;&quot;value&quot;&#x3A;45,&quot;count&quot;&#x3A;75&#x7D;,&#x7B;&quot;value&quot;&#x3A;46,&quot;count&quot;&#x3A;72&#x7D;,&#x7B;&quot;value&quot;&#x3A;47,&quot;count&quot;&#x3A;42&#x7D;,&#x7B;&quot;value&quot;&#x3A;48,&quot;count&quot;&#x3A;48&#x7D;,&#x7B;&quot;value&quot;&#x3A;49,&quot;count&quot;&#x3A;26&#x7D;,&#x7B;&quot;value&quot;&#x3A;50,&quot;count&quot;&#x3A;177&#x7D;,&#x7B;&quot;value&quot;&#x3A;51,&quot;count&quot;&#x3A;25&#x7D;,&#x7B;&quot;value&quot;&#x3A;52,&quot;count&quot;&#x3A;34&#x7D;,&#x7B;&quot;value&quot;&#x3A;53,&quot;count&quot;&#x3A;30&#x7D;,&#x7B;&quot;value&quot;&#x3A;54,&quot;count&quot;&#x3A;22&#x7D;,&#x7B;&quot;value&quot;&#x3A;55,&quot;count&quot;&#x3A;90&#x7D;,&#x7B;&quot;value&quot;&#x3A;56,&quot;count&quot;&#x3A;67&#x7D;,&#x7B;&quot;value&quot;&#x3A;57,&quot;count&quot;&#x3A;23&#x7D;,&#x7B;&quot;value&quot;&#x3A;58,&quot;count&quot;&#x3A;40&#x7D;,&#x7B;&quot;value&quot;&#x3A;59,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;60,&quot;count&quot;&#x3A;115&#x7D;,&#x7B;&quot;value&quot;&#x3A;61,&quot;count&quot;&#x3A;38&#x7D;,&#x7B;&quot;value&quot;&#x3A;62,&quot;count&quot;&#x3A;31&#x7D;,&#x7B;&quot;value&quot;&#x3A;63,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;64,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;65,&quot;count&quot;&#x3A;38&#x7D;,&#x7B;&quot;value&quot;&#x3A;66,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;67,&quot;count&quot;&#x3A;26&#x7D;,&#x7B;&quot;value&quot;&#x3A;68,&quot;count&quot;&#x3A;70&#x7D;,&#x7B;&quot;value&quot;&#x3A;69,&quot;count&quot;&#x3A;20&#x7D;,&#x7B;&quot;value&quot;&#x3A;70,&quot;count&quot;&#x3A;84&#x7D;,&#x7B;&quot;value&quot;&#x3A;71,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;72,&quot;count&quot;&#x3A;28&#x7D;,&#x7B;&quot;value&quot;&#x3A;73,&quot;count&quot;&#x3A;15&#x7D;,&#x7B;&quot;value&quot;&#x3A;74,&quot;count&quot;&#x3A;25&#x7D;,&#x7B;&quot;value&quot;&#x3A;75,&quot;count&quot;&#x3A;77&#x7D;,&#x7B;&quot;value&quot;&#x3A;76,&quot;count&quot;&#x3A;17&#x7D;,&#x7B;&quot;value&quot;&#x3A;77,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;78,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;79,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;80,&quot;count&quot;&#x3A;83&#x7D;,&#x7B;&quot;value&quot;&#x3A;81,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;82,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;83,&quot;count&quot;&#x3A;10&#x7D;,&#x7B;&quot;value&quot;&#x3A;85,&quot;count&quot;&#x3A;14&#x7D;,&#x7B;&quot;value&quot;&#x3A;87,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;88,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;89,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;90,&quot;count&quot;&#x3A;116&#x7D;,&#x7B;&quot;value&quot;&#x3A;91,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;92,&quot;count&quot;&#x3A;10&#x7D;,&#x7B;&quot;value&quot;&#x3A;93,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;94,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;95,&quot;count&quot;&#x3A;18&#x7D;,&#x7B;&quot;value&quot;&#x3A;96,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;97,&quot;count&quot;&#x3A;15&#x7D;,&#x7B;&quot;value&quot;&#x3A;98,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;99,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;100,&quot;count&quot;&#x3A;49&#x7D;,&#x7B;&quot;value&quot;&#x3A;101,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;102,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;103,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;105,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;107,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;110,&quot;count&quot;&#x3A;27&#x7D;,&#x7B;&quot;value&quot;&#x3A;114,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;115,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;116,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;118,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;120,&quot;count&quot;&#x3A;35&#x7D;,&#x7B;&quot;value&quot;&#x3A;123,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;125,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;126,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;130,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;135,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;139,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;150,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;190,&quot;count&quot;&#x3A;1&#x7D;&#x5D;,&quot;adaptiveIntervals&quot;&#x3A;&#x5B;&#x5D;,&quot;showAdaptiveSlider&quot;&#x3A;false,&quot;urlTemplate&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.fleur.nl&#x5C;&#x2F;bloempotten&#x5C;&#x2F;bloempotten-soorten&#x3F;ajax&#x3D;1&amp;specifications_bloempotten_potheight&#x3D;&lt;&#x25;-&#x20;from&#x20;&#x25;&gt;-&lt;&#x25;-&#x20;to&#x20;&#x25;&gt;&quot;,&quot;messageTemplates&quot;&#x3A;&#x7B;&quot;displayOne&quot;&#x3A;&quot;1&#x20;artikel&quot;,&quot;displayCount&quot;&#x3A;&quot;&lt;&#x25;-&#x20;count&#x20;&#x25;&gt;&#x20;producten&quot;,&quot;displayEmpty&quot;&#x3A;&quot;Geen&#x20;producten&#x20;in&#x20;het&#x20;geselecteerde&#x20;bereik.&quot;&#x7D;&#x7D;, '')\" x-init=\"initialize()\" class=\"relative max-w-xl w-full\">\n        <div>\n            <input id=\"min__6ada639f6476d\" type=\"range\" step=\"1\" x-bind:min=\"min\" x-bind:max=\"max\"\n                   x-on:change=\"applyFilters($event, `${url}`, 'specifications_bloempotten_potheight', true)\"\n                   x-on:input=\"mintrigger\" x-model=\"minprice\" class=\"absolute pointer-events-none appearance-none z-20 h-1 w-full opacity-0 cursor-pointer\">\n            <input id=\"max__6ada639f6476d\" type=\"range\" step=\"1\" x-bind:min=\"min\" x-bind:max=\"max\"\n                   x-on:change=\"applyFilters($event, `${url}`, 'specifications_bloempotten_potheight', true)\"\n                   x-on:input=\"maxtrigger\" x-model=\"maxprice\" class=\"absolute pointer-events-none appearance-none z-20 h-1 w-full opacity-0 cursor-pointer\">\n\n            <div class=\"relative mt-5 mb-10 z-10 h-1\">\n                <div class=\"absolute z-10 left-0 right-0 bottom-0 top-0 rounded-md bg-grey pointer-events-none\"><\/div>\n                <div class=\"absolute z-20 top-0 bottom-0 rounded-md bg-black pointer-events-none\" x-bind:style=\"'right:'+ (100 - maxthumb)+'%; left:'+ minthumb+'%'\"><\/div>\n                <div class=\"absolute z-30 w-6 h-6 top-0 left-0 bg-white border shadow rounded-full -mt-2.5\" x-bind:style=\"'left: '+(minthumb - 3)+'%'\"><\/div>\n                <div class=\"absolute z-30 w-6 h-6 top-0 right-0 bg-white border shadow rounded-full -mt-2.5\" x-bind:style=\"'left: '+ (maxthumb - 5) +'%'\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"flex justify-between items-center mb-8\">\n            <div>\n                <input type=\"text\" x-model=\"minprice\"\n                       x-on:change=\" mintrigger(); applyFilters($event, `${url}`, 'specifications_bloempotten_potheight', true)\"\n                       class=\"px-3 py-2 border rounded-lg w-24 text-center\" \/>\n                            <\/div>\n            <div class=\"text-sm\">naar<\/div>\n            <div>\n                <input type=\"text\" x-model=\"maxprice\"\n                       x-on:change=\"maxtrigger(); applyFilters($event, `${url}`, 'specifications_bloempotten_potheight', true);\"\n                       class=\"px-3 py-2 border rounded-lg w-24 text-center\" \/>\n\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                                                                                                                                                                                                                                                                                                        <div class=\"filter-option card my-4 specifications_bloempotten_potdiameter_copy\" x-data=\"{ open: false}\">\n                                        <div\n                                            class=\"filter-options-title flex justify-between items-center border-b border-secondary pb-4 cursor-pointer hover:text-secondary-darker\"\n                                            @click=\"open = !open\">\n                                            <span class=\"title text-lg font-semibold\">\n                                                Potdiameter                                            <\/span>\n                                            <span class=\"block mr-1 transition-transform transform duration-300 ease-in-out\"\n                                                :class=\"open ? '-rotate-90' : 'rotate-90'\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"18\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"w-3 sm:w-auto text-black\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                            <\/span>\n                                        <\/div>\n                                        <div class=\"filter-options-content pt-3 \"\n                                            :class=\"{ 'hidden': !open, 'block': open}\"\n\n                                            @open-filter-option.window=\"if ($event.detail.id === 7) open = true\"\n                                        >\n                                            \n\n<script>\n    function rangeSlider_6ada639f64ab2(options, isPriceSlider) {\n        \"use strict\";\n\n        return {\n            options: options,\n            priceSlider: isPriceSlider,\n            lastThumbUpdatedMax: true,\n            minfocused: false,\n            maxfocused: false,\n            sliderZindex: 20,\n            messageTemplates: {\n                \"displayOne\": '<span class=\"msg\">1 product<\/span>',\n                \"displayCount\": '<span class=\"msg\"><%- count %> producten<\/span>',\n                \"displayEmpty\": '<span class=\"msg-error\">No items in the current range.<\/span>'\n            },\n            minprice: 0,\n            maxprice: 0,\n            fromLabel: '',\n            toLabel: '',\n            min: 0,\n            max: 0,\n            minZindex: 0,\n            maxZindex: 0,\n            minthumb: 0,\n            maxthumb: 0,\n            message: '',\n            url: '',\n            showAdaptiveSlider: false,\n            intervals: [],\n\n            initialize: function () {\n                this.options = Object.assign({}, this.options, options);\n                this.url = this.options.urlTemplate;\n\n                if (this.options.sliderZindex !== undefined) {\n                    this.sliderZindex = this.options.sliderZindex;\n                }\n\n                this.showAdaptiveSlider =  false;\n                if (this.options.showAdaptiveSlider !== undefined) {\n                    this.showAdaptiveSlider = this.options.showAdaptiveSlider;\n                }\n\n                if (this.options.maxLabelOffset === undefined) {\n                    this.options.maxLabelOffset = 0.01;\n                }\n\n                if (this.options.rate === undefined) {\n                    this.options.rate = 1.0000;\n                }\n\n                if (this.showAdaptiveSlider) {\n                    this._initAdaptiveSliderValues();\n                } else {\n                    this._initSliderValues();\n                }\n\n                this.mintrigger();\n                this.maxtrigger();\n            },\n            _initSliderValues: function () {\n                this.rate = parseFloat(this.options.rate);\n                this.minprice = Math.floor(this.options.currentValue.from * this.rate);\n                this.maxprice = Math.round(this.options.currentValue.to * this.rate);\n                this.intervals    = this.options.intervals.map(\n                    function(item) { item.value = Math.round(item.value * this.rate); return item}.bind(this)\n                );\n                this.min = Math.floor(this.options.minValue * this.rate);\n                this.max = Math.round(this.options.maxValue * this.rate);\n            },\n\n            _initAdaptiveSliderValues: function () {\n                this.intervals = this.options.adaptiveIntervals;\n                this.options.adaptiveIntervals[0].value = Math.floor(this.options.adaptiveIntervals[0].value);\n                this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));\n                this.rate = parseFloat(this.options.rate);\n                this.intervals = this.intervals.map(\n                    function(item) { item.originalValue = Math.ceil(item.originalValue * this.rate); return item}.bind(this)\n                );\n                this.min = this.intervals[0].value;\n                this.max = this.intervals[this.intervals.length - 1].value;\n            },\n            mintrigger: function () {\n                this.lastThumbUpdatedMax = false;\n                this.validation();\n                this.minprice = this._getClosestAdaptiveValue(Math.min(this.minprice, this.maxprice));\n                this.minthumb = ((this.minprice - this.min) \/ (this.max - this.min)) * 100;\n                this._onChangeAfter();\n            },\n            maxtrigger: function () {\n                this.lastThumbUpdatedMax = true;\n                this.validation();\n                this.maxprice = this._getClosestAdaptiveValue(Math.max(this.maxprice, this.minprice));\n                this.maxthumb = ((this.maxprice - this.min) \/ (this.max - this.min)) * 100;\n                this._onChangeAfter();\n            },\n            updateFocusState: function (targetName, stateValue) {\n                this[`${targetName}focused`] = stateValue\n            },\n            _onChangeAfter: function () {\n                this._updateSliderZindexes();\n                this._applyRange();\n                this._refreshDisplay();\n            },\n            validation: function () {\n                if (\/^[\\d.]*$\/.test(this.minprice)) {\n                    if (this.minprice > this.max) {\n                        this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                    }\n                    if (this.minprice < this.min) {\n                        this.minprice = this.min;\n                    }\n                } else {\n                    this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));\n                }\n                if (\/^[\\d.]*$\/.test(this.maxprice)) {\n                    if (this.maxprice > this.max) {\n                        this.maxprice = this.max;\n                    }\n                    if (this.maxprice < this.min) {\n                        this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));\n                    }\n                } else {\n                    this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to))\n                }\n            },\n            getItemCount: function () {\n                var from = this.minprice, to = this.maxprice, intervals = this.intervals;\n                return intervals.map(function (item) {\n                    return item.value >= from && item.value < to ? item.count : 0;\n                })\n                    .reduce(function (a, b) {\n                        return a + b;\n                    });\n            },\n            _refreshDisplay: function () {\n                this.count = this.getItemCount();\n                let minprice = this._getOriginalValue(this.minprice);\n                if (minprice >= this._getOriginalValue(this.max) ) {\n                    minprice = this._getOriginalValue(this.max) - this.options.maxLabelOffset;\n                }\n                this.fromLabel = this._formatLabel(minprice);\n\n                let maxprice = this._getOriginalValue(this.maxprice) - this.options.maxLabelOffset;\n                if (maxprice < this._getOriginalValue(this.min)) {\n                    maxprice = this._getOriginalValue(this.maxprice);\n                }\n                this.toLabel = this._formatLabel(maxprice);\n\n                var messageTemplate = this.messageTemplates[this.count > 0 ? (this.count > 1 ? 'displayCount' : 'displayOne') : 'displayEmpty'];\n                this.message = this._unescape(messageTemplate.replace('<%- count %>', this.count));\n            },\n            _formatLabel: function (value) {\n                var formattedValue = value;\n\n                if (this.priceSlider && this.options.fieldFormat) {\n                    formattedValue = this._formatPrice(value);\n                } else if (this.options.fieldFormat) {\n                    var pattern = this.options.fieldFormat.pattern || '%s';\n                    formattedValue = pattern.replace(\n                        '%s',\n                        Number.parseFloat(formattedValue).toFixed(this.options.fieldFormat.precision)\n                    );\n                }\n\n                return formattedValue;\n            },\n            _formatPrice: function (value) {\n                var formatter = new Intl.NumberFormat(\n                    document.documentElement.lang,\n                    {\n                        style: 'currency',\n                        currency: 'EUR',\n                    }\n                );\n\n                return formatter.format(value);\n            },\n            _applyRange: function () {\n                var range = {\n                    from : this._getOriginalValue(this.minprice) * (1 \/ this.rate),\n                    to   : this._getOriginalValue(this.maxprice) * (1 \/ this.rate),\n                };\n\n                this.url = this._unescape(this.options.urlTemplate.replace('<%- from %>', range.from).replace('<%- to %>', range.to));\n            },\n            _updateSliderZindexes: function () {\n                this.minZindex = this.sliderZindex;\n                this.maxZindex = this.sliderZindex;\n                if (this.minprice == this.maxprice) {\n                    if (this.minprice === this.min || (this.minprice !== this.min && this.lastThumbUpdatedMax)) {\n                        this.maxZindex = this.sliderZindex + 1;\n                    }\n\n                    if (this.maxprice === this.max || (this.maxprice !== this.max && !this.lastThumbUpdatedMax)) {\n                        this.minZindex = this.sliderZindex + 1;\n                    }\n\n                }\n            },\n            _getAdaptiveValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var adaptiveValue = this.intervals[0].value;\n                var found = false;\n                this.intervals.forEach(function (item) {\n                    if (found === false && item.originalValue === value) {\n                        adaptiveValue = item.value;\n                        found = true;\n                    }\n\n                    if (found === false && item.originalValue < value) {\n                        adaptiveValue = item.value;\n                    }\n                });\n\n                return adaptiveValue;\n            },\n\n            _getClosestAdaptiveValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var closestValue = this.intervals[0].value;\n                var found = false;\n                this.intervals.forEach(function (item) {\n                    if (item.value === value) {\n                        closestValue = value;\n                        found = true;\n                    }\n\n                    if (found === false && item.value < value) {\n                        closestValue = item.value;\n                    }\n                });\n\n                return closestValue;\n            },\n\n            _getOriginalValue : function (value) {\n                if (!this.showAdaptiveSlider) {\n                    return value;\n                }\n\n                var originalValue = null;\n                this.intervals.forEach(function (item) {\n                    if (item.value === value) {\n                        originalValue = item.originalValue;\n                    }\n                });\n\n                return originalValue;\n            },\n\n            _unescape: function (str) {\n                return str.replace(\/&lt;%|%3C%\/g, '<%').replace(\/%&gt;|%%3E\/g, '%>');\n            },\n        }\n    }\n<\/script>\n<style>\n    input[type=range]::-webkit-slider-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n\n    input[type=range]::-moz-range-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n\n    input[type=range]::-ms-thumb {\n        pointer-events: all;\n        width: 24px;\n        height: 24px;\n        -webkit-appearance: none;\n    }\n<\/style>\n<div class=\"smile-es-range-slider\" data-role=\"range-slider-specifications_bloempotten_potdiameter_copy\">\n    <div x-data=\"rangeSlider_6ada639f64ab2(&#x7B;&quot;minValue&quot;&#x3A;10,&quot;maxValue&quot;&#x3A;201,&quot;currentValue&quot;&#x3A;&#x7B;&quot;from&quot;&#x3A;10,&quot;to&quot;&#x3A;201&#x7D;,&quot;fieldFormat&quot;&#x3A;&#x7B;&quot;pattern&quot;&#x3A;&quot;&#x25;s&quot;,&quot;precision&quot;&#x3A;0,&quot;requiredPrecision&quot;&#x3A;0,&quot;decimalSymbol&quot;&#x3A;&quot;,&quot;,&quot;groupSymbol&quot;&#x3A;&quot;.&quot;,&quot;groupLength&quot;&#x3A;3,&quot;integerRequired&quot;&#x3A;false&#x7D;,&quot;intervals&quot;&#x3A;&#x5B;&#x7B;&quot;value&quot;&#x3A;10,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;11,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;12,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;13,&quot;count&quot;&#x3A;10&#x7D;,&#x7B;&quot;value&quot;&#x3A;14,&quot;count&quot;&#x3A;33&#x7D;,&#x7B;&quot;value&quot;&#x3A;15,&quot;count&quot;&#x3A;25&#x7D;,&#x7B;&quot;value&quot;&#x3A;16,&quot;count&quot;&#x3A;40&#x7D;,&#x7B;&quot;value&quot;&#x3A;17,&quot;count&quot;&#x3A;29&#x7D;,&#x7B;&quot;value&quot;&#x3A;18,&quot;count&quot;&#x3A;36&#x7D;,&#x7B;&quot;value&quot;&#x3A;19,&quot;count&quot;&#x3A;19&#x7D;,&#x7B;&quot;value&quot;&#x3A;20,&quot;count&quot;&#x3A;37&#x7D;,&#x7B;&quot;value&quot;&#x3A;21,&quot;count&quot;&#x3A;35&#x7D;,&#x7B;&quot;value&quot;&#x3A;22,&quot;count&quot;&#x3A;34&#x7D;,&#x7B;&quot;value&quot;&#x3A;23,&quot;count&quot;&#x3A;56&#x7D;,&#x7B;&quot;value&quot;&#x3A;24,&quot;count&quot;&#x3A;48&#x7D;,&#x7B;&quot;value&quot;&#x3A;25,&quot;count&quot;&#x3A;55&#x7D;,&#x7B;&quot;value&quot;&#x3A;26,&quot;count&quot;&#x3A;42&#x7D;,&#x7B;&quot;value&quot;&#x3A;27,&quot;count&quot;&#x3A;28&#x7D;,&#x7B;&quot;value&quot;&#x3A;28,&quot;count&quot;&#x3A;51&#x7D;,&#x7B;&quot;value&quot;&#x3A;29,&quot;count&quot;&#x3A;27&#x7D;,&#x7B;&quot;value&quot;&#x3A;30,&quot;count&quot;&#x3A;180&#x7D;,&#x7B;&quot;value&quot;&#x3A;31,&quot;count&quot;&#x3A;38&#x7D;,&#x7B;&quot;value&quot;&#x3A;32,&quot;count&quot;&#x3A;64&#x7D;,&#x7B;&quot;value&quot;&#x3A;33,&quot;count&quot;&#x3A;47&#x7D;,&#x7B;&quot;value&quot;&#x3A;34,&quot;count&quot;&#x3A;51&#x7D;,&#x7B;&quot;value&quot;&#x3A;35,&quot;count&quot;&#x3A;106&#x7D;,&#x7B;&quot;value&quot;&#x3A;36,&quot;count&quot;&#x3A;78&#x7D;,&#x7B;&quot;value&quot;&#x3A;37,&quot;count&quot;&#x3A;84&#x7D;,&#x7B;&quot;value&quot;&#x3A;38,&quot;count&quot;&#x3A;68&#x7D;,&#x7B;&quot;value&quot;&#x3A;39,&quot;count&quot;&#x3A;69&#x7D;,&#x7B;&quot;value&quot;&#x3A;40,&quot;count&quot;&#x3A;249&#x7D;,&#x7B;&quot;value&quot;&#x3A;41,&quot;count&quot;&#x3A;34&#x7D;,&#x7B;&quot;value&quot;&#x3A;42,&quot;count&quot;&#x3A;87&#x7D;,&#x7B;&quot;value&quot;&#x3A;43,&quot;count&quot;&#x3A;83&#x7D;,&#x7B;&quot;value&quot;&#x3A;44,&quot;count&quot;&#x3A;65&#x7D;,&#x7B;&quot;value&quot;&#x3A;45,&quot;count&quot;&#x3A;102&#x7D;,&#x7B;&quot;value&quot;&#x3A;46,&quot;count&quot;&#x3A;80&#x7D;,&#x7B;&quot;value&quot;&#x3A;47,&quot;count&quot;&#x3A;58&#x7D;,&#x7B;&quot;value&quot;&#x3A;48,&quot;count&quot;&#x3A;50&#x7D;,&#x7B;&quot;value&quot;&#x3A;49,&quot;count&quot;&#x3A;28&#x7D;,&#x7B;&quot;value&quot;&#x3A;50,&quot;count&quot;&#x3A;216&#x7D;,&#x7B;&quot;value&quot;&#x3A;51,&quot;count&quot;&#x3A;28&#x7D;,&#x7B;&quot;value&quot;&#x3A;52,&quot;count&quot;&#x3A;49&#x7D;,&#x7B;&quot;value&quot;&#x3A;53,&quot;count&quot;&#x3A;54&#x7D;,&#x7B;&quot;value&quot;&#x3A;54,&quot;count&quot;&#x3A;60&#x7D;,&#x7B;&quot;value&quot;&#x3A;55,&quot;count&quot;&#x3A;175&#x7D;,&#x7B;&quot;value&quot;&#x3A;56,&quot;count&quot;&#x3A;30&#x7D;,&#x7B;&quot;value&quot;&#x3A;57,&quot;count&quot;&#x3A;19&#x7D;,&#x7B;&quot;value&quot;&#x3A;58,&quot;count&quot;&#x3A;21&#x7D;,&#x7B;&quot;value&quot;&#x3A;59,&quot;count&quot;&#x3A;17&#x7D;,&#x7B;&quot;value&quot;&#x3A;60,&quot;count&quot;&#x3A;122&#x7D;,&#x7B;&quot;value&quot;&#x3A;61,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;62,&quot;count&quot;&#x3A;19&#x7D;,&#x7B;&quot;value&quot;&#x3A;63,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;64,&quot;count&quot;&#x3A;14&#x7D;,&#x7B;&quot;value&quot;&#x3A;65,&quot;count&quot;&#x3A;36&#x7D;,&#x7B;&quot;value&quot;&#x3A;66,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;67,&quot;count&quot;&#x3A;13&#x7D;,&#x7B;&quot;value&quot;&#x3A;68,&quot;count&quot;&#x3A;23&#x7D;,&#x7B;&quot;value&quot;&#x3A;69,&quot;count&quot;&#x3A;17&#x7D;,&#x7B;&quot;value&quot;&#x3A;70,&quot;count&quot;&#x3A;84&#x7D;,&#x7B;&quot;value&quot;&#x3A;71,&quot;count&quot;&#x3A;3&#x7D;,&#x7B;&quot;value&quot;&#x3A;72,&quot;count&quot;&#x3A;14&#x7D;,&#x7B;&quot;value&quot;&#x3A;73,&quot;count&quot;&#x3A;18&#x7D;,&#x7B;&quot;value&quot;&#x3A;74,&quot;count&quot;&#x3A;10&#x7D;,&#x7B;&quot;value&quot;&#x3A;75,&quot;count&quot;&#x3A;27&#x7D;,&#x7B;&quot;value&quot;&#x3A;76,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;78,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;79,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;80,&quot;count&quot;&#x3A;99&#x7D;,&#x7B;&quot;value&quot;&#x3A;82,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;83,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;84,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;85,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;87,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;88,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;90,&quot;count&quot;&#x3A;48&#x7D;,&#x7B;&quot;value&quot;&#x3A;91,&quot;count&quot;&#x3A;7&#x7D;,&#x7B;&quot;value&quot;&#x3A;92,&quot;count&quot;&#x3A;22&#x7D;,&#x7B;&quot;value&quot;&#x3A;93,&quot;count&quot;&#x3A;8&#x7D;,&#x7B;&quot;value&quot;&#x3A;94,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;95,&quot;count&quot;&#x3A;22&#x7D;,&#x7B;&quot;value&quot;&#x3A;98,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;99,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;100,&quot;count&quot;&#x3A;53&#x7D;,&#x7B;&quot;value&quot;&#x3A;101,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;108,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;110,&quot;count&quot;&#x3A;21&#x7D;,&#x7B;&quot;value&quot;&#x3A;111,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;112,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;114,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;116,&quot;count&quot;&#x3A;5&#x7D;,&#x7B;&quot;value&quot;&#x3A;118,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;119,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;120,&quot;count&quot;&#x3A;18&#x7D;,&#x7B;&quot;value&quot;&#x3A;122,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;128,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;130,&quot;count&quot;&#x3A;1&#x7D;,&#x7B;&quot;value&quot;&#x3A;132,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;133,&quot;count&quot;&#x3A;2&#x7D;,&#x7B;&quot;value&quot;&#x3A;140,&quot;count&quot;&#x3A;6&#x7D;,&#x7B;&quot;value&quot;&#x3A;150,&quot;count&quot;&#x3A;11&#x7D;,&#x7B;&quot;value&quot;&#x3A;153,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;156,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;177,&quot;count&quot;&#x3A;4&#x7D;,&#x7B;&quot;value&quot;&#x3A;200,&quot;count&quot;&#x3A;5&#x7D;&#x5D;,&quot;adaptiveIntervals&quot;&#x3A;&#x5B;&#x5D;,&quot;showAdaptiveSlider&quot;&#x3A;false,&quot;urlTemplate&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.fleur.nl&#x5C;&#x2F;bloempotten&#x5C;&#x2F;bloempotten-soorten&#x3F;ajax&#x3D;1&amp;specifications_bloempotten_potdiameter_copy&#x3D;&lt;&#x25;-&#x20;from&#x20;&#x25;&gt;-&lt;&#x25;-&#x20;to&#x20;&#x25;&gt;&quot;,&quot;messageTemplates&quot;&#x3A;&#x7B;&quot;displayOne&quot;&#x3A;&quot;1&#x20;artikel&quot;,&quot;displayCount&quot;&#x3A;&quot;&lt;&#x25;-&#x20;count&#x20;&#x25;&gt;&#x20;producten&quot;,&quot;displayEmpty&quot;&#x3A;&quot;Geen&#x20;producten&#x20;in&#x20;het&#x20;geselecteerde&#x20;bereik.&quot;&#x7D;&#x7D;, '')\" x-init=\"initialize()\" class=\"relative max-w-xl w-full\">\n        <div>\n            <input id=\"min__6ada639f64ab2\" type=\"range\" step=\"1\" x-bind:min=\"min\" x-bind:max=\"max\"\n                   x-on:change=\"applyFilters($event, `${url}`, 'specifications_bloempotten_potdiameter_copy', true)\"\n                   x-on:input=\"mintrigger\" x-model=\"minprice\" class=\"absolute pointer-events-none appearance-none z-20 h-1 w-full opacity-0 cursor-pointer\">\n            <input id=\"max__6ada639f64ab2\" type=\"range\" step=\"1\" x-bind:min=\"min\" x-bind:max=\"max\"\n                   x-on:change=\"applyFilters($event, `${url}`, 'specifications_bloempotten_potdiameter_copy', true)\"\n                   x-on:input=\"maxtrigger\" x-model=\"maxprice\" class=\"absolute pointer-events-none appearance-none z-20 h-1 w-full opacity-0 cursor-pointer\">\n\n            <div class=\"relative mt-5 mb-10 z-10 h-1\">\n                <div class=\"absolute z-10 left-0 right-0 bottom-0 top-0 rounded-md bg-grey pointer-events-none\"><\/div>\n                <div class=\"absolute z-20 top-0 bottom-0 rounded-md bg-black pointer-events-none\" x-bind:style=\"'right:'+ (100 - maxthumb)+'%; left:'+ minthumb+'%'\"><\/div>\n                <div class=\"absolute z-30 w-6 h-6 top-0 left-0 bg-white border shadow rounded-full -mt-2.5\" x-bind:style=\"'left: '+(minthumb - 3)+'%'\"><\/div>\n                <div class=\"absolute z-30 w-6 h-6 top-0 right-0 bg-white border shadow rounded-full -mt-2.5\" x-bind:style=\"'left: '+ (maxthumb - 5) +'%'\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"flex justify-between items-center mb-8\">\n            <div>\n                <input type=\"text\" x-model=\"minprice\"\n                       x-on:change=\" mintrigger(); applyFilters($event, `${url}`, 'specifications_bloempotten_potdiameter_copy', true)\"\n                       class=\"px-3 py-2 border rounded-lg w-24 text-center\" \/>\n                            <\/div>\n            <div class=\"text-sm\">naar<\/div>\n            <div>\n                <input type=\"text\" x-model=\"maxprice\"\n                       x-on:change=\"maxtrigger(); applyFilters($event, `${url}`, 'specifications_bloempotten_potdiameter_copy', true);\"\n                       class=\"px-3 py-2 border rounded-lg w-24 text-center\" \/>\n\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                                                                        <\/div>\n                        <div class=\"z-50 sticky py-4 md:pb-8 mt-auto bottom-0 bg-white block-title flex items-center justify-center\"\n                             @click=\"blockOpen = !blockOpen;\"\n                        >\n                            <button class=\"btn btn-primary w-full max-w-[16rem] justify-center\" @click=\"$dispatch('close-filters')\">\n                                <span>Filter resultaten<\/span>\n                                <span id=\"filter-counter\" class=\"pl-2\"><\/span>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    function initLayeredNavigation() {\n        return {\n            isMobile: false,\n            blockOpen: false,\n            init() {\n                this.checkIsMobileResolution();\n            },\n            checkIsMobileResolution() {\n                this.isMobile = window.outerWidth < 768\n            },\n        }\n    }\n\n    function openSlider() {\n        return {\n            open: false,\n            init(isOpen = false) {\n               this.open = isOpen;\n            },\n            stopBodyScroll() {\n                const body = document.querySelector(\"body\");\n                if(this.open) {\n                    body.style.overflow = \"hidden\";\n                } else {\n                    body.style.overflow = \"auto\";\n                }\n            }\n        }\n    }\n<\/script>\n<script>\n    function initToolbar_6ada639f64ed2() {\n        return {\n            options: {\"productListToolbarForm\":{\"mode\":\"product_list_mode\",\"direction\":\"product_list_dir\",\"order\":\"product_list_order\",\"limit\":\"product_list_limit\",\"modeDefault\":\"grid\",\"directionDefault\":\"asc\",\"orderDefault\":\"most_viewed\",\"limitDefault\":24,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1\",\"formKey\":\"uHc4nxVpbdnh0Tg1\",\"post\":false}}.productListToolbarForm || {},\n            changeUrl(paramName, paramValue, defaultValue) {\n                var decode = window.decodeURIComponent,\n                    urlPaths = this.options.url.split('?'),\n                    baseUrl = urlPaths[0],\n                    urlParams = urlPaths[1] ? urlPaths[1].split('&') : [],\n                    paramData = {},\n                    parameters, i, form, params, key, input, formKey;\n\n                for (i = 0; i < urlParams.length; i++) {\n                    parameters = urlParams[i].split('=');\n                    paramData[decode(parameters[0])] = parameters[1] !== undefined ?\n                        decode(parameters[1].replace(\/\\+\/g, '%20')) :\n                        '';\n                }\n                paramData[paramName] = paramValue;\n\n                if (this.options.post) {\n                    form = document.createElement('form');\n                    params = [this.options.mode, this.options.direction, this.options.order, this.options.limit];\n\n                    for (key in paramData) {\n                        if (params.indexOf(key) !== -1) { \/\/eslint-disable-line max-depth\n                            input = document.createElement('input');\n                            input.name = key;\n                            input.value = paramData[key];\n                            form.appendChild(input);\n                            delete paramData[key];\n                        }\n                    }\n                    formKey = document.createElement('input');\n                    formKey.name = 'form_key';\n                    formKey.value = this.options.formKey;\n                    form.appendChild(formKey);\n\n                    paramData = $.param(paramData);\n                    baseUrl += paramData.length ? '?' + paramData : '';\n\n                    form.action = baseUrl;\n                    form.method = 'POST';\n                    document.body.appendChild(form);\n                    form.submit();\n                } else {\n                    if (paramValue === defaultValue.toString()) {\n                        delete paramData[paramName];\n                    }\n                    paramData = Object.keys(paramData).map(function(k) {\n                        return encodeURIComponent(k) + '=' + encodeURIComponent(paramData[k])\n                    }).join('&');\n\n                    location.href = baseUrl + (paramData.length ? '?' + paramData : '');\n                }\n            }\n        }\n    }\n<\/script>\n    <section class=\"flex flex-col md:flex-wrap md:flex-row-reverse toolbar toolbar-products order-first flex-auto md:w-full\" x-data=\"initToolbar_6ada639f64ed2()\" >\n\n        \n    \n    \n    <div class=\"flex justify-center order-2 col-span-4 pages mb-3 md:mb-0\">\n                    <strong class=\"sr-only label pages-label\">Pagina<\/strong>\n            <ul class=\"relative z-0 inline-flex shadow-sm items pages-items\"\n                aria-label=\"Pagina\"\n            >\n                \n                \n                \n                                                            <li class=\"relative z-10 inline-flex items-center -ml-px text-sm font-medium leading-5\n                        text-gray-700 transition duration-150 ease-in-out bg-white bg-gray-100 border item\n                        current border-primary focus:outline-none\">\n                            <strong class=\"px-4 py-2 cursor-default page\">\n                                <span class=\"sr-only label\">\n                                    U lees momenteel pagina                                <\/span>\n                                <span>1<\/span>\n                            <\/strong>\n                        <\/li>\n                                                                                <li class=\"relative inline-flex items-center -ml-px text-sm font-medium leading-5 text-gray-700\n                            transition duration-150 ease-in-out bg-white border border-gray-300 item hover:text-gray-500\n                            focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue\n                            active:bg-gray-100 active:text-gray-700\">\n                            <a href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten?ajax=1&amp;p=2\" class=\"px-4 py-2 page\">\n                                <span class=\"sr-only label\">Pagina<\/span>\n                                <span>2<\/span>\n                            <\/a>\n                        <\/li>\n                                                                                <li class=\"relative inline-flex items-center -ml-px text-sm font-medium leading-5 text-gray-700\n                            transition duration-150 ease-in-out bg-white border border-gray-300 item hover:text-gray-500\n                            focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue\n                            active:bg-gray-100 active:text-gray-700\">\n                            <a href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten?ajax=1&amp;p=3\" class=\"px-4 py-2 page\">\n                                <span class=\"sr-only label\">Pagina<\/span>\n                                <span>3<\/span>\n                            <\/a>\n                        <\/li>\n                                                                                <li class=\"relative inline-flex items-center -ml-px text-sm font-medium leading-5 text-gray-700\n                            transition duration-150 ease-in-out bg-white border border-gray-300 item hover:text-gray-500\n                            focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue\n                            active:bg-gray-100 active:text-gray-700\">\n                            <a href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten?ajax=1&amp;p=4\" class=\"px-4 py-2 page\">\n                                <span class=\"sr-only label\">Pagina<\/span>\n                                <span>4<\/span>\n                            <\/a>\n                        <\/li>\n                                                                                <li class=\"relative inline-flex items-center -ml-px text-sm font-medium leading-5 text-gray-700\n                            transition duration-150 ease-in-out bg-white border border-gray-300 item hover:text-gray-500\n                            focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue\n                            active:bg-gray-100 active:text-gray-700\">\n                            <a href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten?ajax=1&amp;p=5\" class=\"px-4 py-2 page\">\n                                <span class=\"sr-only label\">Pagina<\/span>\n                                <span>5<\/span>\n                            <\/a>\n                        <\/li>\n                                    \n                                    <li class=\"item relative inline-flex items-center -ml-px text-sm font-medium leading-5 text-gray-700\n                            transition duration-150 ease-in-out bg-white border border-gray-300 item hover:text-gray-500\n                            focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue\n                            active:bg-gray-100 active:text-gray-700\">\n                        <a class=\"page next jump jump px-4 py-2 page\" title=\"\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten?ajax=1&amp;p=10\">\n                            <span>...<\/span>\n                        <\/a>\n                    <\/li>\n                \n                                    <li class=\"relative inline-flex items-center -ml-px text-sm font-medium leading-5\n                        text-gray-700 bg-white border border-gray-300 item\">\n                        <a class=\"px-4 py-2 page last\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten?ajax=1&amp;p=67\">\n                            <span class=\"sr-only label\">Pagina<\/span>\n                            <span>67<\/span>\n                        <\/a>\n                    <\/li>\n                \n                                    <li class=\"relative inline-flex items-center px-3 py-2 -ml-px text-sm font-medium\n                        leading-5 text-gray-500 transition duration-150 ease-in-out bg-white border border-gray-300\n                        item pages-item-next rounded-r-md hover:text-gray-400 focus:z-10 focus:outline-none\n                        focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500\">\n                                                <a class=\"action  next\"\n                           href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten?ajax=1&amp;p=2\"\n                           title=\"Volgende\">\n                            <span class=\"sr-only label\">Pagina<\/span>\n                            <span>\n                                                            <svg class=\"w-5 h-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                                    <path fill-rule=\"evenodd\"\n                                          d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4\n                                          4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n                                          clip-rule=\"evenodd\"><\/path>\n                                <\/svg>\n                                                    <\/span>\n                        <\/a>\n                    <\/li>\n                            <\/ul>\n\n            <\/div>\n\n    \n    \n\n                    <div class=\"toolbar-sorter w-full sorter flex flex-row md:flex-row-reverse items-center order-1 col-span-12 md:pb-3 mr-auto md:mr-0\">\n    <span class=\"sr-only sorter-label\">\n        Sorteer op    <\/span>\n    <select data-role=\"sorter\"\n            class=\"form-select sorter-options md:ml-3 bg-grey-darker border-0 pr-10 px-8 py-3 rounded-filter text-11 md:text-16\"\n            aria-label=\"Sorteer op\"\n            @change=\"changeUrl(\n                'product_list_order',\n                event.currentTarget.options[event.currentTarget.selectedIndex].value,\n                options.orderDefault\n            )\">\n                    <option value=\"newest\"\n                                >\n                Nieuwste producten            <\/option>\n                    <option value=\"most_viewed\"\n                                    selected=\"selected\"\n                                >\n                Meest bekeken            <\/option>\n                    <option value=\"name\"\n                                >\n                Product naam            <\/option>\n                    <option value=\"price\"\n                                >\n                Prijs            <\/option>\n                    <option value=\"specifications_bomen_minorderqty\"\n                                >\n                Minimale bestelhoeveelheid            <\/option>\n                    <option value=\"specifications_bloempotten_minorderqty\"\n                                >\n                Minimale bestelhoeveelheid            <\/option>\n                    <option value=\"specifications_buitenplanten_priceplantingservicehedgess\"\n                                >\n                Aanplantservice hagen S            <\/option>\n                    <option value=\"specifications_buitenplanten_priceplantingservicehedgesl\"\n                                >\n                Aanplantservice hagen L            <\/option>\n                    <option value=\"specifications_buitenplanten_priceplantingservicehedgesm\"\n                                >\n                Aanplantservice hagen M            <\/option>\n            <\/select>\n    <div class=\"sort-direction ml-2 mr-1 md:ml-1 md:mr-2\">\n                    <a title=\"Van&#x20;hoog&#x20;naar&#x20;laag&#x20;sorteren\"\n            href=\"#\"\n            class=\"action sorter-action sort-asc\"\n            @click.prevent=\"changeUrl('product_list_dir', 'desc', options.directionDefault)\"\n            >\n                <span class=\"block md:hidden\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" class=\"text-black\" width=\"18\" height=\"18\" role=\"img\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4\"\/><title>sorter<\/title><\/svg>\n<\/span>\n                <span class=\"hidden md:block\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" class=\"text-black\" width=\"24\" height=\"24\" role=\"img\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4\"\/><title>sorter<\/title><\/svg>\n<\/span>\n            <\/a>\n            <\/div>\n<\/div>\n        \n        \n    <div class=\"field limiter flex items-center order-3 sm:order-2 md:order-3 lg:order-2 col-span-2 justify-end mb-3 md:mb-0 w-full md:w-auto\">\n        <label class=\"text-sm mr-2 label\" for=\"limiter\">\n            <span>Toon<\/span>\n        <\/label>\n        <div class=\"control\">\n            <select id=\"limiter\" data-role=\"limiter\" class=\"form-select limiter-options pr-10\"\n                    @change=\"changeUrl(\n                    'product_list_limit',\n                    event.currentTarget.options[event.currentTarget.selectedIndex].value,\n                    options.limitDefault\n                )\">\n                                    <option value=\"12\"\n                        >\n                        12                    <\/option>\n                                    <option value=\"24\"\n                                                    selected=\"selected\"\n                        >\n                        24                    <\/option>\n                                    <option value=\"48\"\n                        >\n                        48                    <\/option>\n                                    <option value=\"100\"\n                        >\n                        100                    <\/option>\n                            <\/select>\n        <\/div>\n        <span class=\"limiter-text text-sm ml-2 sr-only\">\n        per pagina    <\/span>\n    <\/div>\n\n        <div class=\"toolbar-amount-wrapper w-full order-last p-3 text-center\">\n            <p class=\"toolbar-amount text-sm leading-5 text-gray-700 order-3 sm:order-2 md:order-3\n    lg:order-2 col-span-2 gap-x-1\" id=\"toolbar-amount\">\n            Producten <span class=\"toolbar-number\">1<\/span>-<span class=\"toolbar-number\">24<\/span> van <span class=\"toolbar-number\">1602<\/span>        <span class=\"hidden\" id=\"product-total-amount\">(1602)<\/span>\n<\/p>\n        <\/div>\n    <\/section>\n<\/div><div class=\"columns\"><div class=\"column main\"><script>\n    function ebizmartsMailChimpCampaignCatcher() {\n        'use strict';\n\n        function getUrlVars() {\n            const vars = [];\n            let i = 0;\n            window.location.href.replace(\/[?&]+([^=&]+)=([^&]*)\/gi, function (m, key, value) {\n                vars[i] = {'value': value, 'key': key};\n                i++;\n            });\n            return vars;\n        }\n\n        const checkCampaignUrl = \"https:\/\/www.fleur.nl\/mailchimp\/campaign\/check\/\";\n        let path = location;\n        let urlparams = null;\n        const isGet = path.search.search('\\\\?');\n        let mc_cid = null;\n        let isMailchimp = false;\n        if (isGet !== -1) {\n            urlparams = getUrlVars();\n            urlparams.forEach(function (item) {\n                if (item.key === 'utm_source') {\n                    if (\/^mailchimp$\/.exec(item.value)) {\n                        isMailchimp = true;\n                    }\n                } else {\n                    if (item.key === 'mc_cid') {\n                        mc_cid = item.value;\n                    }\n                }\n            });\n        } else {\n            urlparams = path.href.split('\/');\n            const utmIndex = urlparams.indexOf('utm_source');\n            const mccidIndex = urlparams.indexOf('mc_cid');\n            if (utmIndex !== -1) {\n                const value = urlparams[utmIndex + 1];\n                if (\/^mailchimp$\/.exec(value)) {\n                    isMailchimp = true;\n                }\n            } else {\n                if (mccidIndex !== -1) {\n                    mc_cid = urlparams[mccidIndex + 1];\n                }\n            }\n        }\n        if (mc_cid && !isMailchimp) {\n            fetch(checkCampaignUrl + 'mc_cid\/' + mc_cid + '\/')\n                .then(response => response.json())\n                .then(data => {\n                    if (data.valid == 0) {\n                        hyva.setCookie('mailchimp_campaign_id', null);\n                        hyva.setCookie('mailchimp_landing_page', location);\n                    } else if (data.valid == 1) {\n                        hyva.setCookie('mailchimp_campaign_id', mc_cid);\n                        hyva.setCookie('mailchimp_landing_page', location);\n                    }\n                });\n        }\n\n        if (isMailchimp) {\n            hyva.setCookie('mailchimp_campaign_id', null);\n            hyva.setCookie('mailchimp_landing_page', location);\n        }\n    }\n\n    window.addEventListener('DOMContentLoaded', ebizmartsMailChimpCampaignCatcher);\n<\/script>\n\n    <section class=\"container relative px-3 md:py-3\">\n            <div class=\"products wrapper mb-5 mode-grid products-grid\">\n        <div class=\"mx-auto grid gap-3 sm:gap-6 grid-cols-2 md:grid-cols-3 lg:grid-cols-4\">\n                                                    <div class='col-span-full'><\/div>                \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_bmF2aWdNVz1tbSZzcGVjaWZpY2F0aW9uc19ibG9lbXBvdHRlbl9icmFuZCU1QjElNUQ9RHJ5cG90K1JhdGFuJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX2JyYW5kJTVCMiU1RD1Qb3R0ZXJ5K1BvdHMmc3BlY2lmaWNhdGlvbnNfYmxvZW1wb3R0ZW5fbWF0ZXJpYWw9T3ZlcmlnJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3NoYXBlJTVCMCU1RD1Ib29nJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3NoYXBlJTVCMSU1RD1Sb25kJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3NoYXBlJTVCMiU1RD1PdmFhbA~~\/product\/5893\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"V2EvLnKOxYJ2RhMn\" \/>    <input type=\"hidden\" name=\"product\" value=\"5893\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/rugged-patt-grijs\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                                  x-data=\"\"\n                 @update-gallery-5893.window=\"$el.src = event.detail\"\n                 alt=\"Rugged-Patt-grijs.png\"\n                 title=\"Rugged-Patt-grijs.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/r\/u\/rugged-patt-grijs_1_3.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/rugged-patt-grijs\">\n                    Rugged Patt Grijs                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 13-45 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5600db475()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5600db475()\"\n                    @update-prices-5893.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"5893\" data-price-box=\"product-id-5893\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-5893\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"9.25\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a09,25<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-5893\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"7.6446270991736\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a07,64<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(5893)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4vc29vcnQtYmxvZW1wb3R0ZW4vYmxvZW1wb3R0ZW4tYnVpdGVuP3A9MjImc3BlY2lmaWNhdGlvbnNfYmxvZW1wb3R0ZW5fcG90Y29sb3IlNUIwJTVEPVRhdXAlQzMlQTkmc3BlY2lmaWNhdGlvbnNfYmxvZW1wb3R0ZW5fcG90Y29sb3IlNUIxJTVEPVp3YXJ0JnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3BvdGNvbG9yJTVCMiU1RD1DciVDMyVBOG1l\/product\/7531\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"dGIiZkqvYiMtUDIo\" \/>    <input type=\"hidden\" name=\"product\" value=\"7531\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/claire-pot-hoog-zwart\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                                  x-data=\"\"\n                 @update-gallery-7531.window=\"$el.src = event.detail\"\n                 alt=\"claire-pot-hoog-zwart.png\"\n                 title=\"claire-pot-hoog-zwart.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/c\/l\/claire-pot-hoog-zwart_1_3.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/claire-pot-hoog-zwart\">\n                    Claire Pot Hoog Zwart                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 28-37 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5b04c9254()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5b04c9254()\"\n                    @update-prices-7531.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"7531\" data-price-box=\"product-id-7531\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-7531\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"48.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a048,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-7531\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"40.454544454545\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a040,45<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(7531)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_bmF2aWdNVz1tbSZzcGVjaWZpY2F0aW9uc19ibG9lbXBvdHRlbl9icmFuZCU1QjElNUQ9RHJ5cG90K1JhdGFuJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX2JyYW5kJTVCMiU1RD1Qb3R0ZXJ5K1BvdHMmc3BlY2lmaWNhdGlvbnNfYmxvZW1wb3R0ZW5fbWF0ZXJpYWw9T3ZlcmlnJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3NoYXBlJTVCMCU1RD1Ib29nJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3NoYXBlJTVCMSU1RD1Sb25kJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3NoYXBlJTVCMiU1RD1PdmFhbA~~\/product\/5882\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"V2EvLnKOxYJ2RhMn\" \/>    <input type=\"hidden\" name=\"product\" value=\"5882\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/rugged-patt-zwart\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                                  x-data=\"\"\n                 @update-gallery-5882.window=\"$el.src = event.detail\"\n                 alt=\"Rugged-Patt-zwart.png\"\n                 title=\"Rugged-Patt-zwart.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/r\/u\/rugged-patt-zwart_1_10.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/rugged-patt-zwart\">\n                    Rugged Patt Zwart                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 13-45 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5600e18af()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5600e18af()\"\n                    @update-prices-5882.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"5882\" data-price-box=\"product-id-5882\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-5882\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"9.25\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a09,25<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-5882\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"7.6446270991736\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a07,64<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(5882)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4vYmxvZW1wb3R0ZW4tc29vcnRlbi9saWNodGdld2ljaHQ~\/product\/8938\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"2DgnYQFMNK3qqiXs\" \/>    <input type=\"hidden\" name=\"product\" value=\"8938\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/elho-vibes-wit\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                                  x-data=\"\"\n                 @update-gallery-8938.window=\"$el.src = event.detail\"\n                 alt=\"Elho&#x20;vibes&#x20;wit.png\"\n                 title=\"Elho&#x20;vibes&#x20;wit.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/e\/l\/elho20vibes20wit_1_4.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/elho-vibes-wit\">\n                    Elho Vibes Wit                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 14-47 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5bc169e67()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5bc169e67()\"\n                    @update-prices-8938.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"8938\" data-price-box=\"product-id-8938\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-8938\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"6.45\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a06,45<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-8938\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"5.3305775123967\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a05,33<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(8938)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_Kmt0cWNsNCpfdXAqTVEuLipfZ3MqTVEuLg~~\/product\/5835\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"H6J7BrPWOfC38qZA\" \/>    <input type=\"hidden\" name=\"product\" value=\"5835\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/rugged-charlie-zwart\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-5835.window=\"$el.src = event.detail\"\n                 alt=\"Rugged-Charlie-Zwart.png\"\n                 title=\"Rugged-Charlie-Zwart.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/r\/u\/rugged-charlie-zwart_1_1.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/rugged-charlie-zwart\">\n                    Rugged Charlie Zwart                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 12-44 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5dd34cbb6()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5dd34cbb6()\"\n                    @update-prices-5835.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"5835\" data-price-box=\"product-id-5835\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-5835\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"8.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a08,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-5835\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"7.396693214876\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a07,40<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(5835)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_Kmt0cWNsNCpfdXAqTVEuLipfZ3MqTVEuLg~~\/product\/8967\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"H6J7BrPWOfC38qZA\" \/>    <input type=\"hidden\" name=\"product\" value=\"8967\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/elho-greenville-rond-zwart\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-8967.window=\"$el.src = event.detail\"\n                 alt=\"greenville-rond-zwart.png\"\n                 title=\"greenville-rond-zwart.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/g\/r\/greenville-rond-zwart_1_8.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/elho-greenville-rond-zwart\">\n                    Elho Greenville Rond Zwart                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 16-55 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5dd351ab1()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5dd351ab1()\"\n                    @update-prices-8967.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"8967\" data-price-box=\"product-id-8967\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-8967\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"6.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a06,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-8967\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"5.7438006528926\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a05,74<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(8967)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_Kmt0cWNsNCpfdXAqTVEuLipfZ3MqTVEuLg~~\/product\/6530\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"H6J7BrPWOfC38qZA\" \/>    <input type=\"hidden\" name=\"product\" value=\"6530\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/balloon-concrete-wit-11583\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-6530.window=\"$el.src = event.detail\"\n                 alt=\"Balloon&#x20;concrete&#x20;wit_2.png\"\n                 title=\"Balloon&#x20;concrete&#x20;wit_2.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/b\/a\/balloon20concrete20wit2_1_5.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/balloon-concrete-wit-11583\">\n                    Grigio Balloon Concrete Wit                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 30-55 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5dd3531c1()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5dd3531c1()\"\n                    @update-prices-6530.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"6530\" data-price-box=\"product-id-6530\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-6530\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"71.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a071,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-6530\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"59.462808917355\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a059,46<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(6530)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_YWpheD0xJnA9NSZwcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPW5ld2VzdCZzcGVjaWZpY2F0aW9uc19ibG9lbXBvdHRlbl9wb3RkaWFtZXRlcl9jb3B5PTI1LTIwMQ~~\/product\/5857\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"HZmVdbzzTLcAhDHV\" \/>    <input type=\"hidden\" name=\"product\" value=\"5857\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/rugged-charlie-grijs\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-5857.window=\"$el.src = event.detail\"\n                 alt=\"Rugged-Charlie-Grijs_1.png\"\n                 title=\"Rugged-Charlie-Grijs_1.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/r\/u\/rugged-charlie-grijs1_1_9.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/rugged-charlie-grijs\">\n                    Rugged Charlie Grijs                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 12-44 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada572f87035()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada572f87035()\"\n                    @update-prices-5857.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"5857\" data-price-box=\"product-id-5857\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-5857\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"8.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a08,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-5857\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"7.396693214876\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a07,40<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(5857)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                            <div class='col-span-full'><\/div>                \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_YWpheD0xJnA9NSZwcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPW5ld2VzdCZzcGVjaWZpY2F0aW9uc19ibG9lbXBvdHRlbl9wb3RkaWFtZXRlcl9jb3B5PTI1LTIwMQ~~\/product\/5701\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"HZmVdbzzTLcAhDHV\" \/>    <input type=\"hidden\" name=\"product\" value=\"5701\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/raindrop-cylinder-beige\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-5701.window=\"$el.src = event.detail\"\n                 alt=\"raindrop-cylinder-beige.png\"\n                 title=\"raindrop-cylinder-beige.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/r\/a\/raindrop-cylinder-beige_1_4.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/raindrop-cylinder-beige\">\n                    Raindrop Cylinder Beige                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 34-51 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada572f7d2da()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada572f7d2da()\"\n                    @update-prices-5701.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"5701\" data-price-box=\"product-id-5701\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-5701\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"64.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a064,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-5701\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"53.677684950413\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a053,68<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(5701)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_YWpheD0xJnA9NCZwcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPW5ld2VzdCZzcGVjaWZpY2F0aW9uc19ibG9lbXBvdHRlbl9wb3RkaWFtZXRlcl9jb3B5PTI1LTIwMQ~~\/product\/4866\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"HZmVdbzzTLcAhDHV\" \/>    <input type=\"hidden\" name=\"product\" value=\"4866\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/bohemian-straw-cody\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-4866.window=\"$el.src = event.detail\"\n                 alt=\"bohemian-straw-cody-grass-pot-natuurlijke-uitstral_cdefd4.jpg\"\n                 title=\"bohemian-straw-cody-grass-pot-natuurlijke-uitstral_cdefd4.jpg\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/b\/o\/bohemian-straw-cody-grass-pot-natuurlijke-uitstralcdefd4_1_2.jpg\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/bohemian-straw-cody\">\n                    Bohemian Straw Cody                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 22-33 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada57235e95b()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada57235e95b()\"\n                    @update-prices-4866.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"4866\" data-price-box=\"product-id-4866\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-4866\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"51.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a051,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-4866\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"42.933883297521\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a042,93<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(4866)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_bmF2aWdNVz1tbSZzcGVjaWZpY2F0aW9uc19ibG9lbXBvdHRlbl9icmFuZCU1QjElNUQ9RHJ5cG90K1JhdGFuJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX2JyYW5kJTVCMiU1RD1Qb3R0ZXJ5K1BvdHMmc3BlY2lmaWNhdGlvbnNfYmxvZW1wb3R0ZW5fbWF0ZXJpYWw9T3ZlcmlnJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3NoYXBlJTVCMCU1RD1Ib29nJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3NoYXBlJTVCMSU1RD1Sb25kJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3NoYXBlJTVCMiU1RD1PdmFhbA~~\/product\/8163\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"V2EvLnKOxYJ2RhMn\" \/>    <input type=\"hidden\" name=\"product\" value=\"8163\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/rugged-patt-with-feet-low-zwart-10765\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-8163.window=\"$el.src = event.detail\"\n                 alt=\"Rugged-patt-Feet-low-zwart.png\"\n                 title=\"Rugged-patt-Feet-low-zwart.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/r\/u\/rugged-patt-feet-low-zwart_1_5.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/rugged-patt-with-feet-low-zwart-10765\">\n                    Rugged Patt With Feet Low Zwart                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 16-45 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5600e39ca()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5600e39ca()\"\n                    @update-prices-8163.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"8163\" data-price-box=\"product-id-8163\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-8163\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"62.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a062,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-8163\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"52.02479238843\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a052,02<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(8163)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4vYmxvZW1wb3R0ZW4tc29vcnRlbi9saWNodGdld2ljaHQ~\/product\/8953\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"2DgnYQFMNK3qqiXs\" \/>    <input type=\"hidden\" name=\"product\" value=\"8953\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/elho-greenville-rond-groen\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-8953.window=\"$el.src = event.detail\"\n                 alt=\"greenville-rond-groen.png\"\n                 title=\"greenville-rond-groen.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/g\/r\/greenville-rond-groen_1_8.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/elho-greenville-rond-groen\">\n                    Elho Greenville Rond Groen                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 16-47 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5bc170736()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5bc170736()\"\n                    @update-prices-8953.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"8953\" data-price-box=\"product-id-8953\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-8953\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"6.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a06,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-8953\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"5.7438006528926\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a05,74<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(8953)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4vYmxvZW1wb3R0ZW4tc29vcnRlbi9saWNodGdld2ljaHQ~\/product\/8928\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"2DgnYQFMNK3qqiXs\" \/>    <input type=\"hidden\" name=\"product\" value=\"8928\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/elho-vibes-roze\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-8928.window=\"$el.src = event.detail\"\n                 alt=\"vibes-roze.png\"\n                 title=\"vibes-roze.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/v\/i\/vibes-roze_1_6.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/elho-vibes-roze\">\n                    Elho Vibes Roze                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 14-35 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5bc172002()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5bc172002()\"\n                    @update-prices-8928.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"8928\" data-price-box=\"product-id-8928\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-8928\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"6.45\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a06,45<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-8928\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"5.3305775123967\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a05,33<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(8928)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_Kmt0cWNsNCpfdXAqTVEuLipfZ3MqTVEuLg~~\/product\/15808\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"H6J7BrPWOfC38qZA\" \/>    <input type=\"hidden\" name=\"product\" value=\"15808\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/ryan-shiny-gold-20677\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-15808.window=\"$el.src = event.detail\"\n                 alt=\"ryan5.png\"\n                 title=\"ryan5.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/r\/y\/ryan5_1_1.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/ryan-shiny-gold-20677\">\n                    Ryan Shiny Gold                 <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 15-42 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5dd354c14()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5dd354c14()\"\n                    @update-prices-15808.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"15808\" data-price-box=\"product-id-15808\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-15808\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"8.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a08,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-15808\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"7.396693214876\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a07,40<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(15808)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_YWpheD0xJnA9NCZwcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPW5ld2VzdCZzcGVjaWZpY2F0aW9uc19ibG9lbXBvdHRlbl9wb3RkaWFtZXRlcl9jb3B5PTI1LTIwMQ~~\/product\/4949\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"HZmVdbzzTLcAhDHV\" \/>    <input type=\"hidden\" name=\"product\" value=\"4949\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/bola-pot-zwart\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-4949.window=\"$el.src = event.detail\"\n                 alt=\"Bola&#x20;pot&#x20;zwart.png\"\n                 title=\"Bola&#x20;pot&#x20;zwart.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/b\/o\/bola20pot20zwart_1_9.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/bola-pot-zwart\">\n                    Bola Pot Zwart                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 17-55 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada572361cc6()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada572361cc6()\"\n                    @update-prices-4949.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"4949\" data-price-box=\"product-id-4949\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-4949\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"6.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a06,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-4949\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"5.7438006528926\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a05,74<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(4949)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_YWpheD0xJnA9MyZwcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPW5ld2VzdCZzcGVjaWZpY2F0aW9uc19ibG9lbXBvdHRlbl9wb3RkaWFtZXRlcl9jb3B5PTI1LTIwMQ~~\/product\/1626\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"HZmVdbzzTLcAhDHV\" \/>    <input type=\"hidden\" name=\"product\" value=\"1626\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/capi-nature-groove-bowl-1919\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-1626.window=\"$el.src = event.detail\"\n                 alt=\"capi&#x20;nature&#x20;groove&#x20;bol.png\"\n                 title=\"capi&#x20;nature&#x20;groove&#x20;bol.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/c\/a\/capi20nature20groove20bol_1_1.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/capi-nature-groove-bowl-1919\">\n                    Capi Nature Groove Bowl                 <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 18-62 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada570e9a6db()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada570e9a6db()\"\n                    @update-prices-1626.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"1626\" data-price-box=\"product-id-1626\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-1626\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"29.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a029,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-1626\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"24.752065115702\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a024,75<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(1626)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                            <div class='col-span-full'><\/div>                \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_YWpheD0xJnByaWNlPTYtMTAwJnByb2R1Y3RfbGlzdF9kaXI9ZGVzYyZwcm9kdWN0X2xpc3Rfb3JkZXI9bmV3ZXN0JnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3BvdGNvbG9yJTVCMCU1RD1CcnVpbiZzcGVjaWZpY2F0aW9uc19ibG9lbXBvdHRlbl9wb3Rjb2xvciU1QjElNUQ9Um9vZCZzcGVjaWZpY2F0aW9uc19ibG9lbXBvdHRlbl9wb3RkaWFtZXRlcl9jb3B5PTI1LTIwMSZhamF4PTE~\/product\/7102\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"HZmVdbzzTLcAhDHV\" \/>    <input type=\"hidden\" name=\"product\" value=\"7102\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/drypot-rattan-stripe-round-grey\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-7102.window=\"$el.src = event.detail\"\n                 alt=\"drypot-rattan-stripe-round-grey.png\"\n                 title=\"drypot-rattan-stripe-round-grey.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/d\/r\/drypot-rattan-stripe-round-grey_1_6.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/drypot-rattan-stripe-round-grey\">\n                    Drypot Rattan Stripe Round Grey                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 35-53 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada57ae52e9d()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada57ae52e9d()\"\n                    @update-prices-7102.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"7102\" data-price-box=\"product-id-7102\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-7102\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"36.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a036,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-7102\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"30.537189082645\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a030,54<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(7102)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_bmF2aWdNVz1tbSZzcGVjaWZpY2F0aW9uc19ibG9lbXBvdHRlbl9icmFuZCU1QjElNUQ9RHJ5cG90K1JhdGFuJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX2JyYW5kJTVCMiU1RD1Qb3R0ZXJ5K1BvdHMmc3BlY2lmaWNhdGlvbnNfYmxvZW1wb3R0ZW5fbWF0ZXJpYWw9T3ZlcmlnJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3NoYXBlJTVCMCU1RD1Ib29nJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3NoYXBlJTVCMSU1RD1Sb25kJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3NoYXBlJTVCMiU1RD1PdmFhbA~~\/product\/8184\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"V2EvLnKOxYJ2RhMn\" \/>    <input type=\"hidden\" name=\"product\" value=\"8184\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/rugged-patt-with-feet-low-grijs\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-8184.window=\"$el.src = event.detail\"\n                 alt=\"Rugged-patt-Feet-low-grijs.png\"\n                 title=\"Rugged-patt-Feet-low-grijs.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/r\/u\/rugged-patt-feet-low-grijs_1_7.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/rugged-patt-with-feet-low-grijs\">\n                    Rugged Patt With Feet Low Grijs                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 16-45 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5600e586a()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5600e586a()\"\n                    @update-prices-8184.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"8184\" data-price-box=\"product-id-8184\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-8184\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"32.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a032,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-8184\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"27.231403958678\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a027,23<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(8184)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_c3BlY2lmaWNhdGlvbnNfYmxvZW1wb3R0ZW5fcG90Y29sb3IlNUIwJTVEPUdyaWpzJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3BvdGNvbG9yJTVCMSU1RD1HZWVsJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3BvdGNvbG9yJTVCMiU1RD1CZWlnZQ~~\/product\/6589\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"KbtnZK3qLyn2dAEo\" \/>    <input type=\"hidden\" name=\"product\" value=\"6589\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/raindrop-globe-beige\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-6589.window=\"$el.src = event.detail\"\n                 alt=\"raindrop-globe-beige.png\"\n                 title=\"raindrop-globe-beige.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/r\/a\/raindrop-globe-beige_1.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/raindrop-globe-beige\">\n                    Raindrop Globe Beige                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 42-55 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5c6a4c6b9()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5c6a4c6b9()\"\n                    @update-prices-6589.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"6589\" data-price-box=\"product-id-6589\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-6589\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"71.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a071,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-6589\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"59.462808917355\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a059,46<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(6589)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_YWpheD0xJnA9NyZwcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPW5ld2VzdCZzcGVjaWZpY2F0aW9uc19ibG9lbXBvdHRlbl9wb3RkaWFtZXRlcl9jb3B5PTI1LTIwMQ~~\/product\/6522\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"HZmVdbzzTLcAhDHV\" \/>    <input type=\"hidden\" name=\"product\" value=\"6522\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/balloon-concrete-antraciet-11579\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-6522.window=\"$el.src = event.detail\"\n                 alt=\"Balloon&#x20;concrete&#x20;antraciet_2.png\"\n                 title=\"Balloon&#x20;concrete&#x20;antraciet_2.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/b\/a\/balloon20concrete20antraciet2_1_4.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/balloon-concrete-antraciet-11579\">\n                    Grigio Balloon Concrete Antraciet                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 30-70 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5756a4531()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5756a4531()\"\n                    @update-prices-6522.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"6522\" data-price-box=\"product-id-6522\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-6522\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"71.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a071,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-6522\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"59.462808917355\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a059,46<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(6522)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_Kmt0cWNsNCpfdXAqTVEuLipfZ3MqTVEuLg~~\/product\/9193\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"H6J7BrPWOfC38qZA\" \/>    <input type=\"hidden\" name=\"product\" value=\"9193\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/cylinder-ceramic-blauw\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-9193.window=\"$el.src = event.detail\"\n                 alt=\"cylinder-ceramic-blauw.png\"\n                 title=\"cylinder-ceramic-blauw.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/c\/y\/cylinder-ceramic-blauw_1_1.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/cylinder-ceramic-blauw\">\n                    Cylinder Ceramic Blauw                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 30-50 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5dd356776()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5dd356776()\"\n                    @update-prices-9193.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"9193\" data-price-box=\"product-id-9193\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-9193\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"69.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a069,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-9193\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"57.809916355372\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a057,81<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(9193)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4vYmxvZW1wb3R0ZW4tc29vcnRlbi9saWNodGdld2ljaHQ~\/product\/8946\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"2DgnYQFMNK3qqiXs\" \/>    <input type=\"hidden\" name=\"product\" value=\"8946\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/elho-greenville-rond-wit\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-8946.window=\"$el.src = event.detail\"\n                 alt=\"greenville-rond-wit.png\"\n                 title=\"greenville-rond-wit.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/g\/r\/greenville-rond-wit_1_4.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/elho-greenville-rond-wit\">\n                    Elho Greenville Rond Wit                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 16-47 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5bc173a75()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5bc173a75()\"\n                    @update-prices-8946.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"8946\" data-price-box=\"product-id-8946\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-8946\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"6.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a06,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-8946\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"5.7438006528926\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a05,74<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(8946)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_c3BlY2lmaWNhdGlvbnNfYmxvZW1wb3R0ZW5fcG90Y29sb3IlNUIwJTVEPUdyaWpzJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3BvdGNvbG9yJTVCMSU1RD1HZWVsJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3BvdGNvbG9yJTVCMiU1RD1CZWlnZQ~~\/product\/8220\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"KbtnZK3qLyn2dAEo\" \/>    <input type=\"hidden\" name=\"product\" value=\"8220\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/rugged-patt-with-feet-high-grijs\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-8220.window=\"$el.src = event.detail\"\n                 alt=\"Rugged-patt-Feet-high-grijs.png\"\n                 title=\"Rugged-patt-Feet-high-grijs.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/r\/u\/rugged-patt-feet-high-grijs_1_3.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/rugged-patt-with-feet-high-grijs\">\n                    Rugged Patt With Feet High Grijs                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 16-45 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5c6a5167e()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5c6a5167e()\"\n                    @update-prices-8220.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"8220\" data-price-box=\"product-id-8220\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-8220\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"194.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a0194,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-8220\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"161.11570147934\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a0161,12<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(8220)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                                            \n<form method=\"post\"\n      action=\"https:\/\/www.fleur.nl\/checkout\/cart\/add\/uenc\/aHR0cHM6Ly93d3cuZmxldXIubmwvYmxvZW1wb3R0ZW4_c3BlY2lmaWNhdGlvbnNfYmxvZW1wb3R0ZW5fcG90Y29sb3IlNUIwJTVEPUdyaWpzJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3BvdGNvbG9yJTVCMSU1RD1HZWVsJnNwZWNpZmljYXRpb25zX2Jsb2VtcG90dGVuX3BvdGNvbG9yJTVCMiU1RD1CZWlnZQ~~\/product\/5617\/\"\n      class=\"item product product-item product_addtocart_form card flex flex-col relative\"\n        >\n    <input name=\"form_key\" type=\"hidden\" value=\"KbtnZK3qLyn2dAEo\" \/>    <input type=\"hidden\" name=\"product\" value=\"5617\"\/>\n                    <a href=\"https:\/\/www.fleur.nl\/raindrop-tube-beige\"\n           class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n           tabindex=\"-1\">\n            <img class=\"object-contain mix-blend-multiply text-0\"\n                 loading=\"lazy\"                 x-data=\"\"\n                 @update-gallery-5617.window=\"$el.src = event.detail\"\n                 alt=\"raindrop-tube-beige.png\"\n                 title=\"raindrop-tube-beige.png\"\n                 src=\"https:\/\/www.fleur.nl\/media\/catalog\/product\/cache\/a65e1327d2020403dbc54d3ad1c5b341\/r\/a\/raindrop-tube-beige_1_7.png\"\n                 width=\"296\"\n                 height=\"296\"\n            \/>\n        <\/a>\n        <div class=\"product-info flex flex-col flex-grow\">\n                        <div class=\"md:mt-2 mb-auto\">\n                <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                   href=\"https:\/\/www.fleur.nl\/raindrop-tube-beige\">\n                    Raindrop Tube Beige                <\/a>\n                            <\/div>\n            <div class=\"flex flex-row my-5\">\n                                                    \n                                    <div class=\"flex items-center text-xs md:text-base lg:text-lg\">\n                                                    \u00f8 30-80 cm\n                                            <\/div>\n                \n                <script>\n                    function initPriceBox__6ada5c6a52dc5()\n                    {\n                        return {\n                            updatePrice(priceData) {\n                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');\n                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');\n                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {\n                                    regularPriceLabel.classList.add('hidden');\n                                } else {\n                                    regularPriceLabel.classList.remove('hidden');\n                                }\n                                regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);\n                            }\n                        }\n                    }\n                <\/script>\n                <div class=\"flex flex-row items-center text-gray-900 ml-auto\"\n                    x-data=\"initPriceBox__6ada5c6a52dc5()\"\n                    @update-prices-5617.window=\"updatePrice(event.detail);\"\n                >\n                    <span class=\"flex flex-row jutify-center align-center text-10 md:text-18\"><div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"5617\" data-price-box=\"product-id-5617\">\n    <span class=\"normal-price\">\n        \n<span x-data=\"initPrices()\" x-init=\"defaultType()\" @update-product-price-with-tax.window=\"updateType(event.detail)\" class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n            <span class=\"price-label\">v.a.<\/span>\n        <span x-show=\"showIncludingTax\"  id=\"price-including-tax-product-price-5617\"        data-label=\"Incl.&#x20;btw\"        data-price-amount=\"47.95\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper price-including-tax\"\n    ><span class=\"price\">\u20ac\u00a047,95<\/span><\/span>\n            \n\n    <span x-show=\"!showIncludingTax\" id=\"price-excluding-tax-product-price-5617\"\n          data-label=\"Excl.&#x20;BTW\"\n          data-price-amount=\"39.628098173554\"\n          data-price-type=\"basePrice\"\n          class=\"price-wrapper price-excluding-tax\">\n        <span class=\"price\">\u20ac\u00a039,63<\/span><\/span>\n        <\/span>\n    <\/span>\n\n<\/div><\/span>\n                <\/div>\n            <\/div>\n\n            \n                            <script>\n                    function initWishlist() {\n                        return {\n                            addToWishlist(productId) {\n                                var formKey = document.querySelector('input[name=form_key]').value;\n                                var postUrl = BASE_URL+\"wishlist\/index\/add\/\";\n                                fetch(postUrl, {\n                                    \"headers\": {\n                                        \"content-type\": \"application\/x-www-form-urlencoded; charset=UTF-8\",\n                                    },\n                                    \"body\": \"form_key=\"+ formKey + \"&product=\"+productId+\"&uenc=\"+btoa(window.location.href),\n                                    \"method\": \"POST\",\n                                    \"mode\": \"cors\",\n                                    \"credentials\": \"include\"\n                                }).then(function (response) {\n                                    if (response.redirected) {\n                                        window.location.href = response.url;\n                                    } else if (response.ok) {\n                                        return response.json();\n                                    } else {\n                                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                            [{\n                                                type: \"warning\",\n                                                text: \"Could not add item to wishlist.\"\n                                            }], 5000\n                                        );\n                                    }\n                                }).then(function (response) {\n                                    if(!response) { return }\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: (response.success) ? \"success\" : \"error\",\n                                            text: (response.success)\n                                                ? \"Product is toegevoegd aan uw verlanglijst.\"\n                                                : response.error_message\n                                        }], 5000\n                                    );\n                                    var reloadCustomerDataEvent = new CustomEvent(\"reload-customer-section-data\");\n                                    window.dispatchEvent(reloadCustomerDataEvent);\n                                }).catch(function (error) {\n                                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                                        [{\n                                            type: \"error\",\n                                            text: error\n                                        }], 5000\n                                    );\n                                });\n                            }\n                        }\n                    }\n                <\/script>\n                <button x-data=\"initWishlist()\"\n                        @click.prevent=\"addToWishlist(5617)\"\n                        aria-label=\"Toevoegen&#x20;aan&#x20;verlanglijst\"\n                        type=\"button\"\n                        class=\"flex shadow-sm justify-center items-center absolute top-1 right-1 drop-shadow-xl hover:text-pink-400 focus:outline-none bg-white rounded-full action towishlist h-8 w-8 md:h-12 md:w-12\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 21 19\" fill=\"currentColor\" class=\"w-3 md:w-auto\" width=\"19\" height=\"17\" role=\"img\">\n    <path d=\"M18.8906 2.03906C16.625 0.125 13.1484 0.398438 11 2.625C8.8125 0.398438 5.33594 0.125 3.07031 2.03906C0.140625 4.5 0.570312 8.52344 2.67969 10.6719L9.51562 17.6641C9.90625 18.0547 10.4141 18.2891 11 18.2891C11.5469 18.2891 12.0547 18.0547 12.4453 17.6641L19.3203 10.6719C21.3906 8.52344 21.8203 4.5 18.8906 2.03906ZM17.9531 9.34375L11.1172 16.3359C11.0391 16.4141 10.9609 16.4141 10.8438 16.3359L4.00781 9.34375C2.5625 7.89844 2.28906 5.16406 4.28125 3.48438C5.80469 2.19531 8.14844 2.39062 9.63281 3.875L11 5.28125L12.3672 3.875C13.8125 2.39062 16.1562 2.19531 17.6797 3.44531C19.6719 5.16406 19.3984 7.89844 17.9531 9.34375Z\" fill=\"currentColor\"\/>\n<title>heart<\/title><\/svg>\n                <\/button>\n                    <\/div>\n        <\/form>\n                    <\/div>\n    <\/div>\n    <div class=\"product-list-nav\">\n        <script>\n    function initToolbar_6ada639f64ed2() {\n        return {\n            options: {\"productListToolbarForm\":{\"mode\":\"product_list_mode\",\"direction\":\"product_list_dir\",\"order\":\"product_list_order\",\"limit\":\"product_list_limit\",\"modeDefault\":\"grid\",\"directionDefault\":\"asc\",\"orderDefault\":\"most_viewed\",\"limitDefault\":24,\"url\":\"https:\\\/\\\/www.fleur.nl\\\/bloempotten\\\/bloempotten-soorten?ajax=1\",\"formKey\":\"uHc4nxVpbdnh0Tg1\",\"post\":false}}.productListToolbarForm || {},\n            changeUrl(paramName, paramValue, defaultValue) {\n                var decode = window.decodeURIComponent,\n                    urlPaths = this.options.url.split('?'),\n                    baseUrl = urlPaths[0],\n                    urlParams = urlPaths[1] ? urlPaths[1].split('&') : [],\n                    paramData = {},\n                    parameters, i, form, params, key, input, formKey;\n\n                for (i = 0; i < urlParams.length; i++) {\n                    parameters = urlParams[i].split('=');\n                    paramData[decode(parameters[0])] = parameters[1] !== undefined ?\n                        decode(parameters[1].replace(\/\\+\/g, '%20')) :\n                        '';\n                }\n                paramData[paramName] = paramValue;\n\n                if (this.options.post) {\n                    form = document.createElement('form');\n                    params = [this.options.mode, this.options.direction, this.options.order, this.options.limit];\n\n                    for (key in paramData) {\n                        if (params.indexOf(key) !== -1) { \/\/eslint-disable-line max-depth\n                            input = document.createElement('input');\n                            input.name = key;\n                            input.value = paramData[key];\n                            form.appendChild(input);\n                            delete paramData[key];\n                        }\n                    }\n                    formKey = document.createElement('input');\n                    formKey.name = 'form_key';\n                    formKey.value = this.options.formKey;\n                    form.appendChild(formKey);\n\n                    paramData = $.param(paramData);\n                    baseUrl += paramData.length ? '?' + paramData : '';\n\n                    form.action = baseUrl;\n                    form.method = 'POST';\n                    document.body.appendChild(form);\n                    form.submit();\n                } else {\n                    if (paramValue === defaultValue.toString()) {\n                        delete paramData[paramName];\n                    }\n                    paramData = Object.keys(paramData).map(function(k) {\n                        return encodeURIComponent(k) + '=' + encodeURIComponent(paramData[k])\n                    }).join('&');\n\n                    location.href = baseUrl + (paramData.length ? '?' + paramData : '');\n                }\n            }\n        }\n    }\n<\/script>\n    <section class=\"flex flex-col md:flex-wrap md:flex-row-reverse toolbar toolbar-products order-first flex-auto md:w-full\" x-data=\"initToolbar_6ada639f64ed2()\" >\n\n        \n    \n    \n    <div class=\"flex justify-center order-2 col-span-4 pages mb-3 md:mb-0\">\n                    <strong class=\"sr-only label pages-label\">Pagina<\/strong>\n            <ul class=\"relative z-0 inline-flex shadow-sm items pages-items\"\n                aria-label=\"Pagina\"\n            >\n                \n                \n                \n                                                            <li class=\"relative z-10 inline-flex items-center -ml-px text-sm font-medium leading-5\n                        text-gray-700 transition duration-150 ease-in-out bg-white bg-gray-100 border item\n                        current border-primary focus:outline-none\">\n                            <strong class=\"px-4 py-2 cursor-default page\">\n                                <span class=\"sr-only label\">\n                                    U lees momenteel pagina                                <\/span>\n                                <span>1<\/span>\n                            <\/strong>\n                        <\/li>\n                                                                                <li class=\"relative inline-flex items-center -ml-px text-sm font-medium leading-5 text-gray-700\n                            transition duration-150 ease-in-out bg-white border border-gray-300 item hover:text-gray-500\n                            focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue\n                            active:bg-gray-100 active:text-gray-700\">\n                            <a href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten?ajax=1&amp;p=2\" class=\"px-4 py-2 page\">\n                                <span class=\"sr-only label\">Pagina<\/span>\n                                <span>2<\/span>\n                            <\/a>\n                        <\/li>\n                                                                                <li class=\"relative inline-flex items-center -ml-px text-sm font-medium leading-5 text-gray-700\n                            transition duration-150 ease-in-out bg-white border border-gray-300 item hover:text-gray-500\n                            focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue\n                            active:bg-gray-100 active:text-gray-700\">\n                            <a href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten?ajax=1&amp;p=3\" class=\"px-4 py-2 page\">\n                                <span class=\"sr-only label\">Pagina<\/span>\n                                <span>3<\/span>\n                            <\/a>\n                        <\/li>\n                                                                                <li class=\"relative inline-flex items-center -ml-px text-sm font-medium leading-5 text-gray-700\n                            transition duration-150 ease-in-out bg-white border border-gray-300 item hover:text-gray-500\n                            focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue\n                            active:bg-gray-100 active:text-gray-700\">\n                            <a href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten?ajax=1&amp;p=4\" class=\"px-4 py-2 page\">\n                                <span class=\"sr-only label\">Pagina<\/span>\n                                <span>4<\/span>\n                            <\/a>\n                        <\/li>\n                                                                                <li class=\"relative inline-flex items-center -ml-px text-sm font-medium leading-5 text-gray-700\n                            transition duration-150 ease-in-out bg-white border border-gray-300 item hover:text-gray-500\n                            focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue\n                            active:bg-gray-100 active:text-gray-700\">\n                            <a href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten?ajax=1&amp;p=5\" class=\"px-4 py-2 page\">\n                                <span class=\"sr-only label\">Pagina<\/span>\n                                <span>5<\/span>\n                            <\/a>\n                        <\/li>\n                                    \n                                    <li class=\"item relative inline-flex items-center -ml-px text-sm font-medium leading-5 text-gray-700\n                            transition duration-150 ease-in-out bg-white border border-gray-300 item hover:text-gray-500\n                            focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue\n                            active:bg-gray-100 active:text-gray-700\">\n                        <a class=\"page next jump jump px-4 py-2 page\" title=\"\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten?ajax=1&amp;p=10\">\n                            <span>...<\/span>\n                        <\/a>\n                    <\/li>\n                \n                                    <li class=\"relative inline-flex items-center -ml-px text-sm font-medium leading-5\n                        text-gray-700 bg-white border border-gray-300 item\">\n                        <a class=\"px-4 py-2 page last\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten?ajax=1&amp;p=67\">\n                            <span class=\"sr-only label\">Pagina<\/span>\n                            <span>67<\/span>\n                        <\/a>\n                    <\/li>\n                \n                                    <li class=\"relative inline-flex items-center px-3 py-2 -ml-px text-sm font-medium\n                        leading-5 text-gray-500 transition duration-150 ease-in-out bg-white border border-gray-300\n                        item pages-item-next rounded-r-md hover:text-gray-400 focus:z-10 focus:outline-none\n                        focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500\">\n                                                <a class=\"action  next\"\n                           href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten?ajax=1&amp;p=2\"\n                           title=\"Volgende\">\n                            <span class=\"sr-only label\">Pagina<\/span>\n                            <span>\n                                                            <svg class=\"w-5 h-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                                    <path fill-rule=\"evenodd\"\n                                          d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4\n                                          4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n                                          clip-rule=\"evenodd\"><\/path>\n                                <\/svg>\n                                                    <\/span>\n                        <\/a>\n                    <\/li>\n                            <\/ul>\n\n            <\/div>\n\n    \n    \n\n                    <div class=\"toolbar-sorter w-full sorter flex flex-row md:flex-row-reverse items-center order-1 col-span-12 md:pb-3 mr-auto md:mr-0\">\n    <span class=\"sr-only sorter-label\">\n        Sorteer op    <\/span>\n    <select data-role=\"sorter\"\n            class=\"form-select sorter-options md:ml-3 bg-grey-darker border-0 pr-10 px-8 py-3 rounded-filter text-11 md:text-16\"\n            aria-label=\"Sorteer op\"\n            @change=\"changeUrl(\n                'product_list_order',\n                event.currentTarget.options[event.currentTarget.selectedIndex].value,\n                options.orderDefault\n            )\">\n                    <option value=\"newest\"\n                                >\n                Nieuwste producten            <\/option>\n                    <option value=\"most_viewed\"\n                                    selected=\"selected\"\n                                >\n                Meest bekeken            <\/option>\n                    <option value=\"name\"\n                                >\n                Product naam            <\/option>\n                    <option value=\"price\"\n                                >\n                Prijs            <\/option>\n                    <option value=\"specifications_bomen_minorderqty\"\n                                >\n                Minimale bestelhoeveelheid            <\/option>\n                    <option value=\"specifications_bloempotten_minorderqty\"\n                                >\n                Minimale bestelhoeveelheid            <\/option>\n                    <option value=\"specifications_buitenplanten_priceplantingservicehedgess\"\n                                >\n                Aanplantservice hagen S            <\/option>\n                    <option value=\"specifications_buitenplanten_priceplantingservicehedgesl\"\n                                >\n                Aanplantservice hagen L            <\/option>\n                    <option value=\"specifications_buitenplanten_priceplantingservicehedgesm\"\n                                >\n                Aanplantservice hagen M            <\/option>\n            <\/select>\n    <div class=\"sort-direction ml-2 mr-1 md:ml-1 md:mr-2\">\n                    <a title=\"Van&#x20;hoog&#x20;naar&#x20;laag&#x20;sorteren\"\n            href=\"#\"\n            class=\"action sorter-action sort-asc\"\n            @click.prevent=\"changeUrl('product_list_dir', 'desc', options.directionDefault)\"\n            >\n                <span class=\"block md:hidden\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" class=\"text-black\" width=\"18\" height=\"18\" role=\"img\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4\"\/><title>sorter<\/title><\/svg>\n<\/span>\n                <span class=\"hidden md:block\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" class=\"text-black\" width=\"24\" height=\"24\" role=\"img\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4\"\/><title>sorter<\/title><\/svg>\n<\/span>\n            <\/a>\n            <\/div>\n<\/div>\n        \n        \n    <div class=\"field limiter flex items-center order-3 sm:order-2 md:order-3 lg:order-2 col-span-2 justify-end mb-3 md:mb-0 w-full md:w-auto\">\n        <label class=\"text-sm mr-2 label\" for=\"limiter\">\n            <span>Toon<\/span>\n        <\/label>\n        <div class=\"control\">\n            <select id=\"limiter\" data-role=\"limiter\" class=\"form-select limiter-options pr-10\"\n                    @change=\"changeUrl(\n                    'product_list_limit',\n                    event.currentTarget.options[event.currentTarget.selectedIndex].value,\n                    options.limitDefault\n                )\">\n                                    <option value=\"12\"\n                        >\n                        12                    <\/option>\n                                    <option value=\"24\"\n                                                    selected=\"selected\"\n                        >\n                        24                    <\/option>\n                                    <option value=\"48\"\n                        >\n                        48                    <\/option>\n                                    <option value=\"100\"\n                        >\n                        100                    <\/option>\n                            <\/select>\n        <\/div>\n        <span class=\"limiter-text text-sm ml-2 sr-only\">\n        per pagina    <\/span>\n    <\/div>\n\n        <div class=\"toolbar-amount-wrapper w-full order-last p-3 text-center\">\n            <p class=\"toolbar-amount text-sm leading-5 text-gray-700 order-3 sm:order-2 md:order-3\n    lg:order-2 col-span-2 gap-x-1\" id=\"toolbar-amount\">\n            Producten <span class=\"toolbar-number\">1<\/span>-<span class=\"toolbar-number\">24<\/span> van <span class=\"toolbar-number\">1602<\/span>        <span class=\"hidden\" id=\"product-total-amount\">(1602)<\/span>\n<\/p>\n        <\/div>\n    <\/section>\n    <\/div>\n<\/section>\n<script>\n\n    function initRecentlyViewedProductsComponent_6ada639f67110(options) {\n\n        const defaultOptions = {\n            isSlider: false,\n            useGraphQL: true,\n            noOfProductsToShow: 4        };\n        const config = Object.assign({}, defaultOptions, options || {});\n\n        function readRecentlyViewedFromStorage () {\n            const data = hyva.getBrowserStorage().getItem('recently_viewed_products');\n            return data ? JSON.parse(data).filter(product => {\n                                return config.useGraphQL || product.id;\n            }) : [];\n        }\n\n        return {\n            products: [],\n            currency: [],\n            noOfProductsToShow: config.noOfProductsToShow,\n            loading: true,\n            showIncludingTax: null,\n            minHeight() {\n                return 'min-height: ' + ((this.loading && '491px') || 0);\n            },\n            getProducts() {\n                this.showIncludingTax = this.getType();\n                const recentlyViewedProductsArray = readRecentlyViewedFromStorage();\n                let itemsToShow = [];\n                if (recentlyViewedProductsArray.length > 0) {\n                    \/\/ Avoid showing the current product\n                    const start = '' === '' ? 0 : 1;\n                    itemsToShow = recentlyViewedProductsArray.slice(start)\n                }\n\n                itemsToShow = itemsToShow.slice(0, this.noOfProductsToShow);\n\n                if (!itemsToShow.length) {\n                    this.noOfProductsToShow = 0;\n                    this.loading = false;\n                    return;\n                }\n\n                config.useGraphQL\n                    ? this.fetchProducts(itemsToShow)\n                    : this.renderRecentlyViewedProducts(itemsToShow)\n            },\n\n            fetchProducts(itemsToShow) {\n                const skusToFetch = itemsToShow.map(product => product.sku);\n                const query = `query ($skus: [String!]!) {\n                        products(filter: { sku: { in: $skus } }) {\n                            items {\n                                sku\n                                id\n                                name\n                                small_image {\n                                    label\n                                    url\n                                }\n                                url_key\n                                url_suffix\n                                visibility\n                                status\n                                price_excluding_tax {\n                                    value\n                                    currency\n                                }\n                                price_range {\n                                    minimum_price {\n                                        regular_price {\n                                            value\n                                            currency\n                                        }\n                                        final_price {\n                                            value\n                                            currency\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }`;\n                const variables = JSON.stringify({skus: skusToFetch});\n                window.fetch('\/graphql?' + new URLSearchParams({query, variables}), {\n                    method: 'GET',\n                    headers: {\n                        'Store': 'default',\n                        'Content-Currency': 'EUR'\n                    },\n                })\n                    .then((response) =>  response.json())\n                    .then((result) => {\n                            this.currency = (result &&\n                                result.data &&\n                                result.data.currency);\n\n                            const responseProducts = (\n                                result &&\n                                result.data &&\n                                result.data.products &&\n                                result.data.products.items\n                            ) || [];\n\n                            \/\/ fix sorting of the response-products according to the sorting of the requested-products\n                            const sortedProducts = [];\n                            skusToFetch.forEach(sku => {\n                                responseProducts.forEach(productData => {\n                                    if (sku === productData.sku) {\n                                        sortedProducts.push(productData);\n                                    }\n                                });\n                            });\n                            this.renderRecentlyViewedProducts(sortedProducts);\n                        }\n                    )\n                    .finally(() => this.loading = false)\n            }, \/\/ end fetchProducts()\n\n            renderRecentlyViewedProducts(products) {\n                this.products = products;\n                this.loading = false;\n                if (config.isSlider) {\n                    this.$nextTick(() => this.calcPageSize());\n                }\n            },\n\n            addToWishlist(productId) {\n                const params = {\n                    form_key: hyva.getFormKey(),\n                    product: productId,\n                    uenc: btoa(window.location.href)\n                };\n                fetch(BASE_URL + 'wishlist\/index\/add\/', {\n                    headers: {\n                        'Content-Type': 'application\/x-www-form-urlencoded; charset=UTF-8',\n                    },\n                    body: new URLSearchParams(params),\n                    method: 'POST',\n                    mode: 'cors',\n                    credentials: 'include'\n                }).then(response => {\n                    if (response.redirected) {\n                        window.location.href = response.url;\n                    } else if (response.ok) {\n                        return response.json();\n                    } else {\n                        typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                            [{\n                                type: \"warning\",\n                                text: \"Could not add item to wishlist.\"\n                            }], 5000\n                        );\n                    }\n                }).then(response => {\n                    if (!response) { return }\n                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                        [{\n                            type: (response.success) ? \"success\" : \"error\",\n                            text: (response.success)\n                                ? \"Product is toegevoegd aan uw verlanglijst.\" : response.error_message\n                        }], 5000\n                    );\n                    window.dispatchEvent(new CustomEvent(\"reload-customer-section-data\"));\n                }).catch(function (error) {\n                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                        [{\n                            type: \"error\",\n                            text: error\n                        }], 5000\n                    );\n                });\n            }, \/\/ end addToWishlist()\n\n            addToCompare(productId) {\n                const params = {\n                    form_key: hyva.getFormKey(),\n                    product: productId,\n                    uenc: btoa(window.location.href)\n                };\n                fetch(BASE_URL + 'catalog\/product_compare\/add\/', {\n                    headers: {\n                        'Content-Type': 'application\/x-www-form-urlencoded; charset=UTF-8',\n                    },\n                    body: new URLSearchParams(params),\n                    method: 'POST',\n                    mode: 'cors',\n                    credentials: 'include'\n                }).then(response => {\n                    if (response.redirected) {\n                        window.location.href = response.url;\n                    }\n                }).catch(error => {\n                    typeof window.dispatchMessages !== \"undefined\" && window.dispatchMessages(\n                        [{\n                            type: \"error\",\n                            text: error\n                        }], 5000\n                    );\n                });\n            },\n\n            \/\/ slider properties\n            active: 0,\n            getSlider() {\n                return this.$el.querySelector('.js_slides');\n            },\n            pageSize: 4,\n            pageFillers: 0,\n            calcPageSize() {\n                const slider = this.getSlider();\n                if (slider) {\n                    this.pageSize = Math.round(slider.clientWidth \/ slider.querySelector('.js_slide').clientWidth);\n                    this.pageFillers = (\n                        this.pageSize * Math.ceil(this.products.length \/ this.pageSize)\n                    ) - this.products.length;\n                }\n            },\n            calcActive() {\n                const slider = this.getSlider();\n                if (slider) {\n                    this.active = Math.ceil(\n                        Math.round(\n                            slider.scrollLeft \/ (slider.scrollWidth \/ (this.products.length + this.pageFillers))\n                        ) \/ this.pageSize\n                    ) * this.pageSize;\n                }\n            },\n            getType() {\n                const browserStorage = hyva.getBrowserStorage();\n                if (browserStorage) {\n                    let storageData = browserStorage.getItem('showIncludingTax');\n                    if(storageData !== 'undefined'\n                        && storageData !== null\n                        && storageData === 'false') {\n                        return false;\n                    }\n                }\n\n                return true;\n            },\n            updateType(eventData) {\n                this.showIncludingTax = eventData.includingTax;\n            }\n        }\n    }\n<\/script>\n<section class=\"container block-products-list mt-10 md:mt-20\"\n         x-data=\"initRecentlyViewedProductsComponent_6ada639f67110({isSlider: true})\"\n         x-init=\"getProducts();\"\n         :style=\"minHeight()\"\n         @update-product-price-with-tax.window=\"updateType(event.detail)\"\n>\n    <template x-if=\"products && products.length\">\n        <h2 class=\"container block-title text-13 md:text-28 tracking-wider font-bold mb-4 md:mb-8\">\n            Eerder bekeken door jou        <\/h2>\n        <div class=\"block-content\">\n            <ol class=\"mx-auto grid gap-3 sm:gap-6 grid-cols-2 md:grid-cols-3 lg:grid-cols-4\">\n                <template x-for=\"product in products\">\n                    <li class=\"item product product-item product_addtocart_form card flex flex-col relative w-full\">\n                        <div class=\"card card-interactive\">\n                                                            <a :href=\"'https\\u003A\\u002F\\u002Fwww.fleur.nl\\u002F' +\n                                        product.url_key + (product.url_suffix || '')\"\n                                    class=\"bg-grey product photo product-item-photo block max-w-full mx-auto py-4 mb-2 md:mb-3\"\n                                    tabindex=\"-1\">\n                                        <img class=\"object-contain mix-blend-multiply text-10\"\n                                                :src=\"product.small_image.url\"\n                                                :alt=\"product.small_image.label\"\n                                                loading=\"lazy\"\n                                                width=\"265\"\n                                                height=\"265\"\n                                                style=\"width:265px; height:265px;\"\n                                        \/>\n                                <\/a>\n                                                                                        <div class=\"product-info flex flex-col flex-grow\">\n                                    <a class=\"product-item-link font-semibold block md:mb-1 text-sm md:text-18 leading-5 md:leading-6\"\n                                        :href=\"'https\\u003A\\u002F\\u002Fwww.fleur.nl\\u002F' +\n                                                product.url_key + (product.url_suffix || '')\"\n                                    >\n                                        <span x-html=\"product.name\"><\/span>\n                                    <\/a>\n                            <\/div>\n                                                        <div class=\"flex flex-row my-5\">\n                                                            <div class=\"flex flex-row items-center text-gray-900 ml-auto\">\n                                    <div class=\"price-box price-final_price\">\n                                        <span class=\"price-container price-final_price tax weee\" x-show=\"showIncludingTax\">\n                                            <p class=\"price flex flex-row jutify-center align-center text-10 md:text-18\"\n                                                x-text=\"hyva.formatPrice(product.price_range.minimum_price.final_price.value)\"><\/p>\n                                        <\/span>\n                                        <span class=\"price-container price-final_price tax weee\" x-show=\"!showIncludingTax\">\n                                            <p class=\"price flex flex-row jutify-center align-center text-10 md:text-18\"\n                                               x-text=\"hyva.formatPrice(product.price_excluding_tax.value)\"><\/p>\n                                        <\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                <\/div>\n                    <\/li>\n                <\/template>\n            <\/ol>\n        <\/div>\n    <\/template>\n<\/section>\n\n    <section class=\"category-description container my-10 text-center text-14 md:text-16\"\n        x-data=\"{ expanded: false }\">\n        <div class=\"relative overflow-hidden transition-all max-h-60 ease-in-out duration-500\"\n             x-ref=\"container\"\n             x-bind:style=\"expanded ? 'padding-bottom: 80px; max-height: ' + ($refs.container.scrollHeight + 80) + 'px' : ''\"\n        >\n            <h1>Bestel de mooiste bloempotten online<\/h1>\n\n<p>Bent u op zoek naar een mooie bloempot? Hier vind je een groot assortiment aan sierpotten voor je kamerplant of kantoorplant. Als je een pot uitzoekt voor je plant, adviseren wij een sierpot te kopen met een diameter die twee centimeter groter is dan de diameter van de kweekpot. Hierdoor staat je plant lekker ruim. Wij maken ook graag je nieuwe pot op met een plant!<\/p>\n\n<p>&nbsp;<\/p>\n\n<h2>Groot assortiment aan bloempotten<\/h2>\n\n<p>Onze plantenbakken hebben verschillende eigenschappen. Je kunt bijvoorbeeld zoeken naar <a data-tabindex-counter=\"1\" data-tabindex-value=\"none\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/lichtgewicht\" tabindex=\"-1\">lichtgewicht potten<\/a>, die makkelijk te verplaatsen zijn. Ook hebben we <a data-tabindex-counter=\"1\" data-tabindex-value=\"none\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/betonlook\" tabindex=\"-1\">bloembakken met een betonlook<\/a>, <a data-tabindex-counter=\"1\" data-tabindex-value=\"none\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/exclusief\" tabindex=\"-1\">exclusieve potten<\/a>, <a data-tabindex-counter=\"1\" data-tabindex-value=\"none\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/hangpotten\" tabindex=\"-1\">hangpotten<\/a> en <a data-tabindex-counter=\"1\" data-tabindex-value=\"none\" href=\"https:\/\/www.fleur.nl\/bloempotten\/bloempotten-soorten\/watergevend\" tabindex=\"-1\">watergevende potten<\/a> van Lechuza. Bloempotten van graniet composiet zijn erg licht. Ze bestaan uit gemalen stukjes steen, waardoor de bloempot een natuurlijke uitstraling krijgt maar wel licht van gewicht blijft. Bloempotten met het uiterlijk van beton hebben een natuurlijke, robuuste en stoere uitstraling. De watergevende potten van Lechuza hebben een ingenieus watergeefsysteem waardoor je planten automatisch water krijgen. <a href=\"https:\/\/www.fleur.nl\/blog\/lechuza-watergevende-potten\" tabindex=\"-1\">Hier<\/a>&nbsp;lees je er alles over. Ideaal voor kantoren of als je langere tijd niet thuis bent!<\/p>\n\n<p>&nbsp;<\/p>\n\n<h2>Opmaakservice<\/h2>\n\n<p>Wil je een mooie plant in je pot laten zetten? Geen probleem! Selecteer een plant uit je winkelwagen en wij maken de plant kant en klaar voor je op met potgrond en hydrokorrels. Het voordeel hiervan is dat je het door een professioneel bedrijf laat doen. Je kunt ook een <a href=\"https:\/\/www.fleur.nl\/opmaakpakket-kamerplanten\" tabindex=\"-1\">opmaakpakket<\/a> aanschaffen bij Fleur.nl om de pot zelf op te maken.&nbsp;Kom je er niet uit? Neem gerust <a href=\"https:\/\/www.fleur.nl\/service\" tabindex=\"-1\">contact<\/a> met ons op, dan helpen wij je graag!<\/p>\n            <div class=\"absolute bg-gradient-to-t from-white left-0 right-0 mx-auto bottom-10 block w-full text-center text-14 md:text-16 h-10\"><\/div>\n            <button type=\"button\" class=\"bg-white absolute left-0 right-0 mx-auto bottom-0 block w-full text-center text-14 md:text-16 h-10\"\n                @click=\"expanded = !expanded\"\n            >\n                <span x-text=\"expanded ? 'Minder tonen -' : 'Meer tonen +'\"><\/span>\n            <\/button>\n        <\/div>\n    <\/section>\n\n<\/div><\/div><\/main>","breadcrumbs":"\n<nav class=\"breadcrumbs hidden md:block\" aria-label=\"Breadcrumb\">\n    <div class=\"container\">\n        <ul class=\"items list-reset py-4 rounded flex flex-wrap text-grey text-12\">\n            <li class=\"item flex\">\n                <a href=\"https:\/\/www.fleur.nl\/\" class=\"home-link no-underline\" title=\"Ga naar homepagina\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"16\" viewBox=\"0 0 18 16\" fill=\"none\" class=\"home-icon\" role=\"img\"><path d=\"M17.7188 7.1875L9.5 0.1875C9.34375 0.0625 9.15625 0.03125 9 0.03125C8.8125 0.03125 8.625 0.0625 8.5 0.1875L0.25 7.1875C0.0625 7.34375 0 7.5625 0 7.75C0 8.25 0.40625 8.5 0.75 8.5C0.90625 8.5 1.09375 8.4375 1.21875 8.3125L2 7.6875V13.5C2 14.9062 3.09375 16 4.5 16H13.4688C14.8438 16 15.9375 14.875 15.9688 13.5V7.6875L16.7188 8.34375C16.875 8.46875 17.0312 8.5 17.2188 8.5C17.5312 8.5 17.9688 8.25 17.9688 7.75C17.9688 7.5625 17.9062 7.34375 17.7188 7.1875ZM10.4688 14.5H7.5V10H10.4688V14.5ZM14.4688 13.5C14.4688 14.0312 14 14.5 13.4688 14.5H12V9.75C12 9.0625 11.4375 8.5 10.75 8.5H7.25C6.53125 8.5 6 9.0625 6 9.75V14.5H4.5C3.9375 14.5 3.5 14.0312 3.5 13.5V6.5C3.5 6.46875 3.46875 6.4375 3.46875 6.40625L8.96875 1.75L14.4375 6.40625V13.5H14.4688Z\" fill=\"currentColor\"\/><title>home<\/title><\/svg>\n                <\/a>\n            <\/li>\n                            <li class=\"item flex items-center home\">\n                                                    <a href=\"https:\/\/www.fleur.nl\/\"\n                       class=\"no-underline\"\n                       title=\"Ga&#x20;naar&#x20;homepagina\"\n                    >Home<\/a>\n                                <\/li>\n                            <li class=\"item flex items-center category814\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"5\" height=\"12\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"chevron-icon block mx-3\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                                    <a href=\"https:\/\/www.fleur.nl\/bloempotten\"\n                       class=\"no-underline\"\n                       title=\"\"\n                    >Bloempotten<\/a>\n                                <\/li>\n                            <li class=\"item flex items-center category829\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"5\" height=\"12\" viewBox=\"0 0 11 18\" fill=\"currentColor\" class=\"chevron-icon block mx-3\" role=\"img\">\n    <path d=\"M10.5462 9.53553C10.8978 9.18397 10.8978 8.59803 10.5462 8.24647L2.96802 0.629359C2.57739 0.2778 1.99145 0.277806 1.6399 0.629372L0.741467 1.52782C0.389908 1.87938 0.389913 2.46532 0.74148 2.85594L6.75717 8.87151L0.741601 14.9263C0.390042 15.3169 0.390048 15.9028 0.741614 16.2544L1.64006 17.1528C1.99163 17.5044 2.57756 17.5044 2.96819 17.1528L10.5462 9.53553Z\" fill=\"currentColor\"\/>\n<title>chevron<\/title><\/svg>\n                                                    <span class=\"text-secondary-darker\"\n                          aria-current=\"page\"\n                    >Soort bloempotten<\/span>\n                                <\/li>\n                    <\/ul>\n    <\/div>\n<\/nav>\n"}