@salla.sa/twilight-components 2.13.88 → 2.13.90

package/dist/esm-es5/salla-product-options.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["DisplayType","Currency","sallaProductOptionsCss","SallaProductOptions","class_1","hostRef","_this","this","fileTypes","pdf","png","jpg","word","exl","txt","outSkus","handleDonationOptions","event","detail","type","salla","helpers","inputDigitsOnly","target","emit","id","productId","price","value","preventDefault","stopPropagation","isCustomDonation","donationInput","focus","hideLabel","option","DONATION","donation","can_donate","getExpireDonationMessage","completed","target_amount","collected_amount","h","class","target_message","money","lang","get","getWithDefault","config","canDisabled","onLoaded","outOfStockText","donationAmount","selectDonationAmount","selectAmount","options","setOptionsData","Array","isArray","JSON","parse","e","log","optionsData","url","is_page","api","product","getDetails","then","resp","data","prototype","that","_b","_a","details","forEach","Object","entries","skus_availability","filter","sku","map","push","Number","getSelectedOptionsData","selectedOptions","formData","host","getElementSallaData","key","startsWith","replace","reportValidity","requiredElements","querySelectorAll","pass","i","length","hasOutOfStockOption","some","is_out","selectedSkus","every","includes","getSelectedOptions","getOption","option_id","find","invalidHandler","closestProductOption","closest","scrollIntoView","behavior","block","classList","add","changedHandler","optionElement","FILE","IMAGE","MAP","lat","lng","setTimeout","remove","index","findIndex","assign","setSelectedSkus","handleRequiredMultipleOptions","changed","keys","reduce","p","c","MULTIPLE_OPTIONS","required","optionContainer","querySelector","concat","hasChecked","input","toggleAttribute","getLatLng","split","getDisplayForType","COLOR_PICKER","colorPickerOption","multipleOptions","SINGLE_OPTION","singleOption","BOOKING","onInvalidInput","getOptionShownWhen","visibility_condition","operator","componentWillLoad","onReady","needsCartId","storage","cart","getCurrentCartId","render","Host","name","splitterOption","htmlFor","placeholder","componentDidLoad","selectedDonationOption","is_selected","additional_price","donationOption","checked","onChange","custom_amount_enabled","shown","ref","el","onInput","onBlur","onInvalid","currency","symbol","fileUploader","additions","height","onAdded","getUploadImageEndpoint","cart_item_id","product_id","innerHTML","accept","CameraIcon","FileIcon","imageOption","fileOption","types","Boolean","join","numberOption","textOption","maxLength","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_1","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  BOOKING = \"booking\"\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  length?: number;\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.product.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    if (option.type == DisplayType.DONATION) {\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: event.target.value\n      });\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, detail, type) => {\n    if (detail == 'custom' && type == 'input') {\n      salla.helpers.inputDigitsOnly(event.target)\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: event.target.value\n      });\n      return;\n    }\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      if (detail == 'custom') {\n        return\n      }\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: 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    \n    if (option.type === DisplayType.BOOKING && salla.config.get('page.slug') == 'cart') {\n      return <salla-booking-field onInvalidInput={(e) => this.invalidHandler(e, option)} option={option as any} productId={option.value}></salla-booking-field>\n    }\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.onReady(() => {\n      const needsCartId = (!salla.storage.get('cart.id') && this.optionsData.some(option => ['file', 'image'].includes(option.type)));\n      return needsCartId ? salla.api.cart.getCurrentCartId(false, \"salla-product-options\") : null;\n    })\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\": true, \"s-product-options-option-booking\": option.type === DisplayType.BOOKING && salla.config.get('page.slug') == 'cart'}} 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  componentDidLoad(){\n    if (this.optionsData?.length == 0 && !this.optionsData.some(option => option.type == DisplayType.DONATION)) {\n      return;\n    }\n    let selectedDonationOption =  this.optionsData.find(option => option.type == DisplayType.DONATION)?.details.find(detail => detail.is_selected);\n    if (!selectedDonationOption) {\n      return;\n    }\n    setTimeout(() => {\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: selectedDonationOption.additional_price\n      });\n    }, 1000);\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, detail, 'option')} />\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, 'custom', 'option')} />\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 => this.handleDonationOptions(e, 'custom', 'input')}\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        maxLength={option?.length}\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          maxLength={option?.length}\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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"}
+{"version":3,"names":["DisplayType","Currency","sallaProductOptionsCss","SallaProductOptions","class_1","hostRef","_this","this","fileTypes","pdf","png","jpg","word","exl","txt","outSkus","handleDonationOptions","event","detail","type","salla","helpers","inputDigitsOnly","target","emit","id","productId","price","value","preventDefault","stopPropagation","isCustomDonation","donationInput","focus","hideLabel","option","DONATION","donation","can_donate","getExpireDonationMessage","completed","target_amount","collected_amount","h","class","target_message","money","lang","get","getWithDefault","config","canDisabled","onLoaded","outOfStockText","donationAmount","selectDonationAmount","selectAmount","options","setOptionsData","Array","isArray","JSON","parse","e","log","optionsData","url","is_page","api","product","getDetails","then","resp","data","prototype","that","_b","_a","details","forEach","Object","entries","skus_availability","filter","sku","map","push","Number","getSelectedOptionsData","selectedOptions","formData","host","getElementSallaData","key","startsWith","replace","reportValidity","requiredElements","querySelectorAll","pass","i","length","hasOutOfStockOption","some","is_out","selectedSkus","every","includes","getSelectedOptions","getOption","option_id","find","invalidHandler","closestProductOption","closest","scrollIntoView","behavior","block","classList","add","changedHandler","optionElement","FILE","IMAGE","MAP","lat","lng","setTimeout","remove","index","findIndex","assign","setSelectedSkus","handleRequiredMultipleOptions","changed","keys","reduce","p","c","MULTIPLE_OPTIONS","required","optionContainer","querySelector","concat","hasChecked","input","toggleAttribute","getLatLng","split","getDisplayForType","COLOR_PICKER","colorPickerOption","multipleOptions","SINGLE_OPTION","singleOption","BOOKING","onInvalidInput","getOptionShownWhen","visibility_condition","operator","componentWillLoad","onReady","needsCartId","storage","cart","getCurrentCartId","render","Host","name","splitterOption","htmlFor","placeholder","componentDidLoad","selectedDonationOption","is_selected","additional_price","donationOption","checked","onChange","custom_amount_enabled","shown","ref","el","onInput","onBlur","onInvalid","currency","symbol","fileUploader","additions","height","onAdded","getUploadImageEndpoint","cart_item_id","product_id","innerHTML","accept","CameraIcon","FileIcon","imageOption","fileOption","types","Boolean","join","numberOption","textOption","maxLength","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_1","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  BOOKING = \"booking\"\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  length?: number;\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.product.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    if (option.type == DisplayType.DONATION) {\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: event.target.value\n      });\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, detail, type) => {\n    if (detail == 'custom' && type == 'input') {\n      salla.helpers.inputDigitsOnly(event.target)\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: event.target.value\n      });\n      return;\n    }\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      if (detail == 'custom') {\n        return\n      }\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: 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    \n    if (option.type === DisplayType.BOOKING && salla.url.is_page(\"cart\")) {\n      return <salla-booking-field onInvalidInput={(e) => this.invalidHandler(e, option)} option={option as any} productId={option.value}></salla-booking-field>\n    }\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.onReady(() => {\n      const needsCartId = (!salla.storage.get('cart.id') && this.optionsData.some(option => ['file', 'image'].includes(option.type)));\n      return needsCartId ? salla.api.cart.getCurrentCartId(false, \"salla-product-options\") : null;\n    })\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\": true, \"s-product-options-option-booking\": option.type === DisplayType.BOOKING && salla.url.is_page(\"cart\")}} 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) || (option.type === DisplayType.BOOKING && salla.url.is_page(\"cart\")) ? '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  componentDidLoad(){\n    if (this.optionsData?.length == 0 && !this.optionsData.some(option => option.type == DisplayType.DONATION)) {\n      return;\n    }\n    let selectedDonationOption =  this.optionsData.find(option => option.type == DisplayType.DONATION)?.details.find(detail => detail.is_selected);\n    if (!selectedDonationOption) {\n      return;\n    }\n    setTimeout(() => {\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: selectedDonationOption.additional_price\n      });\n    }, 1000);\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, detail, 'option')} />\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, 'custom', 'option')} />\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 => this.handleDonationOptions(e, 'custom', 'input')}\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        maxLength={option?.length}\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          maxLength={option?.length}\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/esm-es5/salla-products-slider.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["sallaProductsSliderCss","SallaProductsSlider","prototype","componentWillLoad","_this","this","salla","onReady","then","includes","Helper","parseIncludesProp","sourceValueIsValid","getSourceValue","isSourceWithoutValue","logger","warn","concat","getSource","hasCustomComponent","customElements","get","productCardComponent","source","productsData","isReady","config","product","api","fetch","source_value","limit","response","data","event","emit","componentDidRender","processedCount","intervalId","setInterval","_a","host","querySelectorAll","forEach","img","removeAttribute","clearInterval","getItemHTML","url","toLowerCase","h","class","customElem","document","createElement","setAttribute","JSON","stringify","innerHTML","outerHTML","canRender","getProductsSource","getProductsSourceValue","sourceValue","render","Host","id","sliderId","Math","random","toString","substr","autoplay","type","blockTitle","subTitle","displayAllUrl","sliderConfig","slot","map"],"sources":["src/components/salla-products-slider/salla-products-slider.scss?tag=salla-products-slider","src/components/salla-products-slider/salla-products-slider.tsx"],"sourcesContent":[".s-products-slider{\n  &-wrapper{\n\n  }\n  &-slider{\n\n  }\n  &-card{\n\n  }\n}","import { Component, Host, h, Prop, Element, State } from '@stencil/core';\nimport Helper from '../../Helpers/Helper';\n@Component({\n  tag: 'salla-products-slider',\n  styleUrl: 'salla-products-slider.scss'\n})\n\n//todo:: extends this component from salla-products-list or the opposite\nexport class SallaProductsSlider {\n  /**\n   * Title of the block - works only if slider is true\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() blockTitle: string;\n\n  /**\n   * Sub title of the block - works only if slider is true\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() subTitle: string;\n\n  /**\n   * Slider Id, if not provided will be generated automatically\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() sliderId: string;\n\n  /**\n   * Display 'ALL' URL\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() displayAllUrl: string;\n\n  /**\n  * autoplay option for products slider\n  */\n  @Prop({ mutable: true }) autoplay: boolean\n\n  /**\n   * Source of the products, if api will get the products from the API, if json will get the products from the products prop\n   * @type {string}\n   * @default ''\n   * */\n  @Prop({\n    reflect: true,\n    mutable: true\n  }) source: 'categories' | 'latest' | 'related' | 'brands' | 'json' | 'tags' | 'selected' | 'offers' | 'landing-page' | 'wishlist';\n\n  /**\n   * The source value, cloud be different values as following:\n   * - array of ids when `source` in ['categories', 'brands', 'tags', 'selected']\n   * - products payload when `source` = 'json'\n   * - product_id when `source` = 'related'\n   *\n   * @type {string}\n   * */\n  @Prop() sourceValue: string;\n\n  /**\n   * Limit for number of products in the list.\n   */\n  @Prop({ mutable: true }) limit: number;\n\n  /**\n   * Slider Configs refer to https://swiperjs.com/swiper-api#parameters and pass the entire config object\n   * @example\n   * let slider = document.querySelector('salla-slider');\n   *  slider.sliderConfig = {\n   *  slidesPerView: 1,\n   *  spaceBetween : 30,\n   *  lazy: true,\n   * }\n   *\n   */\n  @Prop({ reflect: true }) sliderConfig: any;\n\n  /**\n   * Custom Card Component for the Salla Products Slider.\n   *\n   * This component allows you to customize the appearance of individual product cards within a Salla Products Slider.\n   *\n   * @example\n   * <salla-products-slider product-card-component=\"my-custom-card-style1\" ...\n   * <salla-products-slider product-card-component=\"my-custom-card-style2\" ...\n   */\n  @Prop() productCardComponent: string = 'custom-salla-product-card';\n\n  /**\n   * Specifies additional data to be included in the product fetch response.\n   * The value can be an array of strings or a JSON string.\n   * \n   * Example:\n   * - As an array: includes=[\"options\", \"images\"]\n   * - As a JSON string: includes='[\"options\", \"images\"]'\n   * \n   * The array or JSON string can include:\n   * - \"options\": Include product options in the response.\n   * - \"images\": Include product images in the response.\n   */\n  @Prop({mutable: true}) includes: string | string[];\n\n\n  @Element() host: HTMLElement;\n  //todo:: support limit, default =10, make sure that maximum is 32,\n\n\n  @State() productsData: any;\n  @State() isReady: boolean;\n  @State() sourceValueIsValid: boolean;\n  @State() hasCustomComponent: boolean;\n  @State() apiUrl: string = '';\n  @State() parsedSourceValue: any;\n\n  componentWillLoad() {\n    return salla.onReady()\n    .then(() => {\n      this.includes = Helper.parseIncludesProp(this.includes)\n      this.sourceValueIsValid = !!(this.getSourceValue() || this.isSourceWithoutValue());\n      if (!this.sourceValueIsValid) {\n        salla.logger.warn(`source-value prop is required for source [${this.getSource()\n          }]`);\n        return;\n      }\n      this.hasCustomComponent = !!customElements.get(this.productCardComponent);\n\n      if (this.source === 'json') {\n        this.productsData = this.getSourceValue();\n        this.isReady = true\n        return;\n      }\n\n      if ((this.getSource() == 'related' && !salla.config.get('store.settings.product.related_products_enabled'))) {\n        this.isReady = false\n        return;\n      }\n\n      return salla.product.api.fetch({ source: this.getSource(), source_value: this.getSourceValue(), limit: this.limit, includes: this.includes }).then(response => {\n        this.productsData = response.data\n        this.isReady = true\n        salla.event.emit('salla-products-slider::products.fetched', response.data);\n      });\n    });\n  }\n  componentDidRender() {\n    let processedCount = 0;\n    const intervalId = setInterval(() => {\n      this.host.querySelectorAll('[loading=\"lazy\"]')?.forEach(img => img.removeAttribute('loading'));\n      processedCount++;\n      if (processedCount >= 10) {\n        clearInterval(intervalId);\n      }\n    }, 1000);\n  }\n\n  private isSourceWithoutValue() {\n    return ['offers', 'latest', 'sales'].includes(this.getSource());\n  }\n\n  private getItemHTML(product) {\n\n    //as a request they don't want to let the user to open the product details\n    //todo:: find a better way to handle this request\n    this.getSource() === 'landing-page' && (product.url = '');\n    if (this.hasCustomComponent && this.productCardComponent.toLowerCase() == 'custom-salla-product-card') {\n      return <div class=\"s-products-slider-card\">\n        <custom-salla-product-card product={product} source={this.getSource()} source-value={this.getSourceValue()} />\n      </div>\n    }\n\n    if (this.hasCustomComponent) {\n      const customElem = document.createElement(this.productCardComponent);\n      customElem.setAttribute('product', JSON.stringify(product));\n      customElem.setAttribute('source', this.getSource());\n      customElem.setAttribute('source-value', this.getSourceValue());\n\n      return <div class=\"s-products-slider-card\" innerHTML={customElem.outerHTML} />;\n    }\n\n    return <div class=\"s-products-slider-card\">\n      <salla-product-card\n        show-quantity={this.getSource() == 'landing-page'}\n        hide-add-btn={this.getSource() == 'landing-page'}\n        shadow-on-hover={true}\n        product={product} />\n    </div>;\n  }\n\n  private canRender() {\n    return this.sourceValueIsValid && this.isReady;\n  }\n\n  private getSource() {\n    return Helper.getProductsSource(this.source);\n  }\n\n  private getSourceValue() {\n    return Helper.getProductsSourceValue(this.source, this.sourceValue);\n  }\n\n  render() {\n    if (!this.canRender()) {\n      return;\n    }\n    return (\n      <Host class=\"s-products-slider-wrapper\">\n        <salla-slider\n          class=\"s-products-slider-slider\"\n          id={this.sliderId || `s-products-slider-${Math.random().toString(36).substr(2, 9)}`}\n          auto-play={this.autoplay}\n          type=\"carousel\"\n          block-title={this.blockTitle}\n          block-subTitle={this.subTitle}\n          display-all-url={this.displayAllUrl}\n          sliderConfig={this.sliderConfig ? this.sliderConfig : null}\n        >\n          <div slot=\"items\">\n            {this.productsData?.map(product => this.getItemHTML(product))}\n          </div>\n        </salla-slider>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}
+{"version":3,"names":["sallaProductsSliderCss","SallaProductsSlider","prototype","componentWillLoad","_this","this","salla","onReady","then","includes","Helper","parseIncludesProp","sourceValueIsValid","getSourceValue","isSourceWithoutValue","logger","warn","concat","getSource","hasCustomComponent","customElements","get","productCardComponent","source","productsData","isReady","config","product","api","fetch","source_value","limit","response","data","event","emit","componentDidRender","processedCount","intervalId","setInterval","_a","host","querySelectorAll","forEach","img","removeAttribute","clearInterval","getItemHTML","url","toLowerCase","h","class","customElem","document","createElement","setAttribute","JSON","stringify","innerHTML","outerHTML","canRender","getProductsSource","getProductsSourceValue","sourceValue","render","Host","id","sliderId","Math","random","toString","substr","autoplay","type","blockTitle","subTitle","displayAllUrl","sliderConfig","slot","map"],"sources":["src/components/salla-products-slider/salla-products-slider.scss?tag=salla-products-slider","src/components/salla-products-slider/salla-products-slider.tsx"],"sourcesContent":[".s-products-slider{\n  &-wrapper{\n\n  }\n  &-slider{\n\n  }\n  &-card{\n\n  }\n}","import { Component, Host, h, Prop, Element, State } from '@stencil/core';\nimport Helper from '../../Helpers/Helper';\n@Component({\n  tag: 'salla-products-slider',\n  styleUrl: 'salla-products-slider.scss'\n})\n\n//todo:: extends this component from salla-products-list or the opposite\nexport class SallaProductsSlider {\n  /**\n   * Title of the block - works only if slider is true\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() blockTitle: string;\n\n  /**\n   * Sub title of the block - works only if slider is true\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() subTitle: string;\n\n  /**\n   * Slider Id, if not provided will be generated automatically\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() sliderId: string;\n\n  /**\n   * Display 'ALL' URL\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() displayAllUrl: string;\n\n  /**\n  * autoplay option for products slider\n  */\n  @Prop({ mutable: true }) autoplay: boolean\n\n  /**\n   * Source of the products, if api will get the products from the API, if json will get the products from the products prop\n   * @type {string}\n   * @default ''\n   * */\n  @Prop({\n    reflect: true,\n    mutable: true\n  }) source: 'categories' | 'latest' | 'related' | 'brands' | 'json' | 'tags' | 'selected' | 'offers' | 'landing-page' | 'wishlist';\n\n  /**\n   * The source value, cloud be different values as following:\n   * - array of ids when `source` in ['categories', 'brands', 'tags', 'selected']\n   * - products payload when `source` = 'json'\n   * - product_id when `source` = 'related'\n   *\n   * @type {string}\n   * */\n  @Prop() sourceValue: string;\n\n  /**\n   * Limit for number of products in the list.\n   */\n  @Prop({ mutable: true }) limit: number;\n\n  /**\n   * Slider Configs refer to https://swiperjs.com/swiper-api#parameters and pass the entire config object\n   * @example\n   * let slider = document.querySelector('salla-slider');\n   *  slider.sliderConfig = {\n   *  slidesPerView: 1,\n   *  spaceBetween : 30,\n   *  lazy: true,\n   * }\n   *\n   */\n  @Prop({ reflect: true }) sliderConfig: any;\n\n  /**\n   * Custom Card Component for the Salla Products Slider.\n   *\n   * This component allows you to customize the appearance of individual product cards within a Salla Products Slider.\n   *\n   * @example\n   * <salla-products-slider product-card-component=\"my-custom-card-style1\" ...\n   * <salla-products-slider product-card-component=\"my-custom-card-style2\" ...\n   */\n  @Prop() productCardComponent: string = 'custom-salla-product-card';\n\n  /**\n   * Specifies additional data to be included in the product fetch response.\n   * The value can be an array of strings or a JSON string.\n   * \n   * Example:\n   * - As an array: includes=[\"options\"]\n   * - As a JSON string: includes='[\"options\"]'\n   * \n   * The array or JSON string can include:\n   * - \"options\": Include product options in the response.\n   * - \"images\": Include product images in the response.\n   */\n  @Prop({mutable: true}) includes: string | string[];\n\n\n  @Element() host: HTMLElement;\n  //todo:: support limit, default =10, make sure that maximum is 32,\n\n\n  @State() productsData: any;\n  @State() isReady: boolean;\n  @State() sourceValueIsValid: boolean;\n  @State() hasCustomComponent: boolean;\n  @State() apiUrl: string = '';\n  @State() parsedSourceValue: any;\n\n  componentWillLoad() {\n    return salla.onReady()\n    .then(() => {\n      this.includes = Helper.parseIncludesProp(this.includes)\n      this.sourceValueIsValid = !!(this.getSourceValue() || this.isSourceWithoutValue());\n      if (!this.sourceValueIsValid) {\n        salla.logger.warn(`source-value prop is required for source [${this.getSource()\n          }]`);\n        return;\n      }\n      this.hasCustomComponent = !!customElements.get(this.productCardComponent);\n\n      if (this.source === 'json') {\n        this.productsData = this.getSourceValue();\n        this.isReady = true\n        return;\n      }\n\n      if ((this.getSource() == 'related' && !salla.config.get('store.settings.product.related_products_enabled'))) {\n        this.isReady = false\n        return;\n      }\n\n      return salla.product.api.fetch({ source: this.getSource(), source_value: this.getSourceValue(), limit: this.limit, includes: this.includes }).then(response => {\n        this.productsData = response.data\n        this.isReady = true\n        salla.event.emit('salla-products-slider::products.fetched', response.data);\n      });\n    });\n  }\n  componentDidRender() {\n    let processedCount = 0;\n    const intervalId = setInterval(() => {\n      this.host.querySelectorAll('[loading=\"lazy\"]')?.forEach(img => img.removeAttribute('loading'));\n      processedCount++;\n      if (processedCount >= 10) {\n        clearInterval(intervalId);\n      }\n    }, 1000);\n  }\n\n  private isSourceWithoutValue() {\n    return ['offers', 'latest', 'sales'].includes(this.getSource());\n  }\n\n  private getItemHTML(product) {\n\n    //as a request they don't want to let the user to open the product details\n    //todo:: find a better way to handle this request\n    this.getSource() === 'landing-page' && (product.url = '');\n    if (this.hasCustomComponent && this.productCardComponent.toLowerCase() == 'custom-salla-product-card') {\n      return <div class=\"s-products-slider-card\">\n        <custom-salla-product-card product={product} source={this.getSource()} source-value={this.getSourceValue()} />\n      </div>\n    }\n\n    if (this.hasCustomComponent) {\n      const customElem = document.createElement(this.productCardComponent);\n      customElem.setAttribute('product', JSON.stringify(product));\n      customElem.setAttribute('source', this.getSource());\n      customElem.setAttribute('source-value', this.getSourceValue());\n\n      return <div class=\"s-products-slider-card\" innerHTML={customElem.outerHTML} />;\n    }\n\n    return <div class=\"s-products-slider-card\">\n      <salla-product-card\n        show-quantity={this.getSource() == 'landing-page'}\n        hide-add-btn={this.getSource() == 'landing-page'}\n        shadow-on-hover={true}\n        product={product} />\n    </div>;\n  }\n\n  private canRender() {\n    return this.sourceValueIsValid && this.isReady;\n  }\n\n  private getSource() {\n    return Helper.getProductsSource(this.source);\n  }\n\n  private getSourceValue() {\n    return Helper.getProductsSourceValue(this.source, this.sourceValue);\n  }\n\n  render() {\n    if (!this.canRender()) {\n      return;\n    }\n    return (\n      <Host class=\"s-products-slider-wrapper\">\n        <salla-slider\n          class=\"s-products-slider-slider\"\n          id={this.sliderId || `s-products-slider-${Math.random().toString(36).substr(2, 9)}`}\n          auto-play={this.autoplay}\n          type=\"carousel\"\n          block-title={this.blockTitle}\n          block-subTitle={this.subTitle}\n          display-all-url={this.displayAllUrl}\n          sliderConfig={this.sliderConfig ? this.sliderConfig : null}\n        >\n          <div slot=\"items\">\n            {this.productsData?.map(product => this.getItemHTML(product))}\n          </div>\n        </salla-slider>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}

package/dist/esm-es5/twilight.js

@@ -1,5 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{p as promiseResolve,b as bootstrapLazy}from"./index-114c614f.js";export{s as setNonce}from"./index-114c614f.js";import{g as globalScripts}from"./app-globals-0280e1d0.js";import"./_commonjsHelpers-1415ffd3.js";var patchBrowser=function(){var e=import.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return promiseResolve(a)};patchBrowser().then((function(e){globalScripts();return bootstrapLazy(JSON.parse('[["salla-offer",[[0,"salla-offer",{"productCardComponent":[1,"product-card-component"],"offersList":[32],"userCurrency":[32],"isMultipleBank":[32],"title":[32],"currentPage":[32],"hasCustomComponent":[32],"isBankOffer":[32],"canRender":[32],"showOffer":[32],"offer_with_price_text":[32],"with_discount_text":[32],"product_discount_text":[32],"special_offer_text":[32],"multipleBankOfferTitleText":[32],"multipleBankOfferTitleDescription":[32],"buy_quantity_text":[32]}]]],["salla-products-slider",[[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],"sliderConfig":[520,"slider-config"],"productCardComponent":[1,"product-card-component"],"includes":[1025],"productsData":[32],"isReady":[32],"sourceValueIsValid":[32],"hasCustomComponent":[32],"apiUrl":[32],"parsedSourceValue":[32]}]]],["salla-product-options",[[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]}]]],["salla-filters",[[0,"salla-filters",{"filters":[1040],"isSidebarOpen":[32],"filtersData":[32],"apply":[32],"reset":[32],"getFilters":[64],"applyFilters":[64],"resetFilters":[64]}]]],["salla-notifications",[[0,"salla-notifications",{"loadMoreText":[1,"load-more-text"],"itemPerPage":[2,"item-per-page"],"pagination":[32],"total":[32],"showPlaceholder":[32],"nextPage":[32],"no_notifications_trans":[32],"load_more_text_trans":[32]}]]],["salla-order-summary",[[0,"salla-order-summary",{"orderId":[514,"order-id"],"codeCopied":[32],"noItemFound":[32],"order_items":[32]}]]],["salla-reviews",[[0,"salla-reviews",{"displayAllLink":[516,"display-all-link"],"source":[513],"sourceValue":[513,"source-value"],"limit":[514],"type":[1],"sort":[1],"hideCustomerInfo":[4,"hide-customer-info"],"reviews":[32],"isRTL":[32],"showReviews":[32],"testimonialText":[32],"displayAllLinkText":[32]}]]],["salla-conditional-offer",[[0,"salla-conditional-offer",{"offer":[32],"products":[32],"isLoading":[32],"canRender":[32]}]]],["salla-orders",[[0,"salla-orders",{"params":[16],"loadMoreText":[1,"load-more-text"],"orderNumberText":[32],"totalOrderText":[32],"orderDateText":[32],"orderStatusText":[32],"noOrderText":[32],"load_more_text_trans":[32],"languageCode":[32],"orders":[32],"pagination":[32],"hasInfiniteScroll":[32],"total":[32],"nextPage":[32],"showPlaceholder":[32]}]]],["salla-advertisement",[[0,"salla-advertisement",{"position":[32],"advertisements":[32],"advertIcon":[32],"currentSlug":[32]}]]],["salla-app-install-alert",[[0,"salla-app-install-alert",{"data":[32],"ctaLink":[32],"open":[32],"closing":[32]}]]],["salla-apps-icons",[[0,"salla-apps-icons",{"hideTitle":[4,"hide-title"],"appsTitle":[1,"apps-title"],"vertical":[4],"apps":[32]}]]],["salla-contacts",[[0,"salla-contacts",{"contactsTitle":[1025,"contacts-title"],"hideTitle":[4,"hide-title"],"isHeader":[4,"is-header"],"horizontal":[4],"iconsOnly":[4,"icons-only"],"contacts":[32],"iconsList":[32]}]]],["salla-installment",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32],"mispayActive":[32],"installment_sheria_text":[32]}]]],["salla-loyalty-prize-item",[[0,"salla-loyalty-prize-item",{"item":[16]}]]],["salla-metadata",[[0,"salla-metadata",{"entity":[1],"entityId":[2,"entity-id"],"specs":[32],"download":[32]}]]],["salla-payments",[[0,"salla-payments",{"exclude":[1040]}]]],["salla-social",[[0,"salla-social",{"links":[32],"iconsList":[32]}]]],["salla-add-product-button_48",[[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"],"inline":[516],"withoutReload":[4,"without-reload"],"currentTabName":[32],"regType":[32],"translationLoaded":[32],"isModalOpen":[32],"currentPhone":[32],"currentEmail":[32],"title":[32],"emailErrorMsg":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"hasError":[32],"errorMessage":[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-user-profile",{"customFields":[1,"custom-fields"],"minAge":[2,"min-age"],"userData":[32],"userDefinedFields":[32],"disableAction":[32],"isLoading":[32],"first_name_trans":[32],"last_name_trans":[32],"birthday_trans":[32],"birthday_placeholder_trans":[32],"gender_trans":[32],"gender_placeholder_trans":[32],"male_trans":[32],"female_trans":[32],"email_trans":[32],"mobile_trans":[32],"save_btn_trans":[32],"drag_and_drop_trans":[32],"browse_trans":[32],"email_required_trans":[32],"invalid_email_trans":[32],"setCustomFields":[64]}],[0,"salla-bottom-alert",{"type":[513],"icon":[513],"message":[513],"actionUrl":[513,"action-url"],"actionLabel":[513,"action-label"],"storeId":[32],"template":[32],"loading":[32],"templateData":[32],"defaultMessage":[32],"defaultActionLabel":[32],"storeFeatures":[32],"storeDetails":[32],"storePrice":[32],"theDeveloper":[32],"templateInformation":[32],"buyTheTemplate":[32],"isRtl":[32]}],[0,"salla-comments",{"itemId":[2,"item-id"],"loadMoreText":[1,"load-more-text"],"hideForm":[4,"hide-form"],"blockTitle":[1,"block-title"],"hideTitle":[4,"hide-title"],"type":[1],"showFormAvatar":[4,"show-form-avatar"],"sort":[1],"testimonials":[4],"comments":[32],"pagination":[32],"total":[32],"showPlaceholder":[32],"nextPage":[32],"noComments":[32],"comment_title":[32],"comment_name":[32],"placeholder_text":[32],"reload":[64]}],[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],"maxWords":[2,"max-words"],"showAction":[4,"show-action"],"translationLoaded":[32],"results":[32],"loading":[32],"typing":[32],"debounce":[32],"search_term":[32]},[[0,"keydown","handleKeyDown"]]],[0,"salla-menu",{"source":[1],"sourceValue":[1,"source-value"],"topnav":[4],"useReactLink":[4,"use-react-link"],"limit":[2],"menus":[32]}],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[513],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"convertedPlatforms":[32],"open":[64],"refresh":[64]}],[0,"salla-breadcrumb",{"breadcrumbs":[32]}],[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],"loadMoreText":[1,"load-more-text"],"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-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],"hasError":[32],"errorMessage":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[0,"salla-comment-form",{"type":[1537],"showAvatar":[4,"show-avatar"],"itemId":[1544,"item-id"],"placeholder":[32],"submitText":[32],"canComment":[32]}],[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]}],[0,"salla-products-list",{"source":[1537],"sourceValue":[1032,"source-value"],"limit":[1026],"sortBy":[1025,"sort-by"],"filtersResults":[1540,"filters-results"],"horizontalCards":[516,"horizontal-cards"],"rowCards":[516,"row-cards"],"autoload":[1028],"loadMoreText":[1,"load-more-text"],"productCardComponent":[1,"product-card-component"],"includes":[1025],"page":[32],"nextPage":[32],"hasInfiniteScroll":[32],"hasCustomComponent":[32],"sourceValueIsValid":[32],"placeholderText":[32],"endOfText":[32],"failedLoadMore":[32],"currentPage":[32],"currentCategoryIdFilter":[32],"isReady":[32],"showPlaceholder":[32],"parsedFilters":[32],"setFilters":[64],"reload":[64]}],[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]}],[0,"salla-comment-item",{"comment":[16],"hideBought":[16],"has_bought_trans":[32],"rated_trans":[32],"waiting_approval_trans":[32],"has_order_trans":[32]}],[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"]]],[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],"isApplePayActive":[32],"buyNowText":[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]}],[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-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]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[0,"salla-progress-bar",{"donation":[1],"target":[1026],"value":[1026],"height":[1025],"header":[1025],"stripped":[1028],"message":[1025],"unit":[1025],"color":[1025]}],[0,"salla-quick-buy",{"type":[1025],"productId":[1025,"product-id"],"cartId":[1025,"cart-id"],"amount":[1538],"currency":[1025],"options":[16],"isRequireShipping":[1028,"is-require-shipping"],"applePayOnly":[1028,"apple-pay-only"],"isApplePayActive":[32],"quickBuy":[32]}],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2],"reviews":[2]}],[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],"autofocus":[516],"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],"type":[513],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}]]],["salla-filters-widget",[[4,"salla-filters-widget",{"withLoadMore":[1028,"with-load-more"],"filtersData":[16],"option":[16],"isOpen":[32],"isShowMore":[32],"showMoreLabel":[32],"showLessLabel":[32],"page":[32],"setWidgetHeight":[64],"reset":[64],"showMore":[64],"toggleWidget":[64]}]]],["salla-notification-item",[[0,"salla-notification-item",{"notification":[16]}]]],["salla-booking-field_2",[[0,"salla-booking-field",{"option":[16],"productId":[16],"reservationsInput":[32],"priceLabel":[32],"bookNowLabel":[32],"editLabel":[32],"bookedLabel":[32],"selectDate":[32],"bookingUrl":[32],"iframeReady":[32],"reservations":[32]}],[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-price-range",[[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],"typing":[32],"isMin":[32],"isRTL":[32],"reset":[64]}]]]]'),e)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-114c614f.js";export{s as setNonce}from"./index-114c614f.js";import{g as globalScripts}from"./app-globals-0280e1d0.js";import"./_commonjsHelpers-1415ffd3.js";var patchBrowser=function(){var e=import.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return promiseResolve(a)};patchBrowser().then((function(e){globalScripts();return bootstrapLazy(JSON.parse('[["salla-offer",[[0,"salla-offer",{"productCardComponent":[1,"product-card-component"],"offersList":[32],"userCurrency":[32],"isMultipleBank":[32],"title":[32],"currentPage":[32],"hasCustomComponent":[32],"isBankOffer":[32],"canRender":[32],"showOffer":[32],"offer_with_price_text":[32],"with_discount_text":[32],"product_discount_text":[32],"special_offer_text":[32],"multipleBankOfferTitleText":[32],"multipleBankOfferTitleDescription":[32],"buy_quantity_text":[32]}]]],["salla-products-slider",[[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],"sliderConfig":[520,"slider-config"],"productCardComponent":[1,"product-card-component"],"includes":[1025],"productsData":[32],"isReady":[32],"sourceValueIsValid":[32],"hasCustomComponent":[32],"apiUrl":[32],"parsedSourceValue":[32]}]]],["salla-product-options",[[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]}]]],["salla-filters",[[0,"salla-filters",{"filters":[1040],"isSidebarOpen":[32],"filtersData":[32],"apply":[32],"reset":[32],"getFilters":[64],"applyFilters":[64],"resetFilters":[64]}]]],["salla-notifications",[[0,"salla-notifications",{"loadMoreText":[1,"load-more-text"],"itemPerPage":[2,"item-per-page"],"pagination":[32],"total":[32],"showPlaceholder":[32],"nextPage":[32],"no_notifications_trans":[32],"load_more_text_trans":[32]}]]],["salla-order-summary",[[0,"salla-order-summary",{"orderId":[514,"order-id"],"codeCopied":[32],"noItemFound":[32],"order_items":[32]}]]],["salla-reviews",[[0,"salla-reviews",{"displayAllLink":[516,"display-all-link"],"source":[513],"sourceValue":[513,"source-value"],"limit":[514],"type":[1],"sort":[1],"hideCustomerInfo":[4,"hide-customer-info"],"reviews":[32],"isRTL":[32],"showReviews":[32],"testimonialText":[32],"displayAllLinkText":[32]}]]],["salla-conditional-offer",[[0,"salla-conditional-offer",{"offer":[32],"products":[32],"isLoading":[32],"canRender":[32]}]]],["salla-orders",[[0,"salla-orders",{"params":[16],"loadMoreText":[1,"load-more-text"],"orderNumberText":[32],"totalOrderText":[32],"orderDateText":[32],"orderStatusText":[32],"noOrderText":[32],"load_more_text_trans":[32],"languageCode":[32],"orders":[32],"pagination":[32],"hasInfiniteScroll":[32],"total":[32],"nextPage":[32],"showPlaceholder":[32]}]]],["salla-advertisement",[[0,"salla-advertisement",{"position":[32],"advertisements":[32],"advertIcon":[32],"currentSlug":[32]}]]],["salla-app-install-alert",[[0,"salla-app-install-alert",{"data":[32],"ctaLink":[32],"open":[32],"closing":[32]}]]],["salla-apps-icons",[[0,"salla-apps-icons",{"hideTitle":[4,"hide-title"],"appsTitle":[1,"apps-title"],"vertical":[4],"apps":[32]}]]],["salla-contacts",[[0,"salla-contacts",{"contactsTitle":[1025,"contacts-title"],"hideTitle":[4,"hide-title"],"isHeader":[4,"is-header"],"horizontal":[4],"iconsOnly":[4,"icons-only"],"contacts":[32],"iconsList":[32]}]]],["salla-installment",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32],"mispayActive":[32],"installment_sheria_text":[32]}]]],["salla-loyalty-prize-item",[[0,"salla-loyalty-prize-item",{"item":[16]}]]],["salla-metadata",[[0,"salla-metadata",{"entity":[1],"entityId":[2,"entity-id"],"specs":[32],"download":[32]}]]],["salla-payments",[[0,"salla-payments",{"exclude":[1040]}]]],["salla-social",[[0,"salla-social",{"links":[32],"iconsList":[32]}]]],["salla-add-product-button_48",[[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"],"inline":[516],"withoutReload":[4,"without-reload"],"currentTabName":[32],"regType":[32],"translationLoaded":[32],"isModalOpen":[32],"currentPhone":[32],"currentEmail":[32],"title":[32],"emailErrorMsg":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"hasError":[32],"errorMessage":[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-user-profile",{"customFields":[1,"custom-fields"],"minAge":[2,"min-age"],"userData":[32],"userDefinedFields":[32],"disableAction":[32],"isLoading":[32],"first_name_trans":[32],"last_name_trans":[32],"birthday_trans":[32],"birthday_placeholder_trans":[32],"gender_trans":[32],"gender_placeholder_trans":[32],"male_trans":[32],"female_trans":[32],"email_trans":[32],"mobile_trans":[32],"save_btn_trans":[32],"drag_and_drop_trans":[32],"browse_trans":[32],"email_required_trans":[32],"invalid_email_trans":[32],"setCustomFields":[64]}],[0,"salla-bottom-alert",{"type":[513],"icon":[513],"message":[513],"actionUrl":[513,"action-url"],"actionLabel":[513,"action-label"],"storeId":[32],"template":[32],"loading":[32],"templateData":[32],"defaultMessage":[32],"defaultActionLabel":[32],"storeFeatures":[32],"storeDetails":[32],"storePrice":[32],"theDeveloper":[32],"templateInformation":[32],"buyTheTemplate":[32],"isRtl":[32]}],[0,"salla-comments",{"itemId":[2,"item-id"],"loadMoreText":[1,"load-more-text"],"hideForm":[4,"hide-form"],"blockTitle":[1,"block-title"],"hideTitle":[4,"hide-title"],"type":[1],"showFormAvatar":[4,"show-form-avatar"],"sort":[1],"testimonials":[4],"comments":[32],"pagination":[32],"total":[32],"showPlaceholder":[32],"nextPage":[32],"noComments":[32],"comment_title":[32],"comment_name":[32],"placeholder_text":[32],"reload":[64]}],[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],"maxWords":[2,"max-words"],"showAction":[4,"show-action"],"translationLoaded":[32],"results":[32],"loading":[32],"typing":[32],"debounce":[32],"search_term":[32]},[[0,"keydown","handleKeyDown"]]],[0,"salla-menu",{"source":[1],"sourceValue":[1,"source-value"],"topnav":[4],"useReactLink":[4,"use-react-link"],"limit":[2],"menus":[32]}],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[513],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"convertedPlatforms":[32],"open":[64],"refresh":[64]}],[0,"salla-breadcrumb",{"breadcrumbs":[32]}],[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],"loadMoreText":[1,"load-more-text"],"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-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],"hasError":[32],"errorMessage":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[0,"salla-comment-form",{"type":[1537],"showAvatar":[4,"show-avatar"],"itemId":[1544,"item-id"],"placeholder":[32],"submitText":[32],"canComment":[32]}],[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]}],[0,"salla-products-list",{"source":[1537],"sourceValue":[1032,"source-value"],"limit":[1026],"sortBy":[1025,"sort-by"],"filtersResults":[1540,"filters-results"],"horizontalCards":[516,"horizontal-cards"],"rowCards":[516,"row-cards"],"autoload":[1028],"loadMoreText":[1,"load-more-text"],"productCardComponent":[1,"product-card-component"],"includes":[1025],"page":[32],"nextPage":[32],"hasInfiniteScroll":[32],"hasCustomComponent":[32],"sourceValueIsValid":[32],"placeholderText":[32],"endOfText":[32],"failedLoadMore":[32],"currentPage":[32],"currentCategoryIdFilter":[32],"isReady":[32],"showPlaceholder":[32],"parsedFilters":[32],"setFilters":[64],"reload":[64]}],[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]}],[0,"salla-comment-item",{"comment":[16],"hideBought":[16],"has_bought_trans":[32],"rated_trans":[32],"waiting_approval_trans":[32],"has_order_trans":[32]}],[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"]]],[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],"isApplePayActive":[32],"buyNowText":[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]}],[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-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]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[0,"salla-progress-bar",{"donation":[1],"target":[1026],"value":[1026],"height":[1025],"header":[1025],"stripped":[1028],"message":[1025],"unit":[1025],"color":[1025]}],[0,"salla-quick-buy",{"type":[1025],"productId":[1025,"product-id"],"cartId":[1025,"cart-id"],"amount":[1538],"currency":[1025],"options":[16],"isRequireShipping":[1028,"is-require-shipping"],"applePayOnly":[1028,"apple-pay-only"],"isApplePayActive":[32],"quickBuy":[32]}],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2],"reviews":[2]}],[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],"autofocus":[516],"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],"type":[513],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}]]],["salla-filters-widget",[[4,"salla-filters-widget",{"withLoadMore":[1028,"with-load-more"],"filtersData":[16],"option":[16],"isOpen":[32],"isShowMore":[32],"showMoreLabel":[32],"showLessLabel":[32],"page":[32],"setWidgetHeight":[64],"reset":[64],"showMore":[64],"toggleWidget":[64]}]]],["salla-notification-item",[[0,"salla-notification-item",{"notification":[16]}]]],["salla-booking-field_2",[[0,"salla-booking-field",{"option":[16],"productId":[16],"reservationsInput":[32],"bookNowLabel":[32],"editLabel":[32],"bookedLabel":[32],"selectDate":[32],"bookingUrl":[32],"iframeReady":[32],"reservations":[32]}],[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-price-range",[[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],"typing":[32],"isMin":[32],"isRTL":[32],"reset":[64]}]]]]'),e)}));
 //# sourceMappingURL=twilight.js.map

package/dist/esm-es5/twilight.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/.pnpm/@stencil+core@4.2.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.2.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;wNAKA,IAAMA,aAAe,WAyBjB,IAAMC,cAAyBC,IAC/B,IAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,I,CAEjD,OAAOC,eAAeJ,EAC1B,EChCAH,eAAeQ,MAAK,SAAAC,GAClBC,gBACA,OAAOC,cAAcC,KAAAC,MAAA,w0qBAAuCJ,EAC9D"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/.pnpm/@stencil+core@4.2.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.2.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;wNAKA,IAAMA,aAAe,WAyBjB,IAAMC,cAAyBC,IAC/B,IAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,I,CAEjD,OAAOC,eAAeJ,EAC1B,EChCAH,eAAeQ,MAAK,SAAAC,GAClBC,gBACA,OAAOC,cAAcC,KAAAC,MAAA,szqBAAuCJ,EAC9D"}

package/dist/twilight/p-0b3b39fc.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["sallaProductsSliderCss","SallaProductsSlider","componentWillLoad","salla","onReady","then","this","includes","Helper","parseIncludesProp","sourceValueIsValid","getSourceValue","isSourceWithoutValue","logger","warn","getSource","hasCustomComponent","customElements","get","productCardComponent","source","productsData","isReady","config","product","api","fetch","source_value","limit","response","data","event","emit","componentDidRender","processedCount","intervalId","setInterval","_a","host","querySelectorAll","forEach","img","removeAttribute","clearInterval","getItemHTML","url","toLowerCase","h","class","customElem","document","createElement","setAttribute","JSON","stringify","innerHTML","outerHTML","canRender","getProductsSource","getProductsSourceValue","sourceValue","render","Host","id","sliderId","Math","random","toString","substr","autoplay","type","blockTitle","subTitle","displayAllUrl","sliderConfig","slot","map"],"sources":["src/components/salla-products-slider/salla-products-slider.scss?tag=salla-products-slider","src/components/salla-products-slider/salla-products-slider.tsx"],"sourcesContent":[".s-products-slider{\n  &-wrapper{\n\n  }\n  &-slider{\n\n  }\n  &-card{\n\n  }\n}","import { Component, Host, h, Prop, Element, State } from '@stencil/core';\nimport Helper from '../../Helpers/Helper';\n@Component({\n  tag: 'salla-products-slider',\n  styleUrl: 'salla-products-slider.scss'\n})\n\n//todo:: extends this component from salla-products-list or the opposite\nexport class SallaProductsSlider {\n  /**\n   * Title of the block - works only if slider is true\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() blockTitle: string;\n\n  /**\n   * Sub title of the block - works only if slider is true\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() subTitle: string;\n\n  /**\n   * Slider Id, if not provided will be generated automatically\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() sliderId: string;\n\n  /**\n   * Display 'ALL' URL\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() displayAllUrl: string;\n\n  /**\n  * autoplay option for products slider\n  */\n  @Prop({ mutable: true }) autoplay: boolean\n\n  /**\n   * Source of the products, if api will get the products from the API, if json will get the products from the products prop\n   * @type {string}\n   * @default ''\n   * */\n  @Prop({\n    reflect: true,\n    mutable: true\n  }) source: 'categories' | 'latest' | 'related' | 'brands' | 'json' | 'tags' | 'selected' | 'offers' | 'landing-page' | 'wishlist';\n\n  /**\n   * The source value, cloud be different values as following:\n   * - array of ids when `source` in ['categories', 'brands', 'tags', 'selected']\n   * - products payload when `source` = 'json'\n   * - product_id when `source` = 'related'\n   *\n   * @type {string}\n   * */\n  @Prop() sourceValue: string;\n\n  /**\n   * Limit for number of products in the list.\n   */\n  @Prop({ mutable: true }) limit: number;\n\n  /**\n   * Slider Configs refer to https://swiperjs.com/swiper-api#parameters and pass the entire config object\n   * @example\n   * let slider = document.querySelector('salla-slider');\n   *  slider.sliderConfig = {\n   *  slidesPerView: 1,\n   *  spaceBetween : 30,\n   *  lazy: true,\n   * }\n   *\n   */\n  @Prop({ reflect: true }) sliderConfig: any;\n\n  /**\n   * Custom Card Component for the Salla Products Slider.\n   *\n   * This component allows you to customize the appearance of individual product cards within a Salla Products Slider.\n   *\n   * @example\n   * <salla-products-slider product-card-component=\"my-custom-card-style1\" ...\n   * <salla-products-slider product-card-component=\"my-custom-card-style2\" ...\n   */\n  @Prop() productCardComponent: string = 'custom-salla-product-card';\n\n  /**\n   * Specifies additional data to be included in the product fetch response.\n   * The value can be an array of strings or a JSON string.\n   * \n   * Example:\n   * - As an array: includes=[\"options\", \"images\"]\n   * - As a JSON string: includes='[\"options\", \"images\"]'\n   * \n   * The array or JSON string can include:\n   * - \"options\": Include product options in the response.\n   * - \"images\": Include product images in the response.\n   */\n  @Prop({mutable: true}) includes: string | string[];\n\n\n  @Element() host: HTMLElement;\n  //todo:: support limit, default =10, make sure that maximum is 32,\n\n\n  @State() productsData: any;\n  @State() isReady: boolean;\n  @State() sourceValueIsValid: boolean;\n  @State() hasCustomComponent: boolean;\n  @State() apiUrl: string = '';\n  @State() parsedSourceValue: any;\n\n  componentWillLoad() {\n    return salla.onReady()\n    .then(() => {\n      this.includes = Helper.parseIncludesProp(this.includes)\n      this.sourceValueIsValid = !!(this.getSourceValue() || this.isSourceWithoutValue());\n      if (!this.sourceValueIsValid) {\n        salla.logger.warn(`source-value prop is required for source [${this.getSource()\n          }]`);\n        return;\n      }\n      this.hasCustomComponent = !!customElements.get(this.productCardComponent);\n\n      if (this.source === 'json') {\n        this.productsData = this.getSourceValue();\n        this.isReady = true\n        return;\n      }\n\n      if ((this.getSource() == 'related' && !salla.config.get('store.settings.product.related_products_enabled'))) {\n        this.isReady = false\n        return;\n      }\n\n      return salla.product.api.fetch({ source: this.getSource(), source_value: this.getSourceValue(), limit: this.limit, includes: this.includes }).then(response => {\n        this.productsData = response.data\n        this.isReady = true\n        salla.event.emit('salla-products-slider::products.fetched', response.data);\n      });\n    });\n  }\n  componentDidRender() {\n    let processedCount = 0;\n    const intervalId = setInterval(() => {\n      this.host.querySelectorAll('[loading=\"lazy\"]')?.forEach(img => img.removeAttribute('loading'));\n      processedCount++;\n      if (processedCount >= 10) {\n        clearInterval(intervalId);\n      }\n    }, 1000);\n  }\n\n  private isSourceWithoutValue() {\n    return ['offers', 'latest', 'sales'].includes(this.getSource());\n  }\n\n  private getItemHTML(product) {\n\n    //as a request they don't want to let the user to open the product details\n    //todo:: find a better way to handle this request\n    this.getSource() === 'landing-page' && (product.url = '');\n    if (this.hasCustomComponent && this.productCardComponent.toLowerCase() == 'custom-salla-product-card') {\n      return <div class=\"s-products-slider-card\">\n        <custom-salla-product-card product={product} source={this.getSource()} source-value={this.getSourceValue()} />\n      </div>\n    }\n\n    if (this.hasCustomComponent) {\n      const customElem = document.createElement(this.productCardComponent);\n      customElem.setAttribute('product', JSON.stringify(product));\n      customElem.setAttribute('source', this.getSource());\n      customElem.setAttribute('source-value', this.getSourceValue());\n\n      return <div class=\"s-products-slider-card\" innerHTML={customElem.outerHTML} />;\n    }\n\n    return <div class=\"s-products-slider-card\">\n      <salla-product-card\n        show-quantity={this.getSource() == 'landing-page'}\n        hide-add-btn={this.getSource() == 'landing-page'}\n        shadow-on-hover={true}\n        product={product} />\n    </div>;\n  }\n\n  private canRender() {\n    return this.sourceValueIsValid && this.isReady;\n  }\n\n  private getSource() {\n    return Helper.getProductsSource(this.source);\n  }\n\n  private getSourceValue() {\n    return Helper.getProductsSourceValue(this.source, this.sourceValue);\n  }\n\n  render() {\n    if (!this.canRender()) {\n      return;\n    }\n    return (\n      <Host class=\"s-products-slider-wrapper\">\n        <salla-slider\n          class=\"s-products-slider-slider\"\n          id={this.sliderId || `s-products-slider-${Math.random().toString(36).substr(2, 9)}`}\n          auto-play={this.autoplay}\n          type=\"carousel\"\n          block-title={this.blockTitle}\n          block-subTitle={this.subTitle}\n          display-all-url={this.displayAllUrl}\n          sliderConfig={this.sliderConfig ? this.sliderConfig : null}\n        >\n          <div slot=\"items\">\n            {this.productsData?.map(product => this.getItemHTML(product))}\n          </div>\n        </salla-slider>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}
+{"version":3,"names":["sallaProductsSliderCss","SallaProductsSlider","componentWillLoad","salla","onReady","then","this","includes","Helper","parseIncludesProp","sourceValueIsValid","getSourceValue","isSourceWithoutValue","logger","warn","getSource","hasCustomComponent","customElements","get","productCardComponent","source","productsData","isReady","config","product","api","fetch","source_value","limit","response","data","event","emit","componentDidRender","processedCount","intervalId","setInterval","_a","host","querySelectorAll","forEach","img","removeAttribute","clearInterval","getItemHTML","url","toLowerCase","h","class","customElem","document","createElement","setAttribute","JSON","stringify","innerHTML","outerHTML","canRender","getProductsSource","getProductsSourceValue","sourceValue","render","Host","id","sliderId","Math","random","toString","substr","autoplay","type","blockTitle","subTitle","displayAllUrl","sliderConfig","slot","map"],"sources":["src/components/salla-products-slider/salla-products-slider.scss?tag=salla-products-slider","src/components/salla-products-slider/salla-products-slider.tsx"],"sourcesContent":[".s-products-slider{\n  &-wrapper{\n\n  }\n  &-slider{\n\n  }\n  &-card{\n\n  }\n}","import { Component, Host, h, Prop, Element, State } from '@stencil/core';\nimport Helper from '../../Helpers/Helper';\n@Component({\n  tag: 'salla-products-slider',\n  styleUrl: 'salla-products-slider.scss'\n})\n\n//todo:: extends this component from salla-products-list or the opposite\nexport class SallaProductsSlider {\n  /**\n   * Title of the block - works only if slider is true\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() blockTitle: string;\n\n  /**\n   * Sub title of the block - works only if slider is true\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() subTitle: string;\n\n  /**\n   * Slider Id, if not provided will be generated automatically\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() sliderId: string;\n\n  /**\n   * Display 'ALL' URL\n   * @type {string}\n   * @default ''\n   * */\n  @Prop() displayAllUrl: string;\n\n  /**\n  * autoplay option for products slider\n  */\n  @Prop({ mutable: true }) autoplay: boolean\n\n  /**\n   * Source of the products, if api will get the products from the API, if json will get the products from the products prop\n   * @type {string}\n   * @default ''\n   * */\n  @Prop({\n    reflect: true,\n    mutable: true\n  }) source: 'categories' | 'latest' | 'related' | 'brands' | 'json' | 'tags' | 'selected' | 'offers' | 'landing-page' | 'wishlist';\n\n  /**\n   * The source value, cloud be different values as following:\n   * - array of ids when `source` in ['categories', 'brands', 'tags', 'selected']\n   * - products payload when `source` = 'json'\n   * - product_id when `source` = 'related'\n   *\n   * @type {string}\n   * */\n  @Prop() sourceValue: string;\n\n  /**\n   * Limit for number of products in the list.\n   */\n  @Prop({ mutable: true }) limit: number;\n\n  /**\n   * Slider Configs refer to https://swiperjs.com/swiper-api#parameters and pass the entire config object\n   * @example\n   * let slider = document.querySelector('salla-slider');\n   *  slider.sliderConfig = {\n   *  slidesPerView: 1,\n   *  spaceBetween : 30,\n   *  lazy: true,\n   * }\n   *\n   */\n  @Prop({ reflect: true }) sliderConfig: any;\n\n  /**\n   * Custom Card Component for the Salla Products Slider.\n   *\n   * This component allows you to customize the appearance of individual product cards within a Salla Products Slider.\n   *\n   * @example\n   * <salla-products-slider product-card-component=\"my-custom-card-style1\" ...\n   * <salla-products-slider product-card-component=\"my-custom-card-style2\" ...\n   */\n  @Prop() productCardComponent: string = 'custom-salla-product-card';\n\n  /**\n   * Specifies additional data to be included in the product fetch response.\n   * The value can be an array of strings or a JSON string.\n   * \n   * Example:\n   * - As an array: includes=[\"options\"]\n   * - As a JSON string: includes='[\"options\"]'\n   * \n   * The array or JSON string can include:\n   * - \"options\": Include product options in the response.\n   * - \"images\": Include product images in the response.\n   */\n  @Prop({mutable: true}) includes: string | string[];\n\n\n  @Element() host: HTMLElement;\n  //todo:: support limit, default =10, make sure that maximum is 32,\n\n\n  @State() productsData: any;\n  @State() isReady: boolean;\n  @State() sourceValueIsValid: boolean;\n  @State() hasCustomComponent: boolean;\n  @State() apiUrl: string = '';\n  @State() parsedSourceValue: any;\n\n  componentWillLoad() {\n    return salla.onReady()\n    .then(() => {\n      this.includes = Helper.parseIncludesProp(this.includes)\n      this.sourceValueIsValid = !!(this.getSourceValue() || this.isSourceWithoutValue());\n      if (!this.sourceValueIsValid) {\n        salla.logger.warn(`source-value prop is required for source [${this.getSource()\n          }]`);\n        return;\n      }\n      this.hasCustomComponent = !!customElements.get(this.productCardComponent);\n\n      if (this.source === 'json') {\n        this.productsData = this.getSourceValue();\n        this.isReady = true\n        return;\n      }\n\n      if ((this.getSource() == 'related' && !salla.config.get('store.settings.product.related_products_enabled'))) {\n        this.isReady = false\n        return;\n      }\n\n      return salla.product.api.fetch({ source: this.getSource(), source_value: this.getSourceValue(), limit: this.limit, includes: this.includes }).then(response => {\n        this.productsData = response.data\n        this.isReady = true\n        salla.event.emit('salla-products-slider::products.fetched', response.data);\n      });\n    });\n  }\n  componentDidRender() {\n    let processedCount = 0;\n    const intervalId = setInterval(() => {\n      this.host.querySelectorAll('[loading=\"lazy\"]')?.forEach(img => img.removeAttribute('loading'));\n      processedCount++;\n      if (processedCount >= 10) {\n        clearInterval(intervalId);\n      }\n    }, 1000);\n  }\n\n  private isSourceWithoutValue() {\n    return ['offers', 'latest', 'sales'].includes(this.getSource());\n  }\n\n  private getItemHTML(product) {\n\n    //as a request they don't want to let the user to open the product details\n    //todo:: find a better way to handle this request\n    this.getSource() === 'landing-page' && (product.url = '');\n    if (this.hasCustomComponent && this.productCardComponent.toLowerCase() == 'custom-salla-product-card') {\n      return <div class=\"s-products-slider-card\">\n        <custom-salla-product-card product={product} source={this.getSource()} source-value={this.getSourceValue()} />\n      </div>\n    }\n\n    if (this.hasCustomComponent) {\n      const customElem = document.createElement(this.productCardComponent);\n      customElem.setAttribute('product', JSON.stringify(product));\n      customElem.setAttribute('source', this.getSource());\n      customElem.setAttribute('source-value', this.getSourceValue());\n\n      return <div class=\"s-products-slider-card\" innerHTML={customElem.outerHTML} />;\n    }\n\n    return <div class=\"s-products-slider-card\">\n      <salla-product-card\n        show-quantity={this.getSource() == 'landing-page'}\n        hide-add-btn={this.getSource() == 'landing-page'}\n        shadow-on-hover={true}\n        product={product} />\n    </div>;\n  }\n\n  private canRender() {\n    return this.sourceValueIsValid && this.isReady;\n  }\n\n  private getSource() {\n    return Helper.getProductsSource(this.source);\n  }\n\n  private getSourceValue() {\n    return Helper.getProductsSourceValue(this.source, this.sourceValue);\n  }\n\n  render() {\n    if (!this.canRender()) {\n      return;\n    }\n    return (\n      <Host class=\"s-products-slider-wrapper\">\n        <salla-slider\n          class=\"s-products-slider-slider\"\n          id={this.sliderId || `s-products-slider-${Math.random().toString(36).substr(2, 9)}`}\n          auto-play={this.autoplay}\n          type=\"carousel\"\n          block-title={this.blockTitle}\n          block-subTitle={this.subTitle}\n          display-all-url={this.displayAllUrl}\n          sliderConfig={this.sliderConfig ? this.sliderConfig : null}\n        >\n          <div slot=\"items\">\n            {this.productsData?.map(product => this.getItemHTML(product))}\n          </div>\n        </salla-slider>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}