@salla.sa/twilight-components 2.13.48 → 2.13.50

package/dist/twilight/p-de881d07.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as t,c as i,h as s,H as e}from"./p-fafedb13.js";import{a as r}from"./p-91a1d8b6.js";import{a as l}from"./p-5800516f.js";const a=":host{display:block}.rtl .rtl-range-slider,[dir=rtl] .rtl-range-slider{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.rtl .rtl-range-numbers,[dir=rtl] .rtl-range-numbers{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.rtl .form-select,.rtl select,[dir=rtl] .form-select,[dir=rtl] select{background-position:left 0.5rem center;padding-right:12px}.rtl .menu-divide li:not(:last-child):after,[dir=rtl] .menu-divide li:not(:last-child):after{left:0;right:auto}input[type=range]::-webkit-slider-thumb{pointer-events:all;width:24px;height:24px;-webkit-appearance:none}[type=checkbox]:checked{background-size:80%}";const h=class{constructor(s){t(this,s);this.changed=i(this,"changed",7);this.filterValues=[];this.minPrice=undefined;this.maxPrice=undefined;this.option=undefined;this.filtersData=undefined;this.min=0;this.max=1e4;this.priceOptions=undefined;this.moreThanLabel="أكثر من";this.lessThanLabel="أقل من";this.toLabel="الى";this.fromLabel="من";this.typing=false;this.isMin=false;this.isRTL=salla.config.get("theme.is_rtl",true)}connectedCallback(){var t;if(this.filtersData&&((t=this.filtersData)===null||t===void 0?void 0:t.price)){this.minPrice=this.filtersData.price.min;this.maxPrice=this.filtersData.price.max}salla.lang.onLoaded((()=>{this.moreThanLabel=salla.lang.getWithDefault("common.elements.more_than",this.moreThanLabel);this.lessThanLabel=salla.lang.getWithDefault("common.elements.less_than",this.lessThanLabel);this.toLabel=salla.lang.getWithDefault("common.elements.to",this.toLabel);this.fromLabel=salla.lang.getWithDefault("common.elements.from",this.fromLabel)}));if(this.option.values.length==1){return}if(this.option.values.length<=5){this.filterValues=this.option.values;return}const i=Math.ceil(this.option.values.length/5);for(let t=0;t<this.option.values.length;t+=i){this.filterValues.push(this.option.values.slice(t,t+i).reduce(((t,i)=>{t.to=i.to;t.count+=i.count;return t})))}}async reset(){this.minInput.value=null;this.maxInput.value=null}getPriceLabel(t){if(isNaN(t.from)||t.from<1){return`${this.lessThanLabel} ${salla.money(t.to)}`}if(isNaN(t.to)||t.to<1){return`${this.moreThanLabel} ${salla.money(t.from)}`}return`${salla.money(t.from)} ${this.toLabel} ${salla.money(t.to)}`}minInputValidation(t){if(t&&(t>this.max||this.maxPrice&&t>this.maxPrice)){return}if(t<this.min){this.minPrice=this.min;return}if(t){this.minPrice=t}}maxInputValidation(t){if(t&&(t<this.min||this.minPrice&&t<this.minPrice)){return}if(t>this.max){this.maxPrice=this.max;return}}async changedEventHandler(t){salla.helpers.inputDigitsOnly(this.minInput);salla.helpers.inputDigitsOnly(this.maxInput);const i=this.minPrice?+this.minPrice*1:"";const s=this.maxPrice?+this.maxPrice*1:"";if(this.isMin){if(!this.maxPrice){this.maxPrice=""}this.minInputValidation(i)}else{if(!this.minPrice){this.minPrice=0}this.maxInputValidation(s)}this.isReady&&this.changed.emit({event:t,option:this.option,value:{max:this.maxPrice,min:this.minPrice}})}handleMinMaxPrice(t,i){this.minPrice=i.from;this.maxPrice=i.to!=="*"?i.to:"";this.changedEventHandler(t)}isChecked(t){if(!this.minPrice&&!this.maxPrice){return false}let i=(t.from<1||t.from=="*")&&this.minPrice==0||t.from==this.minPrice;let s=t.to=="*"||!t.to||t.to==this.maxPrice;return i&&s}handleMinPrice(t){this.isMin=true;const i=t.target.value;this.minPrice=i}handleMaxPrice(t){this.isMin=false;const i=t.target.value;this.maxPrice=i}render(){return s(e,null,this.filterValues.map(((t,i)=>s("label",{class:"s-filters-label",htmlFor:`${this.option.key}-${i}`},s("input",{id:`${this.option.key}-${i}`,name:"price",type:"radio",checked:this.isChecked(t),class:"s-filters-radio",onChange:i=>this.handleMinMaxPrice(i,t)}),this.getPriceLabel(t)))),s("div",{class:"flex justify-center items-center"},s("div",{class:"relative max-w-xl w-full"},s("div",{class:"s-price-range-inputs"},s("div",{class:"s-price-range-relative"},s("div",{class:"s-price-range-currency"}," ",salla.config.currency().symbol),s("input",{type:"number",maxlength:"5",ref:t=>this.minInput=t,onBlur:t=>this.handleMinPrice(t),value:this.minPrice,placeholder:this.fromLabel,class:"s-price-range-number-input"})),s("div",{class:"s-price-range-gray-text"}," -"),s("div",{class:"s-price-range-relative"},s("div",{class:"s-price-range-currency"}," ",salla.config.currency().symbol),s("input",{type:"number",maxlength:"5",ref:t=>this.maxInput=t,onBlur:t=>this.handleMaxPrice(t),value:this.maxPrice,placeholder:this.toLabel,class:"s-price-range-number-input","aria-describedby":"price-currency"})),s("salla-button",{color:"gray",shape:"icon",size:"small",fill:"outline",onClick:t=>this.changedEventHandler(t)},s("span",{innerHTML:this.isRTL?r:l}))))))}componentDidLoad(){this.isReady=true}};h.style=a;export{h as salla_price_range};
-//# sourceMappingURL=p-de881d07.entry.js.map

