@salla.sa/twilight-components 2.12.16 → 2.12.17

package/dist/twilight/{p-05c909d3.entry.js.map → p-329ded9e.entry.js.map}

@@ -1 +1 @@
-{"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","hideLabel","option","type","DONATION","donation","can_donate","getExpireDonationMessage","completed","target_amount","collected_amount","h","class","target_message","salla","money","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","is_out","selectedSkus","every","includes","option_id","find","id","invalidHandler","closestProductOption","closest","scrollIntoView","behavior","block","classList","add","changedHandler","optionElement","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","Host","name","splitterOption","htmlFor","placeholder","donationOption","checked","is_selected","additional_price","onChange","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  private hideLabel = (option) => {\n    if (option.type === DisplayType.DONATION && (option.donation && !option.donation.can_donate)) {\n      return true;\n    }\n    return false;\n  }  \n  \n  private getExpireDonationMessage = (option) => {\n    if(!option.donation){\n      return;\n    }\n    let completed = option.donation.target_amount <= option.donation.collected_amount;\n    return <div class={{\"s-product-options-donation-message\": true, \"s-product-options-donation-completed\": completed, \"s-product-options-donation-expired\": !completed}}>\n      <p>{option.donation.target_message}</p>\n      <span>{completed ? salla.money(option.donation.target_amount) : ''}</span>\n    </div>\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 ${this.hideLabel(option) ? 's-product-options-option-label-hidden' : ''}`}>\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 ${this.hideLabel(option) ? 's-product-options-option-content-full-width' : ''}`}>\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?.can_donate ? [\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        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={\n              option.details.length\n                && option.details.some(detail => detail.is_selected)\n                ? option.details.find(detail => detail.is_selected).additional_price\n                : 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      this.getExpireDonationMessage(option)\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":"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"}
+{"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","hideLabel","option","type","DONATION","donation","can_donate","getExpireDonationMessage","completed","target_amount","collected_amount","h","class","target_message","salla","money","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","is_out","selectedSkus","every","includes","option_id","find","id","invalidHandler","closestProductOption","closest","scrollIntoView","behavior","block","classList","add","changedHandler","optionElement","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","Host","name","splitterOption","htmlFor","placeholder","donationOption","checked","is_selected","additional_price","onChange","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  private hideLabel = (option) => {\n    if (option.type === DisplayType.DONATION && (option.donation && !option.donation.can_donate)) {\n      return true;\n    }\n    return false;\n  }  \n  \n  private getExpireDonationMessage = (option) => {\n    if(!option.donation){\n      return;\n    }\n    let completed = option.donation.target_amount <= option.donation.collected_amount;\n    return <div class={{\"s-product-options-donation-message\": true, \"s-product-options-donation-completed\": completed, \"s-product-options-donation-expired\": !completed}}>\n      <p>{option.donation.target_message}</p>\n      <span>{completed ? salla.money(option.donation.target_amount) : ''}</span>\n    </div>\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 ${this.hideLabel(option) ? 's-product-options-option-label-hidden' : ''}`}>\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 ${this.hideLabel(option) ? 's-product-options-option-content-full-width' : ''}`}>\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?.can_donate ? [\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        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={\n              option.details.length\n                && option.details.some(detail => detail.is_selected)\n                ? option.details.find(detail => detail.is_selected).additional_price\n                : 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      this.getExpireDonationMessage(option)\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.visibility_condition && 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.visibility_condition && 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.visibility_condition && 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.visibility_condition && 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.visibility_condition && 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.visibility_condition && 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.visibility_condition && 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.visibility_condition && 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.visibility_condition && 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) && !option.visibility_condition;\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.visibility_condition && 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.visibility_condition && 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":"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"}

package/dist/twilight/p-5e28ad7e.system.js

