@salla.sa/twilight-components 2.12.68 → 2.12.71

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["sallaFiltersCss","SallaFilters","exports","class_1","hostRef","_this","this","isReady","salla","event","on","host","style","display","lang","onLoaded","apply","get","reset","_c","filters","freshFilterData","map","filter","label","category_id","brand_id","rating","price","key","inputType","FilterOptionInputType","RADIO","values","max_1","max","min_1","min","stars","filtersData","childNodes","forEach","widget","__awaiter","__generator","_d","setWidgetHeight","sent","prototype","connectedCallback","URLSearchParams","window","location","search","JSON","parse","decodeURIComponent","e","logger","warn","message","getFilters","applyFilters","hasFilters","Object","keys","length","setTimeout","history","pushState","url","addParamToUrl","encodeURIComponent","stringify","URL","href","_a","searchParams","delete","toString","emit","changed","resetFilters","handleOptionChange","option","value","type","FilterOptionTypes","RANGE","isChecked","target","checked","VARIANTS","variants","CHECKBOX","push","val","render","h","Host","onChanged","detail","_b","class","color","fill","onClick","componentDidLoad"],"sources":["src/components/salla-filters/salla-filters.scss?tag=salla-filters","src/components/salla-filters/salla-filters.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.s-rating-stars-small {\n  line-height: 12px;\n}\n.s-filters-radio{\n  background-image: none !important;\n}","import { Component, Element, h, Event, EventEmitter, Host, Method, Prop, State } from '@stencil/core';\nimport { Filter, FilterOptionInputType, FilterOptionTypes } from \"./interfaces\";\n\n@Component({\n  tag: 'salla-filters',\n  styleUrl: 'salla-filters.scss',\n})\nexport class SallaFilters {\n\n  constructor() {\n    salla.event.on('filters::hidden', () => this.host.style.display = 'none');\n\n    salla.lang.onLoaded(() => {\n      this.apply = salla.lang.get('pages.checkout.apply');\n      this.reset = salla.lang.get('pages.categories.filters_reset');\n    });\n\n    salla.event.on('filters::fetched', ({ filters }) => {\n      this.host.style.display = '';\n      let freshFilterData = {};\n      this.filters = filters\n        .map((filter: Filter) => {\n          filter.label = {\n            category_id: salla.lang.get('common.titles.categories'),\n            brand_id: salla.lang.get('common.titles.brands'),\n            rating: salla.lang.get('pages.categories.filter_rating'),\n            price: salla.lang.get('pages.categories.filter_price'),\n          }[filter.key] || filter.label;\n          filter.inputType = FilterOptionInputType.RADIO;//todo:: support FilterOptionInputType.CHECKBOX\n          if (filter.key == 'rating') {\n            filter.inputType = FilterOptionInputType.RADIO;\n            //@ts-ignore\n            let { max, min } = filter.values;\n            //@ts-ignore\n            filter.values = [5, 4, 3, 2, 1].filter(stars => stars >= min || stars <= max)\n          }\n\n          //when getting new filters, maybe less than we had, so let's get from the old one, only what is existed now.\n          if (this.filtersData[filter.key]) {\n            freshFilterData[filter.key] = this.filtersData[filter.key];\n          }\n\n          return filter;\n        });\n      this.filtersData = freshFilterData;\n      this.host.childNodes.forEach(async (widget: HTMLSallaFiltersWidgetElement) => widget.setWidgetHeight && await widget.setWidgetHeight())\n    });\n  }\n\n  connectedCallback() {\n    try {\n      let filters = (new URLSearchParams(window.location.search)).get('filters')\n      this.filtersData = filters ? JSON.parse(decodeURIComponent(filters)) : {};\n    } catch (e) {\n      salla.logger.warn('failed to get filters from url', e.message);\n    }\n  }\n\n  @Element() host: HTMLElement;\n\n  /**\n   * Array of filter options\n   */\n  @Prop({ reflect: true, mutable: true }) filters?: Filter[];\n\n  private isReady = false;//to avoid triggering the changed event\n\n  @State() isSidebarOpen: boolean;\n  @State() filtersData: object | any = {}\n  @State() apply: string;\n  @State() reset: string;\n\n  /**\n   * Custom event fired when the selected filters are changed.\n   */\n  @Event() changed: EventEmitter;\n\n  /**\n   * Method to get filter data.\n   */\n  @Method()\n  async getFilters() {\n    return this.filtersData;\n  }\n\n  /**\n   * Apply filter action.\n   */\n  @Method()\n  async applyFilters() {\n    if (!this.isReady) {\n      return;\n    }\n    let hasFilters = Object.keys(this.filtersData).length > 0;\n    setTimeout(() => {\n      if (hasFilters) {\n        window.history.pushState({}, '', salla.url.addParamToUrl('filters', encodeURIComponent(JSON.stringify(this.filtersData))));\n      } else {\n        let url = new URL(window.location.href);\n        url.searchParams?.delete('filters');\n        window.history.pushState({}, '', url.toString());\n      }\n      salla.event.emit('salla-filters::changed', this.filtersData);\n      this.changed.emit(this.filtersData);\n    }, 300);\n  }\n\n  /**\n   * Reset selected filters.\n   */\n  @Method()\n  async resetFilters() {\n    this.filtersData = {};\n    this.host.childNodes.forEach((widget: HTMLSallaFiltersWidgetElement) => widget.reset && widget.reset())\n    salla.event.emit('salla-filters::reset');\n    return this.applyFilters();\n  }\n\n\n  /**\n   * @param {{target:HTMLInputElement}} event\n   * @param option\n   * @param value\n   * @private\n   */\n  private handleOptionChange(event, option: Filter, value) {\n    if (option.type === FilterOptionTypes.RANGE) {\n      this.filtersData[option.key] = value;\n\n    }\n    let isChecked = event.target.checked;\n\n    if (option.type === FilterOptionTypes.VARIANTS) {\n      this.filtersData.variants = this.filtersData.variants || {};\n      isChecked && (this.filtersData.variants[option.key] = value);\n      isChecked || (delete this.filtersData.variants[option.key]);\n\n    }\n\n    if (event.target.type == FilterOptionInputType.RADIO) {\n      isChecked && (this.filtersData[option.key] = value);\n      isChecked || (delete this.filtersData[option.key]);\n    }\n\n    //it's checkbox\n    // add if condition to avoid error when the filter is not existed in the filtersData\n    if (event.target.type == FilterOptionInputType.CHECKBOX) {\n      this.filtersData[option.key] = this.filtersData[option.key] || [];\n      if (isChecked) {\n        this.filtersData[option.key].push(value);\n\n      }\n      this.filtersData[option.key] = this.filtersData[option.key].filter(val => val != value);\n    }\n    this.applyFilters();\n  }\n\n  render() {\n    return <Host>\n      {this.filters?.map(option => <salla-filters-widget\n        option={option}\n        filtersData={this.filtersData}\n        onChanged={({ detail: { event, option, value } }) => this.handleOptionChange(event, option, value)} />)}\n\n      {this.filters?.length ? <div class=\"s-filters-footer\">\n        {/* <salla-button color='primary' onClick={() => this.applyFilters()}>{this.apply}</salla-button> */}\n        <salla-button color='gray' fill='outline' onClick={() => this.resetFilters()}>{this.reset}</salla-button>\n      </div> : ''}\n    </Host>;\n  }\n\n  componentDidLoad() {\n    this.isReady = true;\n  }\n}\n\n"],"mappings":";;;2NAAA,IAAMA,EAAkB,gH,ICOXC,EAAYC,EAAA,2BAEvB,SAAAC,EAAAC,GAAA,IAAAC,EAAAC,K,2CAwDQA,KAAAC,QAAU,M,qEAGmB,G,0CA1DnCC,MAAMC,MAAMC,GAAG,mBAAmB,WAAM,OAAAL,EAAKM,KAAKC,MAAMC,QAAU,MAA1B,IAExCL,MAAMM,KAAKC,UAAS,WAClBV,EAAKW,MAAQR,MAAMM,KAAKG,IAAI,wBAC5BZ,EAAKa,MAAQV,MAAMM,KAAKG,IAAI,iC,IAG9BT,MAAMC,MAAMC,GAAG,oBAAoB,SAACS,G,IAAEC,EAAOD,EAAAC,QAC3Cf,EAAKM,KAAKC,MAAMC,QAAU,GAC1B,IAAIQ,EAAkB,GACtBhB,EAAKe,QAAUA,EACZE,KAAI,SAACC,GACJA,EAAOC,MAAQ,CACbC,YAAajB,MAAMM,KAAKG,IAAI,4BAC5BS,SAAUlB,MAAMM,KAAKG,IAAI,wBACzBU,OAAQnB,MAAMM,KAAKG,IAAI,kCACvBW,MAAOpB,MAAMM,KAAKG,IAAI,kCACtBM,EAAOM,MAAQN,EAAOC,MACxBD,EAAOO,UAAYC,EAAsBC,MACzC,GAAIT,EAAOM,KAAO,SAAU,CAC1BN,EAAOO,UAAYC,EAAsBC,MAErC,IAAAb,EAAeI,EAAOU,OAApBC,EAAGf,EAAAgB,IAAEC,EAAGjB,EAAAkB,IAEdd,EAAOU,OAAS,CAAC,EAAG,EAAG,EAAG,EAAG,GAAGV,QAAO,SAAAe,GAAS,OAAAA,GAASF,GAAOE,GAASJ,CAAzB,G,CAIlD,GAAI7B,EAAKkC,YAAYhB,EAAOM,KAAM,CAChCR,EAAgBE,EAAOM,KAAOxB,EAAKkC,YAAYhB,EAAOM,I,CAGxD,OAAON,C,IAEXlB,EAAKkC,YAAclB,EACnBhB,EAAKM,KAAK6B,WAAWC,SAAQ,SAAOC,GAAqC,OAAAC,UAAAtC,OAAA,yBAAAc,EAAA,OAAAyB,YAAAtC,MAAA,SAAAuC,G,uBAAK1B,EAAAuB,EAAOI,gB,MAAP,YAA0B,SAAMJ,EAAOI,mB,SAAbD,EAAAE,O,iBAA1B,SAAA5B,G,aAIlFhB,EAAA6C,UAAAC,kBAAA,WACE,IACE,IAAI7B,EAAU,IAAK8B,gBAAgBC,OAAOC,SAASC,QAASpC,IAAI,WAChEX,KAAKiC,YAAcnB,EAAUkC,KAAKC,MAAMC,mBAAmBpC,IAAY,E,CACvE,MAAOqC,GACPjD,MAAMkD,OAAOC,KAAK,iCAAkCF,EAAEG,Q,GA2BpDzD,EAAA6C,UAAAa,WAAN,W,qFACE,SAAOvD,KAAKiC,Y,QAORpC,EAAA6C,UAAAc,aAAN,W,sGACE,IAAKxD,KAAKC,QAAS,CACjB,S,CAEEwD,EAAaC,OAAOC,KAAK3D,KAAKiC,aAAa2B,OAAS,EACxDC,YAAW,W,MACT,GAAIJ,EAAY,CACdZ,OAAOiB,QAAQC,UAAU,GAAI,GAAI7D,MAAM8D,IAAIC,cAAc,UAAWC,mBAAmBlB,KAAKmB,UAAUpE,EAAKkC,e,KACtG,CACL,IAAI+B,EAAM,IAAII,IAAIvB,OAAOC,SAASuB,OAClCC,EAAAN,EAAIO,gBAAY,MAAAD,SAAA,SAAAA,EAAEE,OAAO,WACzB3B,OAAOiB,QAAQC,UAAU,GAAI,GAAIC,EAAIS,W,CAEvCvE,MAAMC,MAAMuE,KAAK,yBAA0B3E,EAAKkC,aAChDlC,EAAK4E,QAAQD,KAAK3E,EAAKkC,Y,GACtB,K,iBAOCpC,EAAA6C,UAAAkC,aAAN,W,qFACE5E,KAAKiC,YAAc,GACnBjC,KAAKK,KAAK6B,WAAWC,SAAQ,SAACC,GAA0C,OAAAA,EAAOxB,OAASwB,EAAOxB,OAAvB,IACxEV,MAAMC,MAAMuE,KAAK,wBACjB,SAAO1E,KAAKwD,e,QAUN3D,EAAA6C,UAAAmC,mBAAA,SAAmB1E,EAAO2E,EAAgBC,GAChD,GAAID,EAAOE,OAASC,EAAkBC,MAAO,CAC3ClF,KAAKiC,YAAY6C,EAAOvD,KAAOwD,C,CAGjC,IAAII,EAAYhF,EAAMiF,OAAOC,QAE7B,GAAIP,EAAOE,OAASC,EAAkBK,SAAU,CAC9CtF,KAAKiC,YAAYsD,SAAWvF,KAAKiC,YAAYsD,UAAY,GACzDJ,IAAcnF,KAAKiC,YAAYsD,SAAST,EAAOvD,KAAOwD,GACtDI,UAAqBnF,KAAKiC,YAAYsD,SAAST,EAAOvD,I,CAIxD,GAAIpB,EAAMiF,OAAOJ,MAAQvD,EAAsBC,MAAO,CACpDyD,IAAcnF,KAAKiC,YAAY6C,EAAOvD,KAAOwD,GAC7CI,UAAqBnF,KAAKiC,YAAY6C,EAAOvD,I,CAK/C,GAAIpB,EAAMiF,OAAOJ,MAAQvD,EAAsB+D,SAAU,CACvDxF,KAAKiC,YAAY6C,EAAOvD,KAAOvB,KAAKiC,YAAY6C,EAAOvD,MAAQ,GAC/D,GAAI4D,EAAW,CACbnF,KAAKiC,YAAY6C,EAAOvD,KAAKkE,KAAKV,E,CAGpC/E,KAAKiC,YAAY6C,EAAOvD,KAAOvB,KAAKiC,YAAY6C,EAAOvD,KAAKN,QAAO,SAAAyE,GAAO,OAAAA,GAAOX,CAAP,G,CAE5E/E,KAAKwD,c,EAGP3D,EAAA6C,UAAAiD,OAAA,eAAA5F,EAAAC,K,QACE,OAAO4F,EAACC,EAAI,MACTvB,EAAAtE,KAAKc,WAAO,MAAAwD,SAAA,S,EAAEtD,KAAI,SAAA8D,GAAU,OAAAc,EAAA,wBAC3Bd,OAAQA,EACR7C,YAAalC,EAAKkC,YAClB6D,UAAW,SAACjF,G,IAAE0B,EAAA1B,EAAAkF,OAAU5F,EAAKoC,EAAApC,MAAE2E,EAAMvC,EAAAuC,OAAEC,EAAKxC,EAAAwC,MAAS,OAAAhF,EAAK8E,mBAAmB1E,EAAO2E,EAAQC,EAAvC,GAH1B,MAK5BiB,EAAAhG,KAAKc,WAAO,MAAAkF,SAAA,SAAAA,EAAEpC,QAASgC,EAAA,OAAKK,MAAM,oBAEjCL,EAAA,gBAAcM,MAAM,OAAOC,KAAK,UAAUC,QAAS,WAAM,OAAArG,EAAK6E,cAAL,GAAsB5E,KAAKY,QAC7E,G,EAIbf,EAAA6C,UAAA2D,iBAAA,WACErG,KAAKC,QAAU,I,yHArKM,I"}