package/dist/twilight/p-de881d07.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sallaPriceRangeCss","SallaPriceRange","this","filterValues","salla","config","get","connectedCallback","filtersData","_a","price","minPrice","min","maxPrice","max","lang","onLoaded","moreThanLabel","getWithDefault","lessThanLabel","toLabel","fromLabel","option","values","length","chunkSize","Math","ceil","i","push","slice","reduce","final","currentValue","to","count","reset","minInput","value","maxInput","getPriceLabel","filterValue","isNaN","from","money","minInputValidation","maxInputValidation","changedEventHandler","event","helpers","inputDigitsOnly","minInputValue","maxInputValue","isMin","isReady","changed","emit","handleMinMaxPrice","isChecked","isMinEqual","isMaxEqual","handleMinPrice","target","handleMaxPrice","render","h","Host","map","index","class","htmlFor","key","id","name","type","checked","onChange","e","currency","symbol","maxlength","ref","el","onBlur","placeholder","color","shape","size","fill","onClick","innerHTML","isRTL","arrowLeft","arrowRight","componentDidLoad"],"sources":["src/components/salla-price-range/salla-price-range.scss?tag=salla-price-range","src/components/salla-price-range/salla-price-range.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n\n.rtl, [dir=\"rtl\"] {\n  .rtl-range-slider {\n      transform: rotateY(180deg);\n  }\n\n  .rtl-range-numbers{\n      flex-direction: row-reverse;\n  }\n\n  .form-select, select{\n      background-position: left 0.5rem center;\n      padding-right: 12px;\n  }   \n\n  // divide\n.menu-divide {\n  li {\n      &:not(:last-child) {\n          &:after {\n              left: 0;\n              right: auto;\n          }\n      }\n  }\n}\n}\n\ninput[type=range]::-webkit-slider-thumb {\n  pointer-events: all;\n  width: 24px;\n  height: 24px;\n  -webkit-appearance: none;\n}\n\n[type='checkbox']:checked{\n  background-size: 80%;\n}","import { Component, Host, h, State, Prop, Event, Method } from '@stencil/core';\nimport { Filter, FilterValue } from \"../salla-filters/interfaces\";\nimport arrowLeft from '../../assets/svg/arrow-left.svg'\nimport arrowRight from '../../assets/svg/arrow-right.svg'\n\n\n@Component({\n  tag: 'salla-price-range',\n  styleUrl: 'salla-price-range.scss',\n})\nexport class SallaPriceRange {\n  /**\n   * Minimum price threshold value\n   */\n  @Prop({ mutable: true }) minPrice;\n\n  /**\n   * Maximum price threshold value\n   */\n  @Prop({ mutable: true }) maxPrice;\n\n  /**\n   * Product price range filter option object instance\n   */\n  @Prop({ reflect: true }) option: Filter;\n\n  /**\n   * Currently selected price filter data\n   */\n  @Prop({ reflect: true }) filtersData: any;\n\n\n  @State() min = 0;\n  @State() max = 10000;\n  @State() priceOptions: any;\n  @State() moreThanLabel: string = \"أكثر من\";\n  @State() lessThanLabel: string = \"أقل من\";\n  @State() toLabel: string = \"الى\";\n  @State() fromLabel: string = \"من\";\n  @State() typing: boolean = false;\n  @State() isMin: boolean = false;\n  @State() isRTL: Boolean = salla.config.get('theme.is_rtl', true);\n\n\n  /**\n   * Custome event emitted when there is a change in price input.\n   */\n  @Event() changed: any;\n\n  isReady: Boolean;\n  minInput: HTMLInputElement;\n  maxInput: HTMLInputElement;\n  filterValues: Array<FilterValue> = [];\n\n\n  connectedCallback() {\n    if (this.filtersData && this.filtersData?.price) {\n      this.minPrice = this.filtersData.price.min;\n      this.maxPrice = this.filtersData.price.max;\n    }\n    salla.lang.onLoaded(() => {\n      this.moreThanLabel = salla.lang.getWithDefault('common.elements.more_than', this.moreThanLabel)\n      this.lessThanLabel = salla.lang.getWithDefault('common.elements.less_than', this.lessThanLabel)\n      this.toLabel = salla.lang.getWithDefault('common.elements.to', this.toLabel)\n      this.fromLabel = salla.lang.getWithDefault('common.elements.from', this.fromLabel)\n    })\n\n    //no need to show one option only\n    if (this.option.values.length == 1) {\n      return;\n    }\n    //here we may receive too many prices, we will group all inputs to\n    if (this.option.values.length <= 5) {\n      this.filterValues = this.option.values;\n      return;\n    }\n    const chunkSize = Math.ceil(this.option.values.length / 5);\n    for (let i = 0; i < this.option.values.length; i += chunkSize) {\n      this.filterValues.push(\n        this.option.values\n          .slice(i, i + chunkSize)\n          .reduce((final: FilterValue, currentValue: FilterValue) => {\n            final.to = currentValue.to;\n            final.count += currentValue.count;\n            return final;\n          })\n      );\n      // do whatever\n    }\n  }\n\n  /**\n   * reset the price range inputs\n   */\n  @Method()\n  async reset() {\n    //@ts-ignore\n    this.minInput.value = null;\n    this.maxInput.value = null;\n  }\n\n  private getPriceLabel(filterValue: FilterValue) {\n    // @ts-ignore\n    if (isNaN(filterValue.from) || filterValue.from < 1) {\n      return `${this.lessThanLabel} ${salla.money(filterValue.to)}`;\n    }\n    // @ts-ignore\n    if (isNaN(filterValue.to) || filterValue.to < 1) {\n      return `${this.moreThanLabel} ${salla.money(filterValue.from)}`;\n    }\n\n    return `${salla.money(filterValue.from)} ${this.toLabel} ${salla.money(filterValue.to)}`;\n  }\n\n  minInputValidation(value) {\n    if (value && (value > this.max || (this.maxPrice && value > this.maxPrice))) {\n      // this.minPrice = this.maxPrice;\n      return;\n    }\n\n    if (value < this.min) {\n      this.minPrice = this.min;\n      return;\n    }\n\n    if (value) {\n      this.minPrice = value;\n    }\n  }\n\n  maxInputValidation(value) {\n    if (value && (value < this.min || (this.minPrice && value < this.minPrice))) {\n      // this.maxPrice = this.minPrice;\n      return;\n    }\n    if (value > this.max) {\n      this.maxPrice = this.max;\n      return;\n    }\n  }\n\n  private async changedEventHandler(event) {\n\n    salla.helpers.inputDigitsOnly(this.minInput)\n    salla.helpers.inputDigitsOnly(this.maxInput)\n\n    const minInputValue = this.minPrice ? +this.minPrice * 1 : \"\"\n    const maxInputValue = this.maxPrice ? +this.maxPrice * 1 : \"\"\n\n    if (this.isMin) {\n      if (!this.maxPrice) {\n        this.maxPrice = '';\n      }\n      this.minInputValidation(minInputValue);\n    } else {\n      if (!this.minPrice) {\n        this.minPrice = 0;\n      }\n      this.maxInputValidation(maxInputValue)\n    }\n\n    this.isReady && this.changed.emit({\n      event: event,\n      option: this.option,\n      value: { max: this.maxPrice, min: this.minPrice }\n    })\n  }\n  private handleMinMaxPrice(event: Event, value: FilterValue): void {\n    //todo:: cover when from is star\n    this.minPrice = value.from;\n    this.maxPrice = value.to !== '*' ? value.to : \"\";\n\n    this.changedEventHandler(event);\n  }\n\n\n\n  private isChecked(filterValue: FilterValue) {\n    if (!this.minPrice && !this.maxPrice) {\n      return false;\n    }\n\n    //1 filterValue.from zero or * and this.minPrice not set or zero\n    //2 filterValue.from == this.minPrice\n    //@ts-ignore\n    let isMinEqual = ((filterValue.from < 1 || filterValue.from == '*') && this.minPrice == 0) || filterValue.from == this.minPrice;\n\n    //1 filterValue.to == \"*\" or null\n    //2 filterValue.to == this.max\n    let isMaxEqual = filterValue.to == '*' || !filterValue.to || filterValue.to == this.maxPrice;\n    return isMinEqual && isMaxEqual;\n  }\n\n  private handleMinPrice(event: Event) {\n    this.isMin = true\n    const value = (event.target as HTMLInputElement).value\n    this.minPrice = value\n  }\n  private handleMaxPrice(event: Event) {\n    this.isMin = false\n    const value = (event.target as HTMLInputElement).value\n    this.maxPrice = value\n  }\n\n\n  render() {\n    return (\n      <Host>\n        {\n          this.filterValues.map((filterValue: FilterValue, index: number) => {\n\n            return <label class=\"s-filters-label\" htmlFor={`${this.option.key}-${index}`}>\n              <input\n                id={`${this.option.key}-${index}`}\n                name=\"price\"\n                type=\"radio\"\n                checked={this.isChecked(filterValue)}\n                class=\"s-filters-radio\"\n                onChange={e => this.handleMinMaxPrice(e, filterValue)}\n              />\n              {this.getPriceLabel(filterValue)}\n            </label>\n          })\n        }\n\n\n        <div class=\"flex justify-center items-center\">\n          <div class=\"relative max-w-xl w-full\">\n            <div class=\"s-price-range-inputs\">\n              <div class=\"s-price-range-relative\">\n                <div class=\"s-price-range-currency\"> {salla.config.currency().symbol}</div>\n                <input\n                  type=\"number\"\n                  maxlength=\"5\"\n                  ref={el => this.minInput = el}\n                  onBlur={(e) => this.handleMinPrice(e)}\n                  value={this.minPrice}\n                  placeholder={this.fromLabel}\n                  class=\"s-price-range-number-input\"\n\n                />\n              </div>\n\n              <div class=\"s-price-range-gray-text\"> -</div>\n              <div class=\"s-price-range-relative\">\n                <div class=\"s-price-range-currency\"> {salla.config.currency().symbol}</div>\n                <input\n                  type=\"number\"\n                  maxlength=\"5\"\n                  ref={el => this.maxInput = el}\n                  onBlur={(e) => this.handleMaxPrice(e)}\n                  value={this.maxPrice}\n                  placeholder={this.toLabel}\n                  class=\"s-price-range-number-input\" aria-describedby=\"price-currency\" />\n              </div>\n              <salla-button color='gray' shape='icon' size='small' fill='outline' onClick={(event) => this.changedEventHandler(event)}>\n                <span innerHTML={this.isRTL ? arrowLeft : arrowRight} />\n              </salla-button>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  componentDidLoad() {\n    this.isReady = true;\n  }\n}\n"],"mappings":";;;iIAAA,MAAMA,EAAqB,0nB,MCUdC,EAAe,M,0DA0C1BC,KAAAC,aAAmC,G,0GApBpB,E,SACA,I,+CAEkB,U,mBACA,S,aACN,M,eACE,K,YACF,M,WACD,M,WACAC,MAAMC,OAAOC,IAAI,eAAgB,K,CAc3D,iBAAAC,G,MACE,GAAIL,KAAKM,eAAeC,EAAAP,KAAKM,eAAW,MAAAC,SAAA,SAAAA,EAAEC,OAAO,CAC/CR,KAAKS,SAAWT,KAAKM,YAAYE,MAAME,IACvCV,KAAKW,SAAWX,KAAKM,YAAYE,MAAMI,G,CAEzCV,MAAMW,KAAKC,UAAS,KAClBd,KAAKe,cAAgBb,MAAMW,KAAKG,eAAe,4BAA6BhB,KAAKe,eACjFf,KAAKiB,cAAgBf,MAAMW,KAAKG,eAAe,4BAA6BhB,KAAKiB,eACjFjB,KAAKkB,QAAUhB,MAAMW,KAAKG,eAAe,qBAAsBhB,KAAKkB,SACpElB,KAAKmB,UAAYjB,MAAMW,KAAKG,eAAe,uBAAwBhB,KAAKmB,UAAU,IAIpF,GAAInB,KAAKoB,OAAOC,OAAOC,QAAU,EAAG,CAClC,M,CAGF,GAAItB,KAAKoB,OAAOC,OAAOC,QAAU,EAAG,CAClCtB,KAAKC,aAAeD,KAAKoB,OAAOC,OAChC,M,CAEF,MAAME,EAAYC,KAAKC,KAAKzB,KAAKoB,OAAOC,OAAOC,OAAS,GACxD,IAAK,IAAII,EAAI,EAAGA,EAAI1B,KAAKoB,OAAOC,OAAOC,OAAQI,GAAKH,EAAW,CAC7DvB,KAAKC,aAAa0B,KAChB3B,KAAKoB,OAAOC,OACTO,MAAMF,EAAGA,EAAIH,GACbM,QAAO,CAACC,EAAoBC,KAC3BD,EAAME,GAAKD,EAAaC,GACxBF,EAAMG,OAASF,EAAaE,MAC5B,OAAOH,CAAK,I,EAWtB,WAAMI,GAEJlC,KAAKmC,SAASC,MAAQ,KACtBpC,KAAKqC,SAASD,MAAQ,I,CAGhB,aAAAE,CAAcC,GAEpB,GAAIC,MAAMD,EAAYE,OAASF,EAAYE,KAAO,EAAG,CACnD,MAAO,GAAGzC,KAAKiB,iBAAiBf,MAAMwC,MAAMH,EAAYP,K,CAG1D,GAAIQ,MAAMD,EAAYP,KAAOO,EAAYP,GAAK,EAAG,CAC/C,MAAO,GAAGhC,KAAKe,iBAAiBb,MAAMwC,MAAMH,EAAYE,O,CAG1D,MAAO,GAAGvC,MAAMwC,MAAMH,EAAYE,SAASzC,KAAKkB,WAAWhB,MAAMwC,MAAMH,EAAYP,K,CAGrF,kBAAAW,CAAmBP,GACjB,GAAIA,IAAUA,EAAQpC,KAAKY,KAAQZ,KAAKW,UAAYyB,EAAQpC,KAAKW,UAAY,CAE3E,M,CAGF,GAAIyB,EAAQpC,KAAKU,IAAK,CACpBV,KAAKS,SAAWT,KAAKU,IACrB,M,CAGF,GAAI0B,EAAO,CACTpC,KAAKS,SAAW2B,C,EAIpB,kBAAAQ,CAAmBR,GACjB,GAAIA,IAAUA,EAAQpC,KAAKU,KAAQV,KAAKS,UAAY2B,EAAQpC,KAAKS,UAAY,CAE3E,M,CAEF,GAAI2B,EAAQpC,KAAKY,IAAK,CACpBZ,KAAKW,SAAWX,KAAKY,IACrB,M,EAII,yBAAMiC,CAAoBC,GAEhC5C,MAAM6C,QAAQC,gBAAgBhD,KAAKmC,UACnCjC,MAAM6C,QAAQC,gBAAgBhD,KAAKqC,UAEnC,MAAMY,EAAgBjD,KAAKS,UAAYT,KAAKS,SAAW,EAAI,GAC3D,MAAMyC,EAAgBlD,KAAKW,UAAYX,KAAKW,SAAW,EAAI,GAE3D,GAAIX,KAAKmD,MAAO,CACd,IAAKnD,KAAKW,SAAU,CAClBX,KAAKW,SAAW,E,CAElBX,KAAK2C,mBAAmBM,E,KACnB,CACL,IAAKjD,KAAKS,SAAU,CAClBT,KAAKS,SAAW,C,CAElBT,KAAK4C,mBAAmBM,E,CAG1BlD,KAAKoD,SAAWpD,KAAKqD,QAAQC,KAAK,CAChCR,MAAOA,EACP1B,OAAQpB,KAAKoB,OACbgB,MAAO,CAAExB,IAAKZ,KAAKW,SAAUD,IAAKV,KAAKS,W,CAGnC,iBAAA8C,CAAkBT,EAAcV,GAEtCpC,KAAKS,SAAW2B,EAAMK,KACtBzC,KAAKW,SAAWyB,EAAMJ,KAAO,IAAMI,EAAMJ,GAAK,GAE9ChC,KAAK6C,oBAAoBC,E,CAKnB,SAAAU,CAAUjB,GAChB,IAAKvC,KAAKS,WAAaT,KAAKW,SAAU,CACpC,OAAO,K,CAMT,IAAI8C,GAAelB,EAAYE,KAAO,GAAKF,EAAYE,MAAQ,MAAQzC,KAAKS,UAAY,GAAM8B,EAAYE,MAAQzC,KAAKS,SAIvH,IAAIiD,EAAanB,EAAYP,IAAM,MAAQO,EAAYP,IAAMO,EAAYP,IAAMhC,KAAKW,SACpF,OAAO8C,GAAcC,C,CAGf,cAAAC,CAAeb,GACrB9C,KAAKmD,MAAQ,KACb,MAAMf,EAASU,EAAMc,OAA4BxB,MACjDpC,KAAKS,SAAW2B,C,CAEV,cAAAyB,CAAef,GACrB9C,KAAKmD,MAAQ,MACb,MAAMf,EAASU,EAAMc,OAA4BxB,MACjDpC,KAAKW,SAAWyB,C,CAIlB,MAAA0B,GACE,OACEC,EAACC,EAAI,KAEDhE,KAAKC,aAAagE,KAAI,CAAC1B,EAA0B2B,IAExCH,EAAA,SAAOI,MAAM,kBAAkBC,QAAS,GAAGpE,KAAKoB,OAAOiD,OAAOH,KACnEH,EAAA,SACEO,GAAI,GAAGtE,KAAKoB,OAAOiD,OAAOH,IAC1BK,KAAK,QACLC,KAAK,QACLC,QAASzE,KAAKwD,UAAUjB,GACxB4B,MAAM,kBACNO,SAAUC,GAAK3E,KAAKuD,kBAAkBoB,EAAGpC,KAE1CvC,KAAKsC,cAAcC,MAM1BwB,EAAA,OAAKI,MAAM,oCACTJ,EAAA,OAAKI,MAAM,4BACTJ,EAAA,OAAKI,MAAM,wBACTJ,EAAA,OAAKI,MAAM,0BACTJ,EAAA,OAAKI,MAAM,0BAAwB,IAAGjE,MAAMC,OAAOyE,WAAWC,QAC9Dd,EAAA,SACES,KAAK,SACLM,UAAU,IACVC,IAAKC,GAAMhF,KAAKmC,SAAW6C,EAC3BC,OAASN,GAAM3E,KAAK2D,eAAegB,GACnCvC,MAAOpC,KAAKS,SACZyE,YAAalF,KAAKmB,UAClBgD,MAAM,gCAKVJ,EAAA,OAAKI,MAAM,2BAAyB,MACpCJ,EAAA,OAAKI,MAAM,0BACTJ,EAAA,OAAKI,MAAM,0BAAwB,IAAGjE,MAAMC,OAAOyE,WAAWC,QAC9Dd,EAAA,SACES,KAAK,SACLM,UAAU,IACVC,IAAKC,GAAMhF,KAAKqC,SAAW2C,EAC3BC,OAASN,GAAM3E,KAAK6D,eAAec,GACnCvC,MAAOpC,KAAKW,SACZuE,YAAalF,KAAKkB,QAClBiD,MAAM,6BAA4B,mBAAkB,oBAExDJ,EAAA,gBAAcoB,MAAM,OAAOC,MAAM,OAAOC,KAAK,QAAQC,KAAK,UAAUC,QAAUzC,GAAU9C,KAAK6C,oBAAoBC,IAC/GiB,EAAA,QAAMyB,UAAWxF,KAAKyF,MAAQC,EAAYC,Q,CASxD,gBAAAC,GACE5F,KAAKoD,QAAU,I"}

