https://campus.de/theme/f70afea64cfd38fed24b52c52b5989d7/js/nosto-…ion.filter-property-select.plugin.e25cfb.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[12038],{857:e=>{var t=function(e){var t;return!!e&&"object"==typeof e&&"[object RegExp]"!==(t=Object.prototype.toString.call(e))&&"[object Date]"!==t&&e.$$typeof!==i},i="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function r(e,t){return!1!==t.clone&&t.isMergeableObject(e)?l(Array.isArray(e)?[]:{},e,t):e}function s(e,t,i){return e.concat(t).map(function(e){return r(e,i)})}function n(e){return Object.keys(e).concat(Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(t){return Object.propertyIsEnumerable.call(e,t)}):[])}function o(e,t){try{return t in e}catch(e){return!1}}function l(e,i,a){(a=a||{}).arrayMerge=a.arrayMerge||s,a.isMergeableObject=a.isMergeableObject||t,a.cloneUnlessOtherwiseSpecified=r;var c,h,u=Array.isArray(i);return u!==Array.isArray(e)?r(i,a):u?a.arrayMerge(e,i,a):(h={},(c=a).isMergeableObject(e)&&n(e).forEach(function(t){h[t]=r(e[t],c)}),n(i).forEach(function(t){(!o(e,t)||Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))&&(o(e,t)&&c.isMergeableObject(i[t])?h[t]=(function(e,t){if(!t.customMerge)return l;var i=t.customMerge(e);return"function"==typeof i?i:l})(t,c)(e[t],i[t],c):h[t]=r(i[t],c))}),h)}l.all=function(e,t){if(!Array.isArray(e))throw Error("first argument should be an array");return e.reduce(function(e,i){return l(e,i,t)},{})},e.exports=l},49:(e,t,i)=>{i.d(t,{Z:()=>s});var r=i(140);class s{static isNode(e){return"object"==typeof e&&null!==e&&(e===document||e===window||e instanceof Node)}static hasAttribute(e,t){if(!s.isNode(e))throw Error("The element must be a valid HTML Node!");return"function"==typeof e.hasAttribute&&e.hasAttribute(t)}static getAttribute(e,t){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2];if(i&&!1===s.hasAttribute(e,t))throw Error('The required property "'.concat(t,'" does not exist!'));if("function"!=typeof e.getAttribute){if(i)throw Error("This node doesn't support the getAttribute function!");return}return e.getAttribute(t)}static getDataAttribute(e,t){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2],n=t.replace(/^data(|-)/,""),o=r.Z.toLowerCamelCase(n,"-");if(!s.isNode(e)){if(i)throw Error("The passed node is not a valid HTML Node!");return}if(void 0===e.dataset){if(i)throw Error("This node doesn't support the dataset attribute!");return}let l=e.dataset[o];if(void 0===l){if(i)throw Error('The required data attribute "'.concat(t,'" does not exist on ').concat(e,"!"));return l}return r.Z.parsePrimitive(l)}static querySelector(e,t){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2];if(i&&!s.isNode(e))throw Error("The parent node is not a valid HTML Node!");let r=e.querySelector(t)||!1;if(i&&!1===r)throw Error('The required element "'.concat(t,'" does not exist in parent node!'));return r}static querySelectorAll(e,t){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2];if(i&&!s.isNode(e))throw Error("The parent node is not a valid HTML Node!");let r=e.querySelectorAll(t);if(0===r.length&&(r=!1),i&&!1===r)throw Error('At least one item of "'.concat(t,'" must exist in parent node!'));return r}static getFocusableElements(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document.body;return e.querySelectorAll('\n            input:not([tabindex^="-"]):not([disabled]):not([type="hidden"]),\n            select:not([tabindex^="-"]):not([disabled]),\n            textarea:not([tabindex^="-"]):not([disabled]),\n            button:not([tabindex^="-"]):not([disabled]),\n            a[href]:not([tabindex^="-"]):not([disabled]),\n            [tabindex]:not([tabindex^="-"]):not([disabled])\n        ')}static getFirstFocusableElement(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document.body;return this.getFocusableElements(e)[0]}static getLastFocusableElement(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document,t=this.getFocusableElements(e);return t[t.length-1]}}},830:(e,t,i)=>{i.d(t,{Z:()=>r});class r{publish(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=new CustomEvent(e,{detail:t,cancelable:i});return this.el.dispatchEvent(r),r}subscribe(e,t){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=this,s=e.split("."),n=i.scope?t.bind(i.scope):t;if(i.once&&!0===i.once){let t=n;n=function(i){r.unsubscribe(e),t(i)}}return this.el.addEventListener(s[0],n),this.listeners.push({splitEventName:s,opts:i,cb:n}),!0}unsubscribe(e){let t=e.split(".");return this.listeners=this.listeners.reduce((e,i)=>([...i.splitEventName].sort().toString()===t.sort().toString()?this.el.removeEventListener(i.splitEventName[0],i.cb):e.push(i),e),[]),!0}

