@salla.sa/twilight-components 2.12.72 → 2.12.74

package/dist/twilight/{p-d3520da5.system.entry.js → p-89c5b834.system.entry.js}

@@ -1,5 +1,5 @@
 var __awaiter=this&&this.__awaiter||function(t,e,r,a){function i(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,n){function s(t){try{l(a.next(t))}catch(t){n(t)}}function o(t){try{l(a["throw"](t))}catch(t){n(t)}}function l(t){t.done?r(t.value):i(t.value).then(s,o)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,i,n,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return l([t,e])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(r=0)),r)try{if(a=1,i&&(n=o[0]&2?i["return"]:o[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,o[1])).done)return n;if(i=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;i=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){r.label=o[1];break}if(o[0]===6&&r.label<n[1]){r.label=n[1];n=o;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(o);break}if(n[2])r.ops.pop();r.trys.pop();continue}o=e.call(t,r)}catch(t){o=[6,t];i=0}finally{a=n=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
 /*!
  * Crafted with ❤ by Salla
- */System.register(["./p-548cb28d.system.js","./p-8f18fe08.system.js"],(function(t){"use strict";var e,r,a,i,n,s,o;return{setters:[function(t){e=t.r;r=t.c;a=t.h;i=t.H;n=t.g},function(t){s=t.F;o=t.a}],execute:function(){var l=":host{display:block}.s-rating-stars-small{line-height:12px}.s-filters-radio{background-image:none !important}";var c=t("salla_filters",function(){function t(t){var a=this;e(this,t);this.changed=r(this,"changed",7);this.isReady=false;this.filters=undefined;this.isSidebarOpen=undefined;this.filtersData={};this.apply=undefined;this.reset=undefined;salla.event.on("filters::hidden",(function(){return a.host.style.display="none"}));salla.lang.onLoaded((function(){a.apply=salla.lang.get("pages.checkout.apply");a.reset=salla.lang.get("pages.categories.filters_reset")}));salla.event.on("filters::fetched",(function(t){var e=t.filters;a.host.style.display="";var r={};a.filters=e.map((function(t){t.label={category_id:salla.lang.get("common.titles.categories"),brand_id:salla.lang.get("common.titles.brands"),rating:salla.lang.get("pages.categories.filter_rating"),price:salla.lang.get("pages.categories.filter_price")}[t.key]||t.label;t.inputType=s.RADIO;if(t.key=="rating"){t.inputType=s.RADIO;var e=t.values,i=e.max,n=e.min;t.values=[5,4,3,2,1].filter((function(t){return t>=n||t<=i}))}if(a.filtersData[t.key]){r[t.key]=a.filtersData[t.key]}return t}));a.filtersData=r;a.host.childNodes.forEach((function(t){return __awaiter(a,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:e=t.setWidgetHeight;if(!e)return[3,2];return[4,t.setWidgetHeight()];case 1:e=r.sent();r.label=2;case 2:return[2,e]}}))}))}))}))}t.prototype.connectedCallback=function(){var t=this;try{var e=new URLSearchParams(window.location.search);var r={};var a=function(e,a){var i=e.replace(/\]/g,"").split("[");i.reduce((function(e,r,i,n){var s=i===n.length-1;var o=/^\d+$/.test(r)?parseInt(r,10):r;if(s){if(/^\d+$/.test(r)){t.addObjectValue(e,n[i-1],a);return e[n[i-1]]}else if(e[o]){e[o]=[e[o],a]}else{e[o]=a}}else{e[o]=e[o]||{}}return e[o]}),r)};for(var i=0,n=e.entries();i<n.length;i++){var s=n[i],o=s[0],l=s[1];a(o,l)}this.filtersData=this.flattenObject(r["filters"])||{}}catch(t){salla.logger.warn("failed to get filters from url",t.message)}};t.prototype.flattenObject=function(t){for(var e in t){if(typeof t[e]==="object"){if(t[e][e]&&Array.isArray(t[e][e])){t[e]=t[e][e]}else{this.flattenObject(t[e])}}}return t};t.prototype.addObjectValue=function(t,e,r){if(t.hasOwnProperty(e)){if(Array.isArray(t[e])){t[e].push(r)}else{t[e]=[t[e],r]}}else{t[e]=[r]}};t.prototype.getFilters=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.filtersData]}))}))};t.prototype.applyFilters=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(r){if(!this.isReady){return[2]}t=Object.keys(this.filtersData).length>0;setTimeout((function(){var r;if(t){var a=new URL(window.location.href);for(var i=0,n=a.searchParams.entries();i<n.length;i++){var s=n[i][0];if(s.startsWith("filters")){a.searchParams.delete(s)}}var o=e.encodeFilters(e.filtersData);a.search=a.search?a.search.split("&filters")[0]+"&"+o:"?".concat(o);window.history.pushState({},"",a.href)}else{var a=new URL(window.location.href);(r=a.searchParams)===null||r===void 0?void 0:r.delete("filters");window.history.pushState({},"",a.toString())}salla.event.emit("salla-filters::changed",e.filtersData);e.changed.emit(e.filtersData)}),300);return[2]}))}))};t.prototype.encodeFilters=function(t,e){if(e===void 0){e="filters"}var r=[];for(var a in t){if(Object.prototype.hasOwnProperty.call(t,a)){var i=t[a];var n=e?"".concat(e,"[").concat(a,"]"):a;if(Array.isArray(i)){for(var s=0;s<i.length;s++){r.push("".concat(n,"[").concat(s,"]=").concat(i[s]))}}else if(typeof i==="object"&&i!==null){r.push(this.encodeFilters(i,n))}else{var o="".concat(n,"=").concat(i);r.push(o)}}}return r.join("&")};t.prototype.resetFilters=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.removeFiltersQueryParams();this.filtersData={};this.host.childNodes.forEach((function(t){return t.reset&&t.reset()}));salla.event.emit("salla-filters::reset");return[2,this.applyFilters()]}))}))};t.prototype.removeFiltersQueryParams=function(){var t=new URLSearchParams(window.location.search);var e=Array.from(t.keys()).filter((function(t){return!t.startsWith("filters[")})).map((function(e){return"".concat(encodeURIComponent(e),"=").concat(encodeURIComponent(t.get(e)))})).join("&");var r=e?"".concat(window.location.pathname,"?").concat(e):window.location.pathname;window.history.pushState({},"",r)};t.prototype.handleOptionChange=function(t,e,r){if(e.type===o.RANGE){this.filtersData[e.key]=r}var a=t.target.checked;if(e.type===o.VARIANTS){this.filtersData.variants=this.filtersData.variants||{};a&&(this.filtersData.variants[e.key]=r);a||delete this.filtersData.variants[e.key]}if(t.target.type==s.RADIO){a&&(this.filtersData[e.key]=r);a||delete this.filtersData[e.key]}if(t.target.type==s.CHECKBOX){this.filtersData[e.key]=this.filtersData[e.key]||[];if(a){this.filtersData[e.key].push(r)}this.filtersData[e.key]=this.filtersData[e.key].filter((function(t){return t!=r}))}this.applyFilters()};t.prototype.render=function(){var t=this;var e,r;return a(i,null,(e=this.filters)===null||e===void 0?void 0:e.map((function(e){return a("salla-filters-widget",{option:e,filtersData:t.filtersData,onChanged:function(e){var r=e.detail,a=r.event,i=r.option,n=r.value;return t.handleOptionChange(a,i,n)}})})),((r=this.filters)===null||r===void 0?void 0:r.length)?a("div",{class:"s-filters-footer"},a("salla-button",{color:"gray",fill:"outline",onClick:function(){return t.resetFilters()}},this.reset)):"")};t.prototype.componentDidLoad=function(){this.isReady=true};Object.defineProperty(t.prototype,"host",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());c.style=l}}}));
-//# sourceMappingURL=p-d3520da5.system.entry.js.map
+ */System.register(["./p-548cb28d.system.js","./p-8f18fe08.system.js"],(function(t){"use strict";var e,r,a,i,n,s,o;return{setters:[function(t){e=t.r;r=t.c;a=t.h;i=t.H;n=t.g},function(t){s=t.F;o=t.a}],execute:function(){var l=":host{display:block}.s-rating-stars-small{line-height:12px}.s-filters-radio{background-image:none !important}";var c=t("salla_filters",function(){function t(t){var a=this;e(this,t);this.changed=r(this,"changed",7);this.isReady=false;this.filters=undefined;this.isSidebarOpen=undefined;this.filtersData={};this.apply=undefined;this.reset=undefined;salla.event.on("filters::hidden",(function(){return a.host.style.display="none"}));salla.lang.onLoaded((function(){a.apply=salla.lang.get("pages.checkout.apply");a.reset=salla.lang.get("pages.categories.filters_reset")}));salla.event.on("filters::fetched",(function(t){var e=t.filters;a.host.style.display="";var r={};a.filters=e.map((function(t){t.label={category_id:salla.lang.get("common.titles.categories"),brand_id:salla.lang.get("common.titles.brands"),rating:salla.lang.get("pages.categories.filter_rating"),price:salla.lang.get("pages.categories.filter_price")}[t.key]||t.label;t.inputType=s.RADIO;if(t.key=="rating"){t.inputType=s.RADIO;var e=t.values,i=e.max,n=e.min;t.values=[5,4,3,2,1].filter((function(t){return t>=n||t<=i}))}if(a.filtersData[t.key]){r[t.key]=a.filtersData[t.key]}return t}));a.filtersData=r;a.host.childNodes.forEach((function(t){return __awaiter(a,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:e=t.setWidgetHeight;if(!e)return[3,2];return[4,t.setWidgetHeight()];case 1:e=r.sent();r.label=2;case 2:return[2,e]}}))}))}))}))}t.prototype.connectedCallback=function(){var t=this;try{var e=new URLSearchParams(window.location.search);var r={};var a=function(e,a){var i=e.replace(/\]/g,"").split("[");i.reduce((function(e,r,i,n){var s=i===n.length-1;var o=/^\d+$/.test(r)?parseInt(r,10):r;if(s){if(/^\d+$/.test(r)){t.addObjectValue(e,n[i-1],a);return e[n[i-1]]}else if(e[o]){e[o]=[e[o],a]}else{e[o]=a}}else{e[o]=e[o]||{}}return e[o]}),r)};for(var i=0,n=e.entries();i<n.length;i++){var s=n[i],o=s[0],l=s[1];a(o,l)}this.filtersData=this.flattenObject(r["filters"])||{}}catch(t){salla.logger.warn("failed to get filters from url",t.message)}};t.prototype.flattenObject=function(t){for(var e in t){if(typeof t[e]==="object"){if(t[e][e]&&Array.isArray(t[e][e])){t[e]=t[e][e]}else{this.flattenObject(t[e])}}}return t};t.prototype.addObjectValue=function(t,e,r){if(t.hasOwnProperty(e)){if(Array.isArray(t[e])){t[e].push(r)}else{t[e]=[t[e],r]}}else{t[e]=[r]}};t.prototype.getFilters=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.filtersData]}))}))};t.prototype.applyFilters=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(r){if(!this.isReady){return[2]}t=Object.keys(this.filtersData).length>0;setTimeout((function(){var r;if(t){var a=new URL(window.location.href);for(var i=0,n=a.searchParams.entries();i<n.length;i++){var s=n[i][0];if(s.startsWith("filters")){a.searchParams.delete(s)}}var o=e.encodeFilters(e.filtersData);var l=a.search.split("&").filter((function(t){return!t.includes("filters")})).join("&");if(!!l){a.search=a.search.split("&filters")[0]+"&"+o}else{a.search="?".concat(o)}window.history.pushState({},"",a.href)}else{var a=new URL(window.location.href);(r=a.searchParams)===null||r===void 0?void 0:r.delete("filters");window.history.pushState({},"",a.toString())}salla.event.emit("salla-filters::changed",e.filtersData);e.changed.emit(e.filtersData)}),300);return[2]}))}))};t.prototype.encodeFilters=function(t,e){if(e===void 0){e="filters"}var r=[];for(var a in t){if(Object.prototype.hasOwnProperty.call(t,a)){var i=t[a];var n=e?"".concat(e,"[").concat(a,"]"):a;if(Array.isArray(i)){for(var s=0;s<i.length;s++){r.push("".concat(n,"[").concat(s,"]=").concat(i[s]))}}else if(typeof i==="object"&&i!==null){r.push(this.encodeFilters(i,n))}else{var o="".concat(n,"=").concat(i);r.push(o)}}}return r.join("&")};t.prototype.resetFilters=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.removeFiltersQueryParams();this.filtersData={};this.host.childNodes.forEach((function(t){return t.reset&&t.reset()}));salla.event.emit("salla-filters::reset");return[2,this.applyFilters()]}))}))};t.prototype.removeFiltersQueryParams=function(){var t=new URLSearchParams(window.location.search);var e=Array.from(t.keys()).filter((function(t){return!t.startsWith("filters[")})).map((function(e){return"".concat(encodeURIComponent(e),"=").concat(encodeURIComponent(t.get(e)))})).join("&");var r=e?"".concat(window.location.pathname,"?").concat(e):window.location.pathname;window.history.pushState({},"",r)};t.prototype.handleOptionChange=function(t,e,r){if(e.type===o.RANGE){this.filtersData[e.key]=r}var a=t.target.checked;if(e.type===o.VARIANTS){this.filtersData.variants=this.filtersData.variants||{};a&&(this.filtersData.variants[e.key]=r);a||delete this.filtersData.variants[e.key]}if(t.target.type==s.RADIO){a&&(this.filtersData[e.key]=r);a||delete this.filtersData[e.key]}if(t.target.type==s.CHECKBOX){this.filtersData[e.key]=this.filtersData[e.key]||[];if(a){this.filtersData[e.key].push(r)}this.filtersData[e.key]=this.filtersData[e.key].filter((function(t){return t!=r}))}this.applyFilters()};t.prototype.render=function(){var t=this;var e,r;return a(i,null,(e=this.filters)===null||e===void 0?void 0:e.map((function(e){return a("salla-filters-widget",{option:e,filtersData:t.filtersData,onChanged:function(e){var r=e.detail,a=r.event,i=r.option,n=r.value;return t.handleOptionChange(a,i,n)}})})),((r=this.filters)===null||r===void 0?void 0:r.length)?a("div",{class:"s-filters-footer"},a("salla-button",{color:"gray",fill:"outline",onClick:function(){return t.resetFilters()}},this.reset)):"")};t.prototype.componentDidLoad=function(){this.isReady=true};Object.defineProperty(t.prototype,"host",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());c.style=l}}}));
+//# sourceMappingURL=p-89c5b834.system.entry.js.map