package/dist/twilight/p-f53461d7.system.entry.js

@@ -1,5 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function s(t){try{o(n.next(t))}catch(t){a(t)}}function l(t){try{o(n["throw"](t))}catch(t){a(t)}}function o(t){t.done?i(t.value):r(t.value).then(s,l)}o((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(t){return function(e){return o([t,e])}}function o(l){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(i=0)),i)try{if(n=1,r&&(a=l[0]&2?r["return"]:l[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;if(r=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;r=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){i.label=l[1];break}if(l[0]===6&&i.label<a[1]){i.label=a[1];a=l;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(l);break}if(a[2])i.ops.pop();i.trys.pop();continue}l=e.call(t,i)}catch(t){l=[6,t];r=0}finally{n=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
-/*!
- * Crafted with ❤ by Salla
- */System.register(["./p-a0dabf35.system.js","./p-910b705d.system.js","./p-77c16d35.system.js"],(function(t){"use strict";var e,i,n,r,a,s;return{setters:[function(t){e=t.r;i=t.c;n=t.h;r=t.H},function(t){a=t.a},function(t){s=t.a}],execute:function(){var l=":host{display:block}.rtl .rtl-range-slider,[dir=rtl] .rtl-range-slider{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.rtl .rtl-range-numbers,[dir=rtl] .rtl-range-numbers{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.rtl .form-select,.rtl select,[dir=rtl] .form-select,[dir=rtl] select{background-position:left 0.5rem center;padding-right:12px}.rtl .menu-divide li:not(:last-child):after,[dir=rtl] .menu-divide li:not(:last-child):after{left:0;right:auto}input[type=range]::-webkit-slider-thumb{pointer-events:all;width:24px;height:24px;-webkit-appearance:none}[type=checkbox]:checked{background-size:80%}";var o=t("salla_price_range",function(){function t(t){e(this,t);this.changed=i(this,"changed",7);this.filterValues=[];this.minPrice=undefined;this.maxPrice=undefined;this.option=undefined;this.filtersData=undefined;this.min=0;this.max=1e4;this.priceOptions=undefined;this.moreThanLabel="أكثر من";this.lessThanLabel="أقل من";this.toLabel="الى";this.fromLabel="من";this.typing=false;this.isMin=false;this.isRTL=salla.config.get("theme.is_rtl",true)}t.prototype.connectedCallback=function(){var t=this;var e;if(this.filtersData&&((e=this.filtersData)===null||e===void 0?void 0:e.price)){this.minPrice=this.filtersData.price.min;this.maxPrice=this.filtersData.price.max}salla.lang.onLoaded((function(){t.moreThanLabel=salla.lang.getWithDefault("common.elements.more_than",t.moreThanLabel);t.lessThanLabel=salla.lang.getWithDefault("common.elements.less_than",t.lessThanLabel);t.toLabel=salla.lang.getWithDefault("common.elements.to",t.toLabel);t.fromLabel=salla.lang.getWithDefault("common.elements.from",t.fromLabel)}));if(this.option.values.length==1){return}if(this.option.values.length<=5){this.filterValues=this.option.values;return}var i=Math.ceil(this.option.values.length/5);for(var n=0;n<this.option.values.length;n+=i){this.filterValues.push(this.option.values.slice(n,n+i).reduce((function(t,e){t.to=e.to;t.count+=e.count;return t})))}};t.prototype.reset=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.minInput.value=null;this.maxInput.value=null;return[2]}))}))};t.prototype.getPriceLabel=function(t){if(isNaN(t.from)||t.from<1){return"".concat(this.lessThanLabel," ").concat(salla.money(t.to))}if(isNaN(t.to)||t.to<1){return"".concat(this.moreThanLabel," ").concat(salla.money(t.from))}return"".concat(salla.money(t.from)," ").concat(this.toLabel," ").concat(salla.money(t.to))};t.prototype.minInputValidation=function(t){if(t&&(t>this.max||this.maxPrice&&t>this.maxPrice)){return}if(t<this.min){this.minPrice=this.min;return}if(t){this.minPrice=t}};t.prototype.maxInputValidation=function(t){if(t&&(t<this.min||this.minPrice&&t<this.minPrice)){return}if(t>this.max){this.maxPrice=this.max;return}};t.prototype.changedEventHandler=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){salla.helpers.inputDigitsOnly(this.minInput);salla.helpers.inputDigitsOnly(this.maxInput);e=this.minPrice?+this.minPrice*1:"";i=this.maxPrice?+this.maxPrice*1:"";if(this.isMin){if(!this.maxPrice){this.maxPrice=""}this.minInputValidation(e)}else{if(!this.minPrice){this.minPrice=0}this.maxInputValidation(i)}this.isReady&&this.changed.emit({event:t,option:this.option,value:{max:this.maxPrice,min:this.minPrice}});return[2]}))}))};t.prototype.handleMinMaxPrice=function(t,e){this.minPrice=e.from;this.maxPrice=e.to!=="*"?e.to:"";this.changedEventHandler(t)};t.prototype.isChecked=function(t){if(!this.minPrice&&!this.maxPrice){return false}var e=(t.from<1||t.from=="*")&&this.minPrice==0||t.from==this.minPrice;var i=t.to=="*"||!t.to||t.to==this.maxPrice;return e&&i};t.prototype.handleMinPrice=function(t){this.isMin=true;var e=t.target.value;this.minPrice=e};t.prototype.handleMaxPrice=function(t){this.isMin=false;var e=t.target.value;this.maxPrice=e};t.prototype.render=function(){var t=this;return n(r,null,this.filterValues.map((function(e,i){return n("label",{class:"s-filters-label",htmlFor:"".concat(t.option.key,"-").concat(i)},n("input",{id:"".concat(t.option.key,"-").concat(i),name:"price",type:"radio",checked:t.isChecked(e),class:"s-filters-radio",onChange:function(i){return t.handleMinMaxPrice(i,e)}}),t.getPriceLabel(e))})),n("div",{class:"flex justify-center items-center"},n("div",{class:"relative max-w-xl w-full"},n("div",{class:"s-price-range-inputs"},n("div",{class:"s-price-range-relative"},n("div",{class:"s-price-range-currency"}," ",salla.config.currency().symbol),n("input",{type:"number",maxlength:"5",ref:function(e){return t.minInput=e},onBlur:function(e){return t.handleMinPrice(e)},value:this.minPrice,placeholder:this.fromLabel,class:"s-price-range-number-input"})),n("div",{class:"s-price-range-gray-text"}," -"),n("div",{class:"s-price-range-relative"},n("div",{class:"s-price-range-currency"}," ",salla.config.currency().symbol),n("input",{type:"number",maxlength:"5",ref:function(e){return t.maxInput=e},onBlur:function(e){return t.handleMaxPrice(e)},value:this.maxPrice,placeholder:this.toLabel,class:"s-price-range-number-input","aria-describedby":"price-currency"})),n("salla-button",{color:"gray",shape:"icon",size:"small",fill:"outline",onClick:function(e){return t.changedEventHandler(e)}},n("span",{innerHTML:this.isRTL?a:s}))))))};t.prototype.componentDidLoad=function(){this.isReady=true};return t}());o.style=l}}}));
-//# sourceMappingURL=p-f53461d7.system.entry.js.map

