@salla.sa/twilight-components 2.12.41 → 2.12.42

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

@@ -1,5 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as s,h as t,H as e,g as i}from"./p-a3d07260.js";import{H as r}from"./p-ed793fc8.js";const d="";const u=class{constructor(t){s(this,t);this.blockTitle=undefined;this.subTitle=undefined;this.sliderId=undefined;this.displayAllUrl=undefined;this.autoplay=undefined;this.source=undefined;this.sourceValue=undefined;this.limit=undefined;this.productsData=undefined;this.isReady=undefined;this.sourceValueIsValid=undefined;this.hasCustomComponent=undefined;this.apiUrl="";this.parsedSourceValue=undefined}isSourceWithoutValue(){return["offers","latest","sales"].includes(this.getSource())}getItemHTML(s){if(this.hasCustomComponent){return t("div",{class:"s-products-slider-card"},t("custom-salla-product-card",{product:s,source:this.getSource(),"source-value":this.getSourceValue()}))}return t("div",{class:"s-products-slider-card"},t("salla-product-card",{"show-quantity":this.getSource()=="landing-page","hide-add-btn":this.getSource()=="landing-page","shadow-on-hover":true,product:s}))}canRender(){return this.sourceValueIsValid&&this.isReady}componentWillLoad(){return r.onSallaReadyPromise((()=>{this.sourceValueIsValid=!!(this.getSourceValue()||this.isSourceWithoutValue());if(!this.sourceValueIsValid){salla.logger.warn(`source-value prop is required for source [${this.getSource()}]`);return}this.hasCustomComponent=!!customElements.get("custom-salla-product-card");if(this.source==="json"){this.productsData=this.getSourceValue();this.isReady=true;return}return r.fetchProducts(this.getSource(),this.getSourceValue(),this.limit).then((s=>{this.productsData=s.data;this.isReady=true;salla.event.emit("salla-products-slider::products.fetched",s.data)}))}))}getSource(){return r.getProductsSource(this.source)}getSourceValue(){return r.getProductsSourceValue(this.source,this.sourceValue)}render(){var s;if(this.getSource()=="related"&&!salla.config.get("store.settings.product.related_products_enabled")||!this.canRender()){return}return t(e,{class:"s-products-slider-wrapper"},t("salla-slider",{class:"s-products-slider-slider",id:this.sliderId||`s-products-slider-${Math.random().toString(36).substr(2,9)}`,"auto-play":this.autoplay,type:"carousel","block-title":this.blockTitle,"block-subTitle":this.subTitle,"display-all-url":this.displayAllUrl},t("div",{slot:"items"},(s=this.productsData)===null||s===void 0?void 0:s.map((s=>this.getItemHTML(s))))))}get host(){return i(this)}};u.style=d;export{u as salla_products_slider};
-//# sourceMappingURL=p-d7b6c544.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["sallaProductsSliderCss","SallaProductsSlider","isSourceWithoutValue","includes","this","getSource","getItemHTML","product","hasCustomComponent","h","class","source","getSourceValue","canRender","sourceValueIsValid","isReady","componentWillLoad","Helper","onSallaReadyPromise","salla","logger","warn","customElements","get","productsData","fetchProducts","limit","then","res","data","event","emit","getProductsSource","getProductsSourceValue","sourceValue","render","config","Host","id","sliderId","Math","random","toString","substr","autoplay","type","blockTitle","subTitle","displayAllUrl","slot","_a","map"],"sources":["./src/components/salla-products-slider/salla-products-slider.scss?tag=salla-products-slider","./src/components/salla-products-slider/salla-products-slider.tsx"],"sourcesContent":[".s-products-slider{\n  &-wrapper{\n\n  }\n  &-slider{\n\n  }\n  &-card{\n\n  }\n}","import { Component, Host, h, Prop, Element, State } from '@stencil/core';\nimport Helper from '../../Helpers/Helper';\n@Component({\n  tag: 'salla-products-slider',\n  styleUrl: 'salla-products-slider.scss'\n})\n\n//todo:: extends this component from salla-products-list or the opposite\nexport class SallaProductsSlider {\n  private isSourceWithoutValue() {\n    return ['offers', 'latest', 'sales'].includes(this.getSource());\n  }\n\n  @Element() host: HTMLElement;\n  //todo:: support limit, default =10, make sure that maximum is 32,\n\n  /**\n   * Title of the block - works only if slider is true\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() blockTitle: string;\n\n  /**\n   * Sub title of the block - works only if slider is true\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() subTitle: string;\n\n  /**\n   * Slider Id, if not provided will be generated automatically\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() sliderId: string;\n\n  /**\n   * Display 'ALL' URL\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() displayAllUrl: string;\n\n  /**\n  * autoplay option for products slider\n  */\n  @Prop({ mutable: true }) autoplay: boolean\n\n  /**\n   * Source of the products, if api will get the products from the API, if json will get the products from the products prop\n   * @type {string}\n   * @default ''\n   * */\n  @Prop({\n    reflect: true,\n    mutable: true\n  }) source: 'categories' | 'latest' | 'related' | 'brands' | 'json' | 'tags' | 'selected' | 'offers' | 'landing-page';\n\n  /**\n   * The source value, cloud be different values as following:\n   * - array of ids when `source` in ['categories', 'brands', 'tags', 'selected']\n   * - products payload when `source` = 'json'\n   * - product_id when `source` = 'related'\n   *\n   * @type {string}\n   * */\n  @Prop() sourceValue: string;\n\n  /**\n   * Limit for number of products in the list.\n   */\n  @Prop({ mutable: true }) limit: number;\n\n\n  @State() productsData: any;\n  @State() isReady: boolean;\n  @State() sourceValueIsValid: boolean;\n  @State() hasCustomComponent: boolean;\n  @State() apiUrl: string = '';\n  @State() parsedSourceValue: any;\n\n  private getItemHTML(product) {\n    if (this.hasCustomComponent) {\n      return <div class=\"s-products-slider-card\">\n        <custom-salla-product-card product={product} source={this.getSource()} source-value={this.getSourceValue()} />\n      </div>;\n    }\n\n    return <div class=\"s-products-slider-card\">\n      <salla-product-card\n        show-quantity={this.getSource() == 'landing-page'}\n        hide-add-btn={this.getSource() == 'landing-page'}\n        shadow-on-hover={true}\n        product={product} />\n    </div>;\n  }\n\n\n\n  private canRender() {\n    return this.sourceValueIsValid && this.isReady;\n  }\n  componentWillLoad() {\n      return Helper.onSallaReadyPromise(() => {\n          this.sourceValueIsValid = !!(this.getSourceValue() || this.isSourceWithoutValue());\n          if (!this.sourceValueIsValid) {\n              salla.logger.warn(`source-value prop is required for source [${\n                  this.getSource()\n              }]`);\n              return;\n          }\n          this.hasCustomComponent = !!customElements.get('custom-salla-product-card');\n\n          if (this.source === 'json') {\n              this.productsData = this.getSourceValue();\n              this.isReady = true\n              return;\n          }\n          return Helper.fetchProducts(this.getSource(), this.getSourceValue(), this.limit).then(res => {\n              this.productsData = res.data\n              this.isReady = true\n              salla.event.emit('salla-products-slider::products.fetched', res.data);\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\n  render() {\n    if ((this.getSource() == 'related' && !salla.config.get('store.settings.product.related_products_enabled')) || !this.canRender()) {\n      return;\n    }\n    return (\n      <Host class=\"s-products-slider-wrapper\">\n        <salla-slider\n          class=\"s-products-slider-slider\"\n          id={this.sliderId || `s-products-slider-${Math.random().toString(36).substr(2, 9)}`}\n          auto-play={this.autoplay}\n          type=\"carousel\"\n          block-title={this.blockTitle}\n          block-subTitle={this.subTitle}\n          display-all-url={this.displayAllUrl}\n        >\n          <div slot=\"items\">\n            {this.productsData?.map(product => this.getItemHTML(product))}\n          </div>\n        </salla-slider>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":";;;6FAAA,MAAMA,EAAyB,G,MCQlBC,EAAmB,M,iWAuEJ,G,iCAtElBC,uBACN,MAAO,CAAC,SAAU,SAAU,SAASC,SAASC,KAAKC,Y,CAwE7CC,YAAYC,GAClB,GAAIH,KAAKI,mBAAoB,CAC3B,OAAOC,EAAA,OAAKC,MAAM,0BAChBD,EAAA,6BAA2BF,QAASA,EAASI,OAAQP,KAAKC,YAAW,eAAgBD,KAAKQ,mB,CAI9F,OAAOH,EAAA,OAAKC,MAAM,0BAChBD,EAAA,sCACiBL,KAAKC,aAAe,eAAc,eACnCD,KAAKC,aAAe,eAAc,kBAC/B,KACjBE,QAASA,I,CAMPM,YACN,OAAOT,KAAKU,oBAAsBV,KAAKW,O,CAEzCC,oBACI,OAAOC,EAAOC,qBAAoB,KAC9Bd,KAAKU,sBAAwBV,KAAKQ,kBAAoBR,KAAKF,wBAC3D,IAAKE,KAAKU,mBAAoB,CAC1BK,MAAMC,OAAOC,KAAK,6CACdjB,KAAKC,gBAET,M,CAEJD,KAAKI,qBAAuBc,eAAeC,IAAI,6BAE/C,GAAInB,KAAKO,SAAW,OAAQ,CACxBP,KAAKoB,aAAepB,KAAKQ,iBACzBR,KAAKW,QAAU,KACf,M,CAEJ,OAAOE,EAAOQ,cAAcrB,KAAKC,YAAaD,KAAKQ,iBAAkBR,KAAKsB,OAAOC,MAAKC,IAClFxB,KAAKoB,aAAeI,EAAIC,KACxBzB,KAAKW,QAAU,KACfI,MAAMW,MAAMC,KAAK,0CAA2CH,EAAIC,KAAK,GACvE,G,CAIFxB,YACN,OAAOY,EAAOe,kBAAkB5B,KAAKO,O,CAG/BC,iBACN,OAAOK,EAAOgB,uBAAuB7B,KAAKO,OAAQP,KAAK8B,Y,CAGzDC,S,MACE,GAAK/B,KAAKC,aAAe,YAAcc,MAAMiB,OAAOb,IAAI,qDAAwDnB,KAAKS,YAAa,CAChI,M,CAEF,OACEJ,EAAC4B,EAAI,CAAC3B,MAAM,6BACVD,EAAA,gBACEC,MAAM,2BACN4B,GAAIlC,KAAKmC,UAAY,qBAAqBC,KAAKC,SAASC,SAAS,IAAIC,OAAO,EAAG,KAAI,YACxEvC,KAAKwC,SAChBC,KAAK,WAAU,cACFzC,KAAK0C,WAAU,iBACZ1C,KAAK2C,SAAQ,kBACZ3C,KAAK4C,eAEtBvC,EAAA,OAAKwC,KAAK,UACPC,EAAA9C,KAAKoB,gBAAY,MAAA0B,SAAA,SAAAA,EAAEC,KAAI5C,GAAWH,KAAKE,YAAYC,O"}