@salla.sa/twilight-components 2.12.11 → 2.12.12

package/dist/twilight/p-09f141a9.system.entry.js

@@ -1,5 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,r,i){function a(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,n){function s(t){try{o(i.next(t))}catch(t){n(t)}}function l(t){try{o(i["throw"](t))}catch(t){n(t)}}function o(t){t.done?r(t.value):a(t.value).then(s,l)}o((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,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(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(r=0)),r)try{if(i=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:r.label++;return{value:l[1],done:false};case 5:r.label++;a=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!n||l[1]>n[0]&&l[1]<n[3])){r.label=l[1];break}if(l[0]===6&&r.label<n[1]){r.label=n[1];n=l;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(l);break}if(n[2])r.ops.pop();r.trys.pop();continue}l=e.call(t,r)}catch(t){l=[6,t];a=0}finally{i=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-9fcca94b.system.js","./p-01a0d85b.system.js"],(function(t){"use strict";var e,r,i,a,n,s,l;return{setters:[function(t){e=t.r;r=t.c;i=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 i=this;e(this,t);this.changed=r(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 i.host.style.display="none"}));salla.lang.onLoaded((function(){i.apply=salla.lang.get("pages.checkout.apply");i.reset=salla.lang.get("pages.categories.filters_reset")}));salla.event.on("filters::fetched",(function(t){var e=t.filters;i.host.style.display="";var r={};i.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(i.filtersData[t.key]){r[t.key]=i.filtersData[t.key]}return t}));i.filtersData=r}))}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(r){if(!this.isReady){return[2]}t=Object.keys(this.filtersData).length>0;setTimeout((function(){var r;if(t){window.history.pushState({},"",salla.url.addParamToUrl("filters",encodeURIComponent(JSON.stringify(e.filtersData))))}else{var i=new URL(window.location.href);(r=i.searchParams)===null||r===void 0?void 0:r.delete("filters");window.history.pushState({},"",i.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,r){if(e.type===l.RANGE){this.filtersData[e.key]=r;return}var i=t.target.checked;if(e.type===l.VARIANTS){this.filtersData.variants=this.filtersData.variants||{};i&&(this.filtersData.variants[e.key]=r);i||delete this.filtersData.variants[e.key];return}if(t.target.type==s.RADIO){i&&(this.filtersData[e.key]=r);i||delete this.filtersData[e.key];return}this.filtersData[e.key]=this.filtersData[e.key]||[];if(i){this.filtersData[e.key].push(r);return}this.filtersData[e.key]=this.filtersData[e.key].filter((function(t){return t!=r}))};t.prototype.render=function(){var t=this;var e,r;return i(a,null,(e=this.filters)===null||e===void 0?void 0:e.map((function(e){return i("salla-filters-widget",{option:e,filtersData:t.filtersData,onChanged:function(e){var r=e.detail,i=r.event,a=r.option,n=r.value;return t.handleOptionChange(i,a,n)}})})),((r=this.filters)===null||r===void 0?void 0:r.length)?i("div",{class:"s-filters-footer"},i("salla-button",{color:"primary",onClick:function(){return t.applyFilters()}},this.apply),i("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-09f141a9.system.entry.js.map

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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"}

package/dist/twilight/p-25e1db16.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DisplayType","Currency","sallaProductOptionsCss","SallaProductOptions","constructor","hostRef","this","fileTypes","pdf","png","jpg","word","exl","txt","outSkus","handleDonationOptions","event","preventDefault","stopPropagation","isCustomDonation","target","value","donationInput","focus","salla","lang","get","getWithDefault","config","canDisabled","onLoaded","outOfStockText","donationAmount","selectDonationAmount","selectAmount","options","setOptionsData","Array","isArray","JSON","parse","e","log","optionsData","productId","url","is_page","api","product","getDetails","then","resp","data","that","_b","_a","details","forEach","detail","Object","entries","skus_availability","filter","sku","map","push","Number","async","selectedOptions","formData","host","getElementSallaData","key","startsWith","replace","requiredElements","querySelectorAll","pass","i","length","reportValidity","some","option","is_out","selectedSkus","every","includes","option_id","find","id","invalidHandler","closestProductOption","closest","scrollIntoView","behavior","block","classList","add","changedHandler","optionElement","type","FILE","IMAGE","MAP","lat","lng","setTimeout","remove","index","findIndex","assign","setSelectedSkus","handleRequiredMultipleOptions","changed","emit","keys","reduce","p","c","MULTIPLE_OPTIONS","required","optionContainer","querySelector","hasChecked","input","toggleAttribute","getLatLng","split","getDisplayForType","COLOR_PICKER","colorPickerOption","multipleOptions","SINGLE_OPTION","singleOption","getOptionShownWhen","visibility_condition","operator","componentWillLoad","cart","getCurrentCartId","render","h","Host","class","name","splitterOption","htmlFor","placeholder","donationOption","donation","can_donate","checked","is_selected","additional_price","onChange","money","custom_amount_enabled","shown","ref","el","onInput","helpers","inputDigitsOnly","onBlur","onInvalid","currency","symbol","fileUploader","additions","height","onAdded","getUploadImageEndpoint","cart_item_id","product_id","onInvalidInput","innerHTML","accept","CameraIcon","FileIcon","imageOption","fileOption","types","Boolean","join","numberOption","textOption","textareaOption","rows","mapOption","zoom","searchable","onSelected","onSubmitted","color","timeOption","noCalendar","enableTime","dateFormat","onPicked","dateOption","minDate","Date","datetimeOption","maxDate","to_date_time","from_date_time","getOptionDetailName","outOfStock","optionType","COLOR","isOptionDetailOut","isDetailSelected","outSelectableSkus","disabled","selected","is_required","colorOption","style","thumbnailOption","option_value","image","src","title","alt","CheckCircleIcon"],"sources":["./src/components/salla-product-options/interfaces.ts","./src/components/salla-product-options/salla-product-options.scss?tag=salla-product-options","./src/components/salla-product-options/salla-product-options.tsx"],"sourcesContent":["export enum DisplayType {\n  COLOR = \"color\",\n  DATE = \"date\",\n  DATETIME = \"datetime\",\n  DONATION = \"donation\",\n  IMAGE = \"image\",\n  MULTIPLE_OPTIONS = \"multiple-options\",\n  NUMBER = \"number\",\n  SINGLE_OPTION = \"single-option\",\n  SPLITTER = \"splitter\",\n  TEXT = \"text\",\n  TEXTAREA = \"textarea\",\n  THUMBNAIL = \"thumbnail\",\n  TIME = \"time\",\n  RADIO = \"radio\",\n  CHECKBOX = \"checkbox\",\n  MAP = \"map\",\n  FILE = \"file\", // similar to image type (file-uploader component)\n  COLOR_PICKER = \"color_picker\"\n\n}\n\nexport interface ProductDetail {\n  id: string;\n  sku: string;\n  name: string;\n  description: string;\n  url: string;\n  promotion_title: string;\n  subtitle: string;\n  type: string;\n  status: string;\n  price: number;\n  sale_price: number;\n  regular_price: number;\n  starting_price: null;\n  quantity: number;\n  max_quantity: number;\n  discount_ends: number;\n  is_taxable: boolean;\n  has_read_more: boolean;\n  can_add_note: boolean;\n  can_show_remained_quantity: boolean;\n  can_upload_file: boolean;\n  has_custom_form: boolean;\n  is_on_sale: boolean;\n  is_hidden_quantity: boolean;\n  is_available: boolean;\n  is_out_of_stock: boolean;\n  weight: null;\n  calories: null;\n  image: SimpleImage;\n  brand: Brand;\n  donation?: ProductDonation;\n  images: Image[];\n  tags: Tag[];\n  notify_availability: null;\n  rating: Rating;\n  options: Option[];\n  sold_quantity: number;\n  category: Category;\n}\n\nexport interface SimpleImage {\n  url: string;\n  alt: string;\n}\n\nexport interface Category {\n  name: string;\n  url: string;\n  icon: string;\n}\n\nexport interface ProductDonation {\n  target_message?: string;\n  collected_amount?: number;\n  target_amount?: number;\n  target_percent?: number;\n  target_end_date?: string;\n  can_donate: boolean;\n  custom_amount_enabled: boolean;\n}\n\nexport interface Image {\n  id: number;\n  url: string;\n  main: boolean;\n  three_d_image_url: string;\n  alt: string;\n  video_url: string;\n  type: string;\n  sort: number;\n}\n\nexport interface Option {\n  id: number;\n  name: string;\n  required: boolean;\n  type: string;\n  placeholder: string;\n  option_type: string;\n  not_same_day_order: boolean;\n  availability_range: number;\n  from_date_time: null;\n  to_date_time: null;\n  visibility_condition?: { option: number, operator: \"=\" | \"!=\", value: number };\n  details?: Detail[];\n  condition_attributes: string;\n  value?: any;\n  donation?: Donation\n}\n\nexport interface Donation {\n  custom_amount_enabled: boolean;\n  target_message?: string;\n  target_date: string | \"2023-04-18\";\n  target_end_date: string | \"2023-04-18\";\n  target_amount: number;\n  collected_amount: number;\n  can_donate: boolean;\n}\n\nexport interface Detail {\n  id: number;\n  option_id: number;\n  name: string;\n  additional_price: number;\n  option_value: null | string;\n  image: null | string;\n  color: null | string;\n  is_out: boolean;\n  skus_availability?: { [sku_id: number]: boolean };\n  is_selected: boolean;\n}\n\nexport interface Brand {\n  id: string;\n  url: string;\n  name: string;\n  logo: string;\n}\n\nexport interface PreTaxPrice {\n  amount: number;\n  currency: Currency;\n}\n\nexport enum Currency {\n  Sar = \"SAR\",\n}\n\nexport interface Promotion {\n  title: string;\n  sub_title: string;\n}\n\nexport interface Rating {\n  count: number;\n  stars: number;\n}\n\nexport interface Tag {\n  name: string;\n  url: string;\n}\n","\n.s-product-options{\n  &-wrapper{\n\n  }\n  &-option-container{\n\n  }\n  &-option{\n\n  }\n  &-option-label{\n\n  }\n  &-option-content{\n\n  }\n  &-colors-wrapper{\n\n  }\n  &-date-element{\n\n  }\n  &-time-element{\n    \n  }\n  &-datetime-element{\n\n  }\n  &-image-input{\n\n  }\n  &-multiple-options-wrapper{\n\n  }\n  &-splitter{\n\n  }\n  &-text{\n\n  }\n  &-textarea{\n\n  }\n  &-thumbnails-wrapper{\n\n  }\n}","import { Component, Prop, h, State, Element, Host, Event, EventEmitter, Method } from '@stencil/core';\nimport { Option, DisplayType, Detail } from './interfaces';\nimport CheckCircleIcon from '../../assets/svg/check.svg';\nimport CameraIcon from '../../assets/svg/camera.svg';\nimport FileIcon from '../../assets/svg/file-upload.svg';\n\n\n@Component({\n  tag: 'salla-product-options',\n  styleUrl: 'salla-product-options.scss',\n})\nexport class SallaProductOptions {\n\n  constructor() {\n    this.canDisabled = !salla.config.get('store.settings.products.notify_options_availability');\n    salla.lang.onLoaded(() => {\n      this.outOfStockText = salla.lang.get(\"pages.products.out_of_stock\");\n      this.donationAmount = salla.lang.get('pages.products.donation_amount');\n      this.selectDonationAmount = salla.lang.getWithDefault('pages.products.select_donation_amount', 'تحديد مبلغ التبرع');\n      this.selectAmount = salla.lang.getWithDefault('pages.products.select_amount', 'اختر المبلغ');\n    });\n\n    if (this.options) {\n      try {\n        this.setOptionsData(Array.isArray(this.options) ? this.options : JSON.parse(this.options));\n        return;\n      } catch (e) {\n        salla.log('Bad json passed via options prop');\n      }\n    }\n    if (!Array.isArray(this.optionsData)) {\n      salla.log('Options is not an array[] ---> ', this.optionsData);\n      this.setOptionsData([]);\n    }\n\n    if (this.productId && !salla.url.is_page('cart')) {\n      salla.api.product.getDetails(this.productId, ['options']).then(resp => this.setOptionsData(resp.data.options));\n    }\n  }\n\n  private setOptionsData(optionsData: Option[]) {\n    this.optionsData = optionsData;\n    let that = this\n    this.optionsData[0]?.details?.forEach(function (detail) {\n      Object.entries(detail.skus_availability || {})\n        .filter(sku => !sku[1])\n        .map(sku => that.outSkus.push(Number(sku[0])));\n    });\n  }\n\n  @Element() host: HTMLElement;\n\n  private fileTypes: Object = {\n    pdf: 'application/pdf',\n    png: 'image/png',\n    jpg: 'image/jpeg',\n    word: 'application/doc,application/ms-doc,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n    exl: 'application/excel,application/vnd.ms-excel,application/x-excel,application/x-msexcel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    txt: 'text/plain',\n  };\n\n  @State() optionsData: Option[];\n  @State() outOfStockText: string = ''\n  @State() donationAmount: string = salla.lang.get('pages.products.donation_amount')\n  @State() selectDonationAmount: string = salla.lang.getWithDefault('pages.products.select_donation_amount', 'تحديد مبلغ التبرع')\n  @State() selectAmount: string = salla.lang.getWithDefault('pages.products.select_amount', 'اختر المبلغ')\n  @State() isCustomDonation: boolean = false;\n  @State() selectedOptions: Array<any> = [];\n  @State() canDisabled: boolean;\n  @State() selectedSkus?: Array<string | number>;\n  @State() selectedOutSkus?: Array<string | number>;\n  private outSkus: Array<string | number> = [];\n  private donationInput?: HTMLInputElement;\n\n  /**\n   * The id of the product to which the options are going to be fetched for.\n   */\n  @Prop() productId: number = salla.config.get('page.id');\n\n  /**\n   * Product detail information.\n   */\n  @Prop() options: string;\n\n  /**\n   * Get the id's of the selected options.\n   * */\n  @Method()\n  async getSelectedOptionsData() {\n    let selectedOptions = {}\n    let formData = (this.host as any).getElementSallaData();\n    formData.forEach(function (value, key) {\n      key.startsWith('options[') && (selectedOptions[key.replace('options[', '').replace(']', '')] = value);\n    });\n    return selectedOptions;\n  }\n\n  /**\n   * Report options form validity.\n   * */\n  @Method()\n  async reportValidity() {\n    let requiredElements: Array<HTMLInputElement> = this.host.querySelectorAll('[required]') as any;\n    let pass = true;\n    for (let i = 0; i < requiredElements.length; i++) {\n      //if there is only one invalid option, return false\n      if ('reportValidity' in requiredElements[i] && !requiredElements[i].reportValidity()) {\n        pass = false;\n      }\n    }\n    return pass;\n  }\n\n  /**\n   * Return true if there is any out of stock options are selected and vise versa.\n   * */\n  @Method()\n  async hasOutOfStockOption() {\n    return this.selectedOptions.some(option => option.is_out) || (this.selectedSkus?.length && this.selectedSkus?.every(sku => this.outSkus.includes(sku)));\n  }\n\n  /**\n   * Get selected options.\n   * */\n  @Method()\n  async getSelectedOptions() {\n    return this.selectedOptions;\n  }\n\n  /**\n   * Get a specific option by its id.\n   * */\n  @Method()\n  async getOption(option_id) {\n    return this.optionsData.find(option => option.id === option_id);\n  }\n\n  /**\n   * An event that emitted when any option is changed.\n   */\n  @Event() changed: EventEmitter;\n\n  // @ts-ignore\n  private invalidHandler(event, option: Option) {\n    const closestProductOption = (event.target as HTMLInputElement).closest('.s-product-options-option') as HTMLElement;\n    if (!salla.url.is_page('cart')) {\n      closestProductOption.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n    closestProductOption.classList.add('s-product-options-option-error');\n  }\n\n  private changedHandler(event, option) {\n    let data = { event: event, option: option, detail: null };\n    if (option.details) {\n      let detail = option.details.find((detail) => {\n        return Number(detail.id) === Number(event.target.value);\n      });\n      data.detail = detail\n    }\n\n    let optionElement = event.target.closest('.s-product-options-option');\n    if (event.target.value\n      || ((option.type == DisplayType.FILE || option.type == DisplayType.IMAGE) && event.type === 'added')\n      || (option.type == DisplayType.MAP && event.type === 'selected' && (event.target.lat && event.target.lng))) {\n      setTimeout(() => {\n        optionElement.classList.remove('s-product-options-option-error');\n      }, 200);\n    }\n\n    const index = this.selectedOptions.findIndex(option => option.option_id === data.option.id);\n    index > -1 ? this.selectedOptions[index] = {\n      ...data.detail,\n      option_id: data.option.id\n    } : this.selectedOptions.push({ ...data.detail, option_id: data.option.id })\n\n    this.setSelectedSkus();\n    this.handleRequiredMultipleOptions(option);\n    this.changed.emit(data);\n    salla.event.emit('product-options::change', data);\n  }\n\n\n  private handleDonationOptions = (event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isCustomDonation = event.target.value === 'custom';\n    if (this.donationInput) {\n      if (event.target.value === 'custom') {\n        this.donationInput.value = '';\n        this.donationInput.focus()\n      } else {\n        this.donationInput.value = event.target.value;\n      }\n    }\n  }\n  /**\n   * loop throw all selected details, then get common sku, if it's only one, means we selected all of them;\n   */\n  private setSelectedSkus() {\n    this.selectedSkus = this.selectedOptions.map(detail => Object.keys(detail.skus_availability || {}))\n      .reduce((p, c) => p.filter(e => c.includes(e)))\n      .map(sku => Number(sku));\n  }\n\n  private handleRequiredMultipleOptions(option) {\n    if (option.type !== DisplayType.MULTIPLE_OPTIONS || !option.required) {\n      return;\n    }\n    const optionContainer = this.host.querySelector(`[data-option-id=\"${option.id}\"]`);\n    const hasChecked = optionContainer.querySelectorAll('input:checked').length;\n    optionContainer.querySelectorAll('input').forEach(input => input.toggleAttribute('required', !hasChecked));\n  }\n\n  private getLatLng(value, type: 'lat' | 'lng') {\n    return value\n      ? value.split(',')[type == 'lat' ? 0 : 1]\n      : '';\n  }\n\n  private getDisplayForType(option: Option) {\n    if (this[`${option.type}Option`]) {\n      return this[`${option.type}Option`](option);\n    }\n\n    if (option.type === DisplayType.COLOR_PICKER) {\n      return this.colorPickerOption(option)\n    }\n\n    if (option.type === DisplayType.MULTIPLE_OPTIONS) {\n      return this.multipleOptions(option);\n    }\n\n    if (option.type === DisplayType.SINGLE_OPTION) {\n      return this.singleOption(option);\n    }\n    salla.log(`Couldn't find options type(${option.type})😢`);\n    return '';\n  }\n\n  protected getOptionShownWhen(option: Option) {\n    return option.visibility_condition\n      ? { \"data-show-when\": `options[${option.visibility_condition.option}] ${option.visibility_condition.operator} ${option.visibility_condition.value}` }\n      : {};\n  }\n\n  //we need the cart Id for productOption Image\n  componentWillLoad() {\n    this.outOfStockText = salla.lang.get('pages.products.out_of_stock')\n    return salla.api.cart.getCurrentCartId();\n  }\n\n  render() {\n    if (this.optionsData?.length == 0) {\n      return;\n    }\n\n    return (\n      <Host class=\"s-product-options-wrapper\">\n        {/* TODO:: move salla-conditional-field logic to here, no need of another component*/}\n        <salla-conditional-fields>\n          {this.optionsData.map((option: Option) =>\n            <div class={`s-product-options-option-container${option.visibility_condition ? ' hidden' : ''}`}\n              data-option-id={option.id}\n              {...this.getOptionShownWhen(option)}>\n              {option.name == 'splitter' ?\n                this.splitterOption()\n                : <div class=\"s-product-options-option\" data-option-type={option.type}\n                  data-option-required={`${option.required}`}>\n                  <label htmlFor={'options[' + option.id + ']'} class=\"s-product-options-option-label\">\n                    <b>\n                      {option.name}\n                      {option.required && <span> * </span>} </b>\n                    <small>{option.placeholder}</small>\n                  </label>\n                  <div class=\"s-product-options-option-content\">\n                    {this.getDisplayForType(option)}\n                  </div>\n                </div>}\n            </div>\n          )}\n        </salla-conditional-fields>\n      </Host>\n    );\n\n  }\n\n  //@ts-ignore\n  private donationOption(option: Option, product: Product) {\n    return <div class=\"s-product-options-donation-wrapper\">\n      {\n        option.donation ?\n          <div class=\"s-product-options-donation-progress\">\n            <salla-progress-bar donation={option.donation}>\n            </salla-progress-bar>\n          </div>\n          : ''\n      }\n\n      {option.donation?.can_donate ?\n\n        [option.details.length ? \n          [<h4>{this.selectAmount}</h4>,\n        <div class=\"s-product-options-donation-options\">\n          {option.details.map((detail, i) =>\n            <div class=\"s-product-options-donation-options-item\">\n              <input id={`donation-option-${i}`} type=\"radio\" name=\"donating_option\" checked={detail.is_selected} value={detail.additional_price} onChange={e => this.handleDonationOptions(e)} />\n              <label htmlFor={`donation-option-${i}`}>\n                <span>{salla.money(detail.name)}</span>\n              </label>\n            </div>\n          )}\n          {option.donation?.custom_amount_enabled ?\n            <div class=\"s-product-options-donation-options-item\">\n              <input id={`donation-option-custom`} type=\"radio\" name=\"donating_option\" value=\"custom\" onChange={e => this.handleDonationOptions(e)} />\n              <label htmlFor={`donation-option-custom`}>\n                <span> {this.selectDonationAmount} </span> \n              </label>\n            </div>\n            : ''\n          }\n        </div> ]: '',\n\n          <div class={{\"s-product-options-donation-input-group\": true, \"shown\": !option.details.length || (option.details.length && this.isCustomDonation)}}>\n          <input\n            type=\"text\"\n            id=\"donating-amount\"\n            name=\"donation_amount\"\n            class=\"s-form-control\"\n            ref={el => this.donationInput = el as HTMLInputElement}\n            value={option.value}\n            // required\n            placeholder={option.placeholder}\n            onInput={e => salla.helpers.inputDigitsOnly(e.target)}\n            onBlur={e => this.changedHandler(e, option)}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n          />\n          {/* value={option.value} */}\n          <span class=\"s-product-options-donation-amount-currency\">\n            {salla.config.currency(salla.config.get('user.currency_code')).symbol}\n          </span>\n        </div> \n      ] : ''}\n    </div>\n  }\n\n  private fileUploader(option: Option, additions: Object | null = null) {\n    return <salla-file-upload\n      {...(additions || {})}\n      payload-name=\"file\"\n      value={option.value}\n      instant-upload={true}\n      name={`options[${option.id}]`}\n      required={option.required}\n      height=\"120px\"\n      onAdded={(e) => this.changedHandler(e, option)}\n      url={salla.cart.api.getUploadImageEndpoint()}\n      form-data={{ cart_item_id: this.productId, product_id: this.productId }}\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      class={{ \"s-product-options-image-input\": true, required: option.required }}\n    >\n      <div class=\"s-product-options-filepond-placeholder\">\n        <span class=\"s-product-options-filepond-placeholder-icon\"\n          innerHTML={(additions as any).accept && (additions as any).accept.split(',').every(type => type.includes('image'))\n            ? CameraIcon\n            : FileIcon}\n        />\n        <p class=\"s-product-options-filepond-placeholder-text\">{salla.lang.get('common.uploader.drag_and_drop')}</p>\n        <span class=\"filepond--label-action\">{salla.lang.get('common.uploader.browse')}</span>\n      </div>\n    </salla-file-upload>\n  }\n\n  //@ts-ignore\n  private imageOption(option: Option) {\n    return this.fileUploader(option, { accept: 'image/png,image/jpeg,image/jpg,image/gif' });\n  }\n\n  //@ts-ignore\n  private fileOption(option: Option) {\n    let types = option.details.map(detail => this.fileTypes[detail.name]).filter(Boolean);\n    return types?.length\n      ? this.fileUploader(option, { accept: types.join(',') })\n      : 'File types not selected.';\n  }\n\n  // TODO: (ONLY FOR TESTING!) find a better way to make it testable, e.g. wrap it with a unique class like textOption\n  //@ts-ignore\n  private numberOption(option: Option) {\n    return <input\n      type=\"text\"\n      value={option.value}\n      class=\"s-form-control\"\n      required={option.required}\n      name={`options[${option.id}]`}\n      placeholder={option.placeholder}\n      onBlur={e => this.changedHandler(e, option)}\n      onInvalid={(e) => this.invalidHandler(e, option)}\n      onInput={e => salla.helpers.inputDigitsOnly(e.target)} />\n  }\n\n  //@ts-ignore\n  private splitterOption() {\n    return <div class=\"s-product-options-splitter\" />\n  }\n\n  //@ts-ignore\n  private textOption(option: Option) {\n    return <div class=\"s-product-options-text\">\n      <input\n        type=\"text\"\n        value={option.value}\n        class='s-form-control'\n        required={option.required}\n        name={`options[${option.id}]`}\n        placeholder={option.placeholder}\n        onInvalid={(e) => this.invalidHandler(e, option)}\n        onInput={e => this.changedHandler(e, option)} />\n    </div>\n  }\n\n  //@ts-ignore\n  private textareaOption(option: Option) {\n    //todo::remove mt-1 class, and if it's okay to remove the tag itself will be great\n    return <div class=\"s-product-options-textarea\">\n      <div class=\"mt-1\">\n        <textarea\n          rows={4}\n          value={option.value}\n          class=\"s-form-control\"\n          required={option.required}\n          id={`options[${option.id}]`}\n          name={`options[${option.id}]`}\n          placeholder={option.placeholder}\n          onInvalid={(e) => this.invalidHandler(e, option)}\n          onInput={(e) => this.changedHandler(e, option)} />\n      </div>\n    </div>\n  }\n\n  //@ts-ignore\n  private mapOption(option: Option) {\n    return <salla-map\n      zoom={15}\n      lat={this.getLatLng(option.value, 'lat')}\n      lng={this.getLatLng(option.value, 'lng')}\n      name={`options[${option.id}]`}\n      searchable={true}\n      required={option.required}\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      onSelected={e => this.changedHandler(e, option)} />\n  }\n\n  private colorPickerOption(option: Option) {\n    return <salla-color-picker\n      onSubmitted={e => this.changedHandler(e, option)}\n      name={`options[${option.id}]`}\n      required={option.required}\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      color={option.value} />\n  }\n\n  /**\n   * ============= Date Time options =============\n   */\n  //@ts-ignore\n  private timeOption(option: Option) {\n    return <salla-datetime-picker\n      noCalendar={true}\n      enableTime={true}\n      dateFormat=\"h:i K\"\n      value={option.value}\n      placeholder={option.name}\n      required={option.required}\n      name={`options[${option.id}]`}\n      class=\"s-product-options-time-element\"\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      onPicked={e => this.changedHandler(e, option)} />\n  }\n\n  //@ts-ignore\n  private dateOption(option: Option) {\n    //todo:: consider date-range @see https://github.com/SallaApp/theme-raed/blob/master/src/assets/js/partials/product-options.js#L8-L23\n    return <div class=\"s-product-options-date-element\">\n      <salla-datetime-picker\n        value={option.value}\n        placeholder={option.name}\n        required={option.required}\n        minDate={new Date()}\n        name={`options[${option.id}]`}\n        onInvalidInput={(e) => this.invalidHandler(e, option)}\n        onPicked={e => this.changedHandler(e, option)} />\n    </div>\n  }\n\n  //@ts-ignore\n  private datetimeOption(option: Option) {\n    //todo:: consider date-range @see https://github.com/SallaApp/theme-raed/blob/master/src/assets/js/partials/product-options.js#L8-L23\n    return <div class=\"s-product-options-datetime-element\">\n      <salla-datetime-picker\n        enableTime={true}\n        value={option.value}\n        dateFormat=\"Y-m-d G:i:K\"\n        placeholder={option.name}\n        required={option.required}\n        name={`options[${option.id}]`}\n        maxDate={option.to_date_time}\n        minDate={option.from_date_time}\n        onInvalidInput={(e) => this.invalidHandler(e, option)}\n        onPicked={e => this.changedHandler(e, option)} />\n    </div>\n  }\n\n  /**\n   * ============= Advanced options =============\n   */\n  protected getOptionDetailName(detail: Detail, outOfStock: boolean = true, optionType?: string) {\n    if (optionType && optionType == DisplayType.COLOR) {\n      return detail.name\n        + ((outOfStock && this.isOptionDetailOut(detail)) ? ` <br/> <p> ${this.outOfStockText} </p>` : '')\n        + (detail.additional_price ? ` <p> (${salla.money(detail.additional_price)}) </p>` : '');\n    }\n\n    return detail.name\n      + ((outOfStock && this.isOptionDetailOut(detail)) ? ` - ${this.outOfStockText}` : '')\n      + (detail.additional_price ? ` (${salla.money(detail.additional_price)})` : '');\n  }\n\n\n  protected isOptionDetailOut(detail: Detail) {\n    if (detail.is_out || !detail.skus_availability || !this.selectedSkus?.length) {\n      return detail.is_out;\n    }\n\n    let isDetailSelected = this.selectedOptions.filter(option => option.id == detail.id).length;\n    //if the current options is the only selected option, so we are sure that it's not out, because there is no other options selected yet\n    if (isDetailSelected && this.selectedOptions.length == 1) {\n      return false;\n    }\n\n    //if current details has sku in the possible outSkus it's out for sure\n    if (isDetailSelected) {\n      //here we will get the possible outSkus for current selected options\n      let outSelectableSkus = this.selectedSkus.filter(sku => this.outSkus.includes(sku));\n      return Object.keys(detail.skus_availability).some(sku => outSelectableSkus.includes(Number(sku)))\n    }\n\n    return this.selectedOptions.some(option => option.is_out && option.option_id !== detail.option_id)\n\n  }\n\n  private singleOption(option: Option) {\n    return <div>\n      <select name={`options[${option.id}]`}\n        required={option.required}\n        class=\"s-form-control\"\n        onInvalid={(e) => this.invalidHandler(e, option)}\n        onChange={e => this.changedHandler(e, option)}>\n        <option value=\"\">{option.placeholder}</option>\n        {\n          option?.details.map((detail: Detail) => {\n            return <option value={detail.id} disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n              selected={detail.is_selected}>\n              {this.getOptionDetailName(detail)}\n            </option>\n          })\n        }\n      </select>\n    </div>\n  }\n\n  private multipleOptions(option: Option) {\n    let is_required = option.required && !option.details.some(detail => detail.is_selected);\n    return <div class={{ \"s-product-options-multiple-options-wrapper\": true, 'required': option.required }}>\n      {\n        option?.details.map((detail: Detail) => {\n          return <div>\n            <input type=\"checkbox\"\n              value={detail.id}\n              disabled={this.isOptionDetailOut(detail)}\n              checked={detail.is_selected}\n              required={is_required}\n              name={`options[${option.id}][]`}\n              id={`field-${option.id}-${detail.id}`}\n              onChange={(e) => this.changedHandler(e, option)}\n              onInvalid={(e) => this.invalidHandler(e, option)}\n              aria-describedby={`options[${option.id}]-description`} />\n            <label htmlFor={`field-${option.id}-${detail.id}`}>{this.getOptionDetailName(detail)}</label>\n          </div>\n        })\n      }\n    </div>\n  }\n\n  //@ts-ignore\n  private colorOption(option: Option) {\n    return <fieldset class=\"s-product-options-colors-wrapper\">\n      {\n        option?.details.map((detail) =>\n          <div class=\"s-product-options-colors-item\">\n            <input type=\"radio\"\n              value={detail.id}\n              required={option.required}\n              checked={detail.is_selected}\n              name={`options[${option.id}]`}\n              disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n              id={`color-${this.productId}-${option.id}-${detail.id}`}\n              onInvalid={(e) => this.invalidHandler(e, option)}\n              onChange={e => this.changedHandler(e, option)} />\n            <label htmlFor={`color-${this.productId}-${option.id}-${detail.id}`}>\n              <span style={{ \"background-color\": detail.color }} />\n              <div innerHTML={this.getOptionDetailName(detail, true, option.type)}></div>\n            </label>\n          </div>\n        )\n      }\n    </fieldset>\n  }\n\n  //@ts-ignore\n  private thumbnailOption(option: Option) {\n    return <div class=\"s-product-options-thumbnails-wrapper\">\n      {option.details.map((detail: Detail) => {\n        return <div>\n          <input type=\"radio\"\n            value={detail.id}\n            data-itemid={detail.id} //todo:: why need this? it's already in the value!\n            required={option.required}\n            checked={detail.is_selected}\n            name={`options[${option.id}]`}\n            data-img-id={detail.option_value}\n            disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n            id={`option_${this.productId}-${option.id}_${detail.id}`}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            onChange={(e) => this.changedHandler(e, option)} />\n          <label htmlFor={`option_${this.productId}-${option.id}_${detail.id}`}\n            data-img-id={detail.option_value}\n            class=\"go-to-slide\">\n            <img data-src={detail.image} src={detail.image} title={detail.name} alt={detail.name} />\n            <span innerHTML={CheckCircleIcon} class=\"s-product-options-thumbnails-icon\" />\n            {this.isOptionDetailOut(detail) ?\n              [\n                <small class=\"s-product-options-thumbnails-stock-badge\">{this.outOfStockText}</small>,\n                this.canDisabled ? <div class=\"s-product-options-thumbnails-badge-overlay\" /> : '',\n              ]\n              : ''}\n          </label>\n          <p>{this.getOptionDetailName(detail, false)} </p>\n        </div>\n      })}\n    </div>\n  }\n}\n"],"mappings":";;;oGAAA,IAAYA,GAAZ,SAAYA,GACVA,EAAA,iBACAA,EAAA,eACAA,EAAA,uBACAA,EAAA,uBACAA,EAAA,iBACAA,EAAA,uCACAA,EAAA,mBACAA,EAAA,iCACAA,EAAA,uBACAA,EAAA,eACAA,EAAA,uBACAA,EAAA,yBACAA,EAAA,eACAA,EAAA,iBACAA,EAAA,uBACAA,EAAA,aACAA,EAAA,eACAA,EAAA,8BAED,EApBD,CAAYA,MAAW,KAoJvB,IAAYC,GAAZ,SAAYA,GACVA,EAAA,YACD,EAFD,CAAYA,MAAQ,K,+8CCpJpB,MAAMC,EAAyB,G,MCWlBC,EAAmB,MAE9BC,YAAAC,G,2CAuCQC,KAAAC,UAAoB,CAC1BC,IAAK,kBACLC,IAAK,YACLC,IAAK,aACLC,KAAM,gIACNC,IAAK,yJACLC,IAAK,cAaCP,KAAAQ,QAAkC,GA+GlCR,KAAAS,sBAAyBC,IAC/BA,EAAMC,iBACND,EAAME,kBACNZ,KAAKa,iBAAmBH,EAAMI,OAAOC,QAAU,SAC/C,GAAIf,KAAKgB,cAAe,CACtB,GAAIN,EAAMI,OAAOC,QAAU,SAAU,CACnCf,KAAKgB,cAAcD,MAAQ,GAC3Bf,KAAKgB,cAAcC,O,KACd,CACLjB,KAAKgB,cAAcD,MAAQL,EAAMI,OAAOC,K,mDAjIZ,G,oBACAG,MAAMC,KAAKC,IAAI,kC,0BACTF,MAAMC,KAAKE,eAAe,wCAAyC,qB,kBAC3EH,MAAMC,KAAKE,eAAe,+BAAgC,e,sBACrD,M,qBACE,G,qGAUXH,MAAMI,OAAOF,IAAI,W,uBA/D3CpB,KAAKuB,aAAeL,MAAMI,OAAOF,IAAI,uDACrCF,MAAMC,KAAKK,UAAS,KAClBxB,KAAKyB,eAAiBP,MAAMC,KAAKC,IAAI,+BACrCpB,KAAK0B,eAAiBR,MAAMC,KAAKC,IAAI,kCACrCpB,KAAK2B,qBAAuBT,MAAMC,KAAKE,eAAe,wCAAyC,qBAC/FrB,KAAK4B,aAAeV,MAAMC,KAAKE,eAAe,+BAAgC,cAAc,IAG9F,GAAIrB,KAAK6B,QAAS,CAChB,IACE7B,KAAK8B,eAAeC,MAAMC,QAAQhC,KAAK6B,SAAW7B,KAAK6B,QAAUI,KAAKC,MAAMlC,KAAK6B,UACjF,M,CACA,MAAOM,GACPjB,MAAMkB,IAAI,mC,EAGd,IAAKL,MAAMC,QAAQhC,KAAKqC,aAAc,CACpCnB,MAAMkB,IAAI,qCAAmCpC,KAAKqC,aAClDrC,KAAK8B,eAAe,G,CAGtB,GAAI9B,KAAKsC,YAAcpB,MAAMqB,IAAIC,QAAQ,QAAS,CAChDtB,MAAMuB,IAAIC,QAAQC,WAAW3C,KAAKsC,UAAW,CAAC,YAAYM,MAAKC,GAAQ7C,KAAK8B,eAAee,EAAKC,KAAKjB,U,EAIjGC,eAAeO,G,QACrBrC,KAAKqC,YAAcA,EACnB,IAAIU,EAAO/C,MACXgD,GAAAC,EAAAjD,KAAKqC,YAAY,MAAE,MAAAY,SAAA,SAAAA,EAAEC,WAAO,MAAAF,SAAA,SAAAA,EAAEG,SAAQ,SAAUC,GAC9CC,OAAOC,QAAQF,EAAOG,mBAAqB,IACxCC,QAAOC,IAAQA,EAAI,KACnBC,KAAID,GAAOV,EAAKvC,QAAQmD,KAAKC,OAAOH,EAAI,M,IA0C/CI,+BACE,IAAIC,EAAkB,GACtB,IAAIC,EAAY/D,KAAKgE,KAAaC,sBAClCF,EAASZ,SAAQ,SAAUpC,EAAOmD,GAChCA,EAAIC,WAAW,cAAgBL,EAAgBI,EAAIE,QAAQ,WAAY,IAAIA,QAAQ,IAAK,KAAOrD,E,IAEjG,OAAO+C,C,CAOTD,uBACE,IAAIQ,EAA4CrE,KAAKgE,KAAKM,iBAAiB,cAC3E,IAAIC,EAAO,KACX,IAAK,IAAIC,EAAI,EAAGA,EAAIH,EAAiBI,OAAQD,IAAK,CAEhD,GAAI,mBAAoBH,EAAiBG,KAAOH,EAAiBG,GAAGE,iBAAkB,CACpFH,EAAO,K,EAGX,OAAOA,C,CAOTV,4B,QACE,OAAO7D,KAAK8D,gBAAgBa,MAAKC,GAAUA,EAAOC,YAAY5B,EAAAjD,KAAK8E,gBAAY,MAAA7B,SAAA,SAAAA,EAAEwB,WAAUzB,EAAAhD,KAAK8E,gBAAY,MAAA9B,SAAA,SAAAA,EAAE+B,OAAMtB,GAAOzD,KAAKQ,QAAQwE,SAASvB,K,CAOnJI,2BACE,OAAO7D,KAAK8D,e,CAOdD,gBAAgBoB,GACd,OAAOjF,KAAKqC,YAAY6C,MAAKN,GAAUA,EAAOO,KAAOF,G,CAS/CG,eAAe1E,EAAOkE,GAC5B,MAAMS,EAAwB3E,EAAMI,OAA4BwE,QAAQ,6BACxE,IAAKpE,MAAMqB,IAAIC,QAAQ,QAAS,CAC9B6C,EAAqBE,eAAe,CAAEC,SAAU,SAAUC,MAAO,U,CAEnEJ,EAAqBK,UAAUC,IAAI,iC,CAG7BC,eAAelF,EAAOkE,GAC5B,IAAI9B,EAAO,CAAEpC,MAAOA,EAAOkE,OAAQA,EAAQxB,OAAQ,MACnD,GAAIwB,EAAO1B,QAAS,CAClB,IAAIE,EAASwB,EAAO1B,QAAQgC,MAAM9B,GACzBQ,OAAOR,EAAO+B,MAAQvB,OAAOlD,EAAMI,OAAOC,SAEnD+B,EAAKM,OAASA,C,CAGhB,IAAIyC,EAAgBnF,EAAMI,OAAOwE,QAAQ,6BACzC,GAAI5E,EAAMI,OAAOC,QACV6D,EAAOkB,MAAQpG,EAAYqG,MAAQnB,EAAOkB,MAAQpG,EAAYsG,QAAUtF,EAAMoF,OAAS,SACxFlB,EAAOkB,MAAQpG,EAAYuG,KAAOvF,EAAMoF,OAAS,aAAepF,EAAMI,OAAOoF,KAAOxF,EAAMI,OAAOqF,KAAO,CAC5GC,YAAW,KACTP,EAAcH,UAAUW,OAAO,iCAAiC,GAC/D,I,CAGL,MAAMC,EAAQtG,KAAK8D,gBAAgByC,WAAU3B,GAAUA,EAAOK,YAAcnC,EAAK8B,OAAOO,KACxFmB,GAAS,EAAItG,KAAK8D,gBAAgBwC,GAAMjD,OAAAmD,OAAAnD,OAAAmD,OAAA,GACnC1D,EAAKM,QAAM,CACd6B,UAAWnC,EAAK8B,OAAOO,KACrBnF,KAAK8D,gBAAgBH,KAAIN,OAAAmD,OAAAnD,OAAAmD,OAAA,GAAM1D,EAAKM,QAAM,CAAE6B,UAAWnC,EAAK8B,OAAOO,MAEvEnF,KAAKyG,kBACLzG,KAAK0G,8BAA8B9B,GACnC5E,KAAK2G,QAAQC,KAAK9D,GAClB5B,MAAMR,MAAMkG,KAAK,0BAA2B9D,E,CAoBtC2D,kBACNzG,KAAK8E,aAAe9E,KAAK8D,gBAAgBJ,KAAIN,GAAUC,OAAOwD,KAAKzD,EAAOG,mBAAqB,MAC5FuD,QAAO,CAACC,EAAGC,IAAMD,EAAEvD,QAAOrB,GAAK6E,EAAEhC,SAAS7C,OAC1CuB,KAAID,GAAOG,OAAOH,I,CAGfiD,8BAA8B9B,GACpC,GAAIA,EAAOkB,OAASpG,EAAYuH,mBAAqBrC,EAAOsC,SAAU,CACpE,M,CAEF,MAAMC,EAAkBnH,KAAKgE,KAAKoD,cAAc,oBAAoBxC,EAAOO,QAC3E,MAAMkC,EAAaF,EAAgB7C,iBAAiB,iBAAiBG,OACrE0C,EAAgB7C,iBAAiB,SAASnB,SAAQmE,GAASA,EAAMC,gBAAgB,YAAaF,I,CAGxFG,UAAUzG,EAAO+E,GACvB,OAAO/E,EACHA,EAAM0G,MAAM,KAAK3B,GAAQ,MAAQ,EAAI,GACrC,E,CAGE4B,kBAAkB9C,GACxB,GAAI5E,KAAK,GAAG4E,EAAOkB,cAAe,CAChC,OAAO9F,KAAK,GAAG4E,EAAOkB,cAAclB,E,CAGtC,GAAIA,EAAOkB,OAASpG,EAAYiI,aAAc,CAC5C,OAAO3H,KAAK4H,kBAAkBhD,E,CAGhC,GAAIA,EAAOkB,OAASpG,EAAYuH,iBAAkB,CAChD,OAAOjH,KAAK6H,gBAAgBjD,E,CAG9B,GAAIA,EAAOkB,OAASpG,EAAYoI,cAAe,CAC7C,OAAO9H,KAAK+H,aAAanD,E,CAE3B1D,MAAMkB,IAAI,8BAA8BwC,EAAOkB,WAC/C,MAAO,E,CAGCkC,mBAAmBpD,GAC3B,OAAOA,EAAOqD,qBACV,CAAE,iBAAkB,WAAWrD,EAAOqD,qBAAqBrD,WAAWA,EAAOqD,qBAAqBC,YAAYtD,EAAOqD,qBAAqBlH,SAC1I,E,CAINoH,oBACEnI,KAAKyB,eAAiBP,MAAMC,KAAKC,IAAI,+BACrC,OAAOF,MAAMuB,IAAI2F,KAAKC,kB,CAGxBC,S,MACE,KAAIrF,EAAAjD,KAAKqC,eAAW,MAAAY,SAAA,SAAAA,EAAEwB,SAAU,EAAG,CACjC,M,CAGF,OACE8D,EAACC,EAAI,CAACC,MAAM,6BAEVF,EAAA,gCACGvI,KAAKqC,YAAYqB,KAAKkB,GACrB2D,EAAA,MAAAlF,OAAAmD,OAAA,CAAKiC,MAAO,qCAAqC7D,EAAOqD,qBAAuB,UAAY,KAAI,iBAC7ErD,EAAOO,IACnBnF,KAAKgI,mBAAmBpD,IAC3BA,EAAO8D,MAAQ,WACd1I,KAAK2I,iBACHJ,EAAA,OAAKE,MAAM,2BAA0B,mBAAmB7D,EAAOkB,KAAI,uBAC7C,GAAGlB,EAAOsC,YAChCqB,EAAA,SAAOK,QAAS,WAAahE,EAAOO,GAAK,IAAKsD,MAAM,kCAClDF,EAAA,SACG3D,EAAO8D,KACP9D,EAAOsC,UAAYqB,EAAA,mBAAgB,KACtCA,EAAA,aAAQ3D,EAAOiE,cAEjBN,EAAA,OAAKE,MAAM,oCACRzI,KAAK0H,kBAAkB9C,S,CAYlCkE,eAAelE,EAAgBlC,G,QACrC,OAAO6F,EAAA,OAAKE,MAAM,sCAEd7D,EAAOmE,SACLR,EAAA,OAAKE,MAAM,uCACTF,EAAA,sBAAoBQ,SAAUnE,EAAOmE,YAGrC,KAGL9F,EAAA2B,EAAOmE,YAAQ,MAAA9F,SAAA,SAAAA,EAAE+F,YAEhB,CAACpE,EAAO1B,QAAQuB,OACd,CAAC8D,EAAA,UAAKvI,KAAK4B,cACb2G,EAAA,OAAKE,MAAM,sCACR7D,EAAO1B,QAAQQ,KAAI,CAACN,EAAQoB,IAC3B+D,EAAA,OAAKE,MAAM,2CACTF,EAAA,SAAOpD,GAAI,mBAAmBX,IAAKsB,KAAK,QAAQ4C,KAAK,kBAAkBO,QAAS7F,EAAO8F,YAAanI,MAAOqC,EAAO+F,iBAAkBC,SAAUjH,GAAKnC,KAAKS,sBAAsB0B,KAC9KoG,EAAA,SAAOK,QAAS,mBAAmBpE,KACjC+D,EAAA,YAAOrH,MAAMmI,MAAMjG,EAAOsF,aAI/B1F,EAAA4B,EAAOmE,YAAQ,MAAA/F,SAAA,SAAAA,EAAEsG,uBAChBf,EAAA,OAAKE,MAAM,2CACTF,EAAA,SAAOpD,GAAI,yBAA0BW,KAAK,QAAQ4C,KAAK,kBAAkB3H,MAAM,SAASqI,SAAUjH,GAAKnC,KAAKS,sBAAsB0B,KAClIoG,EAAA,SAAOK,QAAS,0BACdL,EAAA,gBAAQvI,KAAK2B,qBAAoB,OAGnC,KAEI,GAER4G,EAAA,OAAKE,MAAO,CAAC,yCAA0C,KAAMc,OAAU3E,EAAO1B,QAAQuB,QAAWG,EAAO1B,QAAQuB,QAAUzE,KAAKa,mBAC/H0H,EAAA,SACEzC,KAAK,OACLX,GAAG,kBACHuD,KAAK,kBACLD,MAAM,iBACNe,IAAKC,GAAMzJ,KAAKgB,cAAgByI,EAChC1I,MAAO6D,EAAO7D,MAEd8H,YAAajE,EAAOiE,YACpBa,QAASvH,GAAKjB,MAAMyI,QAAQC,gBAAgBzH,EAAErB,QAC9C+I,OAAQ1H,GAAKnC,KAAK4F,eAAezD,EAAGyC,GACpCkF,UAAY3H,GAAMnC,KAAKoF,eAAejD,EAAGyC,KAG3C2D,EAAA,QAAME,MAAM,8CACTvH,MAAMI,OAAOyI,SAAS7I,MAAMI,OAAOF,IAAI,uBAAuB4I,UAGjE,G,CAIAC,aAAarF,EAAgBsF,EAA2B,MAC9D,OAAO3B,EAAA,oBAAAlF,OAAAmD,OAAA,GACA0D,GAAa,GAAE,gBACP,OACbnJ,MAAO6D,EAAO7D,MAAK,iBACH,KAChB2H,KAAM,WAAW9D,EAAOO,MACxB+B,SAAUtC,EAAOsC,SACjBiD,OAAO,QACPC,QAAUjI,GAAMnC,KAAK4F,eAAezD,EAAGyC,GACvCrC,IAAKrB,MAAMkH,KAAK3F,IAAI4H,yBAAwB,YACjC,CAAEC,aAActK,KAAKsC,UAAWiI,WAAYvK,KAAKsC,WAC5DkI,eAAiBrI,GAAMnC,KAAKoF,eAAejD,EAAGyC,GAC9C6D,MAAO,CAAE,gCAAiC,KAAMvB,SAAUtC,EAAOsC,YAEjEqB,EAAA,OAAKE,MAAM,0CACTF,EAAA,QAAME,MAAM,8CACVgC,UAAYP,EAAkBQ,QAAWR,EAAkBQ,OAAOjD,MAAM,KAAK1C,OAAMe,GAAQA,EAAKd,SAAS,WACrG2F,EACAC,IAENrC,EAAA,KAAGE,MAAM,+CAA+CvH,MAAMC,KAAKC,IAAI,kCACvEmH,EAAA,QAAME,MAAM,0BAA0BvH,MAAMC,KAAKC,IAAI,4B,CAMnDyJ,YAAYjG,GAClB,OAAO5E,KAAKiK,aAAarF,EAAQ,CAAE8F,OAAQ,4C,CAIrCI,WAAWlG,GACjB,IAAImG,EAAQnG,EAAO1B,QAAQQ,KAAIN,GAAUpD,KAAKC,UAAUmD,EAAOsF,QAAOlF,OAAOwH,SAC7E,OAAOD,IAAK,MAALA,SAAK,SAALA,EAAOtG,QACVzE,KAAKiK,aAAarF,EAAQ,CAAE8F,OAAQK,EAAME,KAAK,OAC/C,0B,CAKEC,aAAatG,GACnB,OAAO2D,EAAA,SACLzC,KAAK,OACL/E,MAAO6D,EAAO7D,MACd0H,MAAM,iBACNvB,SAAUtC,EAAOsC,SACjBwB,KAAM,WAAW9D,EAAOO,MACxB0D,YAAajE,EAAOiE,YACpBgB,OAAQ1H,GAAKnC,KAAK4F,eAAezD,EAAGyC,GACpCkF,UAAY3H,GAAMnC,KAAKoF,eAAejD,EAAGyC,GACzC8E,QAASvH,GAAKjB,MAAMyI,QAAQC,gBAAgBzH,EAAErB,S,CAI1C6H,iBACN,OAAOJ,EAAA,OAAKE,MAAM,8B,CAIZ0C,WAAWvG,GACjB,OAAO2D,EAAA,OAAKE,MAAM,0BAChBF,EAAA,SACEzC,KAAK,OACL/E,MAAO6D,EAAO7D,MACd0H,MAAM,iBACNvB,SAAUtC,EAAOsC,SACjBwB,KAAM,WAAW9D,EAAOO,MACxB0D,YAAajE,EAAOiE,YACpBiB,UAAY3H,GAAMnC,KAAKoF,eAAejD,EAAGyC,GACzC8E,QAASvH,GAAKnC,KAAK4F,eAAezD,EAAGyC,K,CAKnCwG,eAAexG,GAErB,OAAO2D,EAAA,OAAKE,MAAM,8BAChBF,EAAA,OAAKE,MAAM,QACTF,EAAA,YACE8C,KAAM,EACNtK,MAAO6D,EAAO7D,MACd0H,MAAM,iBACNvB,SAAUtC,EAAOsC,SACjB/B,GAAI,WAAWP,EAAOO,MACtBuD,KAAM,WAAW9D,EAAOO,MACxB0D,YAAajE,EAAOiE,YACpBiB,UAAY3H,GAAMnC,KAAKoF,eAAejD,EAAGyC,GACzC8E,QAAUvH,GAAMnC,KAAK4F,eAAezD,EAAGyC,M,CAMvC0G,UAAU1G,GAChB,OAAO2D,EAAA,aACLgD,KAAM,GACNrF,IAAKlG,KAAKwH,UAAU5C,EAAO7D,MAAO,OAClCoF,IAAKnG,KAAKwH,UAAU5C,EAAO7D,MAAO,OAClC2H,KAAM,WAAW9D,EAAOO,MACxBqG,WAAY,KACZtE,SAAUtC,EAAOsC,SACjBsD,eAAiBrI,GAAMnC,KAAKoF,eAAejD,EAAGyC,GAC9C6G,WAAYtJ,GAAKnC,KAAK4F,eAAezD,EAAGyC,I,CAGpCgD,kBAAkBhD,GACxB,OAAO2D,EAAA,sBACLmD,YAAavJ,GAAKnC,KAAK4F,eAAezD,EAAGyC,GACzC8D,KAAM,WAAW9D,EAAOO,MACxB+B,SAAUtC,EAAOsC,SACjBsD,eAAiBrI,GAAMnC,KAAKoF,eAAejD,EAAGyC,GAC9C+G,MAAO/G,EAAO7D,O,CAOV6K,WAAWhH,GACjB,OAAO2D,EAAA,yBACLsD,WAAY,KACZC,WAAY,KACZC,WAAW,QACXhL,MAAO6D,EAAO7D,MACd8H,YAAajE,EAAO8D,KACpBxB,SAAUtC,EAAOsC,SACjBwB,KAAM,WAAW9D,EAAOO,MACxBsD,MAAM,iCACN+B,eAAiBrI,GAAMnC,KAAKoF,eAAejD,EAAGyC,GAC9CoH,SAAU7J,GAAKnC,KAAK4F,eAAezD,EAAGyC,I,CAIlCqH,WAAWrH,GAEjB,OAAO2D,EAAA,OAAKE,MAAM,kCAChBF,EAAA,yBACExH,MAAO6D,EAAO7D,MACd8H,YAAajE,EAAO8D,KACpBxB,SAAUtC,EAAOsC,SACjBgF,QAAS,IAAIC,KACbzD,KAAM,WAAW9D,EAAOO,MACxBqF,eAAiBrI,GAAMnC,KAAKoF,eAAejD,EAAGyC,GAC9CoH,SAAU7J,GAAKnC,KAAK4F,eAAezD,EAAGyC,K,CAKpCwH,eAAexH,GAErB,OAAO2D,EAAA,OAAKE,MAAM,sCAChBF,EAAA,yBACEuD,WAAY,KACZ/K,MAAO6D,EAAO7D,MACdgL,WAAW,cACXlD,YAAajE,EAAO8D,KACpBxB,SAAUtC,EAAOsC,SACjBwB,KAAM,WAAW9D,EAAOO,MACxBkH,QAASzH,EAAO0H,aAChBJ,QAAStH,EAAO2H,eAChB/B,eAAiBrI,GAAMnC,KAAKoF,eAAejD,EAAGyC,GAC9CoH,SAAU7J,GAAKnC,KAAK4F,eAAezD,EAAGyC,K,CAOlC4H,oBAAoBpJ,EAAgBqJ,EAAsB,KAAMC,GACxE,GAAIA,GAAcA,GAAchN,EAAYiN,MAAO,CACjD,OAAOvJ,EAAOsF,MACR+D,GAAczM,KAAK4M,kBAAkBxJ,GAAW,cAAcpD,KAAKyB,sBAAwB,KAC5F2B,EAAO+F,iBAAmB,SAASjI,MAAMmI,MAAMjG,EAAO+F,0BAA4B,G,CAGzF,OAAO/F,EAAOsF,MACR+D,GAAczM,KAAK4M,kBAAkBxJ,GAAW,MAAMpD,KAAKyB,iBAAmB,KAC/E2B,EAAO+F,iBAAmB,KAAKjI,MAAMmI,MAAMjG,EAAO+F,qBAAuB,G,CAItEyD,kBAAkBxJ,G,MAC1B,GAAIA,EAAOyB,SAAWzB,EAAOG,sBAAsBN,EAAAjD,KAAK8E,gBAAY,MAAA7B,SAAA,SAAAA,EAAEwB,QAAQ,CAC5E,OAAOrB,EAAOyB,M,CAGhB,IAAIgI,EAAmB7M,KAAK8D,gBAAgBN,QAAOoB,GAAUA,EAAOO,IAAM/B,EAAO+B,KAAIV,OAErF,GAAIoI,GAAoB7M,KAAK8D,gBAAgBW,QAAU,EAAG,CACxD,OAAO,K,CAIT,GAAIoI,EAAkB,CAEpB,IAAIC,EAAoB9M,KAAK8E,aAAatB,QAAOC,GAAOzD,KAAKQ,QAAQwE,SAASvB,KAC9E,OAAOJ,OAAOwD,KAAKzD,EAAOG,mBAAmBoB,MAAKlB,GAAOqJ,EAAkB9H,SAASpB,OAAOH,K,CAG7F,OAAOzD,KAAK8D,gBAAgBa,MAAKC,GAAUA,EAAOC,QAAUD,EAAOK,YAAc7B,EAAO6B,W,CAIlF8C,aAAanD,GACnB,OAAO2D,EAAA,WACLA,EAAA,UAAQG,KAAM,WAAW9D,EAAOO,MAC9B+B,SAAUtC,EAAOsC,SACjBuB,MAAM,iBACNqB,UAAY3H,GAAMnC,KAAKoF,eAAejD,EAAGyC,GACzCwE,SAAUjH,GAAKnC,KAAK4F,eAAezD,EAAGyC,IACtC2D,EAAA,UAAQxH,MAAM,IAAI6D,EAAOiE,aAEvBjE,IAAM,MAANA,SAAM,SAANA,EAAQ1B,QAAQQ,KAAKN,GACZmF,EAAA,UAAQxH,MAAOqC,EAAO+B,GAAI4H,SAAU/M,KAAKuB,aAAevB,KAAK4M,kBAAkBxJ,GACpF4J,SAAU5J,EAAO8F,aAChBlJ,KAAKwM,oBAAoBpJ,O,CAQ9ByE,gBAAgBjD,GACtB,IAAIqI,EAAcrI,EAAOsC,WAAatC,EAAO1B,QAAQyB,MAAKvB,GAAUA,EAAO8F,cAC3E,OAAOX,EAAA,OAAKE,MAAO,CAAE,6CAA8C,KAAMvB,SAAYtC,EAAOsC,WAExFtC,IAAM,MAANA,SAAM,SAANA,EAAQ1B,QAAQQ,KAAKN,GACZmF,EAAA,WACLA,EAAA,SAAOzC,KAAK,WACV/E,MAAOqC,EAAO+B,GACd4H,SAAU/M,KAAK4M,kBAAkBxJ,GACjC6F,QAAS7F,EAAO8F,YAChBhC,SAAU+F,EACVvE,KAAM,WAAW9D,EAAOO,QACxBA,GAAI,SAASP,EAAOO,MAAM/B,EAAO+B,KACjCiE,SAAWjH,GAAMnC,KAAK4F,eAAezD,EAAGyC,GACxCkF,UAAY3H,GAAMnC,KAAKoF,eAAejD,EAAGyC,GAAO,mBAC9B,WAAWA,EAAOO,oBACtCoD,EAAA,SAAOK,QAAS,SAAShE,EAAOO,MAAM/B,EAAO+B,MAAOnF,KAAKwM,oBAAoBpJ,O,CAQ/E8J,YAAYtI,GAClB,OAAO2D,EAAA,YAAUE,MAAM,oCAEnB7D,IAAM,MAANA,SAAM,SAANA,EAAQ1B,QAAQQ,KAAKN,GACnBmF,EAAA,OAAKE,MAAM,iCACTF,EAAA,SAAOzC,KAAK,QACV/E,MAAOqC,EAAO+B,GACd+B,SAAUtC,EAAOsC,SACjB+B,QAAS7F,EAAO8F,YAChBR,KAAM,WAAW9D,EAAOO,MACxB4H,SAAU/M,KAAKuB,aAAevB,KAAK4M,kBAAkBxJ,GACrD+B,GAAI,SAASnF,KAAKsC,aAAasC,EAAOO,MAAM/B,EAAO+B,KACnD2E,UAAY3H,GAAMnC,KAAKoF,eAAejD,EAAGyC,GACzCwE,SAAUjH,GAAKnC,KAAK4F,eAAezD,EAAGyC,KACxC2D,EAAA,SAAOK,QAAS,SAAS5I,KAAKsC,aAAasC,EAAOO,MAAM/B,EAAO+B,MAC7DoD,EAAA,QAAM4E,MAAO,CAAE,mBAAoB/J,EAAOuI,SAC1CpD,EAAA,OAAKkC,UAAWzK,KAAKwM,oBAAoBpJ,EAAQ,KAAMwB,EAAOkB,Y,CASlEsH,gBAAgBxI,GACtB,OAAO2D,EAAA,OAAKE,MAAM,wCACf7D,EAAO1B,QAAQQ,KAAKN,GACZmF,EAAA,WACLA,EAAA,SAAOzC,KAAK,QACV/E,MAAOqC,EAAO+B,GAAE,cACH/B,EAAO+B,GACpB+B,SAAUtC,EAAOsC,SACjB+B,QAAS7F,EAAO8F,YAChBR,KAAM,WAAW9D,EAAOO,MAAK,cAChB/B,EAAOiK,aACpBN,SAAU/M,KAAKuB,aAAevB,KAAK4M,kBAAkBxJ,GACrD+B,GAAI,UAAUnF,KAAKsC,aAAasC,EAAOO,MAAM/B,EAAO+B,KACpD2E,UAAY3H,GAAMnC,KAAKoF,eAAejD,EAAGyC,GACzCwE,SAAWjH,GAAMnC,KAAK4F,eAAezD,EAAGyC,KAC1C2D,EAAA,SAAOK,QAAS,UAAU5I,KAAKsC,aAAasC,EAAOO,MAAM/B,EAAO+B,KAAI,cACrD/B,EAAOiK,aACpB5E,MAAM,eACNF,EAAA,kBAAenF,EAAOkK,MAAOC,IAAKnK,EAAOkK,MAAOE,MAAOpK,EAAOsF,KAAM+E,IAAKrK,EAAOsF,OAChFH,EAAA,QAAMkC,UAAWiD,EAAiBjF,MAAM,sCACvCzI,KAAK4M,kBAAkBxJ,GACtB,CACEmF,EAAA,SAAOE,MAAM,4CAA4CzI,KAAKyB,gBAC9DzB,KAAKuB,YAAcgH,EAAA,OAAKE,MAAM,+CAAkD,IAEhF,IAENF,EAAA,SAAIvI,KAAKwM,oBAAoBpJ,EAAQ,OAAM,Q"}