@@ -1,5 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-System.register(["./p-9fcca94b.system.js","./p-f54d7004.system.js","./p-9beb6b7b.system.js"],(function(e,t){"use strict";var a,l,o;return{setters:[function(t){a=t.p;l=t.b;e("setNonce",t.s)},function(e){o=e.g},function(){}],execute:function(){var e=function(){var e=t.meta.url;var l={};if(e!==""){l.resourcesUrl=new URL(".",e).href}return a(l)};e().then((function(e){o();return l(JSON.parse('[["p-fcd0c9bc.system",[[4,"salla-gifting",{"productId":[2,"product-id"],"widgetTitle":[1,"widget-title"],"widgetSubtitle":[1,"widget-subtitle"],"sectionTitle":[32],"sectionSubtitle":[32],"sectionBtnText":[32],"giftDetails":[32],"selectImageForYourGift":[32],"selectImageOrUpload":[32],"selectGiftMessage":[32],"giftCustomText":[32],"textId":[32],"incorrectGiftText":[32],"nextStep":[32],"senderNameLabel":[32],"receiverNameFieldLabel":[32],"receiverMobileFieldLabel":[32],"receiverEmailFieldLabel":[32],"emailPlaceholder":[32],"sendLater":[32],"selectSendDateAndTime":[32],"canNotEditOrderAfterSelectDate":[32],"sendGift":[32],"donationRequired":[32],"currentStep":[32],"showCalendar":[32],"showGiftText":[32],"currentLang":[32],"parentClass":[32],"errors":[32],"gift":[32],"selectedGiftTextOption":[32],"showTextArea":[32],"selectedImage":[32],"uploadedImage":[32],"selectedText":[32],"senderName":[32],"errorMessage":[32],"hasError":[32],"quantity":[32],"deliveryDate":[32],"timeZone":[32],"receiverName":[32],"receiverMobile":[32],"receiverCountryCode":[32],"receiverEmail":[32],"open":[64],"close":[64],"goToStep2":[64]}],[4,"salla-loyalty",{"prizePoints":[1544,"prize-points"],"customerPoints":[1538,"customer-points"],"prizeTitle":[1537,"prize-title"],"allowEmail":[4,"allow-email"],"allowMobile":[4,"allow-mobile"],"requireEmail":[4,"require-email"],"guestMessage":[1025,"guest-message"],"loyaltyProgram":[32],"buttonLoading":[32],"selectedItem":[32],"askConfirmation":[32],"is_loggedin":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64],"resetExchange":[64],"exchangeLoyaltyPoint":[64]}],[4,"salla-product-size-guide",{"guides":[32],"productId":[32],"placeholder_title":[32],"placeholder_description":[32],"modal_title":[32],"hasError":[32],"open":[64],"close":[64]}],[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"supportWebAuth":[516,"support-web-auth"],"currentTabName":[32],"regType":[32],"translationLoaded":[32],"currentPhone":[32],"currentEmail":[32],"title":[32],"emailErrorMsg":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"dragAndDrop":[32],"browseFromFiles":[32],"customFields":[32],"uploadedImage":[32],"open":[64]},[[8,"verified","onVerified"]]],[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"hasError":[32],"errorMessage":[32],"productID":[32],"offer_type":[32],"translationLoaded":[32],"addToCartLabel":[32],"open":[64],"showOffer":[64]}],[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64]}],[4,"salla-scopes",{"selection":[1],"searchDisplayLimit":[2,"search-display-limit"],"translationLoaded":[32],"mode":[32],"current_scope":[32],"scopes":[32],"originalScopesList":[32],"selected_scope":[32],"isOpenedBefore":[32],"hasError":[32],"loading":[32],"close":[64],"open":[64],"handleSubmit":[64]}],[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"translationLoaded":[32],"languages":[32],"currencies":[32],"hasError":[32],"errorMessage":[32],"open":[64],"close":[64],"submit":[64]}],[0,"salla-bottom-alert",{"type":[513],"icon":[513],"message":[513],"actionUrl":[513,"action-url"],"actionLabel":[513,"action-label"],"storeId":[32],"loading":[32],"templateData":[32],"defaultMessage":[32],"defaultActionLabel":[32],"storeFeatures":[32],"storeDetails":[32],"templateInformation":[32],"buyTheTemplate":[32]}],[0,"salla-quick-order",{"quickOrderTitle":[1025,"quick-order-title"],"subTitle":[1025,"sub-title"],"payButtonTitle":[1025,"pay-button-title"],"confirmPayButtonTitle":[1025,"confirm-pay-button-title"],"agreementText":[1025,"agreement-text"],"isEmailRequired":[1028,"is-email-required"],"productId":[1025,"product-id"],"thanksMessage":[1025,"thanks-message"],"quickOrderStyle":[1025,"quick-order-style"],"user":[32],"isAvailable":[32],"oneClick":[32],"expanded":[32],"isTermsRequired":[32],"countryCode":[32],"submitSucess":[32],"placeHolderEmail":[32],"emailOptional":[32],"agreementShowText":[32],"agreementModalHead":[32],"userNameLabel":[32],"termsChecked":[32]}],[0,"salla-user-settings",{"isNotifiable":[516,"is-notifiable"],"deactivateAccount":[32],"promotionalMsgs":[32],"deactivateDesc":[32],"promotionalMsgsDesc":[32],"sorryForLeavingText":[32],"warningText":[32],"keepAccount":[32],"buttonLoading":[32]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"translationLoaded":[32],"results":[32],"loading":[32],"typing":[32],"debounce":[32],"search_term":[32]},[[0,"keydown","handleKeyDown"]]],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[513],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"convertedPlatforms":[32],"open":[64],"refresh":[64]}],[4,"salla-cart-summary",{"showCartLabel":[4,"show-cart-label"],"cartSummaryCount":[32],"cartSummaryTotal":[32],"cartLabel":[32],"animateToCart":[64]}],[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}],[0,"salla-maintenance-alert",{"title":[32],"message":[32],"buttonTitle":[32]}],[4,"salla-quantity-input",{"cartItemId":[8,"cart-item-id"],"quantity":[32],"fireChangeEvent":[32],"decrease":[64],"increase":[64],"setValue":[64]}],[4,"salla-user-menu",{"inline":[516],"avatarOnly":[516,"avatar-only"],"showHeader":[516,"show-header"],"relativeDropdown":[516,"relative-dropdown"],"accountLoading":[32],"opened":[32],"notifications":[32],"orders":[32],"pending_orders":[32],"wishlist":[32],"profile":[32],"rating":[32],"logout":[32],"hello":[32],"first_name":[32],"last_name":[32],"avatar":[32],"is_loggedIn":[32],"badges":[32],"hasBadges":[32],"OrderUpdate":[32]}],[4,"salla-product-card",{"product":[1],"horizontal":[4],"shadowOnHover":[4,"shadow-on-hover"],"hideAddBtn":[4,"hide-add-btn"],"fullImage":[4,"full-image"],"minimal":[4],"isSpecial":[4,"is-special"],"showQuantity":[4,"show-quantity"],"productData":[32],"fitImageHeight":[32],"remained":[32],"outOfStock":[32],"donationAmount":[32],"startingPrice":[32],"addToCart":[32],"placeholder":[32]}],[4,"salla-map",{"name":[1],"required":[4],"readonly":[4],"searchable":[1028],"lat":[1026],"lng":[1026],"apiKey":[1025,"api-key"],"modalTitle":[1,"modal-title"],"zoom":[1026],"theme":[1025],"modalActivityTitle":[32],"confirmButtonTitle":[32],"locateButtonTitle":[32],"locateButtonEdit":[32],"searchPlaceholder":[32],"searchInputValue":[32],"formattedAddress":[32],"geolocationError":[32],"searchInput":[32],"mapInput":[32],"mapElement":[32],"selectedLat":[32],"selectedLng":[32],"open":[64]}],[4,"salla-verify",{"display":[1],"type":[1025],"autoReload":[4,"auto-reload"],"supportWebAuth":[4,"support-web-auth"],"translationLoaded":[32],"title":[32],"resendAfter":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[4,"salla-color-picker",{"name":[1],"required":[4],"color":[1537],"format":[1],"showCancelButton":[4,"show-cancel-button"],"showTextField":[4,"show-text-field"],"enableAlpha":[4,"enable-alpha"],"widgetColor":[32],"setPickerOption":[64],"movePopUp":[64],"setColorValue":[64],"openPicker":[64],"closePicker":[64],"destroyPicker":[64]}],[4,"salla-add-product-button",{"channels":[513],"subscribedOptions":[1,"subscribed-options"],"quickBuy":[1540,"quick-buy"],"quantity":[514],"donatingAmount":[514,"donating-amount"],"notifyOptionsAvailability":[516,"notify-options-availability"],"productId":[520,"product-id"],"supportStickyBar":[516,"support-sticky-bar"],"productStatus":[513,"product-status"],"productType":[513,"product-type"],"hasOutOfStockOption":[32],"hasSubscribedOptions":[32],"selectedOptions":[32],"showQuickBuy":[32]}],[0,"salla-count-down",{"date":[1],"boxed":[4],"size":[1],"color":[1],"labeled":[4],"endText":[1,"end-text"],"digits":[1],"endOfDay":[4,"end-of-day"],"daysLabel":[32],"hoursLabel":[32],"minutesLabel":[32],"secondsLabel":[32],"endLabel":[32],"invalidDate":[32],"offerEnded":[32],"countInterval":[32],"days":[32],"hours":[32],"minutes":[32],"seconds":[32],"endCountDown":[64]}],[0,"salla-datetime-picker",{"value":[1537],"required":[4],"name":[513],"placeholder":[1],"allowInput":[4,"allow-input"],"allowInvalidPreload":[4,"allow-invalid-preload"],"altFormat":[1,"alt-format"],"altInput":[4,"alt-input"],"altInputClass":[1,"alt-input-class"],"appendTo":[16],"ariaDateFormat":[1,"aria-date-format"],"autoFillDefaultTime":[4,"auto-fill-default-time"],"clickOpens":[4,"click-opens"],"closeOnSelect":[4,"close-on-select"],"conjunction":[1],"dateFormat":[1,"date-format"],"defaultDate":[8,"default-date"],"defaultHour":[2,"default-hour"],"defaultMinute":[2,"default-minute"],"defaultSeconds":[2,"default-seconds"],"disable":[16],"disableMobile":[4,"disable-mobile"],"enable":[16],"enableSeconds":[4,"enable-seconds"],"enableTime":[4,"enable-time"],"formatDate":[16],"hourIncrement":[2,"hour-increment"],"inline":[4],"locale":[1],"maxDate":[8,"max-date"],"maxTime":[8,"max-time"],"minDate":[8,"min-date"],"minTime":[8,"min-time"],"minuteIncrement":[2,"minute-increment"],"mode":[1],"monthSelectorType":[1,"month-selector-type"],"nextArrow":[1,"next-arrow"],"noCalendar":[4,"no-calendar"],"dateParser":[16],"position":[1],"positionElement":[16],"prevArrow":[1,"prev-arrow"],"shorthandCurrentMonth":[4,"shorthand-current-month"],"static":[4],"showMonths":[2,"show-months"],"time_24hr":[4,"time_-2-4hr"],"weekNumbers":[4,"week-numbers"],"wrap":[4]}],[4,"salla-tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}],[4,"salla-tab-header",{"name":[1],"activeClass":[1,"active-class"],"height":[8],"centered":[4],"isSelected":[32],"getChild":[64]}],[4,"salla-tabs",{"backgroundColor":[1,"background-color"],"vertical":[4]},[[0,"tabSelected","onSelectedTab"]]],[0,"salla-product-availability",{"channels":[1],"notifyOptionsAvailability":[4,"notify-options-availability"],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"translationLoaded":[32],"title_":[32],"isVisitorSubscribed":[32]}],[0,"salla-quick-buy",{"type":[1025],"productId":[1025,"product-id"],"amount":[1538],"currency":[1025],"options":[16],"isRequireShipping":[1028,"is-require-shipping"],"isApplePayActive":[32],"quickBuy":[32]}],[0,"salla-file-upload",{"value":[1537],"files":[513],"height":[513],"cartItemId":[1,"cart-item-id"],"profileImage":[516,"profile-image"],"name":[1537],"payloadName":[1,"payload-name"],"accept":[1537],"fileId":[2,"file-id"],"url":[1025],"method":[1],"formData":[1,"form-data"],"required":[4],"maxFileSize":[1,"max-file-size"],"disabled":[4],"allowDrop":[4,"allow-drop"],"allowBrowse":[4,"allow-browse"],"allowPaste":[4,"allow-paste"],"allowMultiple":[4,"allow-multiple"],"allowReplace":[4,"allow-replace"],"allowRevert":[4,"allow-revert"],"allowRemove":[4,"allow-remove"],"allowProcess":[4,"allow-process"],"allowReorder":[4,"allow-reorder"],"storeAsFile":[4,"store-as-file"],"forceRevert":[4,"force-revert"],"maxFilesCount":[2,"max-files-count"],"maxParallelUploads":[2,"max-parallel-uploads"],"checkValidity":[4,"check-validity"],"itemInsertLocation":[1,"item-insert-location"],"itemInsertInterval":[2,"item-insert-interval"],"credits":[4],"dropOnPage":[4,"drop-on-page"],"dropOnElement":[4,"drop-on-element"],"dropValidation":[4,"drop-validation"],"ignoredFiles":[16],"instantUpload":[1028,"instant-upload"],"chunkUploads":[4,"chunk-uploads"],"chunkForce":[4,"chunk-force"],"chunkSize":[2,"chunk-size"],"chunkRetryDelays":[16],"labelDecimalSeparator":[1,"label-decimal-separator"],"labelThousandsSeparator":[1,"label-thousands-separator"],"labelIdle":[1025,"label-idle"],"iconRemove":[1,"icon-remove"],"iconProcess":[1,"icon-process"],"iconRetry":[1,"icon-retry"],"iconUndo":[1,"icon-undo"],"setOption":[64]}],[0,"salla-progress-bar",{"donation":[1],"target":[1026],"value":[1026],"height":[1025],"header":[1025],"stripped":[1028],"message":[1025],"unit":[1025],"color":[1025]}],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2],"reviews":[2]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[4,"salla-slider",{"blockTitle":[513,"block-title"],"listenToThumbnailsOption":[516,"listen-to-thumbnails-option"],"blockSubtitle":[513,"block-subtitle"],"displayAllUrl":[513,"display-all-url"],"arrowsCentered":[516,"arrows-centered"],"verticalThumbs":[516,"vertical-thumbs"],"gridThumbs":[516,"grid-thumbs"],"vertical":[516],"autoHeight":[516,"auto-height"],"showControls":[516,"show-controls"],"controlsOuter":[516,"controls-outer"],"showThumbsControls":[4,"show-thumbs-controls"],"autoPlay":[4,"auto-play"],"slidesPerView":[1,"slides-per-view"],"pagination":[4],"centered":[4],"loop":[4],"direction":[1537],"type":[1],"sliderConfig":[520,"slider-config"],"thumbsConfig":[520,"thumbs-config"],"currentIndex":[32],"isEnd":[32],"isBeginning":[32],"swiperScript":[32],"displayAllTitle":[32],"windowWidth":[32],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"slideToLoop":[64],"slideNextLoop":[64],"slidePrevLoop":[64],"slideReset":[64],"slideToClosest":[64],"update":[64],"updateAutoHeight":[64],"updateSlides":[64],"updateProgress":[64],"updateSlidesClasses":[64],"getSlides":[64]}],[4,"salla-placeholder",{"icon":[1],"alignment":[1],"iconSize":[1,"icon-size"],"translationLoaded":[32]}],[0,"salla-skeleton",{"type":[1],"width":[1],"height":[1]}],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"hasSkeleton":[516,"has-skeleton"],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"centered":[4],"iconStyle":[1,"icon-style"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]},[[0,"keyup","handleKeyUp"]]],[0,"salla-loading",{"size":[8],"width":[8],"color":[1],"bgColor":[1,"bg-color"]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}]]],["p-d62f30df.system",[[0,"salla-products-slider",{"blockTitle":[1,"block-title"],"subTitle":[1,"sub-title"],"sliderId":[1,"slider-id"],"displayAllUrl":[1,"display-all-url"],"autoplay":[1028],"source":[1537],"sourceValue":[1,"source-value"],"limit":[1026],"productsData":[32],"isReady":[32],"sourceValueIsValid":[32],"hasCustomComponent":[32],"apiUrl":[32],"parsedSourceValue":[32]}]]],["p-4fd4227c.system",[[0,"salla-product-options",{"productId":[2,"product-id"],"options":[1],"optionsData":[32],"outOfStockText":[32],"donationAmount":[32],"selectDonationAmount":[32],"selectAmount":[32],"isCustomDonation":[32],"selectedOptions":[32],"canDisabled":[32],"selectedSkus":[32],"selectedOutSkus":[32],"getSelectedOptionsData":[64],"reportValidity":[64],"hasOutOfStockOption":[64],"getSelectedOptions":[64],"getOption":[64]}]]],["p-517438b5.system",[[0,"salla-filters",{"filters":[1040],"isSidebarOpen":[32],"filtersData":[32],"apply":[32],"reset":[32],"getFilters":[64],"applyFilters":[64],"resetFilters":[64]}]]],["p-3e1c003d.system",[[0,"salla-comment-form",{"type":[1537],"showAvatar":[4,"show-avatar"],"itemId":[1544,"item-id"],"placeholder":[32],"submitText":[32],"canComment":[32]}]]],["p-d80d1435.system",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["p-75439d1f.system",[[0,"salla-loyalty-prize-item",{"item":[16]}]]],["p-e61ef2fb.system",[[0,"salla-products-list",{"source":[1537],"sourceValue":[1032,"source-value"],"limit":[1026],"sortBy":[1025,"sort-by"],"filtersResults":[1540,"filters-results"],"horizontalCards":[516,"horizontal-cards"],"page":[32],"nextPage":[32],"hasInfiniteScroll":[32],"hasCustomComponent":[32],"sourceValueIsValid":[32],"placeholderText":[32],"isReady":[32],"showPlaceholder":[32],"parsedFilters":[32],"setFilters":[64],"reload":[64]}]]],["p-8e3f85c5.system",[[0,"salla-price-range",{"minPrice":[1032,"min-price"],"maxPrice":[1032,"max-price"],"option":[16],"filtersData":[520,"filters-data"],"min":[32],"max":[32],"priceOptions":[32],"moreThanLabel":[32],"lessThanLabel":[32],"toLabel":[32],"fromLabel":[32],"reset":[64]}]]],["p-bf101f02.system",[[4,"salla-filters-widget",{"withLoadMore":[1028,"with-load-more"],"filtersData":[16],"option":[16],"isOpen":[32],"isShowMore":[32],"showMoreLabel":[32],"showLessLabel":[32],"setWidgetHeight":[64],"reset":[64],"showMore":[64],"toggleWidget":[64]}]]],["p-f0b2503a.system",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]]]'),e)}))}}}));
+System.register(["./p-9fcca94b.system.js","./p-f54d7004.system.js","./p-9beb6b7b.system.js"],(function(e,t){"use strict";var a,l,o;return{setters:[function(t){a=t.p;l=t.b;e("setNonce",t.s)},function(e){o=e.g},function(){}],execute:function(){var e=function(){var e=t.meta.url;var l={};if(e!==""){l.resourcesUrl=new URL(".",e).href}return a(l)};e().then((function(e){o();return l(JSON.parse('[["p-fcd0c9bc.system",[[4,"salla-gifting",{"productId":[2,"product-id"],"widgetTitle":[1,"widget-title"],"widgetSubtitle":[1,"widget-subtitle"],"sectionTitle":[32],"sectionSubtitle":[32],"sectionBtnText":[32],"giftDetails":[32],"selectImageForYourGift":[32],"selectImageOrUpload":[32],"selectGiftMessage":[32],"giftCustomText":[32],"textId":[32],"incorrectGiftText":[32],"nextStep":[32],"senderNameLabel":[32],"receiverNameFieldLabel":[32],"receiverMobileFieldLabel":[32],"receiverEmailFieldLabel":[32],"emailPlaceholder":[32],"sendLater":[32],"selectSendDateAndTime":[32],"canNotEditOrderAfterSelectDate":[32],"sendGift":[32],"donationRequired":[32],"currentStep":[32],"showCalendar":[32],"showGiftText":[32],"currentLang":[32],"parentClass":[32],"errors":[32],"gift":[32],"selectedGiftTextOption":[32],"showTextArea":[32],"selectedImage":[32],"uploadedImage":[32],"selectedText":[32],"senderName":[32],"errorMessage":[32],"hasError":[32],"quantity":[32],"deliveryDate":[32],"timeZone":[32],"receiverName":[32],"receiverMobile":[32],"receiverCountryCode":[32],"receiverEmail":[32],"open":[64],"close":[64],"goToStep2":[64]}],[4,"salla-loyalty",{"prizePoints":[1544,"prize-points"],"customerPoints":[1538,"customer-points"],"prizeTitle":[1537,"prize-title"],"allowEmail":[4,"allow-email"],"allowMobile":[4,"allow-mobile"],"requireEmail":[4,"require-email"],"guestMessage":[1025,"guest-message"],"loyaltyProgram":[32],"buttonLoading":[32],"selectedItem":[32],"askConfirmation":[32],"is_loggedin":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64],"resetExchange":[64],"exchangeLoyaltyPoint":[64]}],[4,"salla-product-size-guide",{"guides":[32],"productId":[32],"placeholder_title":[32],"placeholder_description":[32],"modal_title":[32],"hasError":[32],"open":[64],"close":[64]}],[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"supportWebAuth":[516,"support-web-auth"],"currentTabName":[32],"regType":[32],"translationLoaded":[32],"currentPhone":[32],"currentEmail":[32],"title":[32],"emailErrorMsg":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"dragAndDrop":[32],"browseFromFiles":[32],"customFields":[32],"uploadedImage":[32],"open":[64]},[[8,"verified","onVerified"]]],[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"hasError":[32],"errorMessage":[32],"productID":[32],"offer_type":[32],"translationLoaded":[32],"addToCartLabel":[32],"open":[64],"showOffer":[64]}],[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64]}],[4,"salla-scopes",{"selection":[1],"searchDisplayLimit":[2,"search-display-limit"],"translationLoaded":[32],"mode":[32],"current_scope":[32],"scopes":[32],"originalScopesList":[32],"selected_scope":[32],"isOpenedBefore":[32],"hasError":[32],"loading":[32],"close":[64],"open":[64],"handleSubmit":[64]}],[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"translationLoaded":[32],"languages":[32],"currencies":[32],"hasError":[32],"errorMessage":[32],"open":[64],"close":[64],"submit":[64]}],[0,"salla-bottom-alert",{"type":[513],"icon":[513],"message":[513],"actionUrl":[513,"action-url"],"actionLabel":[513,"action-label"],"storeId":[32],"loading":[32],"templateData":[32],"defaultMessage":[32],"defaultActionLabel":[32],"storeFeatures":[32],"storeDetails":[32],"templateInformation":[32],"buyTheTemplate":[32]}],[0,"salla-quick-order",{"quickOrderTitle":[1025,"quick-order-title"],"subTitle":[1025,"sub-title"],"payButtonTitle":[1025,"pay-button-title"],"confirmPayButtonTitle":[1025,"confirm-pay-button-title"],"agreementText":[1025,"agreement-text"],"isEmailRequired":[1028,"is-email-required"],"productId":[1025,"product-id"],"thanksMessage":[1025,"thanks-message"],"quickOrderStyle":[1025,"quick-order-style"],"user":[32],"isAvailable":[32],"oneClick":[32],"expanded":[32],"isTermsRequired":[32],"countryCode":[32],"submitSucess":[32],"placeHolderEmail":[32],"emailOptional":[32],"agreementShowText":[32],"agreementModalHead":[32],"userNameLabel":[32],"termsChecked":[32]}],[0,"salla-user-settings",{"isNotifiable":[516,"is-notifiable"],"deactivateAccount":[32],"promotionalMsgs":[32],"deactivateDesc":[32],"promotionalMsgsDesc":[32],"sorryForLeavingText":[32],"warningText":[32],"keepAccount":[32],"buttonLoading":[32]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"translationLoaded":[32],"results":[32],"loading":[32],"typing":[32],"debounce":[32],"search_term":[32]},[[0,"keydown","handleKeyDown"]]],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[513],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"convertedPlatforms":[32],"open":[64],"refresh":[64]}],[4,"salla-cart-summary",{"showCartLabel":[4,"show-cart-label"],"cartSummaryCount":[32],"cartSummaryTotal":[32],"cartLabel":[32],"animateToCart":[64]}],[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}],[0,"salla-maintenance-alert",{"title":[32],"message":[32],"buttonTitle":[32]}],[4,"salla-quantity-input",{"cartItemId":[8,"cart-item-id"],"quantity":[32],"fireChangeEvent":[32],"decrease":[64],"increase":[64],"setValue":[64]}],[4,"salla-user-menu",{"inline":[516],"avatarOnly":[516,"avatar-only"],"showHeader":[516,"show-header"],"relativeDropdown":[516,"relative-dropdown"],"accountLoading":[32],"opened":[32],"notifications":[32],"orders":[32],"pending_orders":[32],"wishlist":[32],"profile":[32],"rating":[32],"logout":[32],"hello":[32],"first_name":[32],"last_name":[32],"avatar":[32],"is_loggedIn":[32],"badges":[32],"hasBadges":[32],"OrderUpdate":[32]}],[4,"salla-product-card",{"product":[1],"horizontal":[4],"shadowOnHover":[4,"shadow-on-hover"],"hideAddBtn":[4,"hide-add-btn"],"fullImage":[4,"full-image"],"minimal":[4],"isSpecial":[4,"is-special"],"showQuantity":[4,"show-quantity"],"productData":[32],"fitImageHeight":[32],"remained":[32],"outOfStock":[32],"donationAmount":[32],"startingPrice":[32],"addToCart":[32],"placeholder":[32]}],[4,"salla-map",{"name":[1],"required":[4],"readonly":[4],"searchable":[1028],"lat":[1026],"lng":[1026],"apiKey":[1025,"api-key"],"modalTitle":[1,"modal-title"],"zoom":[1026],"theme":[1025],"modalActivityTitle":[32],"confirmButtonTitle":[32],"locateButtonTitle":[32],"locateButtonEdit":[32],"searchPlaceholder":[32],"searchInputValue":[32],"formattedAddress":[32],"geolocationError":[32],"searchInput":[32],"mapInput":[32],"mapElement":[32],"selectedLat":[32],"selectedLng":[32],"open":[64]}],[4,"salla-verify",{"display":[1],"type":[1025],"autoReload":[4,"auto-reload"],"supportWebAuth":[4,"support-web-auth"],"translationLoaded":[32],"title":[32],"resendAfter":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[4,"salla-color-picker",{"name":[1],"required":[4],"color":[1537],"format":[1],"showCancelButton":[4,"show-cancel-button"],"showTextField":[4,"show-text-field"],"enableAlpha":[4,"enable-alpha"],"widgetColor":[32],"setPickerOption":[64],"movePopUp":[64],"setColorValue":[64],"openPicker":[64],"closePicker":[64],"destroyPicker":[64]}],[4,"salla-add-product-button",{"channels":[513],"subscribedOptions":[1,"subscribed-options"],"quickBuy":[1540,"quick-buy"],"quantity":[514],"donatingAmount":[514,"donating-amount"],"notifyOptionsAvailability":[516,"notify-options-availability"],"productId":[520,"product-id"],"supportStickyBar":[516,"support-sticky-bar"],"productStatus":[513,"product-status"],"productType":[513,"product-type"],"hasOutOfStockOption":[32],"hasSubscribedOptions":[32],"selectedOptions":[32],"showQuickBuy":[32]}],[0,"salla-count-down",{"date":[1],"boxed":[4],"size":[1],"color":[1],"labeled":[4],"endText":[1,"end-text"],"digits":[1],"endOfDay":[4,"end-of-day"],"daysLabel":[32],"hoursLabel":[32],"minutesLabel":[32],"secondsLabel":[32],"endLabel":[32],"invalidDate":[32],"offerEnded":[32],"countInterval":[32],"days":[32],"hours":[32],"minutes":[32],"seconds":[32],"endCountDown":[64]}],[0,"salla-datetime-picker",{"value":[1537],"required":[4],"name":[513],"placeholder":[1],"allowInput":[4,"allow-input"],"allowInvalidPreload":[4,"allow-invalid-preload"],"altFormat":[1,"alt-format"],"altInput":[4,"alt-input"],"altInputClass":[1,"alt-input-class"],"appendTo":[16],"ariaDateFormat":[1,"aria-date-format"],"autoFillDefaultTime":[4,"auto-fill-default-time"],"clickOpens":[4,"click-opens"],"closeOnSelect":[4,"close-on-select"],"conjunction":[1],"dateFormat":[1,"date-format"],"defaultDate":[8,"default-date"],"defaultHour":[2,"default-hour"],"defaultMinute":[2,"default-minute"],"defaultSeconds":[2,"default-seconds"],"disable":[16],"disableMobile":[4,"disable-mobile"],"enable":[16],"enableSeconds":[4,"enable-seconds"],"enableTime":[4,"enable-time"],"formatDate":[16],"hourIncrement":[2,"hour-increment"],"inline":[4],"locale":[1],"maxDate":[8,"max-date"],"maxTime":[8,"max-time"],"minDate":[8,"min-date"],"minTime":[8,"min-time"],"minuteIncrement":[2,"minute-increment"],"mode":[1],"monthSelectorType":[1,"month-selector-type"],"nextArrow":[1,"next-arrow"],"noCalendar":[4,"no-calendar"],"dateParser":[16],"position":[1],"positionElement":[16],"prevArrow":[1,"prev-arrow"],"shorthandCurrentMonth":[4,"shorthand-current-month"],"static":[4],"showMonths":[2,"show-months"],"time_24hr":[4,"time_-2-4hr"],"weekNumbers":[4,"week-numbers"],"wrap":[4]}],[4,"salla-tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}],[4,"salla-tab-header",{"name":[1],"activeClass":[1,"active-class"],"height":[8],"centered":[4],"isSelected":[32],"getChild":[64]}],[4,"salla-tabs",{"backgroundColor":[1,"background-color"],"vertical":[4]},[[0,"tabSelected","onSelectedTab"]]],[0,"salla-product-availability",{"channels":[1],"notifyOptionsAvailability":[4,"notify-options-availability"],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"translationLoaded":[32],"title_":[32],"isVisitorSubscribed":[32]}],[0,"salla-quick-buy",{"type":[1025],"productId":[1025,"product-id"],"amount":[1538],"currency":[1025],"options":[16],"isRequireShipping":[1028,"is-require-shipping"],"isApplePayActive":[32],"quickBuy":[32]}],[0,"salla-file-upload",{"value":[1537],"files":[513],"height":[513],"cartItemId":[1,"cart-item-id"],"profileImage":[516,"profile-image"],"name":[1537],"payloadName":[1,"payload-name"],"accept":[1537],"fileId":[2,"file-id"],"url":[1025],"method":[1],"formData":[1,"form-data"],"required":[4],"maxFileSize":[1,"max-file-size"],"disabled":[4],"allowDrop":[4,"allow-drop"],"allowBrowse":[4,"allow-browse"],"allowPaste":[4,"allow-paste"],"allowMultiple":[4,"allow-multiple"],"allowReplace":[4,"allow-replace"],"allowRevert":[4,"allow-revert"],"allowRemove":[4,"allow-remove"],"allowProcess":[4,"allow-process"],"allowReorder":[4,"allow-reorder"],"storeAsFile":[4,"store-as-file"],"forceRevert":[4,"force-revert"],"maxFilesCount":[2,"max-files-count"],"maxParallelUploads":[2,"max-parallel-uploads"],"checkValidity":[4,"check-validity"],"itemInsertLocation":[1,"item-insert-location"],"itemInsertInterval":[2,"item-insert-interval"],"credits":[4],"dropOnPage":[4,"drop-on-page"],"dropOnElement":[4,"drop-on-element"],"dropValidation":[4,"drop-validation"],"ignoredFiles":[16],"instantUpload":[1028,"instant-upload"],"chunkUploads":[4,"chunk-uploads"],"chunkForce":[4,"chunk-force"],"chunkSize":[2,"chunk-size"],"chunkRetryDelays":[16],"labelDecimalSeparator":[1,"label-decimal-separator"],"labelThousandsSeparator":[1,"label-thousands-separator"],"labelIdle":[1025,"label-idle"],"iconRemove":[1,"icon-remove"],"iconProcess":[1,"icon-process"],"iconRetry":[1,"icon-retry"],"iconUndo":[1,"icon-undo"],"setOption":[64]}],[0,"salla-progress-bar",{"donation":[1],"target":[1026],"value":[1026],"height":[1025],"header":[1025],"stripped":[1028],"message":[1025],"unit":[1025],"color":[1025]}],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2],"reviews":[2]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[4,"salla-slider",{"blockTitle":[513,"block-title"],"listenToThumbnailsOption":[516,"listen-to-thumbnails-option"],"blockSubtitle":[513,"block-subtitle"],"displayAllUrl":[513,"display-all-url"],"arrowsCentered":[516,"arrows-centered"],"verticalThumbs":[516,"vertical-thumbs"],"gridThumbs":[516,"grid-thumbs"],"vertical":[516],"autoHeight":[516,"auto-height"],"showControls":[516,"show-controls"],"controlsOuter":[516,"controls-outer"],"showThumbsControls":[4,"show-thumbs-controls"],"autoPlay":[4,"auto-play"],"slidesPerView":[1,"slides-per-view"],"pagination":[4],"centered":[4],"loop":[4],"direction":[1537],"type":[1],"sliderConfig":[520,"slider-config"],"thumbsConfig":[520,"thumbs-config"],"currentIndex":[32],"isEnd":[32],"isBeginning":[32],"swiperScript":[32],"displayAllTitle":[32],"windowWidth":[32],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"slideToLoop":[64],"slideNextLoop":[64],"slidePrevLoop":[64],"slideReset":[64],"slideToClosest":[64],"update":[64],"updateAutoHeight":[64],"updateSlides":[64],"updateProgress":[64],"updateSlidesClasses":[64],"getSlides":[64]}],[4,"salla-placeholder",{"icon":[1],"alignment":[1],"iconSize":[1,"icon-size"],"translationLoaded":[32]}],[0,"salla-skeleton",{"type":[1],"width":[1],"height":[1]}],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"hasSkeleton":[516,"has-skeleton"],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"centered":[4],"iconStyle":[1,"icon-style"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]},[[0,"keyup","handleKeyUp"]]],[0,"salla-loading",{"size":[8],"width":[8],"color":[1],"bgColor":[1,"bg-color"]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}]]],["p-d62f30df.system",[[0,"salla-products-slider",{"blockTitle":[1,"block-title"],"subTitle":[1,"sub-title"],"sliderId":[1,"slider-id"],"displayAllUrl":[1,"display-all-url"],"autoplay":[1028],"source":[1537],"sourceValue":[1,"source-value"],"limit":[1026],"productsData":[32],"isReady":[32],"sourceValueIsValid":[32],"hasCustomComponent":[32],"apiUrl":[32],"parsedSourceValue":[32]}]]],["p-e422014b.system",[[0,"salla-product-options",{"productId":[2,"product-id"],"options":[1],"optionsData":[32],"outOfStockText":[32],"donationAmount":[32],"selectDonationAmount":[32],"selectAmount":[32],"isCustomDonation":[32],"selectedOptions":[32],"canDisabled":[32],"selectedSkus":[32],"selectedOutSkus":[32],"getSelectedOptionsData":[64],"reportValidity":[64],"hasOutOfStockOption":[64],"getSelectedOptions":[64],"getOption":[64]}]]],["p-517438b5.system",[[0,"salla-filters",{"filters":[1040],"isSidebarOpen":[32],"filtersData":[32],"apply":[32],"reset":[32],"getFilters":[64],"applyFilters":[64],"resetFilters":[64]}]]],["p-3e1c003d.system",[[0,"salla-comment-form",{"type":[1537],"showAvatar":[4,"show-avatar"],"itemId":[1544,"item-id"],"placeholder":[32],"submitText":[32],"canComment":[32]}]]],["p-d80d1435.system",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["p-75439d1f.system",[[0,"salla-loyalty-prize-item",{"item":[16]}]]],["p-e61ef2fb.system",[[0,"salla-products-list",{"source":[1537],"sourceValue":[1032,"source-value"],"limit":[1026],"sortBy":[1025,"sort-by"],"filtersResults":[1540,"filters-results"],"horizontalCards":[516,"horizontal-cards"],"page":[32],"nextPage":[32],"hasInfiniteScroll":[32],"hasCustomComponent":[32],"sourceValueIsValid":[32],"placeholderText":[32],"isReady":[32],"showPlaceholder":[32],"parsedFilters":[32],"setFilters":[64],"reload":[64]}]]],["p-8e3f85c5.system",[[0,"salla-price-range",{"minPrice":[1032,"min-price"],"maxPrice":[1032,"max-price"],"option":[16],"filtersData":[520,"filters-data"],"min":[32],"max":[32],"priceOptions":[32],"moreThanLabel":[32],"lessThanLabel":[32],"toLabel":[32],"fromLabel":[32],"reset":[64]}]]],["p-bf101f02.system",[[4,"salla-filters-widget",{"withLoadMore":[1028,"with-load-more"],"filtersData":[16],"option":[16],"isOpen":[32],"isShowMore":[32],"showMoreLabel":[32],"showLessLabel":[32],"setWidgetHeight":[64],"reset":[64],"showMore":[64],"toggleWidget":[64]}]]],["p-db380dfd.system",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]]]'),e)}))}}}));
 //# sourceMappingURL=p-5e28ad7e.system.js.map

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

