@salla.sa/twilight-components 2.11.115 → 2.11.116

package/dist/twilight/{p-cda133d3.system.entry.js → p-b075bc8e.system.entry.js}

@@ -1,5 +1,5 @@
 var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{c(n.next(t))}catch(t){a(t)}}function s(t){try{c(n["throw"](t))}catch(t){a(t)}}function c(t){t.done?i(t.value):r(t.value).then(o,s)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return c([t,e])}}function c(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=e.call(t,i)}catch(t){s=[6,t];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
- */System.register(["./p-5ee0461b.system.js"],(function(t){"use strict";var e,i,n,r;return{setters:[function(t){e=t.r;i=t.c;n=t.h;r=t.H}],execute:function(){var a=":host{display:block}.rtl .rtl-range-slider,[dir=rtl] .rtl-range-slider{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.rtl .rtl-range-numbers,[dir=rtl] .rtl-range-numbers{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.rtl .form-select,.rtl select,[dir=rtl] .form-select,[dir=rtl] select{background-position:left 0.5rem center;padding-right:12px}.rtl .menu-divide li:not(:last-child):after,[dir=rtl] .menu-divide li:not(:last-child):after{left:0;right:auto}input[type=range]::-webkit-slider-thumb{pointer-events:all;width:24px;height:24px;-webkit-appearance:none}[type=checkbox]:checked{background-size:80%}";var o=t("salla_price_range",function(){function t(t){e(this,t);this.changed=i(this,"changed",7);this.filterValues=[];this.minPrice=undefined;this.maxPrice=undefined;this.option=undefined;this.filtersData=undefined;this.min=0;this.max=1e4;this.priceOptions=undefined}t.prototype.connectedCallback=function(){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}if(this.option.values.length==1){return}if(this.option.values.length<=5){this.filterValues=this.option.values;return}var e=Math.ceil(this.option.values.length/5);for(var i=0;i<this.option.values.length;i+=e){this.filterValues.push(this.option.values.slice(i,i+e).reduce((function(t,e){t.to=e.to;t.count+=e.count;return t})))}};t.prototype.reset=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.minInput.value=null;this.maxInput.value=null;return[2]}))}))};t.prototype.getPriceLabel=function(t){if(isNaN(t.from)||t.from<1){return"اقل من ".concat(salla.money(t.to))}if(isNaN(t.to)||t.to<1){return"أكثر من ".concat(salla.money(t.from))}return"".concat(salla.money(t.from)," الى ").concat(salla.money(t.to))};t.prototype.handleMinMaxPrice=function(t,e){this.minPrice=e.from;this.maxPrice=e.to!="*"?e.to:null;this.changedEventHandler(t)};t.prototype.changedEventHandler=function(t,e){if(e===void 0){e=false}return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){i=t?t.target.value*1:null;if(e){this.minInputValidation(i)}else{this.maxInputValidation(i)}this.isReady&&this.changed.emit({event:t,option:this.option,value:{max:this.maxPrice,min:this.minPrice}});return[2]}))}))};t.prototype.minInputValidation=function(t){if(t&&(t>this.max||t>this.maxPrice)){return}if(t<this.min){this.minPrice=this.min;return}if(t){this.minPrice=t}};t.prototype.maxInputValidation=function(t){if(t&&(t<this.min||t<this.minPrice)){return}if(t>this.max){this.maxPrice=this.max;return}if(t){this.maxPrice=t}};t.prototype.isChecked=function(t){if(!this.minPrice&&!this.maxPrice){return false}var e=(t.from<1||t.from=="*")&&this.minPrice==0||t.from==this.minPrice;var i=t.to=="*"||!t.to||t.to==this.maxPrice;return e&&i};t.prototype.render=function(){var t=this;return n(r,null,this.filterValues.map((function(e,i){return n("label",{class:"s-filters-label",htmlFor:"".concat(t.option.key,"-").concat(i)},n("input",{id:"".concat(t.option.key,"-").concat(i),name:"price",type:"radio",checked:t.isChecked(e),class:"s-filters-radio",onChange:function(i){return t.handleMinMaxPrice(i,e)}}),t.getPriceLabel(e))})),n("div",{class:"flex justify-center items-center"},n("div",{class:"relative max-w-xl w-full"},n("div",{class:"s-price-range-inputs"},n("div",{class:"s-price-range-relative"},n("div",{class:"s-price-range-currency"}," ",salla.config.currency().symbol),n("input",{type:"number",maxlength:"5",ref:function(e){return t.minInput=e},onInput:function(e){return t.changedEventHandler(e,true)},value:this.minPrice,placeholder:"من",class:"s-price-range-number-input"})),n("div",{class:"s-price-range-gray-text"}," -"),n("div",{class:"s-price-range-relative"},n("div",{class:"s-price-range-currency"}," ",salla.config.currency().symbol),n("input",{type:"number",maxlength:"5",placeholder:"الى",ref:function(e){return t.maxInput=e},onInput:function(e){return t.changedEventHandler(e)},value:this.maxPrice,class:"s-price-range-number-input","aria-describedby":"price-currency"}))))))};t.prototype.componentDidLoad=function(){this.isReady=true};return t}());o.style=a}}}));
-//# sourceMappingURL=p-cda133d3.system.entry.js.map
+ */System.register(["./p-5ee0461b.system.js"],(function(t){"use strict";var e,i,n,r;return{setters:[function(t){e=t.r;i=t.c;n=t.h;r=t.H}],execute:function(){var a=":host{display:block}.rtl .rtl-range-slider,[dir=rtl] .rtl-range-slider{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.rtl .rtl-range-numbers,[dir=rtl] .rtl-range-numbers{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.rtl .form-select,.rtl select,[dir=rtl] .form-select,[dir=rtl] select{background-position:left 0.5rem center;padding-right:12px}.rtl .menu-divide li:not(:last-child):after,[dir=rtl] .menu-divide li:not(:last-child):after{left:0;right:auto}input[type=range]::-webkit-slider-thumb{pointer-events:all;width:24px;height:24px;-webkit-appearance:none}[type=checkbox]:checked{background-size:80%}";var o=t("salla_price_range",function(){function t(t){e(this,t);this.changed=i(this,"changed",7);this.filterValues=[];this.minPrice=undefined;this.maxPrice=undefined;this.option=undefined;this.filtersData=undefined;this.min=0;this.max=1e4;this.priceOptions=undefined}t.prototype.connectedCallback=function(){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}if(this.option.values.length==1){return}if(this.option.values.length<=5){this.filterValues=this.option.values;return}var e=Math.ceil(this.option.values.length/5);for(var i=0;i<this.option.values.length;i+=e){this.filterValues.push(this.option.values.slice(i,i+e).reduce((function(t,e){t.to=e.to;t.count+=e.count;return t})))}};t.prototype.reset=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.minInput.value=null;this.maxInput.value=null;return[2]}))}))};t.prototype.getPriceLabel=function(t){if(isNaN(t.from)||t.from<1){return"اقل من ".concat(salla.money(t.to))}if(isNaN(t.to)||t.to<1){return"أكثر من ".concat(salla.money(t.from))}return"".concat(salla.money(t.from)," الى ").concat(salla.money(t.to))};t.prototype.handleMinMaxPrice=function(t,e){this.minPrice=e.from;this.maxPrice=e.to!="*"?e.to:null;this.changedEventHandler(t)};t.prototype.changedEventHandler=function(t,e){if(e===void 0){e=false}return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){salla.helpers.inputDigitsOnly(t.target);i=t?t.target.value*1:null;if(e){this.minInputValidation(i)}else{this.maxInputValidation(i)}this.isReady&&this.changed.emit({event:t,option:this.option,value:{max:this.maxPrice,min:this.minPrice}});return[2]}))}))};t.prototype.minInputValidation=function(t){if(t&&(t>this.max||t>this.maxPrice)){return}if(t<this.min){this.minPrice=this.min;return}if(t){this.minPrice=t}};t.prototype.maxInputValidation=function(t){if(t&&(t<this.min||t<this.minPrice)){return}if(t>this.max){this.maxPrice=this.max;return}if(t){this.maxPrice=t}};t.prototype.isChecked=function(t){if(!this.minPrice&&!this.maxPrice){return false}var e=(t.from<1||t.from=="*")&&this.minPrice==0||t.from==this.minPrice;var i=t.to=="*"||!t.to||t.to==this.maxPrice;return e&&i};t.prototype.render=function(){var t=this;return n(r,null,this.filterValues.map((function(e,i){return n("label",{class:"s-filters-label",htmlFor:"".concat(t.option.key,"-").concat(i)},n("input",{id:"".concat(t.option.key,"-").concat(i),name:"price",type:"radio",checked:t.isChecked(e),class:"s-filters-radio",onChange:function(i){return t.handleMinMaxPrice(i,e)}}),t.getPriceLabel(e))})),n("div",{class:"flex justify-center items-center"},n("div",{class:"relative max-w-xl w-full"},n("div",{class:"s-price-range-inputs"},n("div",{class:"s-price-range-relative"},n("div",{class:"s-price-range-currency"}," ",salla.config.currency().symbol),n("input",{type:"number",maxlength:"5",ref:function(e){return t.minInput=e},onInput:function(e){return t.changedEventHandler(e,true)},value:this.minPrice,placeholder:"من",class:"s-price-range-number-input"})),n("div",{class:"s-price-range-gray-text"}," -"),n("div",{class:"s-price-range-relative"},n("div",{class:"s-price-range-currency"}," ",salla.config.currency().symbol),n("input",{type:"number",maxlength:"5",placeholder:"الى",ref:function(e){return t.maxInput=e},onInput:function(e){return t.changedEventHandler(e)},value:this.maxPrice,class:"s-price-range-number-input","aria-describedby":"price-currency"}))))))};t.prototype.componentDidLoad=function(){this.isReady=true};return t}());o.style=a}}}));
+//# sourceMappingURL=p-b075bc8e.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["sallaPriceRangeCss","SallaPriceRange","exports","this","filterValues","class_1","prototype","connectedCallback","filtersData","_a","price","minPrice","min","maxPrice","max","option","values","length","chunkSize","Math","ceil","i","push","slice","reduce","final","currentValue","to","count","reset","minInput","value","maxInput","getPriceLabel","filterValue","isNaN","from","concat","salla","money","handleMinMaxPrice","event","changedEventHandler","isMin","helpers","inputDigitsOnly","target","minInputValidation","maxInputValidation","isReady","changed","emit","isChecked","isMinEqual","isMaxEqual","render","_this","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  @Prop({mutable: true}) minPrice;\n  @Prop({mutable: true}) maxPrice;\n  @Prop({reflect: true}) option: Filter;\n  @Prop({reflect: true}) filtersData: any;\n  @State() min = 0;\n  @State() max = 10000;\n\n  @State() priceOptions: any;\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\n    //no need to show one option only\n    if (this.option.values.length == 1) {\n      return;\n    }\n    //here we may recive 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  @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 `اقل من ${salla.money(filterValue.to)}`;\n    }\n    // @ts-ignore\n    if (isNaN(filterValue.to) || filterValue.to < 1) {\n      return `أكثر من ${salla.money(filterValue.from)}`;\n    }\n\n    return `${salla.money(filterValue.from)} الى ${salla.money(filterValue.to)}`;\n  }\n\n\n  private handleMinMaxPrice(event: Event, value: FilterValue): void {\n\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    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, index) => {\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=\"من\"\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=\"الى\"\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/twilight/p-c3539119.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import{r as s,h as t,H as i,g as e}from"./p-3c7d3f26.js";import{a as r}from"./p-201c8085.js";const l=`\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`;const a="";const n=class{constructor(t){s(this,t);this.source=undefined;this.sourceValue=undefined;this.limit=undefined;this.sortBy=undefined;this.filtersResults=undefined;this.horizontalCards=undefined;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}connectedCallback(){salla.onReady((()=>{this.hasCustomComponent=!!customElements.get("custom-salla-product-card");this.sourceValueIsValid=!!(this.getSourceValue()||this.isSourceWithoutValue());this.hasInfiniteScroll=!["json","selected","related","landing-page"].includes(this.getSource());try{let s=new URLSearchParams(window.location.search);this.sortBy=this.sortBy||s.get("sort")||s.get("by");let t=s.get("filters");this.parsedFilters=t?JSON.parse(decodeURIComponent(t)):{}}catch(s){salla.logger.warn("failed to get filters from url",s.message)}this.buildNextPageUrl();this.createStatusDom();this.isReady=true}));if(!this.sourceValueIsValid){salla.logger.warn(`source-value prop is required for source [${this.getSource()}]`);return}salla.event.on("salla-filters::changed",(s=>this.setFilters(s)))}async setFilters(s){if(!!s&&JSON.stringify(this.parsedFilters)===JSON.stringify(s)){return}window.scrollTo({top:0,behavior:"smooth"});this.parsedFilters=s;return this.reload()}async reload(){salla.infiniteScroll.destroy(this.infiniteScroll);this.buildNextPageUrl();this.wrapper.innerHTML="";this.init()}isFilterable(){return salla.config.get("store.settings.product.filters")&&this.filtersResults}isSourceWithoutValue(){return["offers","latest","sales"].includes(this.getSource())}animateItems(){r({targets:"salla-products-list salla-product-card",opacity:[0,1],duration:1200,translateY:[20,0],delay:function(s,t){return t*100}})}createStatusDom(){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" >${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>`;this.btnLoader=this.status.querySelector(".s-button-loader");salla.lang.onLoaded((()=>{this.status.querySelector(".s-infinite-scroll-last").innerHTML=salla.lang.get("common.elements.end_of_content");this.status.querySelector(".s-infinite-scroll-error").innerHTML=salla.lang.get("common.elements.failed_to_load_more");this.placeholderText=salla.lang.get("pages.categories.no_products")}))}initBaseNextPageUrl(s){this.nextPage=salla.url.api(`products?source=${s}`);if(this.limit){this.nextPage+=`&per_page=${this.limit>32?32:this.limit}`}if(this.sortBy){this.nextPage+=`&sort=${this.sortBy}`}this.nextPage+="&filterable=1";for(const[s,t]of Object.entries(this.parsedFilters||{})){if(["string","number"].includes(typeof t)){this.nextPage+=`&filters[${s}]=${t}`}else if(Array.isArray(t)){t.forEach((t=>this.nextPage+=`&filters[${s}][]=${t}`))}else if(typeof t==="object"){for(const[i,e]of Object.entries(t)){this.nextPage+=`&filters[${s}][${i}]=${e}`}}}}buildNextPageUrl(){let s=this.getSource();if(s==="json"){return}this.initBaseNextPageUrl(s);if(this.isSourceWithoutValue()){return}if(["search","related","landing-page"].includes(s)){this.nextPage+=`&source_value=${this.getSourceValue()}`;return}try{this.nextPage+=`&source_value[]=${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 [${s}]`);this.sourceValueIsValid=false}}getSource(){return{"brands.single":"brands","product.index":"categories","product.index.latest":"latest","product.index.offers":"offers","product.index.search":"search","landing-page":"landing-page","product.index.tag":"tags","product.index.sales":"sales","components.most_sales_products":"sales"}[this.source||salla.config.get("page.slug")]||this.source||"latest"}getSourceValue(){let s=this.getSource();if(!["search","json","offers","latest","sales"].includes(s)){if(this.sourceValue&&Array.isArray(JSON.parse(this.sourceValue))&&JSON.parse(this.sourceValue).length){return JSON.parse(this.sourceValue)}if(this.sourceValue&&typeof JSON.parse(this.sourceValue)=="number"){return[JSON.parse(this.sourceValue)]}if(!this.sourceValue&&["categories","tags","brands"].includes(this.getSource())){return[salla.config.get("page.id")]}}if(this.sourceValue){return this.sourceValue}if(s==="search"){return new URLSearchParams(window.location.search).get("q")}return salla.config.get("page.id")}loading(s=true){this.btnLoader.style.display=s?"inherit":"none"}getItemHTML(s){let t=this.hasCustomComponent?"custom-salla-product-card":"salla-product-card";let i=document.createElement(t);i.product=s;if(this.getSource()=="landing-page"&&!this.hasCustomComponent){i.toggleAttribute("hide-add-btn",true);i.classList.add("s-product-card-fit-height")}if(this.horizontalCards&&!this.hasCustomComponent){i.toggleAttribute("horizontal",true);i.toggleAttribute("shadow-on-hover",true)}return i}fetchProducts(){salla.product.fetch({source:this.getSource(),source_value:this.getSourceValue(),limit:this.limit}).then((s=>{if(!s.data.length){this.showPlaceholder=true;this.loading(false);return}this.handleResponse(s).forEach((s=>this.wrapper.append(s)))}))}initiateInfiniteScroll(){if(!this.hasInfiniteScroll){return}this.host.insertAdjacentElement("beforeend",this.status);this.infiniteScroll=salla.infiniteScroll.initiate(this.wrapper,this.wrapper,{path:()=>this.nextPage,history:false,nextPage:this.nextPage,scrollThreshold:100},true);this.infiniteScroll.on("request",(()=>this.loading()));this.infiniteScroll.on("load",(s=>{var t;if(!((t=s.data)===null||t===void 0?void 0:t.length)){this.showPlaceholder=true;salla.infiniteScroll.destroy(this.infiniteScroll);this.loading(false);return}else{this.showPlaceholder=false}this.infiniteScroll.appendItems(this.handleResponse(s));if(this.infiniteScroll.pageIndex==2){this.animateItems()}}));this.infiniteScroll.on("error",(()=>{this.status.querySelector(".s-infinite-scroll-error").classList.remove("s-hidden");this.loading(false)}));salla.onReady((()=>salla.infiniteScroll.loadNextPage(this.infiniteScroll)))}canRender(){return this.sourceValueIsValid&&this.isReady}render(){if(!this.canRender()){return""}if(this.showPlaceholder){return t("div",{class:"s-products-list-placeholder"},t("span",{innerHTML:l}),t("p",null,this.placeholderText))}return t(i,{class:"s-products-list"},t("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:s=>this.wrapper=s}))}componentDidLoad(){if(!this.canRender()){return}if(this.getSource()==="json"){if(!this.getSourceValue().length){this.showPlaceholder=true;return}this.getSourceValue().map((s=>this.wrapper.append(this.getItemHTML(s))));return}if(this.getSource()==="selected"||this.getSource()==="landing-page"){if(this.getSource()==="selected"&&!this.getSourceValue().length){this.showPlaceholder=true;return}this.fetchProducts();return}this.init()}init(){this.initiateInfiniteScroll();this.loading()}handleResponse(s){var t;if(s.filters&&this.isFilterable()){this.filtersResults=true;salla.event.emit("filters::fetched",{filters:s.filters})}else if(this.isFilterable()){salla.event.emit("filters::hidden")}this.nextPage=s.cursor?s.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((t=s.data)===null||t===void 0?void 0:t.map((s=>this.getItemHTML(s))))||[]}get host(){return e(this)}};n.style=a;export{n as salla_products_list};
+//# sourceMappingURL=p-c3539119.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["sallaProductsListCss","SallaProductsList","connectedCallback","salla","onReady","this","hasCustomComponent","customElements","get","sourceValueIsValid","getSourceValue","isSourceWithoutValue","hasInfiniteScroll","includes","getSource","searchParams","URLSearchParams","window","location","search","sortBy","filters","parsedFilters","JSON","parse","decodeURIComponent","e","logger","warn","message","buildNextPageUrl","createStatusDom","isReady","event","on","setFilters","async","stringify","scrollTo","top","behavior","reload","infiniteScroll","destroy","wrapper","innerHTML","init","isFilterable","config","filtersResults","animateItems","anime","targets","opacity","duration","translateY","delay","_el","i","status","document","createElement","className","lang","btnLoader","querySelector","onLoaded","placeholderText","initBaseNextPageUrl","source","nextPage","url","api","limit","key","value","Object","entries","Array","isArray","forEach","item","k","v","join","sourceValue","length","loading","isLoading","style","display","getItemHTML","product","customComponentTag","customComponent","toggleAttribute","classList","add","horizontalCards","fetchProducts","fetch","source_value","then","res","data","showPlaceholder","handleResponse","card","append","initiateInfiniteScroll","host","insertAdjacentElement","initiate","path","history","scrollThreshold","response","_a","appendItems","pageIndex","remove","loadNextPage","canRender","render","h","class","ShoppingBag","Host","ref","componentDidLoad","map","emit","cursor","next","option","loadOnScroll"],"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} from '@stencil/core';\nimport anime from 'animejs';\nimport ShoppingBag from '../../assets/svg/shopping-bag.svg';\n\n@Component({\n  tag: 'salla-products-list',\n  styleUrl: 'salla-products-list.scss'\n})\nexport class SallaProductsList {\n  connectedCallback() {\n    salla.onReady(() => {\n      this.hasCustomComponent = !!customElements.get('custom-salla-product-card');\n      this.sourceValueIsValid = !!(this.getSourceValue() || this.isSourceWithoutValue());\n      this.hasInfiniteScroll = !['json', 'selected', 'related', 'landing-page'].includes(this.getSource());\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\n    if (!this.sourceValueIsValid) {\n      salla.logger.warn(`source-value prop is required for source [${this.getSource()}]`);\n      return;\n    }\n    salla.event.on('salla-filters::changed', filters => this.setFilters(filters))\n\n\n  }\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  @Method()\n  async reload() {\n    salla.infiniteScroll.destroy(this.infiniteScroll);\n    this.buildNextPageUrl();\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';\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  // 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  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        this.nextPage += `&filters[${key}]=${value}`;\n      } else if (Array.isArray(value)) {\n        (value as any).forEach(item => this.nextPage += `&filters[${key}][]=${item}`)\n      } else if (typeof value === 'object') {\n        for (const [k, v] of Object.entries(value)) {\n          this.nextPage += `&filters[${key}][${k}]=${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  private getSource() {\n    return {\n      'brands.single': 'brands',\n      'product.index': 'categories',\n      'product.index.latest': 'latest',\n      'product.index.offers': 'offers',\n      'product.index.search': 'search',\n      'landing-page': 'landing-page',\n      'product.index.tag': 'tags',\n      'product.index.sales': 'sales',\n      'components.most_sales_products': 'sales',//temporary, delete it after two days from now\n    }[this.source || salla.config.get('page.slug')] || this.source || 'latest';\n  }\n\n  private getSourceValue() {\n    let source = this.getSource();\n\n    //todo:: enhance this code, it call JSON.parse too many times.\n    if (!['search', 'json', 'offers', 'latest', 'sales'].includes(source)) {\n      if (this.sourceValue && Array.isArray(JSON.parse(this.sourceValue)) && JSON.parse(this.sourceValue).length) {\n        return JSON.parse(this.sourceValue);\n      }\n\n      if (this.sourceValue && typeof JSON.parse(this.sourceValue) == 'number') {\n        return [JSON.parse(this.sourceValue)];\n      }\n      if (!this.sourceValue && ['categories', 'tags', 'brands'].includes(this.getSource())) {\n        return [salla.config.get('page.id')];\n      }\n    }\n\n    if (this.sourceValue) {\n      return this.sourceValue;\n    }\n\n\n    if (source === 'search') {\n      return (new URLSearchParams(window.location.search)).get('q');\n    }\n\n    return salla.config.get('page.id');\n  }\n\n\n  private loading(isLoading = true) {\n    this.btnLoader.style.display = isLoading ? 'inherit' : 'none';\n  }\n\n  private getItemHTML(product) {\n    let customComponentTag: string = this.hasCustomComponent ? 'custom-salla-product-card' : 'salla-product-card';\n    let customComponent: HTMLSallaProductCardElement = document.createElement(customComponentTag) as HTMLSallaProductCardElement;\n    customComponent.product = product;\n    // customComponent.setAttribute('product', JSON.stringify(product));\n    if (this.getSource() == 'landing-page' && !this.hasCustomComponent) {\n      customComponent.toggleAttribute('hide-add-btn', true);\n      customComponent.classList.add('s-product-card-fit-height');\n    }\n    if (this.horizontalCards && !this.hasCustomComponent) {\n      customComponent.toggleAttribute('horizontal', true);\n      customComponent.toggleAttribute('shadow-on-hover', true);\n    }\n    return customComponent;\n  }\n\n  private fetchProducts() {\n    salla.product.fetch({\n      source: this.getSource(),\n      source_value: this.getSourceValue(),\n      limit: this.limit\n    })\n      .then(res => {\n        if (!res.data.length) {\n          this.showPlaceholder = true;\n          this.loading(false);\n          return;\n        }\n        this.handleResponse(res).forEach(card => this.wrapper.append(card));\n      })\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) {\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        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  private canRender() {\n    return this.sourceValueIsValid && this.isReady;\n  }\n\n  render() {\n    if (!this.canRender()) {\n      return '';\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    if (!this.canRender()) {\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      this.getSourceValue().map(product => this.wrapper.append(this.getItemHTML(product)));\n      return;\n    }\n    // Handle selected source\n    if (this.getSource() === 'selected' || this.getSource() === 'landing-page') {\n      if (this.getSource() === 'selected' && !this.getSourceValue().length) {\n        this.showPlaceholder = true;\n        return;\n      }\n      this.fetchProducts()\n      return;\n    }\n    this.init();\n  }\n\n  private init() {\n    this.initiateInfiniteScroll();\n    this.loading();\n  }\n\n  private handleResponse(response): Array<HTMLElement> {\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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"}