package/dist/twilight/p-f53461d7.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sallaPriceRangeCss","SallaPriceRange","exports","this","filterValues","salla","config","get","class_1","prototype","connectedCallback","_this","filtersData","_a","price","minPrice","min","maxPrice","max","lang","onLoaded","moreThanLabel","getWithDefault","lessThanLabel","toLabel","fromLabel","option","values","length","chunkSize","Math","ceil","i","push","slice","reduce","final","currentValue","to","count","reset","minInput","value","maxInput","getPriceLabel","filterValue","isNaN","from","concat","money","minInputValidation","maxInputValidation","changedEventHandler","event","helpers","inputDigitsOnly","minInputValue","maxInputValue","isMin","isReady","changed","emit","handleMinMaxPrice","isChecked","isMinEqual","isMaxEqual","handleMinPrice","target","handleMaxPrice","render","h","Host","map","index","class","htmlFor","key","id","name","type","checked","onChange","e","currency","symbol","maxlength","ref","el","onBlur","placeholder","color","shape","size","fill","onClick","innerHTML","isRTL","arrowLeft","arrowRight","componentDidLoad"],"sources":["src/components/salla-price-range/salla-price-range.scss?tag=salla-price-range","src/components/salla-price-range/salla-price-range.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n\n.rtl, [dir=\"rtl\"] {\n  .rtl-range-slider {\n      transform: rotateY(180deg);\n  }\n\n  .rtl-range-numbers{\n      flex-direction: row-reverse;\n  }\n\n  .form-select, select{\n      background-position: left 0.5rem center;\n      padding-right: 12px;\n  }   \n\n  // divide\n.menu-divide {\n  li {\n      &:not(:last-child) {\n          &:after {\n              left: 0;\n              right: auto;\n          }\n      }\n  }\n}\n}\n\ninput[type=range]::-webkit-slider-thumb {\n  pointer-events: all;\n  width: 24px;\n  height: 24px;\n  -webkit-appearance: none;\n}\n\n[type='checkbox']:checked{\n  background-size: 80%;\n}","import { Component, Host, h, State, Prop, Event, Method } from '@stencil/core';\nimport { Filter, FilterValue } from \"../salla-filters/interfaces\";\nimport arrowLeft from '../../assets/svg/arrow-left.svg'\nimport arrowRight from '../../assets/svg/arrow-right.svg'\n\n\n@Component({\n  tag: 'salla-price-range',\n  styleUrl: 'salla-price-range.scss',\n})\nexport class SallaPriceRange {\n  /**\n   * Minimum price threshold value\n   */\n  @Prop({ mutable: true }) minPrice;\n\n  /**\n   * Maximum price threshold value\n   */\n  @Prop({ mutable: true }) maxPrice;\n\n  /**\n   * Product price range filter option object instance\n   */\n  @Prop({ reflect: true }) option: Filter;\n\n  /**\n   * Currently selected price filter data\n   */\n  @Prop({ reflect: true }) filtersData: any;\n\n\n  @State() min = 0;\n  @State() max = 10000;\n  @State() priceOptions: any;\n  @State() moreThanLabel: string = \"أكثر من\";\n  @State() lessThanLabel: string = \"أقل من\";\n  @State() toLabel: string = \"الى\";\n  @State() fromLabel: string = \"من\";\n  @State() typing: boolean = false;\n  @State() isMin: boolean = false;\n  @State() isRTL: Boolean = salla.config.get('theme.is_rtl', true);\n\n\n  /**\n   * Custome event emitted when there is a change in price input.\n   */\n  @Event() changed: any;\n\n  isReady: Boolean;\n  minInput: HTMLInputElement;\n  maxInput: HTMLInputElement;\n  filterValues: Array<FilterValue> = [];\n\n\n  connectedCallback() {\n    if (this.filtersData && this.filtersData?.price) {\n      this.minPrice = this.filtersData.price.min;\n      this.maxPrice = this.filtersData.price.max;\n    }\n    salla.lang.onLoaded(() => {\n      this.moreThanLabel = salla.lang.getWithDefault('common.elements.more_than', this.moreThanLabel)\n      this.lessThanLabel = salla.lang.getWithDefault('common.elements.less_than', this.lessThanLabel)\n      this.toLabel = salla.lang.getWithDefault('common.elements.to', this.toLabel)\n      this.fromLabel = salla.lang.getWithDefault('common.elements.from', this.fromLabel)\n    })\n\n    //no need to show one option only\n    if (this.option.values.length == 1) {\n      return;\n    }\n    //here we may receive too many prices, we will group all inputs to\n    if (this.option.values.length <= 5) {\n      this.filterValues = this.option.values;\n      return;\n    }\n    const chunkSize = Math.ceil(this.option.values.length / 5);\n    for (let i = 0; i < this.option.values.length; i += chunkSize) {\n      this.filterValues.push(\n        this.option.values\n          .slice(i, i + chunkSize)\n          .reduce((final: FilterValue, currentValue: FilterValue) => {\n            final.to = currentValue.to;\n            final.count += currentValue.count;\n            return final;\n          })\n      );\n      // do whatever\n    }\n  }\n\n  /**\n   * reset the price range inputs\n   */\n  @Method()\n  async reset() {\n    //@ts-ignore\n    this.minInput.value = null;\n    this.maxInput.value = null;\n  }\n\n  private getPriceLabel(filterValue: FilterValue) {\n    // @ts-ignore\n    if (isNaN(filterValue.from) || filterValue.from < 1) {\n      return `${this.lessThanLabel} ${salla.money(filterValue.to)}`;\n    }\n    // @ts-ignore\n    if (isNaN(filterValue.to) || filterValue.to < 1) {\n      return `${this.moreThanLabel} ${salla.money(filterValue.from)}`;\n    }\n\n    return `${salla.money(filterValue.from)} ${this.toLabel} ${salla.money(filterValue.to)}`;\n  }\n\n  minInputValidation(value) {\n    if (value && (value > this.max || (this.maxPrice && value > this.maxPrice))) {\n      // this.minPrice = this.maxPrice;\n      return;\n    }\n\n    if (value < this.min) {\n      this.minPrice = this.min;\n      return;\n    }\n\n    if (value) {\n      this.minPrice = value;\n    }\n  }\n\n  maxInputValidation(value) {\n    if (value && (value < this.min || (this.minPrice && value < this.minPrice))) {\n      // this.maxPrice = this.minPrice;\n      return;\n    }\n    if (value > this.max) {\n      this.maxPrice = this.max;\n      return;\n    }\n  }\n\n  private async changedEventHandler(event) {\n\n    salla.helpers.inputDigitsOnly(this.minInput)\n    salla.helpers.inputDigitsOnly(this.maxInput)\n\n    const minInputValue = this.minPrice ? +this.minPrice * 1 : \"\"\n    const maxInputValue = this.maxPrice ? +this.maxPrice * 1 : \"\"\n\n    if (this.isMin) {\n      if (!this.maxPrice) {\n        this.maxPrice = '';\n      }\n      this.minInputValidation(minInputValue);\n    } else {\n      if (!this.minPrice) {\n        this.minPrice = 0;\n      }\n      this.maxInputValidation(maxInputValue)\n    }\n\n    this.isReady && this.changed.emit({\n      event: event,\n      option: this.option,\n      value: { max: this.maxPrice, min: this.minPrice }\n    })\n  }\n  private handleMinMaxPrice(event: Event, value: FilterValue): void {\n    //todo:: cover when from is star\n    this.minPrice = value.from;\n    this.maxPrice = value.to !== '*' ? value.to : \"\";\n\n    this.changedEventHandler(event);\n  }\n\n\n\n  private isChecked(filterValue: FilterValue) {\n    if (!this.minPrice && !this.maxPrice) {\n      return false;\n    }\n\n    //1 filterValue.from zero or * and this.minPrice not set or zero\n    //2 filterValue.from == this.minPrice\n    //@ts-ignore\n    let isMinEqual = ((filterValue.from < 1 || filterValue.from == '*') && this.minPrice == 0) || filterValue.from == this.minPrice;\n\n    //1 filterValue.to == \"*\" or null\n    //2 filterValue.to == this.max\n    let isMaxEqual = filterValue.to == '*' || !filterValue.to || filterValue.to == this.maxPrice;\n    return isMinEqual && isMaxEqual;\n  }\n\n  private handleMinPrice(event: Event) {\n    this.isMin = true\n    const value = (event.target as HTMLInputElement).value\n    this.minPrice = value\n  }\n  private handleMaxPrice(event: Event) {\n    this.isMin = false\n    const value = (event.target as HTMLInputElement).value\n    this.maxPrice = value\n  }\n\n\n  render() {\n    return (\n      <Host>\n        {\n          this.filterValues.map((filterValue: FilterValue, index: number) => {\n\n            return <label class=\"s-filters-label\" htmlFor={`${this.option.key}-${index}`}>\n              <input\n                id={`${this.option.key}-${index}`}\n                name=\"price\"\n                type=\"radio\"\n                checked={this.isChecked(filterValue)}\n                class=\"s-filters-radio\"\n                onChange={e => this.handleMinMaxPrice(e, filterValue)}\n              />\n              {this.getPriceLabel(filterValue)}\n            </label>\n          })\n        }\n\n\n        <div class=\"flex justify-center items-center\">\n          <div class=\"relative max-w-xl w-full\">\n            <div class=\"s-price-range-inputs\">\n              <div class=\"s-price-range-relative\">\n                <div class=\"s-price-range-currency\"> {salla.config.currency().symbol}</div>\n                <input\n                  type=\"number\"\n                  maxlength=\"5\"\n                  ref={el => this.minInput = el}\n                  onBlur={(e) => this.handleMinPrice(e)}\n                  value={this.minPrice}\n                  placeholder={this.fromLabel}\n                  class=\"s-price-range-number-input\"\n\n                />\n              </div>\n\n              <div class=\"s-price-range-gray-text\"> -</div>\n              <div class=\"s-price-range-relative\">\n                <div class=\"s-price-range-currency\"> {salla.config.currency().symbol}</div>\n                <input\n                  type=\"number\"\n                  maxlength=\"5\"\n                  ref={el => this.maxInput = el}\n                  onBlur={(e) => this.handleMaxPrice(e)}\n                  value={this.maxPrice}\n                  placeholder={this.toLabel}\n                  class=\"s-price-range-number-input\" aria-describedby=\"price-currency\" />\n              </div>\n              <salla-button color='gray' shape='icon' size='small' fill='outline' onClick={(event) => this.changedEventHandler(event)}>\n                <span innerHTML={this.isRTL ? arrowLeft : arrowRight} />\n              </salla-button>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  componentDidLoad() {\n    this.isReady = true;\n  }\n}\n"],"mappings":"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"}

