https://cdn.vonwilmowsky.com/theme/cdb38c3a3c5f5f5883b37bfb20ea7f9…dn-range-slider.wydn-filter-range.74b15a.js

1"use strict";(self.webpackChunkwydn_range_slider=self.webpackChunkwydn_range_slider||[]).push([[88406],{156(t){var e=function(t){var e;return!!t&&"object"==typeof t&&"[object RegExp]"!==(e=Object.prototype.toString.call(t))&&"[object Date]"!==e&&t.$$typeof!==i},i="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function n(t,e){return!1!==e.clone&&e.isMergeableObject(t)?o(Array.isArray(t)?[]:{},t,e):t}function s(t,e,i){return t.concat(e).map(function(t){return n(t,i)})}function r(t){return Object.keys(t).concat(Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t).filter(function(e){return Object.propertyIsEnumerable.call(t,e)}):[])}function a(t,e){try{return e in t}catch(t){return!1}}function o(t,i,l){(l=l||{}).arrayMerge=l.arrayMerge||s,l.isMergeableObject=l.isMergeableObject||e,l.cloneUnlessOtherwiseSpecified=n;var u,h,p=Array.isArray(i);return p!==Array.isArray(t)?n(i,l):p?l.arrayMerge(t,i,l):(h={},(u=l).isMergeableObject(t)&&r(t).forEach(function(e){h[e]=n(t[e],u)}),r(i).forEach(function(e){(!a(t,e)||Object.hasOwnProperty.call(t,e)&&Object.propertyIsEnumerable.call(t,e))&&(a(t,e)&&u.isMergeableObject(i[e])?h[e]=(function(t,e){if(!e.customMerge)return o;var i=e.customMerge(t);return"function"==typeof i?i:o})(e,u)(t[e],i[e],u):h[e]=n(i[e],u))}),h)}o.all=function(t,e){if(!Array.isArray(t))throw Error("first argument should be an array");return t.reduce(function(t,i){return o(t,i,e)},{})},t.exports=o},406(t,e,i){i.r(e),i.d(e,{default:()=>o});var n=i(701),s=i(795),r=i(156),a=i.n(r);class o extends n.A{static #t=this.options=a()(n.A.options,{inputMinSelector:".min-input",inputMaxSelector:".max-input",rangeInputMinSelector:".range-input .range-min",rangeInputMaxSelector:".range-input .range-max",rangeSliderSelector:".slider .progress",checkboxSelector:"[data-filter-multi-select]",inputInvalidCLass:"is-invalid",inputTimeout:500,minKey:"min-price",maxKey:"max-price",lowerBound:0,unit:"€",errorContainerClass:"filter-range-error",containerSelector:".filter-range-container",minInputValue:0,maxInputValue:0,decimals:0,snippets:{filterRangeActiveMinLabel:"",filterRangeActiveMaxLabel:"",filterRangeErrorMessage:"",filterRangeLowerBoundErrorMessage:""},mainFilterButtonSelector:".filter-panel-item-toggle"});init(){this._timeout=null,this._precisions=this.options.decimals,this._inputMin=s.A.querySelector(this.el,this.options.inputMinSelector),this._inputMax=s.A.querySelector(this.el,this.options.inputMaxSelector),this._rangeInputMin=s.A.querySelector(this.el,this.options.rangeInputMinSelector),this._rangeInputMax=s.A.querySelector(this.el,this.options.rangeInputMaxSelector),this._rangeSlider=s.A.querySelector(this.el,this.options.rangeSliderSelector),this.registerEvents()}registerEvents(){this._inputMin.addEventListener("keyup",this._onKeyUpInput.bind(this)),this._inputMax.addEventListener("keyup",this._onKeyUpInput.bind(this)),this._rangeInputMin.addEventListener("input",this._onChangeInputRange.bind(this)),this._rangeInputMax.addEventListener("input",this._onChangeInputRange.bind(this)),this._rangeInputMin.addEventListener("change",this._changeCheckboxValues.bind(this)),this._rangeInputMax.addEventListener("change",this._changeCheckboxValues.bind(this))}_onKeyUpInput(t){let e=this;clearTimeout(e._timeout),e._timeout=setTimeout(()=>{e._onChangeInput(t)},750)}_onChangeInput(t){let e=parseFloat(this.options.minInputValue),i=parseFloat(this.options.maxInputValue),n=e.toFixed(this._precisions),s=i.toFixed(this._precisions),r=this._inputMin.value?parseFloat(this._inputMin.value):e,a=this._inputMax.value?parseFloat(this._inputMax.value):i,o=this._inputMin.value?parseFloat(this._inputMin.value).toFixed(this._precisions):n,l=this._inputMax.value?parseFloat(this._inputMax.value).toFixed(this._precisions):s;a>i&&(l=s,this._inputMax.value=l),r<e&&(o=n,this._inputMin.value=o),r>=a?(o=a-1,this._inputMin.value=o):a<=r&&(l=r+1,this._inputMax.value=l),isNaN(o)||isNaN(l)||!(o<l)?o>this.options.minInputValue&&isNaN(l)?this._rangeInputMin.value=o:l>this.options.minInputValue&&l<this.options.maxInputValue&&isNaN(o)?this._rangeInputMax.value=l:t.target===this._inputMin?(this._inputMin.value=o,this._rangeInputMin.value=this._inputMin.value):(this._inputMax.value=l,this._rangeInputMax.value=this._inputMax.value):(this._rangeInputMin.value=o,this._rangeInputMax.value=l),this._rangeSlider.style.left=(r-e)/(i-e)*100+"%",this._rangeSlider.style.right=100-(a-e)/(i-e)*100+"%",this._rangeInputMin.dispatchEvent(new Event("change")),this._rangeInputMax.dispatchEvent(new Event("change"))}

1_onChangeInputRange(t){let e=parseFloat(this.options.minInputValue),i=parseFloat(this.options.maxInputValue),n=parseFloat(this.options.minInputValue).toFixed(this._precisions);parseFloat(this.options.maxInputValue).toFixed(this._precisions);let s=this._rangeInputMin.value?parseFloat(this._rangeInputMin.value):e,r=this._rangeInputMax.value?parseFloat(this._rangeInputMax.value):i,a=parseFloat(this._rangeInputMin.value).toFixed(this._precisions),o=parseFloat(this._rangeInputMax.value).toFixed(this._precisions);this._rangeSlider.style.left=(s-e)/(i-e)*100+"%",this._rangeSlider.style.right=100-(r-e)/(i-e)*100+"%",o-a<=0&&(a===n?(this._rangeInputMin.style.zIndex=0,this._rangeInputMax.style.zIndex=1,this._rangeInputMin.value=o-0):(this._rangeInputMin.style.zIndex=1,this._rangeInputMax.style.zIndex=0,void 0!==t&&(t.target.className===this._rangeInputMin.className&&(this._rangeInputMin.value=o+0,this._rangeInputMin.style.zIndex=1,this._rangeInputMax.style.zIndex=0),t.target.className===this._rangeInputMax.className&&(this._rangeInputMax.value=a+0,this._rangeInputMin.style.zIndex=0,this._rangeInputMax.style.zIndex=1)))),this._inputMin.value=this._rangeInputMin.value,this._inputMax.value=this._rangeInputMax.value}_changeCheckboxValues(t){let e=parseFloat(parseFloat(this._rangeInputMin.value).toFixed(this._precisions)),i=parseFloat(parseFloat(this._rangeInputMax.value).toFixed(this._precisions)),n=this.el.querySelector(this.options.checkboxSelector),s=new Event("input");n&&n.querySelectorAll("input").forEach(t=>{parseFloat(t.dataset.label)>=e&&parseFloat(t.dataset.label)<=i?(t.checked=!0,t.dispatchEvent(s)):(parseFloat(t.dataset.label)<e||parseFloat(t.dataset.label)>i)&&(t.checked=!1,t.dispatchEvent(s))}),this._inputMin.dispatchEvent(s),this._inputMax.dispatchEvent(s),this.listing.changeListing()}setValuesFromUrl(t){let e=!1;return Object.keys(t).forEach(i=>{i===this.options.minKey&&(this._inputMin.value=t[i],this._rangeInputMin.value=t[i],e=!0),i===this.options.maxKey&&(this._inputMax.value=t[i],this._rangeInputMax.value=t[i],e=!0),e&&this._onChangeInputRange()}),e}getValues(){let t={};return t[this.options.minKey]=this._inputMin.value,t[this.options.maxKey]=this._inputMax.value,t}getLabels(){let t=[];return this._inputMin.value.length||this._inputMax.value.length?(this._inputMin.value.length&&t.push({label:`${this.options.snippets.filterRangeActiveMinLabel} ${this._inputMin.value} ${this.options.unit}`,id:this.options.minKey}),this._inputMax.value.length&&t.push({label:`${this.options.snippets.filterRangeActiveMaxLabel} ${this._inputMax.value} ${this.options.unit}`,id:this.options.maxKey})):t=[],t}reset(t){t===this.options.minKey&&(this._inputMin.value="",this._rangeInputMin.value=this.options.minInputValue,this._rangeSlider.style.left=0),t===this.options.maxKey&&(this._inputMax.value="",this._rangeInputMax.value=this.options.maxInputValue,this._rangeSlider.style.right=0)}resetAll(){this._inputMin.value="",this._rangeInputMin.value=this.options.minInputValue,this._rangeSlider.style.left=0,this._inputMax.value="",this._rangeInputMax.value=this.options.maxInputValue,this._rangeSlider.style.right=0}refreshDisabledState(t){if(this.el.querySelector(".filter-panel-item-toggle.disabled")){this.disableFilter();return}this.enableFilter()}disableFilter(){let t=s.A.querySelector(this.el,this.options.mainFilterButtonSelector);t.classList.add("disabled"),t.setAttribute("disabled","disabled"),t.setAttribute("title",this.options.snippets.disabledFilterText)}enableFilter(){let t=s.A.querySelector(this.el,this.options.mainFilterButtonSelector);t.classList.remove("disabled"),t.removeAttribute("disabled"),t.removeAttribute("title")}}},701(t,e,i){i.d(e,{A:()=>s});var n=i(737);class s extends n.A{static #t=this.options={parentFilterPanelSelector:".cms-element-product-listing-wrapper",dropdownSelector:".filter-panel-item-dropdown"};_init(){super._init(),this._validateMethods();let t=document.querySelector(this.options.parentFilterPanelSelector);this.listing=window.PluginManager.getPluginInstanceFromElement(t,"Listing"),this.listing.registerFilter(this),this._setReady(),this._preventDropdownClose()}_setReady(){this.el.removeAttribute("aria-busy"),this.el.querySelectorAll("[data-filter-loading]").forEach(t=>{t.removeAttribute("disabled"),t.removeAttribute("data-filter-loading")})}_preventDropdownClose(){let t=this.el.querySelector(this.options.dropdownSelector);t&&t.addEventListener("click",t=>{t.stopPropagation()})}_validateMethods(){if("function"!=typeof this.getValues)throw Error(`[${this._pluginName}] Needs the method "getValues"'`);if("function"!=typeof this.getLabels)throw Error(`[${this._pluginName}] Needs the method "getLabels"'`);if("function"!=typeof this.reset)throw Error(`[${this._pluginName}] Needs the method "reset"'`);if("function"!=typeof this.resetAll)throw Error(`[${this._pluginName}] Needs the method "resetAll"'`)}}},707(t,e,i){i.d(e,{A:()=>n});

1class n{static ucFirst(t){return t.charAt(0).toUpperCase()+t.slice(1)}static lcFirst(t){return t.charAt(0).toLowerCase()+t.slice(1)}static toDashCase(t){return t.replace(/([A-Z])/g,"-$1").replace(/^-/,"").toLowerCase()}static toLowerCamelCase(t,e){let i=n.toUpperCamelCase(t,e);return n.lcFirst(i)}static toUpperCamelCase(t,e){return e?t.split(e).map(t=>n.ucFirst(t.toLowerCase())).join(""):n.ucFirst(t.toLowerCase())}static parsePrimitive(t){try{return/^\d+(.|,)\d+$/.test(t)&&(t=t.replace(",",".")),JSON.parse(t)}catch(e){return t.toString()}}}},737(t,e,i){i.d(e,{A:()=>o});var n=i(156),s=i.n(n),r=i(707);class a{constructor(t=document){this._el=t,t.$emitter=this,this._listeners=[]}publish(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=new CustomEvent(t,{detail:e,cancelable:i});return this.el.dispatchEvent(n),n}subscribe(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=this,s=t.split("."),r=i.scope?e.bind(i.scope):e;if(i.once&&!0===i.once){let e=r;r=function(i){n.unsubscribe(t),e(i)}}return this.el.addEventListener(s[0],r),this.listeners.push({splitEventName:s,opts:i,cb:r}),!0}unsubscribe(t){arguments.length>1&&"function"==typeof arguments[1]&&console.warn(`[NativeEventEmitter] Unsubscribing by passing the subscriber function as a second argument is not supported. By default, all listeners for the event will be removed. Use a suffix (separated by a dot) on the event name when subscribing/unsubscribing to identify/target your specific listener only, e.g. "${t}.MyCustomPlugin"`);let e=t.split(".");return this.listeners=this.listeners.reduce((t,i)=>([...i.splitEventName].sort().toString()===e.sort().toString()?this.el.removeEventListener(i.splitEventName[0],i.cb):t.push(i),t),[]),!0}reset(){return this.listeners.forEach(t=>{this.el.removeEventListener(t.splitEventName[0],t.cb)}),this.listeners=[],!0}get el(){return this._el}set el(t){this._el=t}get listeners(){return this._listeners}set listeners(t){this._listeners=t}}class o{constructor(t,e={},i=!1){if(!(t instanceof Node)){console.warn(`There is no valid element given while trying to create a plugin instance for "${i}".`);return}this.el=t,this.$emitter=new a(this.el),this._pluginName=this._getPluginName(i),this.options=this._mergeOptions(e),this._initialized=!1,this._registerInstance(),this._init()}init(){console.warn(`The "init" method for the plugin "${this._pluginName}" is not defined. The plugin will not be initialized.`)}update(){}destroy(){}_init(){this._initialized||(this.init(),this._initialized=!0)}_update(){this._initialized&&this.update()}_mergeOptions(t){let e=[this.constructor.options,this.options,t];return e.push(this._getConfigFromDataAttribute()),e.push(this._getOptionsFromDataAttribute()),s().all(e.filter(t=>t instanceof Object&&!(t instanceof Array)).map(t=>t||{}))}_getConfigFromDataAttribute(){let t={};if("function"!=typeof this.el.getAttribute)return t;let e=r.A.toDashCase(this._pluginName),i=this.el.getAttribute(`data-${e}-config`);return i?window.PluginConfigManager.get(this._pluginName,i):t}_getOptionsFromDataAttribute(){let t={};if("function"!=typeof this.el.getAttribute)return t;let e=r.A.toDashCase(this._pluginName),i=this.el.getAttribute(`data-${e}-options`);if(i)try{return JSON.parse(i)}catch(t){console.error(`The data attribute "data-${e}-options" could not be parsed to json: ${t.message}`)}return t}_registerInstance(){window.PluginManager.getPluginInstancesFromElement(this.el).set(this._pluginName,this),window.PluginManager.getPlugin(this._pluginName,!1).get("instances").push(this)}_getPluginName(t){return t||(t=this.constructor.name),t}}},795(t,e,i){i.d(e,{A:()=>s});var n=i(707);class s{static isNode(t){return"object"==typeof t&&null!==t&&(t===document||t===window||t instanceof Node)}static hasAttribute(t,e){if(!s.isNode(t))throw Error("The element must be a valid HTML Node!");return"function"==typeof t.hasAttribute&&t.hasAttribute(e)}static getAttribute(t,e){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2];if(i&&!1===s.hasAttribute(t,e))throw Error(`The required property "${e}" does not exist!`);

1if("function"!=typeof t.getAttribute){if(i)throw Error("This node doesn't support the getAttribute function!");return}return t.getAttribute(e)}static getDataAttribute(t,e){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2],r=e.replace(/^data(|-)/,""),a=n.A.toLowerCamelCase(r,"-");if(!s.isNode(t)){if(i)throw Error("The passed node is not a valid HTML Node!");return}if(void 0===t.dataset){if(i)throw Error("This node doesn't support the dataset attribute!");return}let o=t.dataset[a];if(void 0===o){if(i)throw Error(`The required data attribute "${e}" does not exist on ${t}!`);return o}return n.A.parsePrimitive(o)}static querySelector(t,e){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2];if(i&&!s.isNode(t))throw Error("The parent node is not a valid HTML Node!");let n=t.querySelector(e)||!1;if(i&&!1===n)throw Error(`The required element "${e}" does not exist in parent node!`);return n}static querySelectorAll(t,e){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2];if(i&&!s.isNode(t))throw Error("The parent node is not a valid HTML Node!");let n=t.querySelectorAll(e);if(0===n.length&&(n=!1),i&&!1===n)throw Error(`At least one item of "${e}" must exist in parent node!`);return n}static getFocusableElements(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document.body,e=`
2            input:not([tabindex^="-"]):not([disabled]):not([type="hidden"]),
3            select:not([tabindex^="-"]):not([disabled]),
4            textarea:not([tabindex^="-"]):not([disabled]),
5            button:not([tabindex^="-"]):not([disabled]),
6            a[href]:not([tabindex^="-"]):not([disabled]),
7            [tabindex]:not([tabindex^="-"]):not([disabled])
8        `;return t.querySelectorAll(e)}static getFirstFocusableElement(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document.body;return this.getFocusableElements(t)[0]}static getLastFocusableElement(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document,e=this.getFocusableElements(t);return e[e.length-1]}}}}]);