1reset(){return this.listeners.forEach(e=>{this.el.removeEventListener(e.splitEventName[0],e.cb)}),this.listeners=[],!0}get el(){return this._el}set el(e){this._el=e}get listeners(){return this._listeners}set listeners(e){this._listeners=e}constructor(e=document){this._el=e,e.$emitter=this,this._listeners=[]}}},266:(e,t,i)=>{i.d(t,{Z:()=>r});class r{static iterate(e,t){if(e instanceof Map||Array.isArray(e))return e.forEach(t);if(e instanceof FormData){for(var i of e.entries())t(i[1],i[0]);return}if(e instanceof NodeList)return e.forEach(t);if(e instanceof HTMLCollection)return Array.from(e).forEach(t);if(e instanceof Object)return Object.keys(e).forEach(i=>{t(e[i],i)});throw Error("The element type ".concat(typeof e," is not iterable!"))}}},140:(e,t,i)=>{i.d(t,{Z:()=>r});class r{static ucFirst(e){return e.charAt(0).toUpperCase()+e.slice(1)}static lcFirst(e){return e.charAt(0).toLowerCase()+e.slice(1)}static toDashCase(e){return e.replace(/([A-Z])/g,"-$1").replace(/^-/,"").toLowerCase()}static toLowerCamelCase(e,t){let i=r.toUpperCamelCase(e,t);return r.lcFirst(i)}static toUpperCamelCase(e,t){return t?e.split(t).map(e=>r.ucFirst(e.toLowerCase())).join(""):r.ucFirst(e.toLowerCase())}static parsePrimitive(e){try{return/^\d+(.|,)\d+$/.test(e)&&(e=e.replace(",",".")),JSON.parse(e)}catch(t){return e.toString()}}}},568:(e,t,i)=>{i.d(t,{Z:()=>a});var r=i(857),s=i.n(r),n=i(49),o=i(140),l=i(830);class a{init(){throw Error('The "init" method for the plugin "'.concat(this._pluginName,'" is not defined.'))}update(){}_init(){this._initialized||(this.init(),this._initialized=!0)}_update(){this._initialized&&this.update()}_mergeOptions(e){let t=o.Z.toDashCase(this._pluginName),i=n.Z.getDataAttribute(this.el,"data-".concat(t,"-config"),!1),r=n.Z.getAttribute(this.el,"data-".concat(t,"-options"),!1),l=[this.constructor.options,this.options,e];i&&l.push(window.PluginConfigManager.get(this._pluginName,i));try{r&&l.push(JSON.parse(r))}catch(e){throw console.error(this.el),Error('The data attribute "data-'.concat(t,'-options" could not be parsed to json: ').concat(e.message))}return s().all(l.filter(e=>e instanceof Object&&!(e instanceof Array)).map(e=>e||{}))}_registerInstance(){window.PluginManager.getPluginInstancesFromElement(this.el).set(this._pluginName,this),window.PluginManager.getPlugin(this._pluginName,!1).get("instances").push(this)}_getPluginName(e){return e||(e=this.constructor.name),e}constructor(e,t={},i=!1){if(!n.Z.isNode(e))throw Error("There is no valid element given.");this.el=e,this.$emitter=new l.Z(this.el),this._pluginName=this._getPluginName(i),this.options=this._mergeOptions(t),this._initialized=!1,this._registerInstance(),this._init()}}},304:(e,t,i)=>{i.d(t,{Z:()=>n});var r=i(568),s=i(49);class n extends r.Z{_init(){super._init(),this._validateMethods();let e=s.Z.querySelector(document,this.options.parentFilterPanelSelector);this.listing=window.PluginManager.getPluginInstanceFromElement(e,"Listing"),this.listing.registerFilter(this),this._preventDropdownClose()}_preventDropdownClose(){let e=s.Z.querySelector(this.el,this.options.dropdownSelector,!1);e&&e.addEventListener("click",e=>{e.stopPropagation()})}_validateMethods(){if("function"!=typeof this.getValues)throw Error("[".concat(this._pluginName,'] Needs the method "getValues"\''));if("function"!=typeof this.getLabels)throw Error("[".concat(this._pluginName,'] Needs the method "getLabels"\''));if("function"!=typeof this.reset)throw Error("[".concat(this._pluginName,'] Needs the method "reset"\''));if("function"!=typeof this.resetAll)throw Error("[".concat(this._pluginName,'] Needs the method "resetAll"\''))}}n.options={parentFilterPanelSelector:".cms-element-product-listing-wrapper",dropdownSelector:".filter-panel-item-dropdown"}},38:(e,t,i)=>{i.r(t),i.d(t,{default:()=>h});var r=i(49),s=i(266),n=i(304),o=i(857),l=i.n(o);class a extends n.Z{init(){this.selection=[],this.counter=r.Z.querySelector(this.el,this.options.countSelector),this.mainFilterButton=r.Z.querySelector(this.el,this.options.mainFilterButtonSelector,!1),this._registerEvents()}_registerEvents(){let e=r.Z.querySelectorAll(this.el,this.options.checkboxSelector);s.Z.iterate(e,e=>{e.addEventListener("change",this._onChangeFilter.bind(this))})}getValues(){let e=r.Z.querySelectorAll(this.el,"".concat(this.options.checkboxSelector,":checked"),!1),t=[];e?s.Z.iterate(e,e=>{t.push(e.id)}):t=[],this.selection=t,this._updateCount();let i={};return i[this.options.name]=t,i}getLabels(){let e=r.Z.querySelectorAll(this.el,"".concat(this.options.checkboxSelector,":checked"),!1),t=[];return e?s.Z.iterate(e,e=>{t.push({label:e.dataset.label,id:e.id})}):t=[],t}setValuesFromUrl(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=!1,i=e[this.options.name],s=i?i.split("|"):[],n=this.selection.filter(e=>!s.includes(e)),o=s.filter(e=>!this.selection.includes(e));return(n.length>0||o.length>

10)&&(t=!0),o.forEach(e=>{let t=r.Z.querySelector(this.el,'[id="'.concat(e,'"]'),!1);t&&(t.checked=!0,this.selection.push(t.id))}),n.forEach(e=>{this.reset(e),this.selection=this.selection.filter(t=>t!==e)}),this._updateCount(),t}_onChangeFilter(){this.listing.changeListing(!0,{p:1})}reset(e){let t=r.Z.querySelector(this.el,'[id="'.concat(e,'"]'),!1);t&&(t.checked=!1)}resetAll(){this.selection.filter=[];let e=r.Z.querySelectorAll(this.el,"".concat(this.options.checkboxSelector,":checked"),!1);e&&s.Z.iterate(e,e=>{e.checked=!1})}refreshDisabledState(e){let t=e[this.options.name];if(!t.entities||t.entities.length<1){this.disableFilter();return}this.enableFilter(),this._disableInactiveFilterOptions(t.entities.map(e=>e.id))}_disableInactiveFilterOptions(e){let t=r.Z.querySelectorAll(this.el,this.options.checkboxSelector);s.Z.iterate(t,t=>{!0!==t.checked&&(e.includes(t.id)?this.enableOption(t):this.disableOption(t))})}disableOption(e){let t=e.closest(this.options.listItemSelector);t.classList.add("disabled"),t.setAttribute("title",this.options.snippets.disabledFilterText),e.disabled=!0}enableOption(e){let t=e.closest(this.options.listItemSelector);t.removeAttribute("title"),t.classList.remove("disabled"),e.disabled=!1}enableAllOptions(){let e=r.Z.querySelectorAll(this.el,this.options.checkboxSelector);s.Z.iterate(e,e=>{this.enableOption(e)})}disableFilter(){let e=r.Z.querySelector(this.el,this.options.mainFilterButtonSelector);e.classList.add("disabled"),e.setAttribute("disabled","disabled"),e.setAttribute("title",this.options.snippets.disabledFilterText)}enableFilter(){let e=r.Z.querySelector(this.el,this.options.mainFilterButtonSelector);e.classList.remove("disabled"),e.removeAttribute("disabled"),e.removeAttribute("title")}_updateCount(){this.counter.textContent=this.selection.length?"(".concat(this.selection.length,")"):"",this._updateAriaLabel()}_updateAriaLabel(){if(this.options.snippets.ariaLabel){if(0===this.selection.length){this.mainFilterButton.setAttribute("aria-label",this.options.snippets.ariaLabel);return}this.mainFilterButton.setAttribute("aria-label","".concat(this.options.snippets.ariaLabel," (").concat(this.options.snippets.ariaLabelCount.replace("%count%",this.selection.length.toString()),")"))}}}a.options=l()(n.Z.options,{checkboxSelector:".filter-multi-select-checkbox",countSelector:".filter-multi-select-count",listItemSelector:".filter-multi-select-list-item",snippets:{disabledFilterText:"Filter not active",ariaLabel:"",ariaLabelCount:""},mainFilterButtonSelector:".filter-panel-item-toggle"});class c extends a{getLabels(){let e=r.Z.querySelectorAll(this.el,"".concat(this.options.checkboxSelector,":checked"),!1),t=[];return e?s.Z.iterate(e,e=>{t.push({label:e.dataset.label,id:e.id,previewHex:e.dataset.previewHex,previewImageUrl:e.dataset.previewImageUrl})}):t=[],t}refreshDisabledState(e){if(""===this.options.propertyName)return;let t=[],i=e[this.options.name].entities;if(!i){this.disableFilter();return}let r=i.find(e=>e.translated.name===this.options.propertyName);if(r)t.push(...r.options);else{this.disableFilter();return}let s=this.getValues();if(t.length<1&&0===s.properties.length){this.disableFilter();return}this.enableFilter(),s.properties.length>0||this._disableInactiveFilterOptions(t.map(e=>e.id))}}c.options=l()(a.options,{propertyName:""});class h extends c{getValues(){let e=r.Z.querySelectorAll(this.el,"".concat(this.options.checkboxSelector,":checked"),!1),t=[];e?s.Z.iterate(e,e=>{t.push(e.value)}):t=[],this.selection=t,this._updateCount();let i={};return i[this.options.name]=t,i}getLabels(){let e=r.Z.querySelectorAll(this.el,"".concat(this.options.checkboxSelector,":checked"),!1),t=[];return e?s.Z.iterate(e,e=>{t.push({label:e.dataset.label,id:e.value,previewHex:e.dataset.previewHex,previewImageUrl:e.dataset.previewImageUrl})}):t=[],t}setValuesFromUrl(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=!1,i=e[this.options.name],r=i?i.split("|"):[],s=this.selection.filter(e=>!r.includes(e)),n=r.filter(e=>!this.selection.includes(e));return(s.length>0||n.length>

10)&&(t=!0),n.forEach(e=>{let t=this._findCheckboxByValue(e);t&&(t.checked=!0,this.selection.push(t.value))}),s.forEach(e=>{this.reset(e),this.selection=this.selection.filter(t=>t!==e)}),this._updateCount(),t}reset(e){let t=this._findCheckboxByValue(e);t&&(t.checked=!1)}refreshDisabledState(e){if(""===this.options.propertyName)return;let t=[],i=e[this.options.name].entities;if(!i||!i.length){this._refreshOptionCounts(t),this.disableFilter();return}let r=i.find(e=>e.translated.name===this.options.propertyName);if(r)t.push(...r.options);else{this._refreshOptionCounts(t),this.disableFilter();return}let s=this.getValues();if(t.length<1&&0===s[this.options.name].length){this._refreshOptionCounts(t),this.disableFilter();return}this.enableFilter(),this._refreshOptionCounts(t),this._disableInactiveFilterOptions(t.map(e=>e.id))}_disableInactiveFilterOptions(e){let t=r.Z.querySelectorAll(this.el,this.options.checkboxSelector);s.Z.iterate(t,t=>{!0!==t.checked&&(e.includes(t.value)?this.enableOption(t):this.disableOption(t))})}_refreshOptionCounts(e){let t={};e.forEach(e=>{"number"==typeof e.count&&(t[e.id]=e.count)}),this.el.querySelectorAll(this.options.checkboxSelector).forEach(e=>{let i=this.el.querySelector('label[for="'.concat(CSS.escape(e.id),'"] .filter-option-count'));if(!i)return;let r=Object.prototype.hasOwnProperty.call(t,e.value)?t[e.value]:0;i.textContent="(".concat(r,")")})}_findCheckboxByValue(e){return this.el.querySelector("".concat(this.options.checkboxSelector,'[value="').concat(CSS.escape(e),'"]'))}}}}]);