@@ -0,0 +1,5 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import{r as e,h as i,H as t,g as l}from"./p-c76c4ed2.js";const n=class{constructor(i){e(this,i)}hideAllOptions(e){this.host.querySelectorAll(`[data-show-when^="options[${e}"]`).forEach((e=>{e.classList.add("hidden");this.hideAllOptions(e.dataset.optionId);this.disableInputs(e)}))}disableInputs(e){e.querySelectorAll("[name]").forEach((e=>{var i;e.setAttribute("disabled","");e.removeAttribute("required");if(((i=e===null||e===void 0?void 0:e.tagName)===null||i===void 0?void 0:i.toLowerCase())==="select"){e.value=""}if(["checkbox"].includes(e.getAttribute("type"))&&e.hasOwnProperty("checked")){e.checked=false}}))}changeHandler(e){var i;salla.event.emit("salla-onditional-fields::change",e);salla.log("Received the change event: ",e);if(!e.target||!["SELECT"].includes(e.target.tagName)&&!["checkbox"].includes(e.target.getAttribute("type"))){salla.log("Ignore the change because is not support input: "+(((i=e===null||e===void 0?void 0:e.target)===null||i===void 0?void 0:i.tagName)||"N/A"));return}let t=e.target.name.replace("[]","");let l=e.target.getAttribute("type")==="checkbox";salla.log("Trying to find all the element with condition:",`[data-show-when^="${t}"]`);this.host.querySelectorAll(`[data-show-when^="${t}"]`).forEach((i=>{let t=!(i===null||i===void 0?void 0:i.dataset.showWhen.includes("!="));let n=i===null||i===void 0?void 0:i.dataset.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$3").trim();let o;if(l){let i=Array.from(this.host.querySelectorAll(`input[name="${e.target.name}"]:checked`),(e=>e===null||e===void 0?void 0:e.value));o=i.includes(n.toString())}else{o=n===e.target.value}salla.log("The input is ",l?"Multiple":"Single"," value:",o);let d=t&&o||!t&&!o;if(d){i.classList.remove("hidden");i.querySelectorAll("[name]").forEach((e=>{e.removeAttribute("disabled");const t=e.closest(".s-product-options-option");if(t.dataset.optionRequired==="true"){e.setAttribute("required","")}if(e.getAttribute("type")==="checkbox"){const i=Array.from(document.querySelectorAll(`input[type="checkbox"][name="${e.getAttribute("name")}"]`));const t=i.some((e=>e.checked));if(t){i.forEach((e=>{e.removeAttribute("required")}))}}if(!["checkbox"].includes(e.getAttribute("type"))&&i.getElementsByClassName("required").length){e.setAttribute("required","")}}))}else{this.hideAllOptions(i.dataset.optionId);i.classList.add("hidden");this.disableInputs(i)}}))}componentDidRender(){this.host.querySelectorAll(`[data-show-when]`).forEach((e=>{var i;let t=(i=e===null||e===void 0?void 0:e.dataset)===null||i===void 0?void 0:i.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$1").trim();if(!t){return}this.changeHandler({target:this.host.querySelector('[name^="'+t+'"]')})}))}render(){return i(t,null,i("slot",null))}get host(){return l(this)}};export{n as salla_conditional_fields};
+//# sourceMappingURL=p-c320d65a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SallaConditionalFields","hideAllOptions","optionId","this","host","querySelectorAll","forEach","field","classList","add","dataset","disableInputs","input","setAttribute","removeAttribute","_a","tagName","toLowerCase","value","includes","getAttribute","hasOwnProperty","checked","changeHandler","event","salla","emit","log","target","name","replace","isMultiple","isEqual","showWhen","trim","isSelected","selectedValues","Array","from","e","toString","showTheInput","remove","closestProductOption","closest","optionRequired","checkboxes","document","isAnyChecked","some","checkbox","getElementsByClassName","length","componentDidRender","optionName","querySelector","render","h","Host"],"sources":["./src/components/salla-conditional-fields/salla-conditional-fields.tsx"],"sourcesContent":["import { Component, Element, Host, Listen, h } from '@stencil/core';\n\n/**\n * its to easy to use, currenlty its support select & checkbox input as trigger for show/hide the dom\n * the dom you can put it like this data-show-when=\"{name of the field} {= or !=} {value of the field}\"\n */\n@Component({\n  tag: 'salla-conditional-fields'\n})\nexport class SallaConditionalFields {\n\n  @Element() host: HTMLElement;\n\n  private hideAllOptions(optionId) {\n    this.host.querySelectorAll(`[data-show-when^=\"options[${optionId}\"]`).forEach((field: HTMLElement) => {\n      field.classList.add('hidden');\n      this.hideAllOptions(field.dataset.optionId);\n      this.disableInputs(field);\n    });\n  }\n\n  private disableInputs(field) {\n    field.querySelectorAll('[name]').forEach((input) => {\n\n      input.setAttribute('disabled', '');\n      input.removeAttribute('required');\n      if (input?.tagName?.toLowerCase() === 'select') {\n        input.value = ''\n      }\n      if (['checkbox'].includes(input.getAttribute('type')) && input.hasOwnProperty('checked')) {\n        // @ts-ignore\n        input.checked = false;\n      }\n    });\n  }\n  \n  @Listen('change')\n  changeHandler(event) {\n    salla.event.emit('salla-onditional-fields::change', event);\n    salla.log('Received the change event: ', event);\n\n    if (!event.target || !['SELECT'].includes(event.target.tagName) && !['checkbox'].includes(event.target.getAttribute('type'))) {\n      salla.log('Ignore the change because is not support input: ' + (event?.target?.tagName || 'N/A'));\n      return;\n    }\n\n    // to extract the option id from the input name, the supported names are name[*] and name[*][]\n    let optionId = event.target.name.replace('[]', '');\n    let isMultiple = event.target.getAttribute('type') === 'checkbox';\n\n\n    salla.log('Trying to find all the element with condition:', `[data-show-when^=\"${optionId}\"]`);\n\n    this.host.querySelectorAll(`[data-show-when^=\"${optionId}\"]`)\n      .forEach((field: HTMLElement) => {\n        let isEqual = !field?.dataset.showWhen.includes('!=');\n        let value = field?.dataset.showWhen.replace(/(.*)(=|!=)(.*)/gm, '$3').trim();\n        // let isSelected = isMultiple ? event.target?.checked : value === event.target.value;\n        let isSelected;\n\n        if (isMultiple) {\n          // @ts-ignore\n          let selectedValues = Array.from(this.host.querySelectorAll(`input[name=\"${event.target.name}\"]:checked`), e => e?.value);\n          isSelected = selectedValues.includes(value.toString());\n        } else {\n          isSelected = value === event.target.value;\n        }\n\n        salla.log('The input is ', (isMultiple ? 'Multiple' : 'Single'), ' value:', isSelected);\n\n        let showTheInput = (isEqual && isSelected) || (!isEqual && !isSelected);\n        if (showTheInput) {\n          field.classList.remove('hidden');\n          field.querySelectorAll('[name]').forEach((input) => {\n            input.removeAttribute('disabled');\n\n\n            // Return required attribute to the input if the option is required\n            const closestProductOption = (input as HTMLInputElement).closest('.s-product-options-option') as HTMLElement;\n            if (closestProductOption.dataset.optionRequired === 'true') {\n              input.setAttribute('required', '');\n            }\n\n\n            // Handle multiple checkboxes with same name and required attribute \n            if (input.getAttribute('type') === 'checkbox') {\n              const checkboxes = Array.from(document.querySelectorAll(`input[type=\"checkbox\"][name=\"${input.getAttribute('name')}\"]`)) as HTMLInputElement[];\n              const isAnyChecked = checkboxes.some((checkbox) => checkbox.checked);      \n              if (isAnyChecked) {\n                checkboxes.forEach((checkbox) => {\n                  checkbox.removeAttribute('required');\n                });\n              }\n            }\n            //To handle focus on hidden input error\n            if (!['checkbox'].includes(input.getAttribute('type')) && field.getElementsByClassName('required').length) {\n              input.setAttribute('required', '');\n            }\n          });\n        } else {\n          this.hideAllOptions(field.dataset.optionId);\n          field.classList.add('hidden');\n          this.disableInputs(field);\n        }\n      });\n  }\n\n  componentDidRender() {\n    this.host.querySelectorAll(`[data-show-when]`).forEach((field) => {\n      // @ts-ignore\n      let optionName = field?.dataset?.showWhen.replace(/(.*)(=|!=)(.*)/gm, '$1').trim();\n      if (!optionName) {\n        return;\n      }\n\n      this.changeHandler({\n        target: this.host.querySelector('[name^=\"' + optionName + '\"]')\n      })\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+System.register(["./p-9fcca94b.system.js"],(function(e){"use strict";var t,n,o,r;return{setters:[function(e){t=e.r;n=e.h;o=e.H;r=e.g}],execute:function(){var i=e("salla_conditional_fields",function(){function e(e){t(this,e)}e.prototype.hideAllOptions=function(e){var t=this;this.host.querySelectorAll('[data-show-when^="options['.concat(e,'"]')).forEach((function(e){e.classList.add("hidden");t.hideAllOptions(e.dataset.optionId);t.disableInputs(e)}))};e.prototype.disableInputs=function(e){e.querySelectorAll("[name]").forEach((function(e){var t;e.setAttribute("disabled","");e.removeAttribute("required");if(((t=e===null||e===void 0?void 0:e.tagName)===null||t===void 0?void 0:t.toLowerCase())==="select"){e.value=""}if(["checkbox"].includes(e.getAttribute("type"))&&e.hasOwnProperty("checked")){e.checked=false}}))};e.prototype.changeHandler=function(e){var t=this;var n;salla.event.emit("salla-onditional-fields::change",e);salla.log("Received the change event: ",e);if(!e.target||!["SELECT"].includes(e.target.tagName)&&!["checkbox"].includes(e.target.getAttribute("type"))){salla.log("Ignore the change because is not support input: "+(((n=e===null||e===void 0?void 0:e.target)===null||n===void 0?void 0:n.tagName)||"N/A"));return}var o=e.target.name.replace("[]","");var r=e.target.getAttribute("type")==="checkbox";salla.log("Trying to find all the element with condition:",'[data-show-when^="'.concat(o,'"]'));this.host.querySelectorAll('[data-show-when^="'.concat(o,'"]')).forEach((function(n){var o=!(n===null||n===void 0?void 0:n.dataset.showWhen.includes("!="));var i=n===null||n===void 0?void 0:n.dataset.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$3").trim();var a;if(r){var l=Array.from(t.host.querySelectorAll('input[name="'.concat(e.target.name,'"]:checked')),(function(e){return e===null||e===void 0?void 0:e.value}));a=l.includes(i.toString())}else{a=i===e.target.value}salla.log("The input is ",r?"Multiple":"Single"," value:",a);var c=o&&a||!o&&!a;if(c){n.classList.remove("hidden");n.querySelectorAll("[name]").forEach((function(e){e.removeAttribute("disabled");var t=e.closest(".s-product-options-option");if(t.dataset.optionRequired==="true"){e.setAttribute("required","")}if(e.getAttribute("type")==="checkbox"){var o=Array.from(document.querySelectorAll('input[type="checkbox"][name="'.concat(e.getAttribute("name"),'"]')));var r=o.some((function(e){return e.checked}));if(r){o.forEach((function(e){e.removeAttribute("required")}))}}if(!["checkbox"].includes(e.getAttribute("type"))&&n.getElementsByClassName("required").length){e.setAttribute("required","")}}))}else{t.hideAllOptions(n.dataset.optionId);n.classList.add("hidden");t.disableInputs(n)}}))};e.prototype.componentDidRender=function(){var e=this;this.host.querySelectorAll("[data-show-when]").forEach((function(t){var n;var o=(n=t===null||t===void 0?void 0:t.dataset)===null||n===void 0?void 0:n.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$1").trim();if(!o){return}e.changeHandler({target:e.host.querySelector('[name^="'+o+'"]')})}))};e.prototype.render=function(){return n(o,null,n("slot",null))};Object.defineProperty(e.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});return e}())}}}));
+//# sourceMappingURL=p-db380dfd.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SallaConditionalFields","exports","class_1","prototype","hideAllOptions","optionId","_this","this","host","querySelectorAll","concat","forEach","field","classList","add","dataset","disableInputs","input","setAttribute","removeAttribute","_a","tagName","toLowerCase","value","includes","getAttribute","hasOwnProperty","checked","changeHandler","event","salla","emit","log","target","name","replace","isMultiple","isEqual","showWhen","trim","isSelected","selectedValues","Array","from","e","toString","showTheInput","remove","closestProductOption","closest","optionRequired","checkboxes","document","isAnyChecked","some","checkbox","getElementsByClassName","length","componentDidRender","optionName","querySelector","render","h","Host"],"sources":["src/components/salla-conditional-fields/salla-conditional-fields.tsx"],"sourcesContent":["import { Component, Element, Host, Listen, h } from '@stencil/core';\n\n/**\n * its to easy to use, currenlty its support select & checkbox input as trigger for show/hide the dom\n * the dom you can put it like this data-show-when=\"{name of the field} {= or !=} {value of the field}\"\n */\n@Component({\n  tag: 'salla-conditional-fields'\n})\nexport class SallaConditionalFields {\n\n  @Element() host: HTMLElement;\n\n  private hideAllOptions(optionId) {\n    this.host.querySelectorAll(`[data-show-when^=\"options[${optionId}\"]`).forEach((field: HTMLElement) => {\n      field.classList.add('hidden');\n      this.hideAllOptions(field.dataset.optionId);\n      this.disableInputs(field);\n    });\n  }\n\n  private disableInputs(field) {\n    field.querySelectorAll('[name]').forEach((input) => {\n\n      input.setAttribute('disabled', '');\n      input.removeAttribute('required');\n      if (input?.tagName?.toLowerCase() === 'select') {\n        input.value = ''\n      }\n      if (['checkbox'].includes(input.getAttribute('type')) && input.hasOwnProperty('checked')) {\n        // @ts-ignore\n        input.checked = false;\n      }\n    });\n  }\n  \n  @Listen('change')\n  changeHandler(event) {\n    salla.event.emit('salla-onditional-fields::change', event);\n    salla.log('Received the change event: ', event);\n\n    if (!event.target || !['SELECT'].includes(event.target.tagName) && !['checkbox'].includes(event.target.getAttribute('type'))) {\n      salla.log('Ignore the change because is not support input: ' + (event?.target?.tagName || 'N/A'));\n      return;\n    }\n\n    // to extract the option id from the input name, the supported names are name[*] and name[*][]\n    let optionId = event.target.name.replace('[]', '');\n    let isMultiple = event.target.getAttribute('type') === 'checkbox';\n\n\n    salla.log('Trying to find all the element with condition:', `[data-show-when^=\"${optionId}\"]`);\n\n    this.host.querySelectorAll(`[data-show-when^=\"${optionId}\"]`)\n      .forEach((field: HTMLElement) => {\n        let isEqual = !field?.dataset.showWhen.includes('!=');\n        let value = field?.dataset.showWhen.replace(/(.*)(=|!=)(.*)/gm, '$3').trim();\n        // let isSelected = isMultiple ? event.target?.checked : value === event.target.value;\n        let isSelected;\n\n        if (isMultiple) {\n          // @ts-ignore\n          let selectedValues = Array.from(this.host.querySelectorAll(`input[name=\"${event.target.name}\"]:checked`), e => e?.value);\n          isSelected = selectedValues.includes(value.toString());\n        } else {\n          isSelected = value === event.target.value;\n        }\n\n        salla.log('The input is ', (isMultiple ? 'Multiple' : 'Single'), ' value:', isSelected);\n\n        let showTheInput = (isEqual && isSelected) || (!isEqual && !isSelected);\n        if (showTheInput) {\n          field.classList.remove('hidden');\n          field.querySelectorAll('[name]').forEach((input) => {\n            input.removeAttribute('disabled');\n\n\n            // Return required attribute to the input if the option is required\n            const closestProductOption = (input as HTMLInputElement).closest('.s-product-options-option') as HTMLElement;\n            if (closestProductOption.dataset.optionRequired === 'true') {\n              input.setAttribute('required', '');\n            }\n\n\n            // Handle multiple checkboxes with same name and required attribute \n            if (input.getAttribute('type') === 'checkbox') {\n              const checkboxes = Array.from(document.querySelectorAll(`input[type=\"checkbox\"][name=\"${input.getAttribute('name')}\"]`)) as HTMLInputElement[];\n              const isAnyChecked = checkboxes.some((checkbox) => checkbox.checked);      \n              if (isAnyChecked) {\n                checkboxes.forEach((checkbox) => {\n                  checkbox.removeAttribute('required');\n                });\n              }\n            }\n            //To handle focus on hidden input error\n            if (!['checkbox'].includes(input.getAttribute('type')) && field.getElementsByClassName('required').length) {\n              input.setAttribute('required', '');\n            }\n          });\n        } else {\n          this.hideAllOptions(field.dataset.optionId);\n          field.classList.add('hidden');\n          this.disableInputs(field);\n        }\n      });\n  }\n\n  componentDidRender() {\n    this.host.querySelectorAll(`[data-show-when]`).forEach((field) => {\n      // @ts-ignore\n      let optionName = field?.dataset?.showWhen.replace(/(.*)(=|!=)(.*)/gm, '$1').trim();\n      if (!optionName) {\n        return;\n      }\n\n      this.changeHandler({\n        target: this.host.querySelector('[name^=\"' + optionName + '\"]')\n      })\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+var __awaiter=this&&this.__awaiter||function(t,n,e,i){function o(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,a){function r(t){try{l(i.next(t))}catch(t){a(t)}}function s(t){try{l(i["throw"](t))}catch(t){a(t)}}function l(t){t.done?e(t.value):o(t.value).then(r,s)}l((i=i.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,o,a,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(n){return l([t,n])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(e=0)),e)try{if(i=1,o&&(a=s[0]&2?o["return"]:s[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,s[1])).done)return a;if(o=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;o=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){e.label=s[1];break}if(s[0]===6&&e.label<a[1]){e.label=a[1];a=s;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(s);break}if(a[2])e.ops.pop();e.trys.pop();continue}s=n.call(t,e)}catch(t){s=[6,t];o=0}finally{i=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
+/*!
+ * Crafted with ❤ by Salla
+ */System.register(["./p-9fcca94b.system.js","./p-c328c14e.system.js"],(function(t){"use strict";var n,e,i,o,a,r;return{setters:[function(t){n=t.r;e=t.c;i=t.h;o=t.H;a=t.g},function(t){r=t.C}],execute:function(){var s;(function(t){t["COLOR"]="color";t["DATE"]="date";t["DATETIME"]="datetime";t["DONATION"]="donation";t["IMAGE"]="image";t["MULTIPLE_OPTIONS"]="multiple-options";t["NUMBER"]="number";t["SINGLE_OPTION"]="single-option";t["SPLITTER"]="splitter";t["TEXT"]="text";t["TEXTAREA"]="textarea";t["THUMBNAIL"]="thumbnail";t["TIME"]="time";t["RADIO"]="radio";t["CHECKBOX"]="checkbox";t["MAP"]="map";t["FILE"]="file";t["COLOR_PICKER"]="color_picker"})(s||(s={}));var l;(function(t){t["Sar"]="SAR"})(l||(l={}));var c='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>check</title>\n<path d="M27.521 6.976c-0.569-0.472-1.407-0.393-1.879 0.171l-12.567 15.080-7.003-4.668c-0.615-0.411-1.441-0.244-1.849 0.369-0.409 0.612-0.244 1.441 0.369 1.849l8 5.333c0.227 0.149 0.484 0.223 0.739 0.223 0.384 0 0.763-0.165 1.027-0.48l13.333-16c0.471-0.565 0.393-1.407-0.171-1.877z"></path>\n</svg>\n';var u='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>file-upload</title>\n<path d="M21.333 24c0.341 0 0.683-0.131 0.943-0.391 0.521-0.521 0.521-1.364 0-1.885l-5.333-5.333c-0.123-0.123-0.271-0.22-0.433-0.288-0.327-0.135-0.693-0.135-1.019 0-0.163 0.068-0.311 0.165-0.433 0.288l-5.333 5.333c-0.521 0.521-0.521 1.364 0 1.885s1.364 0.521 1.885 0l3.057-3.057v10.115c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-10.115l3.057 3.057c0.26 0.26 0.601 0.391 0.943 0.391zM28.943 9.724l-9.333-9.333c-0.249-0.251-0.589-0.391-0.943-0.391h-12c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h4c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333h-4c-0.735 0-1.333-0.599-1.333-1.333v-24c0-0.735 0.599-1.333 1.333-1.333h11.448l8.552 8.552v16.781c0 0.735-0.599 1.333-1.333 1.333h-4c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h4c2.205 0 4-1.795 4-4v-17.333c0-0.353-0.14-0.693-0.391-0.943z"></path>\n</svg>\n';var d="";var p=t("salla_product_options",function(){function t(t){var o=this;n(this,t);this.changed=e(this,"changed",7);this.fileTypes={pdf:"application/pdf",png:"image/png",jpg:"image/jpeg",word:"application/doc,application/ms-doc,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",exl:"application/excel,application/vnd.ms-excel,application/x-excel,application/x-msexcel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",txt:"text/plain"};this.outSkus=[];this.handleDonationOptions=function(t){t.preventDefault();t.stopPropagation();o.isCustomDonation=t.target.value==="custom";if(o.donationInput){if(t.target.value==="custom"){o.donationInput.value="";o.donationInput.focus()}else{o.donationInput.value=t.target.value}}};this.hideLabel=function(t){if(t.type===s.DONATION&&(t.donation&&!t.donation.can_donate)){return true}return false};this.getExpireDonationMessage=function(t){if(!t.donation){return}var n=t.donation.target_amount<=t.donation.collected_amount;return i("div",{class:{"s-product-options-donation-message":true,"s-product-options-donation-completed":n,"s-product-options-donation-expired":!n}},i("p",null,t.donation.target_message),i("span",null,n?salla.money(t.donation.target_amount):""))};this.optionsData=undefined;this.outOfStockText="";this.donationAmount=salla.lang.get("pages.products.donation_amount");this.selectDonationAmount=salla.lang.getWithDefault("pages.products.select_donation_amount","تحديد مبلغ التبرع");this.selectAmount=salla.lang.getWithDefault("pages.products.select_amount","اختر المبلغ");this.isCustomDonation=false;this.selectedOptions=[];this.canDisabled=undefined;this.selectedSkus=undefined;this.selectedOutSkus=undefined;this.productId=salla.config.get("page.id");this.options=undefined;this.canDisabled=!salla.config.get("store.settings.products.notify_options_availability");salla.lang.onLoaded((function(){o.outOfStockText=salla.lang.get("pages.products.out_of_stock");o.donationAmount=salla.lang.get("pages.products.donation_amount");o.selectDonationAmount=salla.lang.getWithDefault("pages.products.select_donation_amount","تحديد مبلغ التبرع");o.selectAmount=salla.lang.getWithDefault("pages.products.select_amount","اختر المبلغ")}));if(this.options){try{this.setOptionsData(Array.isArray(this.options)?this.options:JSON.parse(this.options));return}catch(t){salla.log("Bad json passed via options prop")}}if(!Array.isArray(this.optionsData)){salla.log("Options is not an array[] ---\x3e ",this.optionsData);this.setOptionsData([])}if(this.productId&&!salla.url.is_page("cart")){salla.api.product.getDetails(this.productId,["options"]).then((function(t){return o.setOptionsData(t.data.options)}))}}t.prototype.setOptionsData=function(t){var n,e;this.optionsData=t;var i=this;(e=(n=this.optionsData[0])===null||n===void 0?void 0:n.details)===null||e===void 0?void 0:e.forEach((function(t){Object.entries(t.skus_availability||{}).filter((function(t){return!t[1]})).map((function(t){return i.outSkus.push(Number(t[0]))}))}))};t.prototype.getSelectedOptionsData=function(){return __awaiter(this,void 0,void 0,(function(){var t,n;return __generator(this,(function(e){t={};n=this.host.getElementSallaData();n.forEach((function(n,e){e.startsWith("options[")&&(t[e.replace("options[","").replace("]","")]=n)}));return[2,t]}))}))};t.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){var t,n,e;return __generator(this,(function(i){t=this.host.querySelectorAll("[required]");n=true;for(e=0;e<t.length;e++){if("reportValidity"in t[e]&&!t[e].reportValidity()){n=false}}return[2,n]}))}))};t.prototype.hasOutOfStockOption=function(){return __awaiter(this,void 0,void 0,(function(){var t,n;var e=this;return __generator(this,(function(i){return[2,this.selectedOptions.some((function(t){return t.is_out}))||((t=this.selectedSkus)===null||t===void 0?void 0:t.length)&&((n=this.selectedSkus)===null||n===void 0?void 0:n.every((function(t){return e.outSkus.includes(t)})))]}))}))};t.prototype.getSelectedOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.selectedOptions]}))}))};t.prototype.getOption=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,this.optionsData.find((function(n){return n.id===t}))]}))}))};t.prototype.invalidHandler=function(t,n){var e=t.target.closest(".s-product-options-option");if(!salla.url.is_page("cart")){e.scrollIntoView({behavior:"smooth",block:"center"})}e.classList.add("s-product-options-option-error")};t.prototype.changedHandler=function(t,n){var e={event:t,option:n,detail:null};if(n.details){var i=n.details.find((function(n){return Number(n.id)===Number(t.target.value)}));e.detail=i}var o=t.target.closest(".s-product-options-option");if(t.target.value||(n.type==s.FILE||n.type==s.IMAGE)&&t.type==="added"||n.type==s.MAP&&t.type==="selected"&&(t.target.lat&&t.target.lng)){setTimeout((function(){o.classList.remove("s-product-options-option-error")}),200)}var a=this.selectedOptions.findIndex((function(t){return t.option_id===e.option.id}));a>-1?this.selectedOptions[a]=Object.assign(Object.assign({},e.detail),{option_id:e.option.id}):this.selectedOptions.push(Object.assign(Object.assign({},e.detail),{option_id:e.option.id}));this.setSelectedSkus();this.handleRequiredMultipleOptions(n);this.changed.emit(e);salla.event.emit("product-options::change",e)};t.prototype.setSelectedSkus=function(){this.selectedSkus=this.selectedOptions.map((function(t){return Object.keys(t.skus_availability||{})})).reduce((function(t,n){return t.filter((function(t){return n.includes(t)}))})).map((function(t){return Number(t)}))};t.prototype.handleRequiredMultipleOptions=function(t){if(t.type!==s.MULTIPLE_OPTIONS||!t.required){return}var n=this.host.querySelector('[data-option-id="'.concat(t.id,'"]'));var e=n.querySelectorAll("input:checked").length;n.querySelectorAll("input").forEach((function(t){return t.toggleAttribute("required",!e)}))};t.prototype.getLatLng=function(t,n){return t?t.split(",")[n=="lat"?0:1]:""};t.prototype.getDisplayForType=function(t){if(this["".concat(t.type,"Option")]){return this["".concat(t.type,"Option")](t)}if(t.type===s.COLOR_PICKER){return this.colorPickerOption(t)}if(t.type===s.MULTIPLE_OPTIONS){return this.multipleOptions(t)}if(t.type===s.SINGLE_OPTION){return this.singleOption(t)}salla.log("Couldn't find options type(".concat(t.type,")😢"));return""};t.prototype.getOptionShownWhen=function(t){return t.visibility_condition?{"data-show-when":"options[".concat(t.visibility_condition.option,"] ").concat(t.visibility_condition.operator," ").concat(t.visibility_condition.value)}:{}};t.prototype.componentWillLoad=function(){this.outOfStockText=salla.lang.get("pages.products.out_of_stock");return salla.api.cart.getCurrentCartId()};t.prototype.render=function(){var t=this;var n;if(((n=this.optionsData)===null||n===void 0?void 0:n.length)==0){return}return i(o,{class:"s-product-options-wrapper"},i("salla-conditional-fields",null,this.optionsData.map((function(n){return i("div",Object.assign({class:"s-product-options-option-container".concat(n.visibility_condition?" hidden":""),"data-option-id":n.id},t.getOptionShownWhen(n)),n.name=="splitter"?t.splitterOption():i("div",{class:"s-product-options-option","data-option-type":n.type,"data-option-required":"".concat(n.required)},i("label",{htmlFor:"options["+n.id+"]",class:"s-product-options-option-label ".concat(t.hideLabel(n)?"s-product-options-option-label-hidden":"")},i("b",null,n.name,n.required&&i("span",null," * ")," "),i("small",null,n.placeholder)),i("div",{class:"s-product-options-option-content ".concat(t.hideLabel(n)?"s-product-options-option-content-full-width":"")},t.getDisplayForType(n))))}))))};t.prototype.donationOption=function(t,n){var e=this;var o,a;return i("div",{class:"s-product-options-donation-wrapper"},((o=t.donation)===null||o===void 0?void 0:o.can_donate)?[t.donation?i("div",{class:"s-product-options-donation-progress"},i("salla-progress-bar",{donation:t.donation})):"",t.details.length?[i("h4",null,this.selectAmount),i("div",{class:"s-product-options-donation-options"},t.details.map((function(t,n){return i("div",{class:"s-product-options-donation-options-item"},i("input",{id:"donation-option-".concat(n),type:"radio",name:"donating_option",checked:t.is_selected,value:t.additional_price,onChange:function(t){return e.handleDonationOptions(t)}}),i("label",{htmlFor:"donation-option-".concat(n)},i("span",null,salla.money(t.name))))})),((a=t.donation)===null||a===void 0?void 0:a.custom_amount_enabled)?i("div",{class:"s-product-options-donation-options-item"},i("input",{id:"donation-option-custom",type:"radio",name:"donating_option",value:"custom",onChange:function(t){return e.handleDonationOptions(t)}}),i("label",{htmlFor:"donation-option-custom"},i("span",null," ",this.selectDonationAmount," "))):"")]:"",i("div",{class:{"s-product-options-donation-input-group":true,shown:!t.details.length||t.details.length&&this.isCustomDonation}},i("input",{type:"text",id:"donating-amount",name:"donation_amount",class:"s-form-control",ref:function(t){return e.donationInput=t},value:t.details.length&&t.details.some((function(t){return t.is_selected}))?t.details.find((function(t){return t.is_selected})).additional_price:t.value,placeholder:t.placeholder,onInput:function(t){return salla.helpers.inputDigitsOnly(t.target)},onBlur:function(n){return e.changedHandler(n,t)},onInvalid:function(n){return e.invalidHandler(n,t)}}),i("span",{class:"s-product-options-donation-amount-currency"},salla.config.currency(salla.config.get("user.currency_code")).symbol))]:this.getExpireDonationMessage(t))};t.prototype.fileUploader=function(t,n){var e=this;if(n===void 0){n=null}return i("salla-file-upload",Object.assign({},n||{},{"payload-name":"file",value:t.value,"instant-upload":true,name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,height:"120px",onAdded:function(n){return e.changedHandler(n,t)},url:salla.cart.api.getUploadImageEndpoint(),"form-data":{cart_item_id:this.productId,product_id:this.productId},onInvalidInput:function(n){return e.invalidHandler(n,t)},class:{"s-product-options-image-input":true,required:t.required}}),i("div",{class:"s-product-options-filepond-placeholder"},i("span",{class:"s-product-options-filepond-placeholder-icon",innerHTML:n.accept&&n.accept.split(",").every((function(t){return t.includes("image")}))?r:u}),i("p",{class:"s-product-options-filepond-placeholder-text"},salla.lang.get("common.uploader.drag_and_drop")),i("span",{class:"filepond--label-action"},salla.lang.get("common.uploader.browse"))))};t.prototype.imageOption=function(t){return this.fileUploader(t,{accept:"image/png,image/jpeg,image/jpg,image/gif"})};t.prototype.fileOption=function(t){var n=this;var e=t.details.map((function(t){return n.fileTypes[t.name]})).filter(Boolean);return(e===null||e===void 0?void 0:e.length)?this.fileUploader(t,{accept:e.join(",")}):"File types not selected."};t.prototype.numberOption=function(t){var n=this;return i("input",{type:"text",value:t.value,class:"s-form-control",required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onBlur:function(e){return n.changedHandler(e,t)},onInvalid:function(e){return n.invalidHandler(e,t)},onInput:function(t){return salla.helpers.inputDigitsOnly(t.target)}})};t.prototype.splitterOption=function(){return i("div",{class:"s-product-options-splitter"})};t.prototype.textOption=function(t){var n=this;return i("div",{class:"s-product-options-text"},i("input",{type:"text",value:t.value,class:"s-form-control",required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onInvalid:function(e){return n.invalidHandler(e,t)},onInput:function(e){return n.changedHandler(e,t)}}))};t.prototype.textareaOption=function(t){var n=this;return i("div",{class:"s-product-options-textarea"},i("div",{class:"mt-1"},i("textarea",{rows:4,value:t.value,class:"s-form-control",required:!t.visibility_condition&&t.required,id:"options[".concat(t.id,"]"),name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onInvalid:function(e){return n.invalidHandler(e,t)},onInput:function(e){return n.changedHandler(e,t)}})))};t.prototype.mapOption=function(t){var n=this;return i("salla-map",{zoom:15,lat:this.getLatLng(t.value,"lat"),lng:this.getLatLng(t.value,"lng"),name:"options[".concat(t.id,"]"),searchable:true,required:t.required,onInvalidInput:function(e){return n.invalidHandler(e,t)},onSelected:function(e){return n.changedHandler(e,t)}})};t.prototype.colorPickerOption=function(t){var n=this;return i("salla-color-picker",{onSubmitted:function(e){return n.changedHandler(e,t)},name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,onInvalidInput:function(e){return n.invalidHandler(e,t)},color:t.value})};t.prototype.timeOption=function(t){var n=this;return i("salla-datetime-picker",{noCalendar:true,enableTime:true,dateFormat:"h:i K",value:t.value,placeholder:t.name,required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),class:"s-product-options-time-element",onInvalidInput:function(e){return n.invalidHandler(e,t)},onPicked:function(e){return n.changedHandler(e,t)}})};t.prototype.dateOption=function(t){var n=this;return i("div",{class:"s-product-options-date-element"},i("salla-datetime-picker",{value:t.value,placeholder:t.name,required:!t.visibility_condition&&t.required,minDate:new Date,name:"options[".concat(t.id,"]"),onInvalidInput:function(e){return n.invalidHandler(e,t)},onPicked:function(e){return n.changedHandler(e,t)}}))};t.prototype.datetimeOption=function(t){var n=this;return i("div",{class:"s-product-options-datetime-element"},i("salla-datetime-picker",{enableTime:true,value:t.value,dateFormat:"Y-m-d G:i:K",placeholder:t.name,required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),maxDate:t.to_date_time,minDate:t.from_date_time,onInvalidInput:function(e){return n.invalidHandler(e,t)},onPicked:function(e){return n.changedHandler(e,t)}}))};t.prototype.getOptionDetailName=function(t,n,e){if(n===void 0){n=true}if(e&&e==s.COLOR){return t.name+(n&&this.isOptionDetailOut(t)?" <br/> <p> ".concat(this.outOfStockText," </p>"):"")+(t.additional_price?" <p> (".concat(salla.money(t.additional_price),") </p>"):"")}return t.name+(n&&this.isOptionDetailOut(t)?" - ".concat(this.outOfStockText):"")+(t.additional_price?" (".concat(salla.money(t.additional_price),")"):"")};t.prototype.isOptionDetailOut=function(t){var n=this;var e;if(t.is_out||!t.skus_availability||!((e=this.selectedSkus)===null||e===void 0?void 0:e.length)){return t.is_out}var i=this.selectedOptions.filter((function(n){return n.id==t.id})).length;if(i&&this.selectedOptions.length==1){return false}if(i){var o=this.selectedSkus.filter((function(t){return n.outSkus.includes(t)}));return Object.keys(t.skus_availability).some((function(t){return o.includes(Number(t))}))}return this.selectedOptions.some((function(n){return n.is_out&&n.option_id!==t.option_id}))};t.prototype.singleOption=function(t){var n=this;return i("div",null,i("select",{name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,class:"s-form-control",onInvalid:function(e){return n.invalidHandler(e,t)},onChange:function(e){return n.changedHandler(e,t)}},i("option",{value:""},t.placeholder),t===null||t===void 0?void 0:t.details.map((function(t){return i("option",{value:t.id,disabled:n.canDisabled&&n.isOptionDetailOut(t),selected:t.is_selected},n.getOptionDetailName(t))}))))};t.prototype.multipleOptions=function(t){var n=this;var e=t.required&&!t.details.some((function(t){return t.is_selected}))&&!t.visibility_condition;return i("div",{class:{"s-product-options-multiple-options-wrapper":true,required:t.required}},t===null||t===void 0?void 0:t.details.map((function(o){return i("div",null,i("input",{type:"checkbox",value:o.id,disabled:n.isOptionDetailOut(o),checked:o.is_selected,required:e,name:"options[".concat(t.id,"][]"),id:"field-".concat(t.id,"-").concat(o.id),onChange:function(e){return n.changedHandler(e,t)},onInvalid:function(e){return n.invalidHandler(e,t)},"aria-describedby":"options[".concat(t.id,"]-description")}),i("label",{htmlFor:"field-".concat(t.id,"-").concat(o.id)},n.getOptionDetailName(o)))})))};t.prototype.colorOption=function(t){var n=this;return i("fieldset",{class:"s-product-options-colors-wrapper"},t===null||t===void 0?void 0:t.details.map((function(e){return i("div",{class:"s-product-options-colors-item"},i("input",{type:"radio",value:e.id,required:!t.visibility_condition&&t.required,checked:e.is_selected,name:"options[".concat(t.id,"]"),disabled:n.canDisabled&&n.isOptionDetailOut(e),id:"color-".concat(n.productId,"-").concat(t.id,"-").concat(e.id),onInvalid:function(e){return n.invalidHandler(e,t)},onChange:function(e){return n.changedHandler(e,t)}}),i("label",{htmlFor:"color-".concat(n.productId,"-").concat(t.id,"-").concat(e.id)},i("span",{style:{"background-color":e.color}}),i("div",{innerHTML:n.getOptionDetailName(e,true,t.type)})))})))};t.prototype.thumbnailOption=function(t){var n=this;return i("div",{class:"s-product-options-thumbnails-wrapper"},t.details.map((function(e){return i("div",null,i("input",{type:"radio",value:e.id,"data-itemid":e.id,required:!t.visibility_condition&&t.required,checked:e.is_selected,name:"options[".concat(t.id,"]"),"data-img-id":e.option_value,disabled:n.canDisabled&&n.isOptionDetailOut(e),id:"option_".concat(n.productId,"-").concat(t.id,"_").concat(e.id),onInvalid:function(e){return n.invalidHandler(e,t)},onChange:function(e){return n.changedHandler(e,t)}}),i("label",{htmlFor:"option_".concat(n.productId,"-").concat(t.id,"_").concat(e.id),"data-img-id":e.option_value,class:"go-to-slide"},i("img",{"data-src":e.image,src:e.image,title:e.name,alt:e.name}),i("span",{innerHTML:c,class:"s-product-options-thumbnails-icon"}),n.isOptionDetailOut(e)?[i("small",{class:"s-product-options-thumbnails-stock-badge"},n.outOfStockText),n.canDisabled?i("div",{class:"s-product-options-thumbnails-badge-overlay"}):""]:""),i("p",null,n.getOptionDetailName(e,false)," "))})))};Object.defineProperty(t.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());p.style=d}}}));
+//# sourceMappingURL=p-e422014b.system.entry.js.map