https://www.faber-castell.es/dist/FC.Ecom/modules/ProductFilter.56f92d63.js

1"use strict";(self["FC.EcomwebpackJsonp"]=self["FC.EcomwebpackJsonp"]||[]).push([[9164],{84497:(e,t,r)=>{r.r(t),r.d(t,{default:()=>i});var o=r(26647),n=function(){function e(e){var t=this;this.element=e,this.isDesktop=!1,this.isSearch=!1,this.closeLayer=this.element.querySelector(".close-overlay"),this.toggleBtn=this.element.querySelector(".product-filters__filter-button"),this.firstLevelFilterLayout=this.element.querySelector(".product-filter__layout"),this.openFilterDropdown=this.element.querySelectorAll(".product-filter-list__title"),this.spinner=document.querySelector(".ajax-listing-page .load-spinner"),this.isSearch=this.element.hasAttribute("data-is-search"),this.checkDeviceType(),this.initHandlers(),this.productFilterAnchorsClick(),this.loadMoreHandler(),this.removeActiveFilter(),this.clearAllActiveFilter(),this.sortDropdown(),this.isDesktop=FaberCastell.isDesktop,document.addEventListener("FaberCastell:deviceChanged",(function(){t.isDesktop=FaberCastell.isDesktop}))}return e.setup=function(t){void 0===t&&(t='[data-module="ProductFilter"]'),Array.from(document.querySelectorAll(t)).filter((function(e){return!e.dataset.moduleInitialized})).forEach((function(t){new e(t),t.dataset.moduleInitialized="true"}))},e.prototype.checkDeviceType=function(){FaberCastell.isMac?document.querySelector("body").classList.add("mac"):document.querySelector("body").classList.add("no-mac")},e.prototype.initHandlers=function(){this.filterButtonHandler(),this.closeLayerOnClickOutside(),this.closeLayerOnESCEvent(),this.closeLayerOnClickSumButton(),this.initKeyboardClickableTeasers()},e.prototype.initKeyboardClickableTeasers=function(){document.querySelectorAll("article.product-teaser-list-item").forEach((function(e){e.addEventListener("keydown",(function(t){if("Enter"===t.key||" "===t.key){t.preventDefault();var r=e.querySelector("a");r&&r.click()}}))}))},e.prototype.filterButtonHandler=function(){var e=this;this.toggleBtn.addEventListener("click",(function(){return e.toggleFilter()})),this.closeLayer.addEventListener("click",(function(){return e.toggleFilter()})),this.openFilterDropdown.forEach((function(t){var r,o;t.addEventListener("click",(function(t){return e.toggleDropdownFilter(t)})),t.addEventListener("keydown",(function(r){if("Enter"===r.key||" "===r.key)r.preventDefault(),e.toggleDropdownFilter(r);else if("ArrowDown"===r.key){r.preventDefault(),e.toggleDropdownFilter(r,!0);var o=t.getAttribute("aria-controls");if(o){var n=document.getElementById(o),i=null==n?void 0:n.querySelector('a, button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');i&&i.focus()}}else"ArrowUp"===r.key&&(r.preventDefault(),e.toggleDropdownFilter(r,!1))}));var n=null===(o=null===(r=t.closest(".product-filter-list__header"))||void 0===r?void 0:r.nextElementSibling)||void 0===o?void 0:o.querySelectorAll(".product-filter-list__item");null==n||n.forEach((function(r){r.addEventListener("keydown",(function(r){if("ArrowDown"===r.key){r.preventDefault();var o=null==(a=(s=document.activeElement).closest('li[role="option"]'))?void 0:a.nextElementSibling;if(o){var n=o.querySelector("a");n&&n.focus()}else{var i=Array.from(document.querySelectorAll('li[role="option"] a')),l=i.indexOf(s),c=i[l+1];c&&c.focus()}}else if("ArrowUp"===r.key){r.preventDefault();var s,a,u=null==(a=(s=document.activeElement).closest('li[role="option"]'))?void 0:a.previousElementSibling;if(u){var d=u.querySelector("a");d&&d.focus()}else t.focus(),e.toggleDropdownFilter(r,!1)}}))}))}));var t=this.firstLevelFilterLayout.querySelector("#product-filter-summary-submit-button");t&&t.addEventListener("keydown",(function(e){"Tab"!==e.key||e.shiftKey||(e.preventDefault(),r.focus())}));var r=this.firstLevelFilterLayout.querySelector(".product-filter__close-btn");r&&r.addEventListener("keydown",(function(e){"Tab"===e.key&&e.shiftKey&&(e.preventDefault(),t.focus())})),this.toggleFocusableElements(!1)},e.prototype.toggleFilter=function(){var e=!this.toggleBtn.classList.contains("close-overlay");this.toggleFocusableElements(e),this.toggleBtn.classList.toggle("close-overlay",e),this.firstLevelFilterLayout.classList.toggle("overlay--opened",e),document.body.classList.toggle("lock-screen",e),document.querySelector("html").classList.toggle("lock-screen",e);var t=this.firstLevelFilterLayout.querySelector(".product-filter__close-btn");

1e?(t.tabIndex=0,t.focus()):(t.tabIndex=-1,this.toggleBtn.focus()),this.toggleBtn.setAttribute("aria-expanded",String(e))},e.prototype.toggleFocusableElements=function(e){void 0===e&&(e=this.toggleBtn.classList.contains("close-overlay")),this.firstLevelFilterLayout.querySelectorAll("button, [href], input, select, textarea, [tabindex]").forEach((function(t){t.tabIndex=e?0:-1}))},e.prototype.closeFilterLayer=function(){this.toggleBtn.classList.remove("close-overlay"),this.firstLevelFilterLayout.classList.remove("overlay--opened"),document.body.classList.remove("lock-screen"),document.querySelector("html").classList.remove("lock-screen"),this.toggleFocusableElements(!1),this.toggleBtn.focus()},e.prototype.toggleDropdownFilter=function(e,t){var r=e.target,o=r.closest(".product-filter-list__content"),n=r.closest(".product-filter-list__title");void 0===t&&(t=!o.classList.contains("product-filter__content-isopened")),o.classList.toggle("product-filter__content-isopened",t),n.setAttribute("aria-expanded",t.toString())},e.prototype.closeLayerOnClickOutside=function(){var e=this;document.addEventListener("click",(function(t){if(e.firstLevelFilterLayout.classList.contains("overlay--opened")){var r=t.target;r.closest(".product-filter__layout-wrapper")||r.closest(".product-filters__filter-button")||e.closeFilterLayer()}}))},e.prototype.closeLayerOnESCEvent=function(){var e=this;document.addEventListener("keydown",(function(t){"Escape"===t.key&&e.firstLevelFilterLayout.classList.contains("overlay--opened")&&e.closeFilterLayer()}))},e.prototype.closeLayerOnClickSumButton=function(){var e=this;document.addEventListener("click",(function(t){t.target.closest("#product-filter-summary-submit-button")&&e.closeFilterLayer()}))},e.prototype.toggleDropdownAfterFetch=function(e){e.target.closest(".product-filter-list__content").classList.contains("product-filter__content-isopened")||e.target.closest(".product-filter-list__content").classList.remove("product-filter__content-isopened")},e.prototype.initModuleAfterFetch=function(){var e=this;this.openFilterDropdown=this.element.querySelectorAll(".product-filter-list__title"),this.openFilterDropdown.forEach((function(t){t.addEventListener("click",(function(t){return e.toggleDropdownAfterFetch(t)}))}))},e.prototype.updateListingPage=function(e,t){this.updateBreadcrumb(e),t?this.newTeaserList(e):this.updateArticleTeaserList(e),this.updateProductListFilter(e),this.updateSortListFilter(e),this.updateProductNumber(e),this.updateLoadMore(e),this.initModuleAfterFetch(),this.removeActiveFilter(),this.updateSummaryButton(e),this.updateSeoTextData(e),this.updateMoodImage(e),this.updateFilterSelection(),document.dispatchEvent(new CustomEvent("updateProductTeaser")),this.toggleFocusableElements()},e.prototype.removeActiveFilter=function(){var e=this;this.element.querySelectorAll(".product-filter-list__remove--selected").forEach((function(t){t.addEventListener("click",(function(t){var r=t.currentTarget.href;t.preventDefault(),e.fetchData(r)}))}))},e.prototype.updateLoadMore=function(e){var t=this.element.querySelector(".load-more"),r=e.querySelector(".load-more");t.innerHTML=r?r.innerHTML:""},e.prototype.clearAllActiveFilter=function(){var e=this,t=this.element.querySelector(".product-filter__clear-all-link");null==t||t.addEventListener("click",(function(r){var o=t.href;r.preventDefault(),e.fetchData(o)}))},e.prototype.updateBreadcrumb=function(e){var t;document.querySelector(".breadcrumb").innerHTML=null===(t=null==e?void 0:e.querySelector(".breadcrumb"))||void 0===t?void 0:t.innerHTML},e.prototype.updateSortListFilter=function(e){var t,r,o=this.element.querySelector(".product-filters__sort-button");o&&(o.innerHTML=null!==(r=null===(t=e.querySelector(".product-filters__sort-button"))||void 0===t?void 0:t.innerHTML)&&void 0!==r?r:"")},e.prototype.updateProductListFilter=function(e){var t,r,o=this.element.querySelector(".product-filter-list");o&&(o.innerHTML=null!==(r=null===(t=e.querySelector(".product-filter-list"))||void 0===t?void 0:t.innerHTML)&&void 0!==r?r:"")},e.prototype.updateFilterSelection=function(){var e=this.element.querySelector(".product-filter__selection-list");e.innerHTML="";var t=e.getAttribute("data-category-label");this.element.querySelectorAll(".product-filter-list__header").forEach((function(r){var o=r.nextElementSibling.querySelectorAll(".product-filter-list__item.active");if(null==o?void 0:o.length){var n=document.createElement("li"),i="".concat(t," ").concat(r.querySelector(".product-filter-list__title").textContent.trim(),":").trim();n.innerHTML="<span>".concat(i,"</span>");var l=document.createElement("ul");o.forEach((function(e){var t=document.createElement("li"),r=e.querySelector("img");t.textContent=r?r.alt:e.textContent,l.appendChild(t)})),n.appendChild(l),e.appendChild(n)}}))},e.prototype.updateArticleTeaserList=function(e){var t;this.element.querySelector(".teaser-list").innerHTML=null===(t=null==e?void 0:e.querySelector(".teaser-list"))||void 0===t?void 0:t.innerHTML},e.prototype.newTeaserList=function(e,t){for(var r=e.querySelector(".teaser-list").children,o=Array.from(r),n=document.querySelector(".teaser-list"),i=0;i<o.length;i++){var l=o[i];n.appendChild(l)}},e.prototype.updateProductNumber=function(e){var t,r,o=this.isSearch?"search-result-summary__products":".search-result-summary",n=this.element.querySelector(o);n&&(n.innerHTML=null!==(r=null===(t=e.querySelector(o))||void 0===t?void 0:t.innerHTML)&&void 0!==r?r:"")},e.prototype.updateSummaryButton=function(e){var t=this.element.querySelector(".product-filter__summary-text");t&&(t.innerHTML=e.querySelector(".product-filter__summary-text").innerHTML)},e.prototype.updateSeoTextData=function(e){var t=this.element.querySelector(".ajax-product-holder"),r=this.element.querySelector(".ajax-product-holder");!t.querySelector(".seo-text")&&t.insertAdjacentHTML("beforeend","<section class='seo-text'></section>"),t.querySelector(".seo-text").innerHTML=e.querySelector(".seo-text")?e.querySelector(".seo-text").innerHTML:"",!r.querySelector(".seo-intro-text")&&r.insertAdjacentHTML("beforeend","<section class='seo-intro-text'></section>"),r.querySelector(".seo-intro-text").innerHTML=e.querySelector(".seo-intro-text")?e.querySelector(".seo-intro-text").innerHTML:"";var o=r.querySelector(".tile-navigation-container");if(o){var n=e.querySelector(".tile-navigation-container");o.innerHTML=n?n.innerHTML:""}},e.prototype.updateMoodImage=function(e){var t=document.querySelector('[data-module="ProductFilter"]');!t.querySelector(".background-mood-image")&&t.insertAdjacentHTML("afterbegin","<section class='background-mood-image'></section>"),t.querySelector(".background-mood-image").innerHTML=e.querySelector(".background-mood-image")?e.querySelector(".background-mood-image").innerHTML:""},e.prototype.updateUrl=function(e,t){this.url=t?e+"?sc_device=ajax":e+"&sc_device=ajax"},e.prototype.fetchData=function(e,t){var r=this,o=e;this.updateUrl(e),this.showSpinner(),fetch(o).then((function(e){return e.text()})).then((function(o){var n=(new DOMParser).parseFromString(o,"text/html");r.updateListingPage(n.documentElement,t),r.openFilterDropdown.forEach((function(t){t.addEventListener("click",(function(e){return r.toggleDropdownFilter(e)})),document.querySelector("html").classList.contains("no-cssgradients")||window.history.pushState("","",e)})),r.productFilterAnchorsClick(),r.sortDropdown(),r.loadMoreHandler()})).catch((function(e){return console.log(e)})).finally((function(){window.FaberCastell.initModules(),r.stopSpinner()}))},e.prototype.productFilterAnchorsClick=function(){var e=this;this.element.querySelectorAll(".product-filter-list__item").forEach((function(t){t.addEventListener("click",(function(t){var r=t.target.href;t.preventDefault(),e.fetchData(r)}))}

1))},e.prototype.loadMoreHandler=function(){var e=this,t=this.element.querySelector(".load-more__link");t&&t.addEventListener("click",(function(t){var r=t.target.dataset.nextPageUrl;t.preventDefault(),e.fetchData(r,!0)}))},e.prototype.showSpinner=function(){this.spinner.classList.add("load-spinner--show")},e.prototype.stopSpinner=function(){this.spinner.classList.remove("load-spinner--show")},e.prototype.sortDropdown=function(){var e=this,t=this.element.querySelector(".dropdown-items");t&&(0,o.Z)(t,{behavior:{useNativeUiOnMobile:!1},callbacks:{onSelect:function(){e.fetchData(t.value)}}})},e}();const i=n;new n.setup}}]);