package/dist/twilight/p-89c5b834.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sallaFiltersCss","SallaFilters","exports","class_1","hostRef","_this","this","isReady","salla","event","on","host","style","display","lang","onLoaded","apply","get","reset","_c","filters","freshFilterData","map","filter","label","category_id","brand_id","rating","price","key","inputType","FilterOptionInputType","RADIO","values","max_1","max","min_1","min","stars","filtersData","childNodes","forEach","widget","__awaiter","__generator","_d","setWidgetHeight","sent","prototype","connectedCallback","searchParams","URLSearchParams","window","location","search","filterObject","value","keys","replace","split","reduce","obj","keyPart","index","array","isLastKey","length","finalKey","test","parseInt","addObjectValue","_i","entries","flattenObject","e","logger","warn","message","Array","isArray","hasOwnProperty","push","getFilters","applyFilters","hasFilters","Object","setTimeout","url","URL","href","startsWith","delete","encodedFilterValues","encodeFilters","sanitizedFilterValues","item","includes","join","concat","history","pushState","_a","toString","emit","changed","parentKey","encodedFilters","call","fullKey","i","result","resetFilters","removeFiltersQueryParams","newUrl","from","encodeURIComponent","finalUrl","pathname","handleOptionChange","option","type","FilterOptionTypes","RANGE","isChecked","target","checked","VARIANTS","variants","CHECKBOX","val","render","h","Host","onChanged","detail","_b","class","color","fill","onClick","componentDidLoad"],"sources":["src/components/salla-filters/salla-filters.scss?tag=salla-filters","src/components/salla-filters/salla-filters.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.s-rating-stars-small {\n  line-height: 12px;\n}\n.s-filters-radio{\n  background-image: none !important;\n}","import { Component, Element, h, Event, EventEmitter, Host, Method, Prop, State } from '@stencil/core';\nimport { Filter, FilterOptionInputType, FilterOptionTypes } from \"./interfaces\";\n\n@Component({\n  tag: 'salla-filters',\n  styleUrl: 'salla-filters.scss',\n})\nexport class SallaFilters {\n\n  constructor() {\n    salla.event.on('filters::hidden', () => this.host.style.display = 'none');\n\n    salla.lang.onLoaded(() => {\n      this.apply = salla.lang.get('pages.checkout.apply');\n      this.reset = salla.lang.get('pages.categories.filters_reset');\n    });\n\n    salla.event.on('filters::fetched', ({ filters }) => {\n      this.host.style.display = '';\n      let freshFilterData = {};\n      this.filters = filters\n        .map((filter: Filter) => {\n          filter.label = {\n            category_id: salla.lang.get('common.titles.categories'),\n            brand_id: salla.lang.get('common.titles.brands'),\n            rating: salla.lang.get('pages.categories.filter_rating'),\n            price: salla.lang.get('pages.categories.filter_price'),\n          }[filter.key] || filter.label;\n          filter.inputType = FilterOptionInputType.RADIO;//todo:: support FilterOptionInputType.CHECKBOX\n          if (filter.key == 'rating') {\n            filter.inputType = FilterOptionInputType.RADIO;\n            //@ts-ignore\n            let { max, min } = filter.values;\n            //@ts-ignore\n            filter.values = [5, 4, 3, 2, 1].filter(stars => stars >= min || stars <= max)\n          }\n\n          //when getting new filters, maybe less than we had, so let's get from the old one, only what is existed now.\n          if (this.filtersData[filter.key]) {\n            freshFilterData[filter.key] = this.filtersData[filter.key];\n          }\n\n          return filter;\n        });\n      this.filtersData = freshFilterData;\n      this.host.childNodes.forEach(async (widget: HTMLSallaFiltersWidgetElement) => widget.setWidgetHeight && await widget.setWidgetHeight())\n    });\n  }\n\n  connectedCallback() {\n    try {\n      const searchParams = new URLSearchParams(window.location.search);\n      const filterObject = {};\n\n      for (const [key, value] of searchParams.entries()) {\n        const keys = key.replace(/\\]/g, '').split('[');\n        keys.reduce((obj, keyPart, index, array) => {\n          const isLastKey = index === array.length - 1;\n          const finalKey = /^\\d+$/.test(keyPart) ? parseInt(keyPart, 10) : keyPart;\n          if (isLastKey) {\n            if (/^\\d+$/.test(keyPart)) {\n              this.addObjectValue(obj, array[index - 1], value)\n              return obj[array[index - 1]];\n            } else if (obj[finalKey]) {\n              obj[finalKey] = [obj[finalKey], value];\n            } else {\n              obj[finalKey] = value;\n            }\n          } else {\n            obj[finalKey] = obj[finalKey] || {};\n          }\n\n          return obj[finalKey];\n        }, filterObject);\n      }\n\n      this.filtersData = this.flattenObject(filterObject[\"filters\"]) || {};\n    } catch (e) {\n      salla.logger.warn('failed to get filters from url', e.message);\n    }\n\n  }\n\n  private flattenObject(obj: any) {\n    for (const key in obj) {\n      if (typeof obj[key] === 'object') {\n        if (obj[key][key] && Array.isArray(obj[key][key])) {\n          obj[key] = obj[key][key];\n        } else {\n          this.flattenObject(obj[key]);\n        }\n      }\n    }\n    return obj;\n  }\n\n\n  private addObjectValue(obj, key, value) {\n    if (obj.hasOwnProperty(key)) {\n      if (Array.isArray(obj[key])) {\n        obj[key].push(value);\n      } else {\n        obj[key] = [obj[key], value];\n      }\n    } else {\n      obj[key] = [value];\n    }\n  }\n\n\n  @Element() host: HTMLElement;\n\n  /**\n   * Array of filter options\n   */\n  @Prop({ reflect: true, mutable: true }) filters?: Filter[];\n\n  private isReady = false;//to avoid triggering the changed event\n\n  @State() isSidebarOpen: boolean;\n  @State() filtersData: object | any = {}\n  @State() apply: string;\n  @State() reset: string;\n\n  /**\n   * Custom event fired when the selected filters are changed.\n   */\n  @Event() changed: EventEmitter;\n\n  /**\n   * Method to get filter data.\n   */\n  @Method()\n  async getFilters() {\n    return this.filtersData;\n  }\n\n  /**\n   * Apply filter action.\n   */\n  @Method()\n  async applyFilters() {\n    if (!this.isReady) {\n      return;\n    }\n    let hasFilters = Object.keys(this.filtersData).length > 0;\n    setTimeout(() => {\n      if (hasFilters) {\n        let url = new URL(window.location.href);\n        for (const [key] of url.searchParams.entries()) {\n          if (key.startsWith(\"filters\")) {\n            url.searchParams.delete(key);\n          }\n        }\n        let encodedFilterValues = this.encodeFilters(this.filtersData)\n        let sanitizedFilterValues = url.search.split(\"&\").filter(item => !item.includes('filters')).join(\"&\")\n        if (!!sanitizedFilterValues) {\n          url.search = url.search.split(\"&filters\")[0] + \"&\" + encodedFilterValues\n        }else {\n          url.search = `?${encodedFilterValues}`\n        }\n        window.history.pushState({}, '', url.href);\n      } else {\n        let url = new URL(window.location.href);\n        url.searchParams?.delete('filters');\n        window.history.pushState({}, '', url.toString());\n      }\n      salla.event.emit('salla-filters::changed', this.filtersData);\n      this.changed.emit(this.filtersData);\n    }, 300);\n  }\n\n  private encodeFilters(filters, parentKey = 'filters') {\n    const encodedFilters = [];\n\n    for (const key in filters) {\n      if (Object.prototype.hasOwnProperty.call(filters, key)) {\n        const value = filters[key];\n\n        const fullKey = parentKey ? `${parentKey}[${key}]` : key;\n        if (Array.isArray(value)) {\n          for (let i = 0; i < value.length; i++) {\n            encodedFilters.push(`${fullKey}[${i}]=${value[i]}`)\n          }\n        }\n        else if (typeof value === 'object' && value !== null) {\n          encodedFilters.push(this.encodeFilters(value, fullKey));\n        } else {\n          // const encodedKey = encodeURIComponent(fullKey);\n          // const encodedValue = encodeURIComponent(value);\n          let result = `${fullKey}=${value}`\n          encodedFilters.push(result);\n        }\n      }\n    }\n    return encodedFilters.join('&');\n  };\n\n  /**\n   * Reset selected filters.\n   */\n  @Method()\n  async resetFilters() {\n    this.removeFiltersQueryParams()\n    this.filtersData = {};\n    this.host.childNodes.forEach((widget: HTMLSallaFiltersWidgetElement) => widget.reset && widget.reset())\n    salla.event.emit('salla-filters::reset');\n    return this.applyFilters();\n  }\n\n  private removeFiltersQueryParams() {\n    const searchParams = new URLSearchParams(window.location.search);\n\n    const newUrl = Array.from(searchParams.keys())\n      .filter(key => !key.startsWith('filters['))\n      .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(searchParams.get(key))}`)\n      .join('&');\n\n    const finalUrl = newUrl ? `${window.location.pathname}?${newUrl}` : window.location.pathname;\n    window.history.pushState({}, '', finalUrl);\n  }\n\n  /**\n   * @param {{target:HTMLInputElement}} event\n   * @param option\n   * @param value\n   * @private\n   */\n  private handleOptionChange(event, option: Filter, value) {\n    if (option.type === FilterOptionTypes.RANGE) {\n      this.filtersData[option.key] = value;\n\n    }\n    let isChecked = event.target.checked;\n\n    if (option.type === FilterOptionTypes.VARIANTS) {\n      this.filtersData.variants = this.filtersData.variants || {};\n      isChecked && (this.filtersData.variants[option.key] = value);\n      isChecked || (delete this.filtersData.variants[option.key]);\n\n    }\n\n    if (event.target.type == FilterOptionInputType.RADIO) {\n      isChecked && (this.filtersData[option.key] = value);\n      isChecked || (delete this.filtersData[option.key]);\n    }\n\n    //it's checkbox\n    // add if condition to avoid error when the filter is not existed in the filtersData\n    if (event.target.type == FilterOptionInputType.CHECKBOX) {\n      this.filtersData[option.key] = this.filtersData[option.key] || [];\n      if (isChecked) {\n        this.filtersData[option.key].push(value);\n\n      }\n      this.filtersData[option.key] = this.filtersData[option.key].filter(val => val != value);\n    }\n    this.applyFilters();\n  }\n\n  render() {\n    return <Host>\n      {this.filters?.map(option => <salla-filters-widget\n        option={option}\n        filtersData={this.filtersData}\n        onChanged={({ detail: { event, option, value } }) => this.handleOptionChange(event, option, value)} />)}\n\n      {this.filters?.length ? <div class=\"s-filters-footer\">\n        {/* <salla-button color='primary' onClick={() => this.applyFilters()}>{this.apply}</salla-button> */}\n        <salla-button color='gray' fill='outline' onClick={() => this.resetFilters()}>{this.reset}</salla-button>\n      </div> : ''}\n    </Host>;\n  }\n\n  componentDidLoad() {\n    this.isReady = true;\n  }\n}\n\n"],"mappings":"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"}