package/dist/twilight/p-fd50cc47.system.entry.js.map

@@ -1 +0,0 @@
-{"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","type","FilterOptionTypes","VALUES","values","max_1","max","min_1","min","stars","filtersData","variants","VARIANTS","searchParams","URLSearchParams","window","location","search","hasFilters","_i","_d","keys","length","includes","config","Object","currentUrl","href","filterValue","separator","indexOf","newUrl","history","pushState","path","childNodes","forEach","widget","__awaiter","__generator","setWidgetHeight","sent","prototype","componentWillLoad","Helper","extractFiltersFromUrl","console","warn","e_1","message","getFilters","applyFilters","setTimeout","url","URL","entries","startsWith","delete","encodedFilterValues","encodeFilters","sanitizedFilterValues","split","item","join","concat","_a","toString","emit","changed","parentKey","encodedFilters","hasOwnProperty","call","value","fullKey","Array","isArray","i","push","result","resetFilters","removeFiltersQueryParams","from","encodeURIComponent","finalUrl","pathname","handleOptionChange","option","RANGE","isChecked","target","checked","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, FilterOptionTypes } from \"./interfaces\";\nimport Helper from '../../Helpers/Helper';\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: any = {};\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.type = FilterOptionTypes.VALUES;\n          if (filter.key == 'rating') {\n            filter.type = FilterOptionTypes.VALUES;\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          if (this.filtersData.variants && filter.type == FilterOptionTypes.VARIANTS) {\n            freshFilterData.variants = this.filtersData.variants;\n          }\n          if (this.filtersData[filter.key] && filter.type !== FilterOptionTypes.VARIANTS) {\n            freshFilterData[filter.key] = this.filtersData[filter.key];\n          }\n          let searchParams = new URLSearchParams(window.location.search);\n          let hasFilters = false;\n          for (let key of searchParams.keys()) {\n            if (key.includes('filters')) {\n              hasFilters = true;\n              break; // No need to continue checking once a match is found\n            }\n          }\n          if (salla.config.get('page.slug') == \"product.index\" && Object.keys(freshFilterData).length == 0 && !hasFilters) {\n            // Append the current category to the url if there are no pre-selected filters\n            let currentUrl = window.location.href;\n            let filterValue = salla.config.get('page.id');\n            let separator = currentUrl.indexOf('?') !== -1 ? '&' : '?';\n            let newUrl = currentUrl + separator + 'filters[category_id]=' + filterValue;\n            freshFilterData.category_id = filterValue;\n            window.history.pushState({ path: newUrl }, '', newUrl);\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  async componentWillLoad() {\n    try {\n      const searchParams = new URLSearchParams(window.location.search);\n      this.filtersData = await Helper.extractFiltersFromUrl(searchParams);\n    } catch (e) {\n      console.warn('failed to get filters from URL', e.message);\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      }\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\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    else if (event.target.type == \"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    else if (event.target.type == \"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\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 } }) => {\n          this.handleOptionChange(event, option, value)\n        }} />)}\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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"}