https://www.tuinmeubelhoesshop.nl/theme/ed23eee94effb17437548e3741…heme.filter-range-override.plugin.86b194.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[83442],{442:(t,i,e)=>{e.r(i),e.d(i,{default:()=>h});var n=e(304),s=e(49),o=e(857),r=e.n(o);class a extends n.Z{init(){this._container=s.Z.querySelector(this.el,this.options.containerSelector),this._inputMin=s.Z.querySelector(this.el,this.options.inputMinSelector),this._inputMax=s.Z.querySelector(this.el,this.options.inputMaxSelector),this._timeout=null,this._hasError=!1,this._registerEvents()}_registerEvents(){this._inputMin.addEventListener("input",this._onChangeInput.bind(this)),this._inputMax.addEventListener("input",this._onChangeInput.bind(this))}_onChangeInput(){clearTimeout(this._timeout),this._timeout=setTimeout(()=>{this._isInputInvalid()?this._setError(this._getErrorMessageTemplate("filterRangeErrorMessage")):this._isInputLowerBoundInvalid()?this._setError(this._getErrorMessageTemplate("filterRangeLowerBoundErrorMessage")):this._removeError(),this.listing.changeListing()},this.options.inputTimeout)}getValues(){let t={};return t[this.options.minKey]=this._inputMin.value,t[this.options.maxKey]=this._inputMax.value,t}_isInputInvalid(){return parseFloat(this._inputMin.value)>parseFloat(this._inputMax.value)}_isInputLowerBoundInvalid(){return parseFloat(this._inputMin.value)<this.options.lowerBound||parseFloat(this._inputMax.value)<this.options.lowerBound}_getErrorMessageTemplate(t){return'<div class="'.concat(this.options.errorContainerClass,'">').concat(this.options.snippets[t],"</div>")}_setError(t){this._hasError||(this._inputMin.classList.add(this.options.inputInvalidCLass),this._inputMax.classList.add(this.options.inputInvalidCLass),this._container.insertAdjacentHTML("afterend",t),this._hasError=!0)}_removeError(){this._inputMin.classList.remove(this.options.inputInvalidCLass),this._inputMax.classList.remove(this.options.inputInvalidCLass);let t=s.Z.querySelector(this.el,".".concat(this.options.errorContainerClass),!1);t&&t.remove(),this._hasError=!1}setValuesFromUrl(t){let i=!1;return Object.keys(t).forEach(e=>{e===this.options.minKey&&(this._inputMin.value=t[e],i=!0),e===this.options.maxKey&&(this._inputMax.value=t[e],i=!0)}),i}getLabels(){let t=[];return this._inputMin.value.length||this._inputMax.value.length?(this._inputMin.value.length&&t.push({label:"".concat(this.options.snippets.filterRangeActiveMinLabel," ").concat(this._inputMin.value," ").concat(this.options.unit),id:this.options.minKey}),this._inputMax.value.length&&t.push({label:"".concat(this.options.snippets.filterRangeActiveMaxLabel," ").concat(this._inputMax.value," ").concat(this.options.unit),id:this.options.maxKey})):t=[],t}reset(t){t===this.options.minKey&&(this._inputMin.value=""),t===this.options.maxKey&&(this._inputMax.value=""),this._removeError()}resetAll(){this._inputMin.value="",this._inputMax.value="",this._removeError()}}a.options=r()(n.Z.options,{inputMinSelector:".min-input",inputMaxSelector:".max-input",inputInvalidCLass:"is-invalid",inputTimeout:500,minKey:"min-price",maxKey:"max-price",lowerBound:0,unit:"€",errorContainerClass:"filter-range-error",containerSelector:".filter-range-container",snippets:{filterRangeActiveMinLabel:"",filterRangeActiveMaxLabel:"",filterRangeErrorMessage:"",filterRangeLowerBoundErrorMessage:""}});class l extends a{_onChangeInput(){this.listing._tmisActive?(clearTimeout(this._timeout),this._timeout=setTimeout((function(){var t=this.listing;this._isInputInvalid()?this._setError(this._getErrorMessageTemplate("filterRangeErrorMessage")):this._isInputLowerBoundInvalid()?this._setError(this._getErrorMessageTemplate("filterRangeLowerBoundErrorMessage")):this._removeError(),t._tmisListingOption="override",t._visitedPagesClear(),t._tmisNewPageRequestCounter=0,t._tmisIsLoading=!0,t._tmisLog("  reset _onChangeInput"),t.changeListing()}).bind(this),this.options.inputTimeout)):super._onChangeInput()}}class h extends l{getLabels(){let t=[],i=this.options.decimals,e={minimumFractionDigits:i,maximumFractionDigits:i};"price"===this.options.name&&(e.style="currency",e.currency=this.options.currency);let n=new Intl.NumberFormat(this.options.locale,e).format(this._inputMin.value),s=new Intl.NumberFormat(this.options.locale,e).format(this._inputMax.value);if(this._inputMin.value.length||this._inputMax.value.length){let i,e;this._inputMin.value.length&&this._inputMax.value.length?(i="".concat(n," - ").concat(s," ").concat(this._getUnit()),e="range__".concat(this.options.minKey,"__").

1concat(this.options.maxKey)):this._inputMin.value.length&&!this._inputMax.value.length?(i="".concat(this.options.snippets.filterRangeActiveMinLabel," ").concat(n," ").concat(this._getUnit()),e=this.options.minKey):!this._inputMin.value.length&&this._inputMax.value.length&&(i="".concat(this.options.snippets.filterRangeActiveMaxLabel," ").concat(s," ").concat(this._getUnit()),e=this.options.maxKey),i&&e&&t.push({label:i,id:e})}else t=[];return t}_getUnit(){return"price"!==this.options.name?this.options.currencySymbol?this.options.currencySymbol:this.options.unit:""}}},304:(t,i,e)=>{e.d(i,{Z:()=>o});var n=e(568),s=e(49);class o extends n.Z{_init(){super._init(),this._validateMethods();let t=s.Z.querySelector(document,this.options.parentFilterPanelSelector);this.listing=window.PluginManager.getPluginInstanceFromElement(t,"Listing"),this.listing.registerFilter(this),this._preventDropdownClose()}_preventDropdownClose(){let t=s.Z.querySelector(this.el,this.options.dropdownSelector,!1);t&&t.addEventListener("click",t=>{t.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"\''))}}o.options={parentFilterPanelSelector:".cms-element-product-listing-wrapper",dropdownSelector:".filter-panel-item-dropdown"}}}]);