@salla.sa/twilight-components 2.12.71 → 2.12.73

package/dist/esm-es5/salla-filters-widget.entry.js

@@ -1,5 +1,5 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{l(n.next(t))}catch(t){o(t)}}function a(t){try{l(n["throw"](t))}catch(t){o(t)}}function l(t){t.done?i(t.value):s(t.value).then(r,a)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,s,o,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(e){return l([t,e])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,a[0]&&(i=0)),i)try{if(n=1,s&&(o=a[0]&2?s["return"]:a[0]?s["throw"]||((o=s["return"])&&o.call(s),0):s.next)&&!(o=o.call(s,a[1])).done)return o;if(s=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;s=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(a[0]===6&&i.label<o[1]){i.label=o[1];o=a;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(a);break}if(o[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];s=0}finally{n=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(t,e,i,n){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function o(t){try{l(n.next(t))}catch(t){r(t)}}function a(t){try{l(n["throw"](t))}catch(t){r(t)}}function l(t){t.done?i(t.value):s(t.value).then(o,a)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,s,r,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(t){return function(e){return l([t,e])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(i=0)),i)try{if(n=1,s&&(r=a[0]&2?s["return"]:a[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,a[1])).done)return r;if(s=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;s=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];s=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
 /*!
  * Crafted with ❤ by Salla
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-e6c3f002.js";import{H as Helper}from"./Helper-a7076e76.js";import{a as FilterOptionTypes,F as FilterOptionInputType}from"./interfaces-cb9e8802.js";var sallaFiltersWidgetCss=":host{display:block}";var SallaFiltersWidget=function(){function t(t){registerInstance(this,t);this.changed=createEvent(this,"changed",7);this.initHeight=195;this.withLoadMore=undefined;this.filtersData=undefined;this.option=undefined;this.isOpen=true;this.isShowMore=false;this.showMoreLabel="عرض المزيد";this.showLessLabel="عرض أقل";this.page=salla.config.get("page")}t.prototype.connectedCallback=function(){var t=this;this.withLoadMore=this.option.key!="price"&&Array.isArray(this.option.values)&&this.option.values.length>8;salla.onReady((function(){t.page=salla.config.get("page")}));salla.lang.onLoaded((function(){t.showMoreLabel=salla.lang.getWithDefault("common.titles.more",t.showMoreLabel);t.showLessLabel=salla.lang.getWithDefault("common.elements.show_less",t.showLessLabel)}))};t.prototype.componentDidLoad=function(){this.widgetValues.scrollHeight<this.initHeight&&(this.withLoadMore=false);this.withLoadMore&&this.widgetValues&&(this.widgetValues.style.maxHeight="".concat(this.initHeight,"px"));this.widgetContent.style.height="".concat(this.widgetContent.scrollHeight,"px")};t.prototype.setWidgetHeight=function(t){if(t===void 0){t=250}return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){this.widgetContent.removeAttribute("style");setTimeout((function(){var t=e.widgetContent.offsetHeight;e.widgetContent.style.height=t+"px"}),t);return[2]}))}))};t.prototype.reset=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.option.type===FilterOptionTypes.RANGE){this.priceRange.reset()}Array.from(this.host.querySelectorAll("input")).forEach((function(t){return t.checked=false}));return[2]}))}))};t.prototype.showMore=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.isShowMore=!this.isShowMore;this.widgetContent.style.height="auto";this.widgetValues.style.maxHeight=this.isShowMore?"".concat(this.widgetValues.scrollHeight,"px"):"".concat(this.initHeight,"px");setTimeout((function(){t.widgetContent.style.height="".concat(t.widgetContent.scrollHeight,"px")}),400);return[2]}))}))};t.prototype.toggleWidget=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.isOpen=!this.isOpen;Helper.toggleElementClassIf(this.widgetContent,"s-filters-widget-opened","s-filters-widget-closed",(function(){return t.isOpen}));return[2]}))}))};t.prototype.renderFilterOption=function(t){var e=this;if(![FilterOptionTypes.VALUES,FilterOptionTypes.MINIMUM,FilterOptionTypes.VARIANTS].includes(t.type)){return""}return t.values.map((function(i,n){var s=typeof i=="number"?i:i.key||i.value;return h("label",{class:"s-filters-label",htmlFor:"".concat(t.key,"-option-").concat(n)},h("input",{id:"".concat(t.key,"-option-").concat(n),name:t.key,type:t.inputType,checked:e.isSelectedOption(t,s),class:"s-filters-".concat(t.inputType),onChange:function(i){return e.changed.emit({event:i,option:t,value:s})}}),e.getOptionLabel(t,i))}))};t.prototype.isSelectedOption=function(t,e){if(this.page.slug=="product.index"&&this.option.key=="category_id"){return this.page.id==e}if(!this.filtersData||!this.filtersData[t.key]){return false}return t.inputType===FilterOptionInputType.CHECKBOX?this.filtersData[t.key].includes(e):this.filtersData[t.key]==e};t.prototype.getOptionLabel=function(t,e){if(t.key=="rating"){return h("salla-rating-stars",{size:"small",value:e})}var i=e.value||"null";return h("span",{class:"s-filters-option-name"},i)};t.prototype.render=function(){var t=this;return h(Host,{class:"s-filters-widget-container"},h("h3",{class:"s-filters-widget-title",onClick:function(){return t.toggleWidget()}},h("span",null,this.option.label),h("span",{class:"s-filters-widget-plusminus ".concat(this.isOpen?"s-filters-widget-plusminus-active":"")})),h("div",{class:"s-filters-widget-content",ref:function(e){return t.widgetContent=e}},h("div",{class:"s-filters-widget-values",ref:function(e){return t.widgetValues=e}},h("slot",null),this.option.type!==FilterOptionTypes.RANGE?this.renderFilterOption(this.option):h("salla-price-range",{onChanged:function(e){return t.changed.emit(e.detail)},ref:function(e){return t.priceRange=e},filtersData:this.filtersData,option:this.option})),this.withLoadMore&&h("a",{class:"s-filters-widget-more",onClick:function(){return t.showMore()}},!this.isShowMore?this.showMoreLabel:this.showLessLabel)))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();SallaFiltersWidget.style=sallaFiltersWidgetCss;export{SallaFiltersWidget as salla_filters_widget};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-e6c3f002.js";import{H as Helper}from"./Helper-a7076e76.js";import{a as FilterOptionTypes,F as FilterOptionInputType}from"./interfaces-cb9e8802.js";var sallaFiltersWidgetCss=":host{display:block}";var SallaFiltersWidget=function(){function t(t){registerInstance(this,t);this.changed=createEvent(this,"changed",7);this.initHeight=195;this.withLoadMore=undefined;this.filtersData=undefined;this.option=undefined;this.isOpen=true;this.isShowMore=false;this.showMoreLabel="عرض المزيد";this.showLessLabel="عرض أقل";this.page=salla.config.get("page")}t.prototype.connectedCallback=function(){var t=this;this.withLoadMore=this.option.key!="price"&&Array.isArray(this.option.values)&&this.option.values.length>8;salla.onReady((function(){t.page=salla.config.get("page")}));salla.lang.onLoaded((function(){t.showMoreLabel=salla.lang.getWithDefault("common.titles.more",t.showMoreLabel);t.showLessLabel=salla.lang.getWithDefault("common.elements.show_less",t.showLessLabel)}))};t.prototype.componentDidLoad=function(){this.widgetValues.scrollHeight<this.initHeight&&(this.withLoadMore=false);this.withLoadMore&&this.widgetValues&&(this.widgetValues.style.maxHeight="".concat(this.initHeight,"px"));this.widgetContent.style.height="".concat(this.widgetContent.scrollHeight,"px")};t.prototype.setWidgetHeight=function(t){if(t===void 0){t=250}return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){this.widgetContent.removeAttribute("style");setTimeout((function(){var t=e.widgetContent.offsetHeight;e.widgetContent.style.height=t+"px"}),t);return[2]}))}))};t.prototype.reset=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.option.type===FilterOptionTypes.RANGE){this.priceRange.reset()}Array.from(this.host.querySelectorAll("input")).forEach((function(t){return t.checked=false}));return[2]}))}))};t.prototype.showMore=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.isShowMore=!this.isShowMore;this.widgetContent.style.height="auto";this.widgetValues.style.maxHeight=this.isShowMore?"".concat(this.widgetValues.scrollHeight,"px"):"".concat(this.initHeight,"px");setTimeout((function(){t.widgetContent.style.height="".concat(t.widgetContent.scrollHeight,"px")}),400);return[2]}))}))};t.prototype.toggleWidget=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.isOpen=!this.isOpen;Helper.toggleElementClassIf(this.widgetContent,"s-filters-widget-opened","s-filters-widget-closed",(function(){return t.isOpen}));return[2]}))}))};t.prototype.renderFilterOption=function(t){var e=this;if(![FilterOptionTypes.VALUES,FilterOptionTypes.MINIMUM,FilterOptionTypes.VARIANTS].includes(t.type)){return""}var i=[];var n=[];t.values.forEach((function(s,r){var o=typeof s=="number"?s:s.key||s.value;var a=e.page.slug=="product.index"&&Number(s.key)==e.page.id;var l=h("label",{class:"s-filters-label",htmlFor:"".concat(t.key,"-option-").concat(r),style:{opacity:a?"0.6":"1"}},h("input",{id:"".concat(t.key,"-option-").concat(r),name:a?"current-category":t.key,type:a?"checkbox":t.inputType,checked:a||e.isSelectedOption(t,o),disabled:a,class:"s-filters-".concat(a?"checkbox":t.inputType),onChange:function(i){return!a?e.changed.emit({event:i,option:t,value:o}):null}}),e.getOptionLabel(t,s));if(a){i.unshift(l)}else{n.push(l)}}));return i.concat(n)};t.prototype.isSelectedOption=function(t,e){if(!this.filtersData||!this.filtersData[t.key]){return false}return t.inputType===FilterOptionInputType.CHECKBOX?this.filtersData[t.key].includes(e):this.filtersData[t.key]==e};t.prototype.getOptionLabel=function(t,e){if(t.key=="rating"){return h("salla-rating-stars",{size:"small",value:e})}var i=e.value||"null";return h("span",{class:"s-filters-option-name"},i)};t.prototype.render=function(){var t=this;return h(Host,{class:"s-filters-widget-container"},h("h3",{class:"s-filters-widget-title",onClick:function(){return t.toggleWidget()}},h("span",null,this.option.label),h("span",{class:"s-filters-widget-plusminus ".concat(this.isOpen?"s-filters-widget-plusminus-active":"")})),h("div",{class:"s-filters-widget-content",ref:function(e){return t.widgetContent=e}},h("div",{class:"s-filters-widget-values",ref:function(e){return t.widgetValues=e}},h("slot",null),this.option.type!==FilterOptionTypes.RANGE?this.renderFilterOption(this.option):h("salla-price-range",{onChanged:function(e){return t.changed.emit(e.detail)},ref:function(e){return t.priceRange=e},filtersData:this.filtersData,option:this.option})),this.withLoadMore&&h("a",{class:"s-filters-widget-more",onClick:function(){return t.showMore()}},!this.isShowMore?this.showMoreLabel:this.showLessLabel)))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();SallaFiltersWidget.style=sallaFiltersWidgetCss;export{SallaFiltersWidget as salla_filters_widget};
 //# sourceMappingURL=salla-filters-widget.entry.js.map

package/dist/esm-es5/salla-filters-widget.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["sallaFiltersWidgetCss","SallaFiltersWidget","this","initHeight","salla","config","get","class_1","prototype","connectedCallback","_this","withLoadMore","option","key","Array","isArray","values","length","onReady","page","lang","onLoaded","showMoreLabel","getWithDefault","showLessLabel","componentDidLoad","widgetValues","scrollHeight","style","maxHeight","concat","widgetContent","height","setWidgetHeight","delay","removeAttribute","setTimeout","currentWidgetHeight","offsetHeight","reset","type","FilterOptionTypes","RANGE","priceRange","from","host","querySelectorAll","forEach","input","checked","showMore","isShowMore","toggleWidget","isOpen","Helper","toggleElementClassIf","renderFilterOption","VALUES","MINIMUM","VARIANTS","includes","map","filterOption","index","value","h","class","htmlFor","id","name","inputType","isSelectedOption","onChange","e","changed","emit","event","getOptionLabel","slug","filtersData","FilterOptionInputType","CHECKBOX","size","label","render","Host","onClick","ref","el","onChanged","detail","price"],"sources":["src/components/salla-filters-widget/salla-filters-widget.scss?tag=salla-filters-widget","src/components/salla-filters-widget/salla-filters-widget.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, h, Method, State, Prop, Event, Element } from '@stencil/core';\nimport Helper from '../../Helpers/Helper';\nimport { Filter, FilterOptionInputType, FilterOptionTypes } from \"../salla-filters/interfaces\";\n\n@Component({\n  tag: 'salla-filters-widget',\n  styleUrl: 'salla-filters-widget.scss',\n})\nexport class SallaFiltersWidget {\n  @Element() host: HTMLElement;\n\n  /**\n   * Show more or less filter options.\n   */\n  @Prop({ mutable: true }) withLoadMore: boolean;\n\n  /**\n   * Selected filter options value.\n   */\n  @Prop({ reflect: true }) filtersData: object;\n\n  /**\n   * Filter option along with possible values.\n   */\n  @Prop({ reflect: true }) option: Filter;\n\n\n  priceRange: HTMLSallaPriceRangeElement\n\n\n  private widgetValues: HTMLElement;\n  private widgetContent: HTMLDivElement;\n  private initHeight: number = 195;\n\n  @State() isOpen: boolean = true;\n  @State() isShowMore: boolean = false;\n  @State() showMoreLabel: string = \"عرض المزيد\";\n  @State() showLessLabel: string = \"عرض أقل\";\n  @State() page: any = salla.config.get('page');\n\n  /**\n   * Custom event emitted up on filter option selection changes.\n   */\n  @Event() changed: any;\n\n  connectedCallback() {\n    //lets be smart and don't show 5 and more link for 8 options\n    this.withLoadMore = this.option.key != 'price' && Array.isArray(this.option.values) && this.option.values.length > 8;\n    salla.onReady(() => {\n      this.page = salla.config.get('page');\n    })\n    salla.lang.onLoaded(() => {\n      this.showMoreLabel = salla.lang.getWithDefault('common.titles.more', this.showMoreLabel)\n      this.showLessLabel = salla.lang.getWithDefault('common.elements.show_less', this.showLessLabel)\n    })\n  }\n\n  componentDidLoad() {\n    this.widgetValues.scrollHeight < this.initHeight && (this.withLoadMore = false);\n    (this.withLoadMore && this.widgetValues) && (this.widgetValues.style.maxHeight = `${this.initHeight}px`);\n    this.widgetContent.style.height = `${this.widgetContent.scrollHeight}px`;\n  }\n\n  @Method()\n  async setWidgetHeight(delay = 250) {\n    this.widgetContent.removeAttribute('style');\n    setTimeout(() => {\n      let currentWidgetHeight: number = this.widgetContent.offsetHeight;\n      this.widgetContent.style.height = currentWidgetHeight + 'px';\n    }, delay)\n  }\n\n  /**\n   * Reset selected filter options.\n   */\n  @Method()\n  async reset() {\n    if (this.option.type === FilterOptionTypes.RANGE) {\n      this.priceRange.reset()\n    }\n    Array.from(this.host.querySelectorAll('input')).forEach(input => input.checked = false);\n  }\n\n\n  /**\n   * Action to show more or less filter options.\n   */\n  @Method()\n  async showMore() {\n    this.isShowMore = !this.isShowMore\n    this.widgetContent.style.height = 'auto';\n    this.widgetValues.style.maxHeight = this.isShowMore ? `${this.widgetValues.scrollHeight}px` : `${this.initHeight}px`;\n    setTimeout(() => {\n      this.widgetContent.style.height = `${this.widgetContent.scrollHeight}px`;\n    }, 400); // get height after time of collapse animtion (duration-300)\n  }\n\n  /**\n   * Action to toggle widget open or closed (expand/ collapse).\n   */\n  @Method()\n  async toggleWidget() {\n    this.isOpen = !this.isOpen;\n    Helper.toggleElementClassIf(this.widgetContent, 's-filters-widget-opened', 's-filters-widget-closed', () => this.isOpen);\n  }\n\n  renderFilterOption(option: Filter) {\n    if (![FilterOptionTypes.VALUES, FilterOptionTypes.MINIMUM, FilterOptionTypes.VARIANTS].includes(option.type)) {\n      return '';\n    }\n    //@ts-ignore\n    return option.values.map((filterOption, index) => {\n      let value = typeof filterOption == 'number' ? filterOption : (filterOption.key || filterOption.value);\n\n      return <label class=\"s-filters-label\" htmlFor={`${option.key}-option-${index}`}>\n        <input\n          id={`${option.key}-option-${index}`}\n          name={option.key}\n          type={option.inputType}\n          //TODO:: debug more why sometimes it's not rendered as selected🤨\n          checked={this.isSelectedOption(option, value)}\n          class={`s-filters-${option.inputType}`}\n          onChange={e => this.changed.emit({ event: e, option: option, value: value })}\n        />\n        {this.getOptionLabel(option, filterOption)}\n      </label>\n    }\n    )\n  }\n\n  private isSelectedOption(option: Filter, value) {\n    if (this.page.slug == 'product.index' && this.option.key == 'category_id') {\n      return this.page.id == value\n    }\n    \n    if (!this.filtersData || !this.filtersData[option.key]) {\n      return false\n    }\n\n    return option.inputType === FilterOptionInputType.CHECKBOX\n      ? this.filtersData[option.key].includes(value)\n      : this.filtersData[option.key] == value;\n  }\n\n  private getOptionLabel(option: Filter, filterOption) {\n    if (option.key == 'rating') {\n      //in amazon has stars & up, should we add it, to avoid those people who will come to say I selected 4 why I see 5 sars products\n      return <salla-rating-stars size=\"small\" value={filterOption} />;\n    }\n    let label = filterOption.value || 'null';\n    //label+=filterOption.count ? ` (${salla.helpers.number(filterOption.count)})` : '';\n    return <span class=\"s-filters-option-name\">{label}</span>;\n  }\n\n  render() {\n    return (\n      <Host class=\"s-filters-widget-container\">\n        <h3 class=\"s-filters-widget-title\" onClick={() => this.toggleWidget()}>\n          <span>{this.option.label}</span>\n          <span class={`s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}`} />\n        </h3>\n        <div class=\"s-filters-widget-content\" ref={(el) => this.widgetContent = el}>\n          <div class=\"s-filters-widget-values\" ref={(el) => this.widgetValues = el}>\n            <slot />\n            {\n              this.option.type !== FilterOptionTypes.RANGE\n                ? this.renderFilterOption(this.option)\n                : <salla-price-range onChanged={(event) => this.changed.emit(event.detail)}\n                  ref={price => this.priceRange = price}\n                  filtersData={this.filtersData}\n                  option={this.option} />\n            }\n          </div>\n          {this.withLoadMore &&\n            <a class=\"s-filters-widget-more\"\n              onClick={() => this.showMore()}>{!this.isShowMore ? this.showMoreLabel : this.showLessLabel}</a>\n          }\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}
+{"version":3,"names":["sallaFiltersWidgetCss","SallaFiltersWidget","this","initHeight","salla","config","get","class_1","prototype","connectedCallback","_this","withLoadMore","option","key","Array","isArray","values","length","onReady","page","lang","onLoaded","showMoreLabel","getWithDefault","showLessLabel","componentDidLoad","widgetValues","scrollHeight","style","maxHeight","concat","widgetContent","height","setWidgetHeight","delay","removeAttribute","setTimeout","currentWidgetHeight","offsetHeight","reset","type","FilterOptionTypes","RANGE","priceRange","from","host","querySelectorAll","forEach","input","checked","showMore","isShowMore","toggleWidget","isOpen","Helper","toggleElementClassIf","renderFilterOption","VALUES","MINIMUM","VARIANTS","includes","disabledAndSelectedOption","otherOptions","filterOption","index","value","isDisabledAndSelected","slug","Number","id","label","h","class","htmlFor","opacity","name","inputType","isSelectedOption","disabled","onChange","e","changed","emit","event","getOptionLabel","unshift","push","filtersData","FilterOptionInputType","CHECKBOX","size","render","Host","onClick","ref","el","onChanged","detail","price"],"sources":["src/components/salla-filters-widget/salla-filters-widget.scss?tag=salla-filters-widget","src/components/salla-filters-widget/salla-filters-widget.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, h, Method, State, Prop, Event, Element } from '@stencil/core';\nimport Helper from '../../Helpers/Helper';\nimport { Filter, FilterOptionInputType, FilterOptionTypes } from \"../salla-filters/interfaces\";\n\n@Component({\n  tag: 'salla-filters-widget',\n  styleUrl: 'salla-filters-widget.scss',\n})\nexport class SallaFiltersWidget {\n  @Element() host: HTMLElement;\n\n  /**\n   * Show more or less filter options.\n   */\n  @Prop({ mutable: true }) withLoadMore: boolean;\n\n  /**\n   * Selected filter options value.\n   */\n  @Prop({ reflect: true }) filtersData: object;\n\n  /**\n   * Filter option along with possible values.\n   */\n  @Prop({ reflect: true }) option: Filter;\n\n\n  priceRange: HTMLSallaPriceRangeElement\n\n\n  private widgetValues: HTMLElement;\n  private widgetContent: HTMLDivElement;\n  private initHeight: number = 195;\n\n  @State() isOpen: boolean = true;\n  @State() isShowMore: boolean = false;\n  @State() showMoreLabel: string = \"عرض المزيد\";\n  @State() showLessLabel: string = \"عرض أقل\";\n  @State() page: any = salla.config.get('page');\n\n  /**\n   * Custom event emitted up on filter option selection changes.\n   */\n  @Event() changed: any;\n\n  connectedCallback() {\n    //lets be smart and don't show 5 and more link for 8 options\n    this.withLoadMore = this.option.key != 'price' && Array.isArray(this.option.values) && this.option.values.length > 8;\n    salla.onReady(() => {\n      this.page = salla.config.get('page');\n    })\n    salla.lang.onLoaded(() => {\n      this.showMoreLabel = salla.lang.getWithDefault('common.titles.more', this.showMoreLabel)\n      this.showLessLabel = salla.lang.getWithDefault('common.elements.show_less', this.showLessLabel)\n    })\n  }\n\n  componentDidLoad() {\n    this.widgetValues.scrollHeight < this.initHeight && (this.withLoadMore = false);\n    (this.withLoadMore && this.widgetValues) && (this.widgetValues.style.maxHeight = `${this.initHeight}px`);\n    this.widgetContent.style.height = `${this.widgetContent.scrollHeight}px`;\n  }\n\n  @Method()\n  async setWidgetHeight(delay = 250) {\n    this.widgetContent.removeAttribute('style');\n    setTimeout(() => {\n      let currentWidgetHeight: number = this.widgetContent.offsetHeight;\n      this.widgetContent.style.height = currentWidgetHeight + 'px';\n    }, delay)\n  }\n\n  /**\n   * Reset selected filter options.\n   */\n  @Method()\n  async reset() {\n    if (this.option.type === FilterOptionTypes.RANGE) {\n      this.priceRange.reset()\n    }\n    Array.from(this.host.querySelectorAll('input')).forEach(input => input.checked = false);\n  }\n\n\n  /**\n   * Action to show more or less filter options.\n   */\n  @Method()\n  async showMore() {\n    this.isShowMore = !this.isShowMore\n    this.widgetContent.style.height = 'auto';\n    this.widgetValues.style.maxHeight = this.isShowMore ? `${this.widgetValues.scrollHeight}px` : `${this.initHeight}px`;\n    setTimeout(() => {\n      this.widgetContent.style.height = `${this.widgetContent.scrollHeight}px`;\n    }, 400); // get height after time of collapse animtion (duration-300)\n  }\n\n  /**\n   * Action to toggle widget open or closed (expand/ collapse).\n   */\n  @Method()\n  async toggleWidget() {\n    this.isOpen = !this.isOpen;\n    Helper.toggleElementClassIf(this.widgetContent, 's-filters-widget-opened', 's-filters-widget-closed', () => this.isOpen);\n  }\n\n  renderFilterOption(option: Filter) {\n    if (![FilterOptionTypes.VALUES, FilterOptionTypes.MINIMUM, FilterOptionTypes.VARIANTS].includes(option.type)) {\n      return '';\n    }\n  \n    const disabledAndSelectedOption = [];\n    const otherOptions = [];\n  \n    option.values.forEach((filterOption, index) => {\n      let value = typeof filterOption == 'number' ? filterOption : (filterOption.key || filterOption.value);\n  \n      const isDisabledAndSelected = this.page.slug == 'product.index' && Number(filterOption.key) == this.page.id;\n  \n      const label = (\n        <label class=\"s-filters-label\" htmlFor={`${option.key}-option-${index}`} style={{\"opacity\" : isDisabledAndSelected ? \"0.6\" : \"1\"}}>\n          <input\n            id={`${option.key}-option-${index}`}\n            name={isDisabledAndSelected ? \"current-category\" : option.key}\n            type={isDisabledAndSelected ? \"checkbox\" : option.inputType}\n            checked={isDisabledAndSelected || this.isSelectedOption(option, value)}\n            disabled={isDisabledAndSelected}\n            class={`s-filters-${isDisabledAndSelected ? \"checkbox\" : option.inputType}`}\n            onChange={e => !isDisabledAndSelected ? this.changed.emit({ event: e, option: option, value: value }) : null}\n          />\n          {this.getOptionLabel(option, filterOption)}\n        </label>\n      );\n  \n      if (isDisabledAndSelected) {\n        disabledAndSelectedOption.unshift(label); // Add to the beginning of the disabledAndSelectedOption array\n      } else {\n        otherOptions.push(label); // Add to the end of the otherOptions array\n      }\n    });\n  \n    return disabledAndSelectedOption.concat(otherOptions);\n  }\n  \n  \n  \n\n  private isSelectedOption(option: Filter, value) {\n\n    \n    if (!this.filtersData || !this.filtersData[option.key]) {\n      return false\n    }\n\n    return option.inputType === FilterOptionInputType.CHECKBOX\n      ? this.filtersData[option.key].includes(value)\n      : this.filtersData[option.key] == value;\n  }\n\n  private getOptionLabel(option: Filter, filterOption) {\n    if (option.key == 'rating') {\n      //in amazon has stars & up, should we add it, to avoid those people who will come to say I selected 4 why I see 5 sars products\n      return <salla-rating-stars size=\"small\" value={filterOption} />;\n    }\n    let label = filterOption.value || 'null';\n    //label+=filterOption.count ? ` (${salla.helpers.number(filterOption.count)})` : '';\n    return <span class=\"s-filters-option-name\">{label}</span>;\n  }\n\n  render() {\n    return (\n      <Host class=\"s-filters-widget-container\">\n        <h3 class=\"s-filters-widget-title\" onClick={() => this.toggleWidget()}>\n          <span>{this.option.label}</span>\n          <span class={`s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}`} />\n        </h3>\n        <div class=\"s-filters-widget-content\" ref={(el) => this.widgetContent = el}>\n          <div class=\"s-filters-widget-values\" ref={(el) => this.widgetValues = el}>\n            <slot />\n            {\n              this.option.type !== FilterOptionTypes.RANGE\n                ? this.renderFilterOption(this.option)\n                : <salla-price-range onChanged={(event) => this.changed.emit(event.detail)}\n                  ref={price => this.priceRange = price}\n                  filtersData={this.filtersData}\n                  option={this.option} />\n            }\n          </div>\n          {this.withLoadMore &&\n            <a class=\"s-filters-widget-more\"\n              onClick={() => this.showMore()}>{!this.isShowMore ? this.showMoreLabel : this.showLessLabel}</a>\n          }\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}

package/dist/esm-es5/salla-price-range.entry.js

@@ -1,5 +1,5 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function l(e){try{o(i.next(e))}catch(e){a(e)}}function s(e){try{o(i["throw"](e))}catch(e){a(e)}}function o(e){e.done?n(e.value):r(e.value).then(l,s)}o((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(e){return function(t){return o([e,t])}}function o(s){if(i)throw new TypeError("Generator is already executing.");while(l&&(l=0,s[0]&&(n=0)),n)try{if(i=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1];a=s;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(s);break}if(a[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];r=0}finally{i=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function o(e){try{l(n.next(e))}catch(e){a(e)}}function s(e){try{l(n["throw"](e))}catch(e){a(e)}}function l(e){e.done?i(e.value):r(e.value).then(o,s)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(n=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e];r=0}finally{n=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
 /*!
  * Crafted with ❤ by Salla
- */import{r as registerInstance,c as createEvent,h,H as Host}from"./index-e6c3f002.js";var sallaPriceRangeCss=":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 SallaPriceRange=function(){function e(e){registerInstance(this,e);this.changed=createEvent(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="من"}e.prototype.connectedCallback=function(){var e=this;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((function(){e.moreThanLabel=salla.lang.getWithDefault("common.elements.more_than",e.moreThanLabel);e.lessThanLabel=salla.lang.getWithDefault("common.elements.less_than",e.lessThanLabel);e.toLabel=salla.lang.getWithDefault("common.elements.to",e.toLabel);e.fromLabel=salla.lang.getWithDefault("common.elements.from",e.fromLabel)}));if(this.option.values.length==1){return}if(this.option.values.length<=5){this.filterValues=this.option.values;return}var n=Math.ceil(this.option.values.length/5);for(var i=0;i<this.option.values.length;i+=n){this.filterValues.push(this.option.values.slice(i,i+n).reduce((function(e,t){e.to=t.to;e.count+=t.count;return e})))}};e.prototype.reset=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.minInput.value=null;this.maxInput.value=null;return[2]}))}))};e.prototype.getPriceLabel=function(e){if(isNaN(e.from)||e.from<1){return"".concat(this.lessThanLabel," ").concat(salla.money(e.to))}if(isNaN(e.to)||e.to<1){return"".concat(this.moreThanLabel," ").concat(salla.money(e.from))}return"".concat(salla.money(e.from)," ").concat(this.toLabel," ").concat(salla.money(e.to))};e.prototype.handleMinMaxPrice=function(e,t){this.minPrice=t.from;this.maxPrice=t.to!="*"?t.to:null;this.changedEventHandler(e)};e.prototype.changedEventHandler=function(e,t){if(t===void 0){t=false}return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(i){salla.helpers.inputDigitsOnly(e.target);n=e?e.target.value*1:null;if(t){this.minInputValidation(n)}else{this.maxInputValidation(n)}this.isReady&&this.changed.emit({event:e,option:this.option,value:{max:this.maxPrice,min:this.minPrice}});return[2]}))}))};e.prototype.minInputValidation=function(e){if(e&&(e>this.max||e>this.maxPrice)){return}if(e<this.min){this.minPrice=this.min;return}if(e){this.minPrice=e}};e.prototype.maxInputValidation=function(e){if(e&&(e<this.min||e<this.minPrice)){return}if(e>this.max){this.maxPrice=this.max;return}if(e){this.maxPrice=e}};e.prototype.isChecked=function(e){if(!this.minPrice&&!this.maxPrice){return false}var t=(e.from<1||e.from=="*")&&this.minPrice==0||e.from==this.minPrice;var n=e.to=="*"||!e.to||e.to==this.maxPrice;return t&&n};e.prototype.render=function(){var e=this;return h(Host,null,this.filterValues.map((function(t,n){return h("label",{class:"s-filters-label",htmlFor:"".concat(e.option.key,"-").concat(n)},h("input",{id:"".concat(e.option.key,"-").concat(n),name:"price",type:"radio",checked:e.isChecked(t),class:"s-filters-radio",onChange:function(n){return e.handleMinMaxPrice(n,t)}}),e.getPriceLabel(t))})),h("div",{class:"flex justify-center items-center"},h("div",{class:"relative max-w-xl w-full"},h("div",{class:"s-price-range-inputs"},h("div",{class:"s-price-range-relative"},h("div",{class:"s-price-range-currency"}," ",salla.config.currency().symbol),h("input",{type:"number",maxlength:"5",ref:function(t){return e.minInput=t},onInput:function(t){return e.changedEventHandler(t,true)},value:this.minPrice,placeholder:this.fromLabel,class:"s-price-range-number-input"})),h("div",{class:"s-price-range-gray-text"}," -"),h("div",{class:"s-price-range-relative"},h("div",{class:"s-price-range-currency"}," ",salla.config.currency().symbol),h("input",{type:"number",maxlength:"5",placeholder:this.toLabel,ref:function(t){return e.maxInput=t},onInput:function(t){return e.changedEventHandler(t)},value:this.maxPrice,class:"s-price-range-number-input","aria-describedby":"price-currency"}))))))};e.prototype.componentDidLoad=function(){this.isReady=true};return e}();SallaPriceRange.style=sallaPriceRangeCss;export{SallaPriceRange as salla_price_range};
+ */import{r as registerInstance,c as createEvent,h,H as Host}from"./index-e6c3f002.js";var sallaPriceRangeCss=":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 SallaPriceRange=function(){function e(e){registerInstance(this,e);this.changed=createEvent(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.debounce=setTimeout((function(){return""}),1e3)}e.prototype.connectedCallback=function(){var e=this;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((function(){e.moreThanLabel=salla.lang.getWithDefault("common.elements.more_than",e.moreThanLabel);e.lessThanLabel=salla.lang.getWithDefault("common.elements.less_than",e.lessThanLabel);e.toLabel=salla.lang.getWithDefault("common.elements.to",e.toLabel);e.fromLabel=salla.lang.getWithDefault("common.elements.from",e.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(e,t){e.to=t.to;e.count+=t.count;return e})))}};e.prototype.reset=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.minInput.value=null;this.maxInput.value=null;return[2]}))}))};e.prototype.getPriceLabel=function(e){if(isNaN(e.from)||e.from<1){return"".concat(this.lessThanLabel," ").concat(salla.money(e.to))}if(isNaN(e.to)||e.to<1){return"".concat(this.moreThanLabel," ").concat(salla.money(e.from))}return"".concat(salla.money(e.from)," ").concat(this.toLabel," ").concat(salla.money(e.to))};e.prototype.handleMinMaxPrice=function(e,t){this.minPrice=t.from;this.maxPrice=t.to!="*"?t.to:"";this.changedEventHandler(e)};e.prototype.changedEventHandler=function(e,t){if(t===void 0){t=false}return __awaiter(this,void 0,void 0,(function(){var i;var n=this;return __generator(this,(function(r){this.typing=true;salla.helpers.inputDigitsOnly(e.target);i=e?e.target.value*1:"";clearTimeout(this.debounce);this.debounce=setTimeout((function(){n.typing=false;if(t){if(!n.maxPrice&&i){n.maxPrice=""}n.minInputValidation(i)}else{if(!n.minPrice&&i){n.minPrice=0}n.maxInputValidation(i)}n.isReady&&n.changed.emit({event:e,option:n.option,value:{max:n.maxPrice,min:n.minPrice}})}),1e3);return[2]}))}))};e.prototype.minInputValidation=function(e){if(e&&(e>this.max||this.maxPrice&&e>this.maxPrice)){return}if(e<this.min){this.minPrice=this.min;return}if(e){this.minPrice=e}};e.prototype.maxInputValidation=function(e){if(e&&(e<this.min||this.minPrice&&e<this.minPrice)){return}if(e>this.max){this.maxPrice=this.max;return}if(e){this.maxPrice=e}};e.prototype.isChecked=function(e){if(!this.minPrice&&!this.maxPrice){return false}var t=(e.from<1||e.from=="*")&&this.minPrice==0||e.from==this.minPrice;var i=e.to=="*"||!e.to||e.to==this.maxPrice;return t&&i};e.prototype.render=function(){var e=this;return h(Host,null,this.filterValues.map((function(t,i){return h("label",{class:"s-filters-label",htmlFor:"".concat(e.option.key,"-").concat(i)},h("input",{id:"".concat(e.option.key,"-").concat(i),name:"price",type:"radio",checked:e.isChecked(t),class:"s-filters-radio",onChange:function(i){return e.handleMinMaxPrice(i,t)}}),e.getPriceLabel(t))})),h("div",{class:"flex justify-center items-center"},h("div",{class:"relative max-w-xl w-full"},h("div",{class:"s-price-range-inputs"},h("div",{class:"s-price-range-relative"},h("div",{class:"s-price-range-currency"}," ",salla.config.currency().symbol),h("input",{type:"number",maxlength:"5",ref:function(t){return e.minInput=t},onInput:function(t){return e.changedEventHandler(t,true)},value:this.minPrice,placeholder:this.fromLabel,class:"s-price-range-number-input"})),h("div",{class:"s-price-range-gray-text"}," -"),h("div",{class:"s-price-range-relative"},h("div",{class:"s-price-range-currency"}," ",salla.config.currency().symbol),h("input",{type:"number",maxlength:"5",placeholder:this.toLabel,ref:function(t){return e.maxInput=t},onInput:function(t){return e.changedEventHandler(t)},value:this.maxPrice,class:"s-price-range-number-input","aria-describedby":"price-currency"}))))))};e.prototype.componentDidLoad=function(){this.isReady=true};return e}();SallaPriceRange.style=sallaPriceRangeCss;export{SallaPriceRange as salla_price_range};
 //# sourceMappingURL=salla-price-range.entry.js.map

package/dist/esm-es5/salla-price-range.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["sallaPriceRangeCss","SallaPriceRange","this","filterValues","class_1","prototype","connectedCallback","_this","filtersData","_a","price","minPrice","min","maxPrice","max","salla","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","handleMinMaxPrice","event","changedEventHandler","isMin","helpers","inputDigitsOnly","target","minInputValidation","maxInputValidation","isReady","changed","emit","isChecked","isMinEqual","isMaxEqual","render","h","Host","map","index","class","htmlFor","key","id","name","type","checked","onChange","e","config","currency","symbol","maxlength","ref","el","onInput","placeholder","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\";\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\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  private handleMinMaxPrice(event: Event, value: FilterValue): void {\n\n    //todo:: cover when from is star\n    this.minPrice = value.from;\n    this.maxPrice = value.to != '*' ? value.to : null;\n\n    this.changedEventHandler(event);\n  }\n\n  private async changedEventHandler(event, isMin = false) {\n    salla.helpers.inputDigitsOnly(event.target)\n    let value = event ? event.target.value * 1 : null\n    if (isMin) {\n      this.minInputValidation(value);\n    } else {\n      this.maxInputValidation(value)\n    }\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\n\n  minInputValidation(value) {\n    if (value && (value > this.max || 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 || 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    if (value) {\n      this.maxPrice = value;\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\n  render() {\n    return (\n      <Host>\n        {\n          this.filterValues.map((filterValue: FilterValue, index: number) => {\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                  onInput={(event) => this.changedEventHandler(event, true)}\n                  value={this.minPrice}\n                  placeholder={this.fromLabel}\n                  class=\"s-price-range-number-input\"\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 type=\"number\" maxlength=\"5\"\n                       placeholder={this.toLabel}\n                       ref={el => this.maxInput = el}\n                       onInput={(event) => this.changedEventHandler(event)}\n                       value={this.maxPrice}\n                       class=\"s-price-range-number-input\" aria-describedby=\"price-currency\"/>\n              </div>\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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"}
+{"version":3,"names":["sallaPriceRangeCss","SallaPriceRange","this","filterValues","setTimeout","class_1","prototype","connectedCallback","_this","filtersData","_a","price","minPrice","min","maxPrice","max","salla","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","handleMinMaxPrice","event","changedEventHandler","isMin","typing","helpers","inputDigitsOnly","target","clearTimeout","debounce","minInputValidation","maxInputValidation","isReady","changed","emit","isChecked","isMinEqual","isMaxEqual","render","h","Host","map","index","class","htmlFor","key","id","name","type","checked","onChange","e","config","currency","symbol","maxlength","ref","el","onInput","placeholder","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\";\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() debounce: ReturnType<typeof setTimeout> = setTimeout(() => '', 1000);\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  private handleMinMaxPrice(event: Event, value: FilterValue): void {\n\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  private async changedEventHandler(event, isMin = false) {\n    this.typing = true;\n    salla.helpers.inputDigitsOnly(event.target)\n    let value = event ? event.target.value * 1 : \"\"\n    clearTimeout(this.debounce)\n    this.debounce = setTimeout(() => {\n      this.typing = false\n      if (isMin) {\n        if (!this.maxPrice && value) {\n          this.maxPrice = '';\n        }\n        this.minInputValidation(value);\n      } else {\n        if (!this.minPrice && value) {\n          this.minPrice = 0;\n        }\n        this.maxInputValidation(value)\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    }, 1000)\n  }\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    if (value) {\n      this.maxPrice = value;\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\n  render() {\n    return (\n      <Host>\n        {\n          this.filterValues.map((filterValue: FilterValue, index: number) => {\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                  onInput={(event) => this.changedEventHandler(event, true)}\n                  value={this.minPrice}\n                  placeholder={this.fromLabel}\n                  class=\"s-price-range-number-input\"\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 type=\"number\" maxlength=\"5\"\n                  placeholder={this.toLabel}\n                  ref={el => this.maxInput = el}\n                  onInput={(event) => this.changedEventHandler(event)}\n                  value={this.maxPrice}\n                  class=\"s-price-range-number-input\" aria-describedby=\"price-currency\" />\n              </div>\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/esm-es5/salla-products-list.entry.js

@@ -1,5 +1,5 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{l(r.next(e))}catch(e){o(e)}}function a(e){try{l(r["throw"](e))}catch(e){o(e)}}function l(e){e.done?n(e.value):i(e.value).then(s,a)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(n=0)),n)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r["throw"](e))}catch(e){o(e)}}function l(e){e.done?n(e.value):i(e.value).then(a,s)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(s){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(r=1,i&&(o=s[0]&2?i["return"]:s[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,s[1])).done)return o;if(i=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];i=0}finally{r=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
 /*!
  * Crafted with ❤ by Salla
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-e6c3f002.js";import{a as anime}from"./anime.es-6b92d9cd.js";import{H as Helper}from"./Helper-a7076e76.js";var ShoppingBag='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>shopping-bag</title>\n<path d="M28 10.667h-4v-2.667c0-4.412-3.588-8-8-8s-8 3.588-8 8v2.667h-4c-0.736 0-1.333 0.596-1.333 1.333v13.333c0 3.676 2.991 6.667 6.667 6.667h13.333c3.676 0 6.667-2.991 6.667-6.667v-13.333c0-0.737-0.597-1.333-1.333-1.333zM10.667 8c0-2.941 2.392-5.333 5.333-5.333s5.333 2.392 5.333 5.333v2.667h-10.667zM26.667 25.333c0 2.205-1.795 4-4 4h-13.333c-2.205 0-4-1.795-4-4v-12h2.667v2.667c0 0.737 0.597 1.333 1.333 1.333s1.333-0.596 1.333-1.333v-2.667h10.667v2.667c0 0.737 0.597 1.333 1.333 1.333s1.333-0.596 1.333-1.333v-2.667h2.667z"></path>\n</svg>\n';var sallaProductsListCss="";var SallaProductsList=function(){function e(e){registerInstance(this,e);this.productsFetched=createEvent(this,"productsFetched",7);this.source=undefined;this.sourceValue=undefined;this.limit=undefined;this.sortBy=undefined;this.filtersResults=undefined;this.horizontalCards=undefined;this.productCardComponent="custom-salla-product-card";this.page=1;this.nextPage=undefined;this.hasInfiniteScroll=undefined;this.hasCustomComponent=undefined;this.sourceValueIsValid=undefined;this.placeholderText=undefined;this.isReady=undefined;this.showPlaceholder=undefined;this.parsedFilters=undefined}e.prototype.connectedCallback=function(){var e=this;salla.event.on("salla-filters::changed",(function(t){return e.setFilters(t)}))};e.prototype.setFilters=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!!e&&JSON.stringify(this.parsedFilters)===JSON.stringify(e)){return[2]}window.scrollTo({top:0,behavior:"smooth"});this.parsedFilters=e;return[2,this.reload()]}))}))};e.prototype.reload=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){salla.infiniteScroll.destroy(this.infiniteScroll);this.buildNextPageUrl();this.wrapper.innerHTML="";this.init();return[2]}))}))};e.prototype.isFilterable=function(){return salla.config.get("store.settings.product.filters")&&this.filtersResults};e.prototype.isSourceWithoutValue=function(){return["offers","latest","sales"].includes(this.getSource())};e.prototype.animateItems=function(){anime({targets:"salla-products-list salla-product-card",opacity:[0,1],duration:1200,translateY:[20,0],delay:function(e,t){return t*100}})};e.prototype.createStatusDom=function(){var e=this;this.status=document.createElement("div");this.status.className="s-infinite-scroll-wrapper";this.status.innerHTML='<div class="s-infinite-scroll-status">\n        <p class="s-infinite-scroll-last infinite-scroll-last s-hidden" >'.concat(salla.lang.get("common.elements.end_of_content"),'</p>\n        <p class="s-infinite-scroll-error infinite-scroll-error s-hidden">').concat(salla.lang.get("common.elements.failed_to_load_more"),'</p>\n      </div>\n      <a href="#" class="s-infinite-scroll-btn s-button-btn">\n        <span class="s-button-loader s-button-loader-center s-infinite-scroll-btn-loader" style="display: none"></span>\n      </a>');this.btnLoader=this.status.querySelector(".s-button-loader");salla.lang.onLoaded((function(){e.status.querySelector(".s-infinite-scroll-last").innerHTML=salla.lang.get("common.elements.end_of_content");e.status.querySelector(".s-infinite-scroll-error").innerHTML=salla.lang.get("common.elements.failed_to_load_more");e.placeholderText=salla.lang.get("pages.categories.no_products")}))};e.prototype.initBaseNextPageUrl=function(e){var t=this;this.nextPage=salla.url.api("products?source=".concat(e));if(this.limit){this.nextPage+="&per_page=".concat(this.limit>32?32:this.limit)}if(this.sortBy){this.nextPage+="&sort=".concat(this.sortBy)}this.nextPage+="&filterable=1";var n=function(e,n){if(["string","number"].includes(typeof n)){r.nextPage+="&filters[".concat(encodeURIComponent(e),"]=").concat(encodeURIComponent(n))}else if(Array.isArray(n)){n.forEach((function(n){return t.nextPage+="&filters[".concat(encodeURIComponent(e),"][]=").concat(encodeURIComponent(n))}))}else if(typeof n==="object"){for(var i=0,o=Object.entries(n);i<o.length;i++){var s=o[i],a=s[0],l=s[1];r.nextPage+="&filters[".concat(encodeURIComponent(e),"][").concat(encodeURIComponent(a),"]=").concat(encodeURIComponent(l))}}};var r=this;for(var i=0,o=Object.entries(this.parsedFilters||{});i<o.length;i++){var s=o[i],a=s[0],l=s[1];n(a,l)}};e.prototype.buildNextPageUrl=function(){var e=this.getSource();if(e==="json"){return}this.initBaseNextPageUrl(e);if(this.isSourceWithoutValue()){return}if(["search","related","landing-page"].includes(e)){this.nextPage+="&source_value=".concat(this.getSourceValue());return}try{this.nextPage+="&source_value[]=".concat(this.getSourceValue().join("&source_value[]="))}catch(t){salla.logger.warn('source-value prop should be array of ids ex source-value="[1,2,3]" for the source ['.concat(e,"]"));this.sourceValueIsValid=false}};e.prototype.loading=function(e){if(e===void 0){e=true}this.btnLoader.style.display=e?"inherit":"none"};e.prototype.getItemHTML=function(e){this.getSource()==="landing-page"&&(e.url="");var t=this.hasCustomComponent?this.productCardComponent:"salla-product-card";var n=document.createElement(t);n.product=e;this.applyLandingPageStyles(n);this.applyHorizontalCardStyles(n);return n};e.prototype.applyLandingPageStyles=function(e){if(this.getSource()==="landing-page"&&!this.hasCustomComponent){e.toggleAttribute("hide-add-btn",true);e.classList.add("s-product-card-fit-height")}};e.prototype.applyHorizontalCardStyles=function(e){if(!this.horizontalCards){return}e.setAttribute("horizontal",true);if(!this.hasCustomComponent){e.setAttribute("shadow-on-hover",true)}};e.prototype.getSource=function(){return Helper.getProductsSource(this.source)};e.prototype.getSourceValue=function(){return Helper.getProductsSourceValue(this.source,this.sourceValue)};e.prototype.appendDataLayer=function(e){var t=document.createElement("script");var n={event:"impressions",ecommerce:{currencyCode:salla.config.get("user.currency_code"),impressions:e.map((function(e){return{id:e.id,name:e.name,price:e.price,brand:"",quantity:e.quantity,variant:"",categories:[{name:salla.config.get("page.title"),id:salla.config.get("page.id")}],category:salla.config.get("page.title")}})),page:{pageName:salla.config.get("page.slug"),mobileApp:0,referrer:document.referrer,theme:salla.config.get("theme.name")}}};t.appendChild(document.createTextNode("window.dataLayer = window.dataLayer || [];"));t.appendChild(document.createTextNode("window.dataLayer.push("+JSON.stringify(n)+");"));document.head.appendChild(t)};e.prototype.initiateInfiniteScroll=function(){var e=this;var t,n,r;if(!this.hasInfiniteScroll){return}this.host.insertAdjacentElement("beforeend",this.status);this.infiniteScroll=salla.infiniteScroll.initiate(this.wrapper,this.wrapper,{path:function(){return e.nextPage},history:false,nextPage:this.nextPage,scrollThreshold:100},true);(t=this.infiniteScroll)===null||t===void 0?void 0:t.on("request",(function(){return e.loading()}));(n=this.infiniteScroll)===null||n===void 0?void 0:n.on("load",(function(t){var n;if(!((n=t.data)===null||n===void 0?void 0:n.length)&&e.infiniteScroll.pageIndex==2){e.showPlaceholder=true;salla.infiniteScroll.destroy(e.infiniteScroll);e.loading(false);return}else{e.showPlaceholder=false}e.infiniteScroll.appendItems(e.handleResponse(t));if(e.infiniteScroll.pageIndex==2){e.animateItems()}}));(r=this.infiniteScroll)===null||r===void 0?void 0:r.on("error",(function(){e.status.querySelector(".s-infinite-scroll-error").classList.remove("s-hidden");e.loading(false)}));salla.onReady((function(){return salla.infiniteScroll.loadNextPage(e.infiniteScroll)}))};e.prototype.componentWillLoad=function(){var e=this;return Helper.onSallaReadyPromise((function(){e.hasCustomComponent=!!customElements.get(e.productCardComponent);e.sourceValueIsValid=!!(e.getSourceValue()||e.isSourceWithoutValue());e.hasInfiniteScroll=!["json","selected","related","landing-page"].includes(e.getSource())&&!e.limit;try{var t=new URLSearchParams(window.location.search);e.sortBy=e.sortBy||t.get("sort")||t.get("by");var n=t.get("filters");e.parsedFilters=n?JSON.parse(decodeURIComponent(n)):{}}catch(e){salla.logger.warn("failed to get filters from url",e.message)}e.buildNextPageUrl();e.createStatusDom();e.isReady=true;if(!e.sourceValueIsValid){salla.logger.warn("source-value prop is required for source [".concat(e.getSource(),"]"));return}if(e.hasInfiniteScroll){return}if(e.getSource()==="json"){if(!e.getSourceValue().length){e.showPlaceholder=true;return}setTimeout((function(){e.getSourceValue().map((function(t){return e.wrapper.append(e.getItemHTML(t))}))}));return}if(e.getSource()==="selected"&&!e.getSourceValue().length){e.showPlaceholder=true;return}return Helper.fetchProducts(e.getSource(),e.getSourceValue(),e.limit).then((function(t){if(!t.data.length){e.showPlaceholder=true;e.loading(false);return}setTimeout((function(){e.handleResponse(t).forEach((function(t){return e.wrapper.append(t)}))}),100)}))}))};e.prototype.canRender=function(){return this.sourceValueIsValid&&this.isReady};e.prototype.render=function(){var e=this;if(!this.canRender()){return""}if(this.showPlaceholder){return h("div",{class:"s-products-list-placeholder"},h("span",{innerHTML:ShoppingBag}),h("p",null,this.placeholderText))}return h(Host,{class:"s-products-list"},h("div",{class:{"s-products-list-wrapper":true,"s-products-list-horizontal-cards":this.horizontalCards&&!this.filtersResults,"s-products-list-vertical-cards":!this.horizontalCards&&!this.filtersResults,"s-products-list-filters-results":this.filtersResults},ref:function(t){return e.wrapper=t}}))};e.prototype.componentDidLoad=function(){this.hasInfiniteScroll&&this.init()};e.prototype.init=function(){this.initiateInfiniteScroll();this.loading()};e.prototype.handleResponse=function(e){var t=this;var n,r,i,o,s,a;var l=this.getSource();var c="";if(((n=e.cursor)===null||n===void 0?void 0:n.current)===1){c=Helper.getPageTitleForSource(l);try{if(this.getSource()==="search"){c=salla.lang.get("common.elements.search_about",{word:this.getSourceValue()})}else if(!c){var u=this.parsedFilters.category_id||this.getSourceValue()[0];c=((o=(i=(r=e.filters.find((function(e){return e.key=="category_id"})))===null||r===void 0?void 0:r.values)===null||i===void 0?void 0:i.find((function(e){return e.key==u})))===null||o===void 0?void 0:o.value)||""}c+=(c?" - ":"")+salla.lang.choice("blocks.header.products_count",(s=e.data)===null||s===void 0?void 0:s.length);if(e.data.length===15){c=c.replace(e.data.length,salla.lang.get("common.elements.more_than")+" "+e.data.length)}e.title=c}catch(e){}}salla.event.emit("salla-products-list::products.fetched",e);this.productsFetched.emit(e);if(e.filters&&this.isFilterable()){this.filtersResults=true;salla.event.emit("filters::fetched",{filters:e.filters})}else if(this.isFilterable()){salla.event.emit("filters::hidden")}this.nextPage=e.cursor?e.cursor.next:this.nextPage;this.loading(false);if(this.hasInfiniteScroll&&!this.nextPage){this.infiniteScroll.option({scrollThreshold:false,loadOnScroll:false});this.status.querySelector(".s-infinite-scroll-last").classList.remove("s-hidden")}return((a=e.data)===null||a===void 0?void 0:a.map((function(e){return t.getItemHTML(e)})))||[]};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();SallaProductsList.style=sallaProductsListCss;export{SallaProductsList as salla_products_list};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-e6c3f002.js";import{a as anime}from"./anime.es-6b92d9cd.js";import{H as Helper}from"./Helper-a7076e76.js";var ShoppingBag='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>shopping-bag</title>\n<path d="M28 10.667h-4v-2.667c0-4.412-3.588-8-8-8s-8 3.588-8 8v2.667h-4c-0.736 0-1.333 0.596-1.333 1.333v13.333c0 3.676 2.991 6.667 6.667 6.667h13.333c3.676 0 6.667-2.991 6.667-6.667v-13.333c0-0.737-0.597-1.333-1.333-1.333zM10.667 8c0-2.941 2.392-5.333 5.333-5.333s5.333 2.392 5.333 5.333v2.667h-10.667zM26.667 25.333c0 2.205-1.795 4-4 4h-13.333c-2.205 0-4-1.795-4-4v-12h2.667v2.667c0 0.737 0.597 1.333 1.333 1.333s1.333-0.596 1.333-1.333v-2.667h10.667v2.667c0 0.737 0.597 1.333 1.333 1.333s1.333-0.596 1.333-1.333v-2.667h2.667z"></path>\n</svg>\n';var sallaProductsListCss="";var SallaProductsList=function(){function e(e){var t=this;registerInstance(this,e);this.productsFetched=createEvent(this,"productsFetched",7);this.source=undefined;this.sourceValue=undefined;this.limit=undefined;this.sortBy=undefined;this.filtersResults=undefined;this.horizontalCards=undefined;this.autoload=false;this.loadMoreText=undefined;this.productCardComponent="custom-salla-product-card";this.page=1;this.nextPage=undefined;this.hasInfiniteScroll=undefined;this.hasCustomComponent=undefined;this.sourceValueIsValid=undefined;this.placeholderText=salla.lang.get("pages.categories.no_products");this.endOfText=salla.lang.get("common.elements.end_of_content");this.failedLoadMore=salla.lang.get("common.elements.failed_to_load_more");this.isReady=undefined;this.showPlaceholder=undefined;this.parsedFilters=undefined;salla.lang.onLoaded((function(){t.placeholderText=salla.lang.get("pages.categories.no_products");t.endOfText=salla.lang.get("common.elements.end_of_content");t.failedLoadMore=salla.lang.get("common.elements.failed_to_load_more")}))}e.prototype.connectedCallback=function(){var e=this;salla.event.on("salla-filters::changed",(function(t){return e.setFilters(t)}))};e.prototype.setFilters=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!!e&&JSON.stringify(this.parsedFilters)===JSON.stringify(e)){return[2]}window.scrollTo({top:0,behavior:"smooth"});this.parsedFilters=e;return[2,this.reload()]}))}))};e.prototype.reload=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){!this.autoload&&this.loadMoreWrapper&&(this.loadMoreWrapper.style.display="none");salla.infiniteScroll.destroy(this.infiniteScroll);this.buildNextPageUrl();this.wrapper.innerHTML="";this.init();return[2]}))}))};e.prototype.isFilterable=function(){return salla.config.get("store.settings.product.filters")&&this.filtersResults};e.prototype.isSourceWithoutValue=function(){return["offers","latest","sales"].includes(this.getSource())};e.prototype.animateItems=function(){anime({targets:"salla-products-list salla-product-card",opacity:[0,1],duration:1200,translateY:[20,0],delay:function(e,t){return t*100}})};e.prototype.initBaseNextPageUrl=function(e){var t=this;this.nextPage=salla.url.api("products?source=".concat(e));if(this.limit){this.nextPage+="&per_page=".concat(this.limit>32?32:this.limit)}if(this.sortBy){this.nextPage+="&sort=".concat(this.sortBy)}this.nextPage+="&filterable=1";var n=function(e,n){if(["string","number"].includes(typeof n)){r.nextPage+="&filters[".concat(encodeURIComponent(e),"]=").concat(encodeURIComponent(n))}else if(Array.isArray(n)){n.forEach((function(n){return t.nextPage+="&filters[".concat(encodeURIComponent(e),"][]=").concat(encodeURIComponent(n))}))}else if(typeof n==="object"){for(var i=0,o=Object.entries(n);i<o.length;i++){var a=o[i],s=a[0],l=a[1];r.nextPage+="&filters[".concat(encodeURIComponent(e),"][").concat(encodeURIComponent(s),"]=").concat(encodeURIComponent(l))}}};var r=this;for(var i=0,o=Object.entries(this.parsedFilters||{});i<o.length;i++){var a=o[i],s=a[0],l=a[1];n(s,l)}};e.prototype.buildNextPageUrl=function(){var e=this.getSource();if(e==="json"){return}this.initBaseNextPageUrl(e);if(this.isSourceWithoutValue()){return}if(["search","related","landing-page"].includes(e)){this.nextPage+="&source_value=".concat(this.getSourceValue());return}try{this.nextPage+="&source_value[]=".concat(this.getSourceValue().join("&source_value[]="))}catch(t){salla.logger.warn('source-value prop should be array of ids ex source-value="[1,2,3]" for the source ['.concat(e,"]"));this.sourceValueIsValid=false}};e.prototype.loading=function(e,t){if(e===void 0){e=true}if(t===void 0){t=false}if(!e){if(!this.autoload){this.btnLoader&&(this.btnLoader.style.display="none")}this.loader&&(this.loader.style.display="none")}else{var n=t&&!this.autoload?this.btnLoader:this.loader;n&&(n.style.display="inherit")}};e.prototype.getItemHTML=function(e){this.getSource()==="landing-page"&&(e.url="");var t=this.hasCustomComponent?this.productCardComponent:"salla-product-card";var n=document.createElement(t);n.product=e;this.applyLandingPageStyles(n);this.applyHorizontalCardStyles(n);return n};e.prototype.applyLandingPageStyles=function(e){if(this.getSource()==="landing-page"&&!this.hasCustomComponent){e.toggleAttribute("hide-add-btn",true);e.classList.add("s-product-card-fit-height")}};e.prototype.applyHorizontalCardStyles=function(e){if(!this.horizontalCards){return}e.setAttribute("horizontal",true);if(!this.hasCustomComponent){e.setAttribute("shadow-on-hover",true)}};e.prototype.getSource=function(){return Helper.getProductsSource(this.source)};e.prototype.getSourceValue=function(){return Helper.getProductsSourceValue(this.source,this.sourceValue)};e.prototype.appendDataLayer=function(e){var t=document.createElement("script");var n={event:"impressions",ecommerce:{currencyCode:salla.config.get("user.currency_code"),impressions:e.map((function(e){return{id:e.id,name:e.name,price:e.price,brand:"",quantity:e.quantity,variant:"",categories:[{name:salla.config.get("page.title"),id:salla.config.get("page.id")}],category:salla.config.get("page.title")}})),page:{pageName:salla.config.get("page.slug"),mobileApp:0,referrer:document.referrer,theme:salla.config.get("theme.name")}}};t.appendChild(document.createTextNode("window.dataLayer = window.dataLayer || [];"));t.appendChild(document.createTextNode("window.dataLayer.push("+JSON.stringify(n)+");"));document.head.appendChild(t)};e.prototype.initiateInfiniteScroll=function(){var e=this;var t,n,r;if(!this.hasInfiniteScroll){return}this.infiniteScroll=salla.infiniteScroll.initiate(this.wrapper,this.wrapper,{path:function(){return e.nextPage},history:false,nextPage:this.nextPage,scrollThreshold:this.autoload?100:false,loadOnScroll:this.autoload},true);(t=this.infiniteScroll)===null||t===void 0?void 0:t.on("request",(function(){e.loading(true,e.autoload?false:true)}));(n=this.infiniteScroll)===null||n===void 0?void 0:n.on("load",(function(t){var n;if(!((n=t.data)===null||n===void 0?void 0:n.length)&&e.infiniteScroll.pageIndex==2){e.showPlaceholder=true;salla.infiniteScroll.destroy(e.infiniteScroll);e.loading(false);return}else{e.showPlaceholder=false}e.infiniteScroll.appendItems(e.handleResponse(t));if(e.infiniteScroll.pageIndex==2){if(!e.autoload&&e.nextPage){e.loadMoreWrapper.style.display="block"}e.animateItems()}}));(r=this.infiniteScroll)===null||r===void 0?void 0:r.on("error",(function(){e.status.querySelector(".s-infinite-scroll-error").classList.remove("s-hidden");e.loading(false)}));salla.onReady((function(){return salla.infiniteScroll.loadNextPage(e.infiniteScroll)}))};e.prototype.loadMore=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this.infiniteScroll)===null||e===void 0?void 0:e.loadNextPage();return[2]}))}))};e.prototype.componentWillLoad=function(){var e=this;return Helper.onSallaReadyPromise((function(){e.hasCustomComponent=!!customElements.get(e.productCardComponent);e.sourceValueIsValid=!!(e.getSourceValue()||e.isSourceWithoutValue());e.hasInfiniteScroll=!["json","selected","related","landing-page"].includes(e.getSource())&&!e.limit;try{var t=new URLSearchParams(window.location.search);e.sortBy=e.sortBy||t.get("sort")||t.get("by");var n={};t.forEach((function(e,t){var r=t.match(/^filters\[(\w+)\](\[(\w+)\])?$/);if(r){var i=r[1];var o=r[3];if(o){n[i]=n[i]||{};n[i][o]=e}else{n[i]=e}}}));e.parsedFilters=n}catch(e){salla.logger.warn("failed to get filters from url",e.message)}e.buildNextPageUrl();e.isReady=true;if(!e.sourceValueIsValid){salla.logger.warn("source-value prop is required for source [".concat(e.getSource(),"]"));return}if(e.hasInfiniteScroll){return}if(e.getSource()==="json"){if(!e.getSourceValue().length){e.showPlaceholder=true;return}setTimeout((function(){e.getSourceValue().map((function(t){return e.wrapper.append(e.getItemHTML(t))}))}));return}if(e.getSource()==="selected"&&!e.getSourceValue().length){e.showPlaceholder=true;return}return Helper.fetchProducts(e.getSource(),e.getSourceValue(),e.limit).then((function(t){if(!t.data.length){e.showPlaceholder=true;e.loading(false);return}setTimeout((function(){e.handleResponse(t).forEach((function(t){return e.wrapper.append(t)}))}),100)}))}))};e.prototype.canRender=function(){return this.sourceValueIsValid&&this.isReady};e.prototype.render=function(){var e=this;if(!this.canRender()){return""}if(this.showPlaceholder){return h("div",{class:"s-products-list-placeholder"},h("span",{innerHTML:ShoppingBag}),h("p",null,this.placeholderText))}return h(Host,{class:"s-products-list"},h("div",{class:{"s-products-list-wrapper":true,"s-products-list-horizontal-cards":this.horizontalCards&&!this.filtersResults,"s-products-list-vertical-cards":!this.horizontalCards&&!this.filtersResults,"s-products-list-filters-results":this.filtersResults},ref:function(t){return e.wrapper=t}}),h("div",{class:"s-infinite-scroll-status",ref:function(t){return e.status=t}},h("p",{class:"s-infinite-scroll-last infinite-scroll-last s-hidden"},this.endOfText),h("p",{class:"s-infinite-scroll-error infinite-scroll-error s-hidden"},this.failedLoadMore)),this.hasInfiniteScroll&&h("div",{class:"s-products-list-loading-wrapper",style:{display:"none"},ref:function(t){return e.loader=t}},h("span",{class:"s-button-loader s-button-loader-center s-infinite-scroll-btn-loader"})),this.hasInfiniteScroll&&this.nextPage&&!this.autoload?h("div",{class:"s-infinite-scroll-wrapper",style:{display:"none"},ref:function(t){return e.loadMoreWrapper=t}},h("button",{onClick:function(){return e.loadMore()},class:"s-infinite-scroll-btn s-button-btn s-button-primary"},h("span",{class:"s-button-text s-infinite-scroll-btn-text"},this.loadMoreText?this.loadMoreText:salla.lang.get("common.elements.load_more")),h("span",{class:"s-button-loader s-button-loader-center s-infinite-scroll-btn-loader",ref:function(t){return e.btnLoader=t},style:{display:"none"}}))):"")};e.prototype.componentDidLoad=function(){this.hasInfiniteScroll&&this.init()};e.prototype.init=function(){this.initiateInfiniteScroll();this.loading()};e.prototype.handleResponse=function(e){var t=this;var n,r,i,o,a,s;var l=this.getSource();var c="";if(((n=e.cursor)===null||n===void 0?void 0:n.current)===1){c=Helper.getPageTitleForSource(l);try{if(this.getSource()==="search"){c=salla.lang.get("common.elements.search_about",{word:this.getSourceValue()})}else if(!c){var u=this.parsedFilters.category_id||this.getSourceValue()[0];c=((o=(i=(r=e.filters.find((function(e){return e.key=="category_id"})))===null||r===void 0?void 0:r.values)===null||i===void 0?void 0:i.find((function(e){return e.key==u})))===null||o===void 0?void 0:o.value)||""}c+=(c?" - ":"")+salla.lang.choice("blocks.header.products_count",(a=e.data)===null||a===void 0?void 0:a.length);if(e.data.length===15){c=c.replace(e.data.length,salla.lang.get("common.elements.more_than")+" "+e.data.length)}e.title=c}catch(e){}}salla.event.emit("salla-products-list::products.fetched",e);this.productsFetched.emit(e);if(e.filters&&this.isFilterable()){this.filtersResults=true;salla.event.emit("filters::fetched",{filters:e.filters})}else if(this.isFilterable()){salla.event.emit("filters::hidden")}this.nextPage=e.cursor?e.cursor.next:this.nextPage;this.loading(false);if(this.hasInfiniteScroll&&!this.nextPage){this.infiniteScroll.option({scrollThreshold:false,loadOnScroll:false});this.status.querySelector(".s-infinite-scroll-last").classList.remove("s-hidden")}return((s=e.data)===null||s===void 0?void 0:s.map((function(e){return t.getItemHTML(e)})))||[]};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();SallaProductsList.style=sallaProductsListCss;export{SallaProductsList as salla_products_list};
 //# sourceMappingURL=salla-products-list.entry.js.map

package/dist/esm-es5/salla-products-list.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["sallaProductsListCss","SallaProductsList","class_1","prototype","connectedCallback","_this","this","salla","event","on","filters","setFilters","JSON","stringify","parsedFilters","window","scrollTo","top","behavior","reload","infiniteScroll","destroy","buildNextPageUrl","wrapper","innerHTML","init","isFilterable","config","get","filtersResults","isSourceWithoutValue","includes","getSource","animateItems","anime","targets","opacity","duration","translateY","delay","_el","i","createStatusDom","status","document","createElement","className","concat","lang","btnLoader","querySelector","onLoaded","placeholderText","initBaseNextPageUrl","source","nextPage","url","api","limit","sortBy","key","value","this_1","encodeURIComponent","Array","isArray","forEach","item","_j","_k","Object","entries","length","_l","k","v","_i","_g","_h","getSourceValue","join","e","logger","warn","sourceValueIsValid","loading","isLoading","style","display","getItemHTML","product","customComponentTag","hasCustomComponent","productCardComponent","productCard","applyLandingPageStyles","applyHorizontalCardStyles","toggleAttribute","classList","add","horizontalCards","setAttribute","Helper","getProductsSource","getProductsSourceValue","sourceValue","appendDataLayer","data","scriptElement","dataLayer","ecommerce","currencyCode","impressions","map","id","name","price","brand","quantity","variant","categories","category","page","pageName","mobileApp","referrer","theme","appendChild","createTextNode","head","initiateInfiniteScroll","hasInfiniteScroll","host","insertAdjacentElement","initiate","path","history","scrollThreshold","_a","_b","response","pageIndex","showPlaceholder","appendItems","handleResponse","_c","remove","onReady","loadNextPage","componentWillLoad","onSallaReadyPromise","customElements","searchParams","URLSearchParams","location","search","parse","decodeURIComponent","message","isReady","setTimeout","append","fetchProducts","then","res","card","canRender","render","h","class","ShoppingBag","Host","ref","componentDidLoad","title","cursor","current","getPageTitleForSource","word","catId_1","category_id","_d","find","filter","values","cat","choice","_e","replace","emit","productsFetched","next","option","loadOnScroll","_f"],"sources":["src/components/salla-products-list/salla-products-list.scss?tag=salla-products-list","src/components/salla-products-list/salla-products-list.tsx"],"sourcesContent":["\n","import { Component, Host, h, Prop, State, Element, Method, Event, EventEmitter } from '@stencil/core';\nimport anime from 'animejs';\nimport ShoppingBag from '../../assets/svg/shopping-bag.svg';\nimport Helper from '../../Helpers/Helper';\n@Component({\n  tag: 'salla-products-list',\n  styleUrl: 'salla-products-list.scss'\n})\nexport class SallaProductsList {\n  connectedCallback() {\n    salla.event.on('salla-filters::changed', filters => this.setFilters(filters))\n  }\n\n  /**\n   * Set parsed filters data from URI\n   * @param filters\n   */\n  @Method()\n  async setFilters(filters) {\n    if (!!filters && JSON.stringify(this.parsedFilters) === JSON.stringify(filters)) {\n      return;\n    }\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n    this.parsedFilters = filters;\n    return this.reload();\n  }\n\n  /**\n   * Reload the list of products (entire content of the component).\n   */\n  @Method()\n  async reload() {\n    salla.infiniteScroll.destroy(this.infiniteScroll);\n    this.buildNextPageUrl();\n    // TODO: this is problematic in testing, for the time being it's been resolved like this\n    this.wrapper.innerHTML = '';\n    this.init();\n  }\n\n\n  private status: HTMLDivElement;\n  private btnLoader: HTMLAnchorElement;\n  @Element() host: HTMLElement;\n  private wrapper: any;\n  private infiniteScroll: any;\n  /**\n   * The source of the products list\n   * @type {string}\n   * */\n  @Prop({\n    reflect: true,\n    mutable: true\n  }) source: 'categories' | 'latest' | 'related' | 'brands' | 'json' | 'search' | 'tags' | 'selected' | 'offers' | 'landing-page' | 'sales' | 'wishlist';\n\n  /**\n   * The source value, cloud be different values as following:\n   * - array of ids when `source` in ['categories', 'brands', 'tags', 'selected']\n   * - keyword when `source` = 'search'\n   * - products payload when `source` = 'json'\n   * - product_id when `source` = 'related'\n   *\n   * @type {string}\n   * */\n  @Prop({ mutable: true }) sourceValue: any;\n\n  /**\n   * Limit for number of products in the list.\n   */\n  @Prop({ mutable: true }) limit: number;\n\n  /**\n   * Sorting the list of products\n   */\n  @Prop({ mutable: true }) sortBy?: string | 'ourSuggest' | 'bestSell' | 'topRated' | 'priceFromTopToLow' | 'priceFromLowToTop';\n\n  /**\n   * should listen to filters events `salla-filters::changed` and re-render\n   */\n  @Prop({ reflect: true, mutable: true }) filtersResults: boolean;\n\n  /**\n   * Horizontal cards\n   */\n  @Prop({ reflect: true }) horizontalCards: boolean\n\n  /**\n   * Custom Card Component for the Salla Products List.\n   *\n   * This component allows you to customize the appearance of individual product cards within a Salla Products List.\n   *\n   * @example\n   * <salla-products-list product-card-component=\"my-custom-card-style1\" ...\n   * <salla-products-list product-card-component=\"my-custom-card-style2\" ...\n   */\n  @Prop() productCardComponent: string = 'custom-salla-product-card';\n\n  // State\n  @State() page: number = 1;\n  @State() nextPage: string;\n  @State() hasInfiniteScroll: boolean;\n  @State() hasCustomComponent: boolean;\n  @State() sourceValueIsValid: boolean;\n  @State() placeholderText: string;\n  @State() isReady: boolean;\n  @State() showPlaceholder: boolean;\n  @State() parsedFilters: any;\n\n  /**\n   * Custom event fired when the the products fetched.\n   */\n  @Event() productsFetched: EventEmitter;\n\n  private isFilterable() {\n    return salla.config.get('store.settings.product.filters') && this.filtersResults;\n  }\n\n  private isSourceWithoutValue() {\n    return ['offers', 'latest', 'sales'].includes(this.getSource());\n  }\n\n  private animateItems() {\n    anime({\n      targets: 'salla-products-list salla-product-card',\n      opacity: [0, 1],\n      duration: 1200,\n      translateY: [20, 0],\n      delay: function (_el, i) {\n        return i * 100;\n      },\n    })\n  }\n\n  private createStatusDom() {\n    this.status = document.createElement('div');\n    this.status.className = 's-infinite-scroll-wrapper';\n    this.status.innerHTML = `<div class=\"s-infinite-scroll-status\">\n        <p class=\"s-infinite-scroll-last infinite-scroll-last s-hidden\" >${salla.lang.get('common.elements.end_of_content')}</p>\n        <p class=\"s-infinite-scroll-error infinite-scroll-error s-hidden\">${salla.lang.get('common.elements.failed_to_load_more')}</p>\n      </div>\n      <a href=\"#\" class=\"s-infinite-scroll-btn s-button-btn\">\n        <span class=\"s-button-loader s-button-loader-center s-infinite-scroll-btn-loader\" style=\"display: none\"></span>\n      </a>`;\n    this.btnLoader = this.status.querySelector('.s-button-loader');\n    salla.lang.onLoaded(() => {\n      this.status.querySelector('.s-infinite-scroll-last').innerHTML = salla.lang.get('common.elements.end_of_content');\n      this.status.querySelector('.s-infinite-scroll-error').innerHTML = salla.lang.get('common.elements.failed_to_load_more');\n      this.placeholderText = salla.lang.get('pages.categories.no_products');\n    });\n  }\n\n  private initBaseNextPageUrl(source: string) {\n\n    this.nextPage = salla.url.api(`products?source=${source}`);\n\n    if (this.limit) {\n      this.nextPage += `&per_page=${this.limit > 32 ? 32 : this.limit}`;\n    }\n    if (this.sortBy) {\n      this.nextPage += `&sort=${this.sortBy}`;\n    }\n    // if (!this.isFilterable()) {\n    //   return this.nextPage;\n    // }\n    this.nextPage += '&filterable=1';\n    for (const [key, value] of Object.entries(this.parsedFilters || {})) {\n      if ([\"string\", \"number\"].includes(typeof value)) {\n        // @ts-ignore\n        this.nextPage += `&filters[${encodeURIComponent(key)}]=${encodeURIComponent(value)}`;\n      } else if (Array.isArray(value)) {\n        value.forEach(item => this.nextPage += `&filters[${encodeURIComponent(key)}][]=${encodeURIComponent(item)}`);\n      } else if (typeof value === 'object') {\n        for (const [k, v] of Object.entries(value)) {\n          this.nextPage += `&filters[${encodeURIComponent(key)}][${encodeURIComponent(k)}]=${encodeURIComponent(v)}`;\n        }\n      }\n    }\n  }\n\n  private buildNextPageUrl() {\n    let source = this.getSource();\n    if (source === 'json') {\n      return;\n    }\n    this.initBaseNextPageUrl(source);\n    if (this.isSourceWithoutValue()) {\n      return;\n    }\n\n    if (['search', 'related', 'landing-page'].includes(source)) {\n      this.nextPage += `&source_value=${this.getSourceValue()}`;\n      return;\n    }\n\n    try {\n      this.nextPage += `&source_value[]=${this.getSourceValue().join('&source_value[]=')}`;\n    } catch (e) {\n      salla.logger.warn(`source-value prop should be array of ids ex source-value=\"[1,2,3]\" for the source [${source}]`);\n      this.sourceValueIsValid = false;\n    }\n  }\n\n\n  private loading(isLoading = true) {\n    this.btnLoader.style.display = isLoading ? 'inherit' : 'none';\n  }\n\n  private getItemHTML(product) {\n    //as a request they don't want to let the user to open the product details\n    //todo:: find a better way to handle this request\n    this.getSource() === 'landing-page' && (product.url = '');\n    const customComponentTag = this.hasCustomComponent ? this.productCardComponent : 'salla-product-card';\n    const productCard = document.createElement(customComponentTag) as HTMLSallaProductCardElement;\n\n    productCard.product = product;\n\n    this.applyLandingPageStyles(productCard);\n    this.applyHorizontalCardStyles(productCard);\n\n    return productCard;\n  }\n\n  private applyLandingPageStyles(productCard) {\n    if (this.getSource() === 'landing-page' && !this.hasCustomComponent) {\n      productCard.toggleAttribute('hide-add-btn', true);\n      productCard.classList.add('s-product-card-fit-height');\n    }\n  }\n\n  private applyHorizontalCardStyles(productCard) {\n    if (!this.horizontalCards) {\n      return;\n    }\n    productCard.setAttribute('horizontal', true);\n    if (!this.hasCustomComponent) {\n      productCard.setAttribute('shadow-on-hover', true);\n    }\n\n  }\n\n  private getSource() {\n    return Helper.getProductsSource(this.source);\n  }\n\n  private getSourceValue() {\n    return Helper.getProductsSourceValue(this.source, this.sourceValue);\n  }\n  //@ts-ignore\n  private appendDataLayer(data){\n    const scriptElement = document.createElement('script');\n    let dataLayer = {\n      \"event\":\"impressions\",\n      \"ecommerce\":{\n        \"currencyCode\": salla.config.get('user.currency_code'),\n        // \"event_id\":\"\", // todo\n        \"impressions\":data.map((product)=>{\n          return {\n            \"id\":product.id,\n            \"name\":product.name,\n            \"price\":product.price,\n            \"brand\":\"\",\n            \"quantity\":product.quantity,\n            \"variant\":\"\",\n            \"categories\":[\n              {\n                \"name\":salla.config.get('page.title'),\n                \"id\":salla.config.get('page.id')\n              }\n            ],\n            \"category\": salla.config.get('page.title')\n          }\n        }),\n        \"page\":{\n          // \"fingerprint\":\"\", // todo\n          \"pageName\":salla.config.get('page.slug'),\n          \"mobileApp\":0,\n          \"referrer\":document.referrer,\n          \"theme\":salla.config.get('theme.name')\n       },\n      } \n    }\n    scriptElement.appendChild(document.createTextNode('window.dataLayer = window.dataLayer || [];'));\n    scriptElement.appendChild(document.createTextNode('window.dataLayer.push(' + JSON.stringify(dataLayer) + ');'));\n    document.head.appendChild(scriptElement);\n  }\n\n  private initiateInfiniteScroll() {\n    if (!this.hasInfiniteScroll) {\n      return;\n    }\n\n    this.host.insertAdjacentElement('beforeend', this.status);\n    this.infiniteScroll = salla.infiniteScroll.initiate(this.wrapper, this.wrapper, {\n      path: () => this.nextPage,\n      history: false,\n      nextPage: this.nextPage,\n      scrollThreshold: 100,\n    }, /* infinite via api*/true);\n    this.infiniteScroll?.on('request', () => this.loading())\n    this.infiniteScroll?.on('load', response => {\n      if (!response.data?.length && this.infiniteScroll.pageIndex == 2) {\n        this.showPlaceholder = true;\n        salla.infiniteScroll.destroy(this.infiniteScroll);\n        this.loading(false);\n        return;\n      } else {\n        this.showPlaceholder = false;\n\n      }\n      this.infiniteScroll.appendItems(this.handleResponse(response))\n      if (this.infiniteScroll.pageIndex == 2) {\n        //todo::test it more\n        /*if (['categories', 'brands', 'tags', 'search', 'latest'].includes(this.getSource())) {\n          this.appendDataLayer(response.data);\n        }*/\n        this.animateItems();\n      }\n    })\n    this.infiniteScroll?.on('error', () => {\n      this.status.querySelector('.s-infinite-scroll-error').classList.remove('s-hidden')\n      this.loading(false);\n    });\n    salla.onReady(() => salla.infiniteScroll.loadNextPage(this.infiniteScroll))\n  }\n\n  componentWillLoad() {\n      return Helper.onSallaReadyPromise( () => {\n          this.hasCustomComponent = !!customElements.get(this.productCardComponent);\n          this.sourceValueIsValid = !!(this.getSourceValue() || this.isSourceWithoutValue());\n          this.hasInfiniteScroll = !['json', 'selected', 'related', 'landing-page'].includes(this.getSource()) && !this.limit;\n          try {\n            let searchParams = new URLSearchParams(window.location.search);\n            this.sortBy = this.sortBy || searchParams.get('sort') || searchParams.get('by');\n            let filters = searchParams.get('filters')\n            this.parsedFilters = filters ? JSON.parse(decodeURIComponent(filters)) : {};\n          } catch (e) {\n            salla.logger.warn('failed to get filters from url', e.message);\n          }\n          this.buildNextPageUrl();\n          this.createStatusDom();\n\n          this.isReady = true;\n\n        if (!this.sourceValueIsValid) {\n          salla.logger.warn(`source-value prop is required for source [${this.getSource()}]`);\n          return;\n        }\n          if (this.hasInfiniteScroll) {\n              return;\n          }\n\n          // Handle json source\n          if (this.getSource() === 'json') {\n              if (!this.getSourceValue().length) {\n                  this.showPlaceholder = true;\n                  return;\n              }\n              setTimeout(() => {\n              this.getSourceValue().map(product => this.wrapper.append(this.getItemHTML(product)));\n              });\n              return;\n          }\n\n          // Handle selected source\n          if (this.getSource() === 'selected' && !this.getSourceValue().length) {\n              this.showPlaceholder = true;\n              return;\n          }\n\n          return Helper.fetchProducts(this.getSource(), this.getSourceValue(), this.limit).then(res => {\n              if (!res.data.length) {\n                  this.showPlaceholder = true;\n                  this.loading(false);\n                  return;\n              }\n              setTimeout(() => {\n              this.handleResponse(res).forEach(card => this.wrapper.append(card));\n              }, 100);\n          });\n      });\n  }\n\n\n\n  private canRender() {\n    return this.sourceValueIsValid && this.isReady;\n  }\n\n  render() {\n    if (!this.canRender()) {\n      return '';\n    }\n\n    if (this.showPlaceholder) {\n      return <div class=\"s-products-list-placeholder\">\n        <span innerHTML={ShoppingBag} />\n        <p>{this.placeholderText}</p>\n      </div>;\n    }\n    return (\n      <Host class=\"s-products-list\">\n        <div class={{\n          \"s-products-list-wrapper\": true,\n          's-products-list-horizontal-cards': this.horizontalCards && !this.filtersResults,\n          's-products-list-vertical-cards': !this.horizontalCards && !this.filtersResults,\n          's-products-list-filters-results': this.filtersResults,\n        }}\n          ref={wrapper => this.wrapper = wrapper} />\n      </Host>\n    );\n  }\n\n  componentDidLoad() {\n    this.hasInfiniteScroll && this.init();\n  }\n\n  private init() {\n    this.initiateInfiniteScroll();\n    this.loading();\n  }\n\n  private handleResponse(response): Array<HTMLElement> {\n    let source=this.getSource();\n    let title = '';\n    //help the developer to know the current page title\n    if (response.cursor?.current === 1) {\n        title = Helper.getPageTitleForSource(source);\n        try {\n            if (this.getSource() === 'search') {\n                title = salla.lang.get('common.elements.search_about', {'word': this.getSourceValue()});\n            } else if (!title) {\n                let catId = this.parsedFilters.category_id || this.getSourceValue()[0];\n                // get the first filter that its key is category_id, then get the value when filter.value.*.key==catId\n                title = response.filters.find(filter => filter.key == 'category_id') ?. values ?. find(cat => cat.key == catId) ?. value || '';\n            }\n            title += (title ? ' - ' : '') + salla.lang.choice('blocks.header.products_count', response.data ?. length);\n            if (response.data.length === 15) {\n                title = title.replace(response.data.length, salla.lang.get('common.elements.more_than') + ' ' + response.data.length)\n            }\n            response.title = title;\n        } catch (e) {}\n    }\n\n    salla.event.emit('salla-products-list::products.fetched', response);\n    this.productsFetched.emit(response);\n    //💡 when source is related, cursor will not be existed\n    if (response.filters && this.isFilterable()) {\n      this.filtersResults = true;\n      salla.event.emit('filters::fetched', { filters: response.filters });\n    } else if (this.isFilterable()) {\n      salla.event.emit('filters::hidden');\n    }\n    this.nextPage = response.cursor ? response.cursor.next : this.nextPage;\n    this.loading(false);\n    if (this.hasInfiniteScroll && !this.nextPage) {\n      this.infiniteScroll.option({ scrollThreshold: false, loadOnScroll: false });\n      this.status.querySelector('.s-infinite-scroll-last').classList.remove('s-hidden');\n    }\n    return response.data?.map(product => this.getItemHTML(product)) || [];\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["sallaProductsListCss","SallaProductsList","class_1","hostRef","_this","this","salla","lang","get","onLoaded","placeholderText","endOfText","failedLoadMore","prototype","connectedCallback","event","on","filters","setFilters","JSON","stringify","parsedFilters","window","scrollTo","top","behavior","reload","autoload","loadMoreWrapper","style","display","infiniteScroll","destroy","buildNextPageUrl","wrapper","innerHTML","init","isFilterable","config","filtersResults","isSourceWithoutValue","includes","getSource","animateItems","anime","targets","opacity","duration","translateY","delay","_el","i","initBaseNextPageUrl","source","nextPage","url","api","concat","limit","sortBy","key","value","this_1","encodeURIComponent","Array","isArray","forEach","item","_j","_k","Object","entries","length","_l","k","v","_i","_g","_h","getSourceValue","join","e","logger","warn","sourceValueIsValid","loading","isLoading","isBtn","btnLoader","loader","currentLoader","getItemHTML","product","customComponentTag","hasCustomComponent","productCardComponent","productCard","document","createElement","applyLandingPageStyles","applyHorizontalCardStyles","toggleAttribute","classList","add","horizontalCards","setAttribute","Helper","getProductsSource","getProductsSourceValue","sourceValue","appendDataLayer","data","scriptElement","dataLayer","ecommerce","currencyCode","impressions","map","id","name","price","brand","quantity","variant","categories","category","page","pageName","mobileApp","referrer","theme","appendChild","createTextNode","head","initiateInfiniteScroll","hasInfiniteScroll","initiate","path","history","scrollThreshold","loadOnScroll","_a","_b","response","pageIndex","showPlaceholder","appendItems","handleResponse","_c","status","querySelector","remove","onReady","loadNextPage","loadMore","componentWillLoad","onSallaReadyPromise","customElements","searchParams","URLSearchParams","location","search","filters_1","matches","match","filterName","nestedKey","message","isReady","setTimeout","append","fetchProducts","then","res","card","canRender","render","h","class","ShoppingBag","Host","ref","onClick","loadMoreText","componentDidLoad","title","cursor","current","getPageTitleForSource","word","catId_1","category_id","_d","find","filter","values","cat","choice","_e","replace","emit","productsFetched","next","option","_f"],"sources":["src/components/salla-products-list/salla-products-list.scss?tag=salla-products-list","src/components/salla-products-list/salla-products-list.tsx"],"sourcesContent":["\n","import { Component, Host, h, Prop, State, Element, Method, Event, EventEmitter } from '@stencil/core';\nimport anime from 'animejs';\nimport ShoppingBag from '../../assets/svg/shopping-bag.svg';\nimport Helper from '../../Helpers/Helper';\n@Component({\n  tag: 'salla-products-list',\n  styleUrl: 'salla-products-list.scss'\n})\nexport class SallaProductsList {\n  constructor() {\n    salla.lang.onLoaded(() => {\n      this.placeholderText = salla.lang.get('pages.categories.no_products');\n      this.endOfText = salla.lang.get('common.elements.end_of_content');\n      this.failedLoadMore = salla.lang.get('common.elements.failed_to_load_more');\n    })\n  }\n  connectedCallback() {\n    salla.event.on('salla-filters::changed', filters => this.setFilters(filters))\n  }\n\n  /**\n   * Set parsed filters data from URI\n   * @param filters\n   */\n  @Method()\n  async setFilters(filters) {\n    if (!!filters && JSON.stringify(this.parsedFilters) === JSON.stringify(filters)) {\n      return;\n    }\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n    this.parsedFilters = filters;\n    return this.reload();\n  }\n\n  /**\n   * Reload the list of products (entire content of the component).\n   */\n  @Method()\n  async reload() {\n    !this.autoload && this.loadMoreWrapper && (this.loadMoreWrapper.style.display = 'none');\n    salla.infiniteScroll.destroy(this.infiniteScroll);\n    this.buildNextPageUrl();\n    // TODO: this is problematic in testing, for the time being it's been resolved like this\n    this.wrapper.innerHTML = '';\n    this.init();\n  }\n\n\n  private status: HTMLDivElement;\n  private btnLoader: HTMLElement;\n  private loader: HTMLElement;\n  private loadMoreWrapper: HTMLElement;\n  @Element() host: HTMLElement;\n  private wrapper: any;\n  private infiniteScroll: any;\n  /**\n   * The source of the products list\n   * @type {string}\n   * */\n  @Prop({\n    reflect: true,\n    mutable: true\n  }) source: 'categories' | 'latest' | 'related' | 'brands' | 'json' | 'search' | 'tags' | 'selected' | 'offers' | 'landing-page' | 'sales' | 'wishlist';\n\n  /**\n   * The source value, cloud be different values as following:\n   * - array of ids when `source` in ['categories', 'brands', 'tags', 'selected']\n   * - keyword when `source` = 'search'\n   * - products payload when `source` = 'json'\n   * - product_id when `source` = 'related'\n   *\n   * @type {string}\n   * */\n  @Prop({ mutable: true }) sourceValue: any;\n\n  /**\n   * Limit for number of products in the list.\n   */\n  @Prop({ mutable: true }) limit: number;\n\n  /**\n   * Sorting the list of products\n   */\n  @Prop({ mutable: true }) sortBy?: string | 'ourSuggest' | 'bestSell' | 'topRated' | 'priceFromTopToLow' | 'priceFromLowToTop';\n\n  /**\n   * should listen to filters events `salla-filters::changed` and re-render\n   */\n  @Prop({ reflect: true, mutable: true }) filtersResults: boolean;\n\n  /**\n   * Horizontal cards\n   */\n  @Prop({ reflect: true }) horizontalCards: boolean\n\n  /**\n   * Autoload next page when scroll\n   */\n  @Prop({ mutable: true }) autoload: boolean = false;\n\n  /**\n * Load more text\n */\n  @Prop() loadMoreText: string;\n\n  /**\n   * Custom Card Component for the Salla Products List.\n   *\n   * This component allows you to customize the appearance of individual product cards within a Salla Products List.\n   *\n   * @example\n   * <salla-products-list product-card-component=\"my-custom-card-style1\" ...\n   * <salla-products-list product-card-component=\"my-custom-card-style2\" ...\n   */\n  @Prop() productCardComponent: string = 'custom-salla-product-card';\n\n  // State\n  @State() page: number = 1;\n  @State() nextPage: string;\n  @State() hasInfiniteScroll: boolean;\n  @State() hasCustomComponent: boolean;\n  @State() sourceValueIsValid: boolean;\n  @State() placeholderText: string = salla.lang.get('pages.categories.no_products');\n  @State() endOfText: string = salla.lang.get('common.elements.end_of_content');\n  @State() failedLoadMore: string = salla.lang.get('common.elements.failed_to_load_more');\n\n  @State() isReady: boolean;\n  @State() showPlaceholder: boolean;\n  @State() parsedFilters: any;\n\n  /**\n   * Custom event fired when the the products fetched.\n   */\n  @Event() productsFetched: EventEmitter;\n\n  private isFilterable() {\n    return salla.config.get('store.settings.product.filters') && this.filtersResults;\n  }\n\n  private isSourceWithoutValue() {\n    return ['offers', 'latest', 'sales'].includes(this.getSource());\n  }\n\n  private animateItems() {\n    anime({\n      targets: 'salla-products-list salla-product-card',\n      opacity: [0, 1],\n      duration: 1200,\n      translateY: [20, 0],\n      delay: function (_el, i) {\n        return i * 100;\n      },\n    })\n  }\n\n\n  private initBaseNextPageUrl(source: string) {\n\n    this.nextPage = salla.url.api(`products?source=${source}`);\n\n    if (this.limit) {\n      this.nextPage += `&per_page=${this.limit > 32 ? 32 : this.limit}`;\n    }\n    if (this.sortBy) {\n      this.nextPage += `&sort=${this.sortBy}`;\n    }\n    // if (!this.isFilterable()) {\n    //   return this.nextPage;\n    // }\n    this.nextPage += '&filterable=1';\n    for (const [key, value] of Object.entries(this.parsedFilters || {})) {\n      if ([\"string\", \"number\"].includes(typeof value)) {\n        // @ts-ignore\n        this.nextPage += `&filters[${encodeURIComponent(key)}]=${encodeURIComponent(value)}`;\n      } else if (Array.isArray(value)) {\n        value.forEach(item => this.nextPage += `&filters[${encodeURIComponent(key)}][]=${encodeURIComponent(item)}`);\n      } else if (typeof value === 'object') {\n        for (const [k, v] of Object.entries(value)) {\n          this.nextPage += `&filters[${encodeURIComponent(key)}][${encodeURIComponent(k)}]=${encodeURIComponent(v)}`;\n        }\n      }\n    }\n  }\n\n  private buildNextPageUrl() {\n    let source = this.getSource();\n    if (source === 'json') {\n      return;\n    }\n    this.initBaseNextPageUrl(source);\n    if (this.isSourceWithoutValue()) {\n      return;\n    }\n\n    if (['search', 'related', 'landing-page'].includes(source)) {\n      this.nextPage += `&source_value=${this.getSourceValue()}`;\n      return;\n    }\n\n    try {\n      this.nextPage += `&source_value[]=${this.getSourceValue().join('&source_value[]=')}`;\n    } catch (e) {\n      salla.logger.warn(`source-value prop should be array of ids ex source-value=\"[1,2,3]\" for the source [${source}]`);\n      this.sourceValueIsValid = false;\n    }\n  }\n\n\n  private loading(isLoading = true, isBtn = false) {\n    if (!isLoading) {\n      if (!this.autoload) {\n        this.btnLoader && (this.btnLoader.style.display = 'none');\n      }\n      this.loader && (this.loader.style.display = 'none');\n    } else {\n      let currentLoader = isBtn && !this.autoload ? this.btnLoader : this.loader;\n      currentLoader && (currentLoader.style.display = 'inherit');\n    }\n  }\n\n  private getItemHTML(product) {\n    //as a request they don't want to let the user to open the product details\n    //todo:: find a better way to handle this request\n    this.getSource() === 'landing-page' && (product.url = '');\n    const customComponentTag = this.hasCustomComponent ? this.productCardComponent : 'salla-product-card';\n    const productCard = document.createElement(customComponentTag) as HTMLSallaProductCardElement;\n\n    productCard.product = product;\n\n    this.applyLandingPageStyles(productCard);\n    this.applyHorizontalCardStyles(productCard);\n\n    return productCard;\n  }\n\n  private applyLandingPageStyles(productCard) {\n    if (this.getSource() === 'landing-page' && !this.hasCustomComponent) {\n      productCard.toggleAttribute('hide-add-btn', true);\n      productCard.classList.add('s-product-card-fit-height');\n    }\n  }\n\n  private applyHorizontalCardStyles(productCard) {\n    if (!this.horizontalCards) {\n      return;\n    }\n    productCard.setAttribute('horizontal', true);\n    if (!this.hasCustomComponent) {\n      productCard.setAttribute('shadow-on-hover', true);\n    }\n\n  }\n\n  private getSource() {\n    return Helper.getProductsSource(this.source);\n  }\n\n  private getSourceValue() {\n    return Helper.getProductsSourceValue(this.source, this.sourceValue);\n  }\n  //@ts-ignore\n  private appendDataLayer(data) {\n    const scriptElement = document.createElement('script');\n    let dataLayer = {\n      \"event\": \"impressions\",\n      \"ecommerce\": {\n        \"currencyCode\": salla.config.get('user.currency_code'),\n        // \"event_id\":\"\", // todo\n        \"impressions\": data.map((product) => {\n          return {\n            \"id\": product.id,\n            \"name\": product.name,\n            \"price\": product.price,\n            \"brand\": \"\",\n            \"quantity\": product.quantity,\n            \"variant\": \"\",\n            \"categories\": [\n              {\n                \"name\": salla.config.get('page.title'),\n                \"id\": salla.config.get('page.id')\n              }\n            ],\n            \"category\": salla.config.get('page.title')\n          }\n        }),\n        \"page\": {\n          // \"fingerprint\":\"\", // todo\n          \"pageName\": salla.config.get('page.slug'),\n          \"mobileApp\": 0,\n          \"referrer\": document.referrer,\n          \"theme\": salla.config.get('theme.name')\n        },\n      }\n    }\n    scriptElement.appendChild(document.createTextNode('window.dataLayer = window.dataLayer || [];'));\n    scriptElement.appendChild(document.createTextNode('window.dataLayer.push(' + JSON.stringify(dataLayer) + ');'));\n    document.head.appendChild(scriptElement);\n  }\n\n  private initiateInfiniteScroll() {\n    if (!this.hasInfiniteScroll) {\n      return;\n    }\n    this.infiniteScroll = salla.infiniteScroll.initiate(this.wrapper, this.wrapper, {\n      path: () => this.nextPage,\n      history: false,\n      nextPage: this.nextPage,\n      scrollThreshold: this.autoload ? 100 : false,\n      loadOnScroll: this.autoload,\n    }, /* infinite via api*/true);\n    this.infiniteScroll?.on('request', () => {\n      this.loading(true, this.autoload ? false : true);\n    })\n    this.infiniteScroll?.on('load', response => {\n      if (!response.data?.length && this.infiniteScroll.pageIndex == 2) {\n        this.showPlaceholder = true;\n        salla.infiniteScroll.destroy(this.infiniteScroll);\n        this.loading(false);\n        return;\n      } else {\n        this.showPlaceholder = false;\n\n      }\n      this.infiniteScroll.appendItems(this.handleResponse(response))\n      if (this.infiniteScroll.pageIndex == 2) {\n        //todo::test it more\n        /*if (['categories', 'brands', 'tags', 'search', 'latest'].includes(this.getSource())) {\n          this.appendDataLayer(response.data);\n        }*/\n        if (!this.autoload && this.nextPage) {\n          this.loadMoreWrapper.style.display = 'block';\n        }\n        this.animateItems();\n      }\n    })\n    this.infiniteScroll?.on('error', () => {\n      this.status.querySelector('.s-infinite-scroll-error').classList.remove('s-hidden')\n      this.loading(false);\n    });\n    salla.onReady(() => salla.infiniteScroll.loadNextPage(this.infiniteScroll))\n  }\n  async loadMore() {\n    this.infiniteScroll?.loadNextPage();\n  }\n\n  componentWillLoad() {\n    return Helper.onSallaReadyPromise(() => {\n      this.hasCustomComponent = !!customElements.get(this.productCardComponent);\n      this.sourceValueIsValid = !!(this.getSourceValue() || this.isSourceWithoutValue());\n      this.hasInfiniteScroll = !['json', 'selected', 'related', 'landing-page'].includes(this.getSource()) && !this.limit;\n      try {\n        let searchParams = new URLSearchParams(window.location.search);\n        this.sortBy = this.sortBy || searchParams.get('sort') || searchParams.get('by');\n        let filters = {}\n        searchParams.forEach((value, key) => {\n          // Assuming the key is in the format filters[xxx]\n          const matches = key.match(/^filters\\[(\\w+)\\](\\[(\\w+)\\])?$/);\n          \n          if (matches) {\n            const filterName = matches[1]; // e.g. \"price\" for filters[price]\n            const nestedKey = matches[3]; // e.g. \"min\" or \"max\" for filters[price][min] or filters[price][max]\n        \n            if (nestedKey) {\n              // Handle nested object\n              filters[filterName] = filters[filterName] || {};\n              filters[filterName][nestedKey] = value;\n            } else {\n              // Handle regular key\n              filters[filterName] = value;\n            }\n          }\n        });\n        this.parsedFilters = filters;\n      } catch (e) {\n        salla.logger.warn('failed to get filters from url', e.message);\n      }\n      this.buildNextPageUrl();\n\n      this.isReady = true;\n\n      if (!this.sourceValueIsValid) {\n        salla.logger.warn(`source-value prop is required for source [${this.getSource()}]`);\n        return;\n      }\n      if (this.hasInfiniteScroll) {\n        return;\n      }\n\n      // Handle json source\n      if (this.getSource() === 'json') {\n        if (!this.getSourceValue().length) {\n          this.showPlaceholder = true;\n          return;\n        }\n        setTimeout(() => {\n          this.getSourceValue().map(product => this.wrapper.append(this.getItemHTML(product)));\n        });\n        return;\n      }\n\n      // Handle selected source\n      if (this.getSource() === 'selected' && !this.getSourceValue().length) {\n        this.showPlaceholder = true;\n        return;\n      }\n\n      return Helper.fetchProducts(this.getSource(), this.getSourceValue(), this.limit).then(res => {\n        if (!res.data.length) {\n          this.showPlaceholder = true;\n          this.loading(false);\n          return;\n        }\n        setTimeout(() => {\n          this.handleResponse(res).forEach(card => this.wrapper.append(card));\n        }, 100);\n      });\n    });\n  }\n\n\n\n  private canRender() {\n    return this.sourceValueIsValid && this.isReady;\n  }\n\n  render() {\n    if (!this.canRender()) {\n      return '';\n    }\n\n    if (this.showPlaceholder) {\n      return <div class=\"s-products-list-placeholder\">\n        <span innerHTML={ShoppingBag} />\n        <p>{this.placeholderText}</p>\n      </div>;\n    }\n    return (\n      <Host class=\"s-products-list\">\n        <div class={{\n          \"s-products-list-wrapper\": true,\n          's-products-list-horizontal-cards': this.horizontalCards && !this.filtersResults,\n          's-products-list-vertical-cards': !this.horizontalCards && !this.filtersResults,\n          's-products-list-filters-results': this.filtersResults,\n        }}\n          ref={wrapper => this.wrapper = wrapper} />\n        <div class=\"s-infinite-scroll-status\" ref={status => this.status = status}>\n          <p class=\"s-infinite-scroll-last infinite-scroll-last s-hidden\" >{this.endOfText}</p>\n          <p class=\"s-infinite-scroll-error infinite-scroll-error s-hidden\">{this.failedLoadMore}</p>\n        </div>\n\n        {this.hasInfiniteScroll && <div class=\"s-products-list-loading-wrapper\" style={{ \"display\": \"none\" }} ref={loader => this.loader = loader}><span class=\"s-button-loader s-button-loader-center s-infinite-scroll-btn-loader\"></span></div>}\n\n        {this.hasInfiniteScroll && this.nextPage && !this.autoload ? (\n          <div class=\"s-infinite-scroll-wrapper\" style={{ \"display\": \"none\" }} ref={loadMoreWrapper => this.loadMoreWrapper = loadMoreWrapper}>\n            <button onClick={() => this.loadMore()} class=\"s-infinite-scroll-btn s-button-btn s-button-primary\">\n              <span class=\"s-button-text s-infinite-scroll-btn-text\">{this.loadMoreText ? this.loadMoreText : salla.lang.get('common.elements.load_more')}</span>\n              <span class=\"s-button-loader s-button-loader-center s-infinite-scroll-btn-loader\" ref={btnLoader => this.btnLoader = btnLoader} style={{ \"display\": \"none\" }}></span>\n            </button>\n          </div>\n        ) : \"\"}\n      </Host>\n    );\n  }\n\n  componentDidLoad() {\n    this.hasInfiniteScroll && this.init();\n  }\n\n  private init() {\n    this.initiateInfiniteScroll();\n    this.loading();\n  }\n\n  private handleResponse(response): Array<HTMLElement> {\n    let source = this.getSource();\n    let title = '';\n    //help the developer to know the current page title\n    if (response.cursor?.current === 1) {\n      title = Helper.getPageTitleForSource(source);\n      try {\n        if (this.getSource() === 'search') {\n          title = salla.lang.get('common.elements.search_about', { 'word': this.getSourceValue() });\n        } else if (!title) {\n          let catId = this.parsedFilters.category_id || this.getSourceValue()[0];\n          // get the first filter that its key is category_id, then get the value when filter.value.*.key==catId\n          title = response.filters.find(filter => filter.key == 'category_id')?.values?.find(cat => cat.key == catId)?.value || '';\n        }\n        title += (title ? ' - ' : '') + salla.lang.choice('blocks.header.products_count', response.data?.length);\n        if (response.data.length === 15) {\n          title = title.replace(response.data.length, salla.lang.get('common.elements.more_than') + ' ' + response.data.length)\n        }\n        response.title = title;\n      } catch (e) { }\n    }\n\n    salla.event.emit('salla-products-list::products.fetched', response);\n    this.productsFetched.emit(response);\n    //💡 when source is related, cursor will not be existed\n    if (response.filters && this.isFilterable()) {\n      this.filtersResults = true;\n      salla.event.emit('filters::fetched', { filters: response.filters });\n    } else if (this.isFilterable()) {\n      salla.event.emit('filters::hidden');\n    }\n    this.nextPage = response.cursor ? response.cursor.next : this.nextPage;\n    this.loading(false);\n    if (this.hasInfiniteScroll && !this.nextPage) {\n      this.infiniteScroll.option({ scrollThreshold: false, loadOnScroll: false });\n      this.status.querySelector('.s-infinite-scroll-last').classList.remove('s-hidden');\n    }\n    return response.data?.map(product => this.getItemHTML(product)) || [];\n  }\n}\n"],"mappings":"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"}