@salla.sa/twilight-components 2.12.10 → 2.12.12

package/dist/twilight/p-09f141a9.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","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","childNodes","forEach","widget","handleOptionChange","option","value","type","FilterOptionTypes","RANGE","isChecked","target","checked","VARIANTS","variants","push","val","render","h","Host","onChanged","_d","detail","_b","class","color","onClick","fill","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    });\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      return;\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      return;\n    }\n    \n    if (event.target.type == FilterOptionInputType.RADIO) {\n      isChecked && (this.filtersData[option.key] = value);\n      isChecked || (delete this.filtersData[option.key]);\n      return;\n    }\n\n    //it's checkbox\n    this.filtersData[option.key] = this.filtersData[option.key] || [];\n    if (isChecked) {\n      this.filtersData[option.key].push(value);\n      return;\n    }\n    this.filtersData[option.key] = this.filtersData[option.key].filter(val => val != value);\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":"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"}

package/dist/twilight/p-1342a68f.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as s,c as t,h as i,H as e,g as h}from"./p-c76c4ed2.js";import{H as l}from"./p-431fcc73.js";import{a,F as n}from"./p-d3cc3770.js";const r=":host{display:block}";const o=class{constructor(i){s(this,i);this.changed=t(this,"changed",7);this.initHeight=195;this.widgetTitle=undefined;this.withLoadMore=undefined;this.filtersData=undefined;this.option=undefined;this.isOpen=true;this.isShowMore=false;this.showMoreLabel="عرض المزيد";this.showLessLabel="عرض أقل"}connectedCallback(){this.withLoadMore=this.option.key!="price"&&Array.isArray(this.option.values)&&this.option.values.length>8;this.widgetTitle=this.option.label;salla.lang.onLoaded((()=>{this.showMoreLabel=salla.lang.getWithDefault("common.titles.more",this.showMoreLabel);this.showLessLabel=salla.lang.getWithDefault("common.elements.show_less",this.showLessLabel)}))}componentDidLoad(){this.widgetValues.scrollHeight<this.initHeight&&(this.withLoadMore=false);this.withLoadMore&&this.widgetValues&&(this.widgetValues.style.maxHeight=`${this.initHeight}px`);this.widgetContent.style.height=`${this.widgetContent.scrollHeight}px`}async reset(){if(this.option.type===a.RANGE){this.priceRange.reset()}Array.from(this.host.querySelectorAll("input")).forEach((s=>s.checked=false))}async showMore(){this.isShowMore=!this.isShowMore;this.widgetContent.style.height="auto";this.widgetValues.style.maxHeight=this.isShowMore?`${this.widgetValues.scrollHeight}px`:`${this.initHeight}px`;setTimeout((()=>{this.widgetContent.style.height=`${this.widgetContent.scrollHeight}px`}),400)}async toggleWidget(){this.isOpen=!this.isOpen;l.toggleElementClassIf(this.widgetContent,"s-filters-widget-opened","s-filters-widget-closed",(()=>this.isOpen))}renderFilterOption(s){if(![a.VALUES,a.MINIMUM,a.VARIANTS].includes(s.type)){return""}return s.values.map(((t,e)=>{let h=typeof t=="number"?t:t.key||t.value;return i("label",{class:"s-filters-label",htmlFor:`${s.key}-option-${e}`},i("input",{id:`${s.key}-option-${e}`,name:s.key,type:s.inputType,checked:this.isSelectedOption(s,h),class:`s-filters-${s.inputType}`,onChange:t=>this.changed.emit({event:t,option:s,value:h})}),this.getOptionLabel(s,t))}))}isSelectedOption(s,t){if(!this.filtersData||!this.filtersData[s.key]){return false}return s.inputType===n.CHECKBOX?this.filtersData[s.key].includes(t):this.filtersData[s.key]==t}getOptionLabel(s,t){if(s.key=="rating"){return i("salla-rating-stars",{size:"small",value:t})}let e=t.value||"null";return i("span",{class:"s-filters-option-name"},e)}render(){return i(e,{class:"s-filters-widget-container"},i("h3",{class:"s-filters-widget-title",onClick:()=>this.toggleWidget()},i("span",null,this.widgetTitle),i("span",{class:`s-filters-widget-plusminus ${this.isOpen?"s-filters-widget-plusminus-active":""}`})),i("div",{class:"s-filters-widget-content",ref:s=>this.widgetContent=s},i("div",{class:"s-filters-widget-values",ref:s=>this.widgetValues=s},i("slot",null),this.option.type!==a.RANGE?this.renderFilterOption(this.option):i("salla-price-range",{onChanged:s=>this.changed.emit(s.detail),ref:s=>this.priceRange=s,filtersData:this.filtersData,option:this.option})),this.withLoadMore&&i("a",{class:"s-filters-widget-more",onClick:()=>this.showMore()},!this.isShowMore?this.showMoreLabel:this.showLessLabel)))}get host(){return h(this)}};o.style=r;export{o as salla_filters_widget};
-//# sourceMappingURL=p-1342a68f.entry.js.map

package/dist/twilight/p-1342a68f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sallaFiltersWidgetCss","SallaFiltersWidget","this","initHeight","connectedCallback","withLoadMore","option","key","Array","isArray","values","length","widgetTitle","label","salla","lang","onLoaded","showMoreLabel","getWithDefault","showLessLabel","componentDidLoad","widgetValues","scrollHeight","style","maxHeight","widgetContent","height","async","type","FilterOptionTypes","RANGE","priceRange","reset","from","host","querySelectorAll","forEach","input","checked","isShowMore","setTimeout","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","filtersData","FilterOptionInputType","CHECKBOX","size","render","Host","onClick","toggleWidget","ref","el","onChanged","detail","price","showMore"],"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  /**\n   * Widget title.\n   */\n  @Prop({mutable: true}) widgetTitle: string;\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\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    this.widgetTitle = this.option.label;\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  /**\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.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.widgetTitle}</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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"}