@salla.sa/twilight-components 2.14.239 → 2.14.241

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

@@ -0,0 +1 @@
+{"version":3,"names":["DisplayType","Currency","sallaProductOptionsCss","SallaProductOptions","constructor","hostRef","this","fileTypes","pdf","png","jpg","word","exl","txt","outOfStockText","donationAmount","salla","lang","get","selectDonationAmount","getWithDefault","selectAmount","isCustomDonation","selectedOptions","disableCardValue","availableDigitalCardValues","outSkus","ignoreDefaultCardValue","productId","config","handleDonationOptions","event","detail","type","helpers","inputDigitsOnly","target","emit","id","price","value","preventDefault","stopPropagation","donationInput","focus","hideLabel","option","DONATION","donation","can_donate","getExpireDonationMessage","completed","target_amount","collected_amount","h","class","target_message","innerHTML","money","canDisabled","url","is_page","onLoaded","options","setOptionsData","Array","isArray","JSON","parse","e","log","optionsData","api","product","getDetails","then","resp","data","that","_b","_a","details","forEach","Object","entries","skus_availability","filter","sku","map","push","Number","getSelectedOptionsData","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","classList","contains","add","firstInvalidElement","querySelector","scrollToElement","element","scrollIntoView","behavior","block","changedHandler","fireChangeEvent","handleCountryOptionChange","optionElement","FILE","IMAGE","MAP","lat","lng","setTimeout","remove","setSelectedSkus","handleRequiredMultipleOptions","index","findIndex","opt","MULTIPLE_OPTIONS","detailIndex","splice","assign","keys","is_selected","selected","changed","reduce","p","c","required","optionContainer","hasChecked","input","toggleAttribute","getLatLng","split","getDisplayForType","COLOR_PICKER","colorPickerOption","multipleOptions","SINGLE_OPTION","singleOption","DIGITAL_CARD_VALUE","digitalCardValuesOption","COUNTRY","countryOption","BOOKING","onInvalidInput","getOptionShownWhen","visibility_condition","operator","getAvailableDigitalCardSKUs","digitalCardOption","Error","outofStockSKUs","op","SKU_key","stopImmediatePropagation","currentCardValue","checked","getSelectedDigitalCardOptions","selectedOption","defaultOption","is_default","componentWillLoad","fillSelectedOptions","optionConfig","error","console","shouldSelectDefaultOption","defaultSelection","onReady","document","addEventListener","handlePaste","bind","needsCartId","storage","cart","getCurrentCartId","Salla","hasApplePay","HTMLInputElement","HTMLTextAreaElement","name","text","clipboardData","getData","start","selectionStart","end","selectionEnd","newValue","slice","setSelectionRange","hideDigitalCardsOptions","render","Host","splitterOption","htmlFor","placeholder","generateUniqueKey","defaultValue","uniqueKey","acc","selectedDetails","mappedDetails","concat","componentDidLoad","selectedDonationOption","additional_price","donationOption","onChange","custom_amount_enabled","shown","ref","el","onInput","onBlur","onInvalid","currency","symbol","fileUploader","additions","height","onAdded","getUploadImageEndpoint","cart_item_id","product_id","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","detailName","COLOR","isOptionDetailOut","hideOutLabel","isDetailSelected","outSelectableSkus","renderInput","isRequired","buttonStyle","isDisabled","disabled","renderOptionDetails","renderSelect","renderButtonStyle","colorOption","style","backgroundColor","thumbnailOption","option_value","image","src","title","alt","CheckCircleIcon","String","toString","defaultChecked","_c","onClick","loading","code","width","toLocaleLowerCase"],"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  DIGITAL_CARD_VALUE = \"digital-code-value\",\n  COUNTRY = \"country\",\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  is_default?: 0 | 1;\n  code?: string;\n  type?: string;\n\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\nexport interface OptionConfig {\n  singleOption?:   OptionDisplayType;\n  multipleOption?: OptionDisplayType;\n}\n\nexport interface OptionDisplayType {\n  type: 'button' | 'default'; // defaults to 'default', which is select and checkbox for single and multiple options respectivly\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}\n","import { Component, Prop, h, State, Element, Host, Event, type EventEmitter, Method } from '@stencil/core';\nimport { type Option, DisplayType, type Detail, OptionConfig } 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@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') || salla.url.is_page('cart');\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   * Sets the options data for the product\n   * @param optionsData - Array of product options\n   */\n  @Method()\n  async setOptionsData(optionsData: Option[]) {\n    this.optionsData = optionsData;\n    const 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: Record<string, string> = {\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 = \"\"\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 = false;\n  @State() selectedOptions = [];\n  @State() canDisabled: boolean;\n  @State() selectedSkus?: Array<string | number>;\n  @State() selectedOutSkus?: Array<string | number>;\n  @State() disableCardValue = true\n  @State() availableDigitalCardValues: Detail[] = []\n\n  private outSkus: Array<string | number> = [];\n  private donationInput?: HTMLInputElement;\n  private optionConfig: OptionConfig;\n  /**\n * Avoid selection of previous default or selected card value option \n * when switching between digital card country options for the 1st time\n */\n  private ignoreDefaultCardValue = false\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   * Hide the out of stock label.\n   * Will be used in the case of live validation such as cart page and inline checkout\n   */\n  @Prop() hideOutLabel: string\n\n  /**\n   * A unique key used to generate distinct identifiers.\n   * \n   * This key is appended to a default value to ensure uniqueness\n   * across instances or components where differentiation is required.\n   */\n  @Prop() uniqueKey: string\n\n  /**\n   * Configuration for customizing the display layout of product options.\n   * The `config` prop accepts a JSON string that specifies the layout type for rendering options.\n   * It allows customization of how single-option and multiple-option selections are displayed.\n   * \n   * Example Usage:\n   * ```html\n   * <salla-product-options \n   *   options=\"{{ product.options }}\" \n   *   product-id=\"{{ product.id }}\" \n   *   unique-key=\"abc123\"\n   *   config='{\n   *     \"single-option\": { \"type\": \"button\" },\n   *     \"multiple-option\": { \"type\": \"button\" }\n   *   }'>\n   * </salla-product-options>\n   * ```\n   * \n   * Example Config JSON:\n   * ```json\n   * {\n   *   \"single-option\": { \"type\": \"button\" },\n   *   \"multiple-option\": { \"type\": \"default\" }\n   * }\n   * ```\n   * \n   * - `single-option`:\n   *   - Defines the display style for single-option selections.\n   *   - `type`: Supported values:\n   *     - `\"button\"`: Displays options in a button-style grid layout.\n   *     - `\"default\"`: Displays options as a dropdown (default).\n   * \n   * - `multiple-option`:\n   *   - Defines the display style for multiple-option selections.\n   *   - `type`: Supported values:\n   *     - `\"button\"`: Displays options in a button-style grid layout.\n   *     - `\"default\"`: Displays options as a list of checkboxes (default).\n   */\n  @Prop() config: string;\n\n  /**\n   * Get the id's of the selected options.\n   * */\n  @Method()\n  async getSelectedOptionsData() {\n    const selectedOptions = {}\n    const formData = (this.host as HTMLElement & { getElementSallaData: () => FormData }).getElementSallaData();\n    formData.forEach((value, key) => {\n      if (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    const requiredElements = this.host.querySelectorAll('[required]') as unknown as Array<HTMLInputElement>;\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: Event, option: Option) {\n    const closestProductOption = (event.target as HTMLInputElement).closest('.s-product-options-option') as HTMLElement;\n\n    if (!closestProductOption.classList.contains('s-product-options-option-error')) {\n      closestProductOption.classList.add('s-product-options-option-error');\n    }\n\n    if (!salla.url.is_page('cart')) {\n      const firstInvalidElement = this.host.querySelector('.s-product-options-option-error');\n      if (firstInvalidElement === closestProductOption) {\n        this.scrollToElement(closestProductOption);\n      }\n    }\n  }\n\n  private scrollToElement(element: HTMLElement) {\n    if (element) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n  }\n\n  private changedHandler(event, option, fireChangeEvent = true) {\n    const data = {\n      event: event,\n      option: option,\n      detail: null,\n      productId: this.productId\n    };\n\n    if (option.details) {\n      const detail = option.details.find((detail) => {\n        return Number(detail.id) === Number(event.target.value);\n      });\n      data.detail = detail;\n    }\n\n    if (option.type === 'country') {\n      this.handleCountryOptionChange(event, data.detail);\n    }\n\n    const 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    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\n    this.setSelectedSkus();\n    this.handleRequiredMultipleOptions(option);\n\n    const index = this.selectedOptions.findIndex(opt => opt.option_id === data.option.id);\n\n    if (data.option.type === DisplayType.MULTIPLE_OPTIONS) {\n      // Handle multiple selections\n      const detailIndex = this.selectedOptions.findIndex(\n        opt => opt.option_id === data.option.id && opt?.id === data.detail?.id\n      );\n      if (detailIndex > -1) {\n        // If the option is already selected, remove it (unselect)\n        this.selectedOptions.splice(detailIndex, 1);\n      } else {\n        // If the option is not selected, add it to the selectedOptions array\n        this.selectedOptions.push({ ...data.detail, option_id: data.option.id });\n      }\n    } else {\n      // Handle single selection\n      if (!data.detail || Object.keys(data.detail).length === 0) {\n        // If there is no value for the single-select, remove it from the selectedOptions array\n        if (index > -1) {\n          this.selectedOptions.splice(index, 1);\n        }\n      } else {\n        // If a value exists, update or add the selection\n        if (index > -1) {\n          // Replace the existing selection with the new one\n          this.selectedOptions[index] = { ...data.detail, option_id: data.option.id };\n        } else {\n          // If no selection exists for this input, add the new selection\n          this.selectedOptions.push({ ...data.detail, option_id: data.option.id });\n        }\n      }\n    }\n\n    \n    // Update optionsData directly\n    this.optionsData = this.optionsData.map(opt => {\n      if (opt.id === data.option.id) {\n        return {\n          ...opt,\n          details: opt.details.map(detail => ({\n            ...detail,\n            is_selected: data.option.type === DisplayType.MULTIPLE_OPTIONS\n              ? this.selectedOptions.some(selected => selected.id === detail.id)\n              : Number(detail.id) === Number(data.detail?.id),\n            value: data.detail?.value\n          }))\n        };\n      }\n      return opt;\n    });\n    // Emit the event only if fireChangeEvent is true\n    if (fireChangeEvent) {\n      this.changed.emit(data);\n      salla.event.emit('product-options::change', data);\n    }\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    const 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 innerHTML={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)), []) // Initialize accumulator as an empty array\n      .map(sku => Number(sku));\n  }\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.DIGITAL_CARD_VALUE) {\n      return this.digitalCardValuesOption(option);\n    }\n    if (option.type === DisplayType.COUNTRY) {\n      return this.countryOption(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  private getAvailableDigitalCardSKUs(detail: Detail) {\n    const digitalCardOption = this.optionsData.find(({ type }) => type === 'digital-code-value')\n\n    if (!digitalCardOption) throw new Error('product-options:: No digital card options found')\n\n    const outofStockSKUs = Object.keys(detail.skus_availability).filter(key => detail.skus_availability[key] === false)\n\n    this.availableDigitalCardValues = digitalCardOption.details.filter((op) => {\n\n      return !Object.keys(op.skus_availability).filter(SKU_key => outofStockSKUs.includes(SKU_key)).length\n\n    })\n\n  }\n  private handleCountryOptionChange(event: Event, detail: Detail) {\n    event.stopImmediatePropagation()\n\n    this.ignoreDefaultCardValue = true\n\n    const currentCardValue = this.host.querySelector(\"input[data-code-value]:checked\") as HTMLInputElement | null\n\n    if (currentCardValue) currentCardValue.checked = false\n\n    const digitalCardOption = this.optionsData.find(({ type }) => type === 'digital-code-value')\n\n    if (!digitalCardOption) throw new Error('product-options:: No digital card options found')\n\n    this.getAvailableDigitalCardSKUs(detail)\n  }\n\n  private getSelectedDigitalCardOptions(option: Option) {\n    const selectedOption = option.details.find(detail => detail.is_selected)\n    const defaultOption = option.details.find(detail => !!detail.is_default) || option.details[0] /*option.details[0] only applys for counrty options*/\n    if (!['digital-code-value', 'country'].includes(option.type)) return\n\n    return selectedOption || defaultOption\n\n\n  }\n\n  //we need the cart Id for productOption Image\n  async componentWillLoad() {\n    if(salla.url.is_page(\"cart\")){\n      this.disableCardValue=false\n      this.fillSelectedOptions();\n    }\n\n  if (this.config) {\n      try {\n        this.optionConfig = typeof this.config === 'string' ? JSON.parse(this.config) : this.config;\n      } catch (error) {\n        console.error('Failed to parse JSON in config prop:', error);\n      }\n    }\n\n    const shouldSelectDefaultOption = this.optionsData.filter(({ type }) => [\"country\", \"digital-card-value\"].includes(type)).length > 0 && salla.url.is_page('cart')\n\n    if (shouldSelectDefaultOption) {\n      const countryOption = this.optionsData.find(option => option.type === 'country')\n\n      const defaultSelection = countryOption && this.getSelectedDigitalCardOptions(countryOption)\n\n      if (defaultSelection) {\n        this.getAvailableDigitalCardSKUs(defaultSelection)\n      }\n    }\n    this.outOfStockText = salla.lang.get('pages.products.out_of_stock')\n    await salla.onReady();\n    document.addEventListener(\"paste\", this.handlePaste.bind(this));\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   * This is a workaround for a bug in iOS 26 Safari, when pasting English text to RTL inputs, it adds extra text!!\n   * To avoid any break changes, we will make it only work on these conditions:\n   *  - content_copyright is on\n   *  - Apple Pay is enabled (means it's iOS/safari)\n   *  - Input is an input or textarea\n   *  - Salla form control\n   *  - Options array\n   */\n  private handlePaste(event: ClipboardEvent) {\n      const target = event.target;\n      if (\n          !Salla.config.get('store.settings.content_copyright')\n          || !Salla.helpers.hasApplePay()\n          || !(target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement)\n          || !target.classList.contains('s-form-control')\n          || !target.name.startsWith('options[')) {\n          return;\n      }\n      // Prevent default paste (to avoid Safari inserting extra content)\n      event.preventDefault();\n\n      // Read only the clipboard data\n      const text = event.clipboardData?.getData(\"text\") || \"\";\n\n      // Insert it manually at cursor if you want\n      const start = target.selectionStart;\n      const end = target.selectionEnd;\n\n      const newValue = target.value.slice(0, start) + text + target.value.slice(end);\n\n      target.value = newValue;\n\n      // Reset cursor position\n      target.setSelectionRange(start + text.length, start + text.length);\n  }\n\n  private hideDigitalCardsOptions(option:Option){\n    return (this.disableCardValue && option.type===DisplayType.DIGITAL_CARD_VALUE && !salla.url.is_page(\"cart\"))\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 key={option.id} class={`s-product-options-option-container${option.visibility_condition || this.hideDigitalCardsOptions(option) ? ' 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  private generateUniqueKey(defaultValue: string): string {\n    return this.uniqueKey ? `${defaultValue}-${this.uniqueKey}` : defaultValue;\n  }\n  private fillSelectedOptions() {\n    this.selectedOptions = this.optionsData.reduce((acc, opt) => {\n      const selectedDetails = opt.details.filter(detail => detail.is_selected);\n      const mappedDetails = selectedDetails.map(detail => ({\n        ...detail,\n        option_id: opt.id\n      }));\n      return acc.concat(mappedDetails);\n    }, []);\n  }\n\n  componentDidLoad() {\n    if (this.optionsData?.length === 0 && !this.optionsData.some(option => option.type === DisplayType.DONATION)) {\n      return;\n    }\n    const 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 key={option.id} 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 key={option.id}>{this.selectAmount}</h4>,\n          <div key={option.id} class=\"s-product-options-donation-options\">\n            {option.details.map((detail, i) =>\n              <div key={option.id} class=\"s-product-options-donation-options-item\">\n                <input id={this.generateUniqueKey(`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={this.generateUniqueKey(`donation-option-${i}`)}>\n                  <span innerHTML={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={this.generateUniqueKey(\"donation-option-custom\")} type=\"radio\" name=\"donating_option\" value=\"custom\" onChange={e => this.handleDonationOptions(e, 'custom', 'option')} />\n                <label htmlFor={this.generateUniqueKey(\"donation-option-custom\")}>\n                  <span> {this.selectDonationAmount} </span>\n                </label>\n              </div>\n              : ''\n            }\n          </div>] : '',\n\n        <div key={option.id} 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: Record<string, unknown> | 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 { accept: string }).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    const 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        onChange={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          onChange={(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 = true, optionType?: string) {\n    let detailName;\n    if (optionType && optionType === DisplayType.COLOR) {\n      detailName = detail.name\n        + ((outOfStock && this.isOptionDetailOut(detail) && !salla.url.is_page(\"cart\")) && !this.hideOutLabel ? ` <br/> <p> ${this.outOfStockText} </p>` : '')\n        + (detail.additional_price ? ` <p> (${salla.money(detail.additional_price, false)}) </p>` : '');\n    }\n\n    if(!detailName){\n        detailName = detail.name\n      + ((outOfStock && this.isOptionDetailOut(detail) && !salla.url.is_page(\"cart\")) && !this.hideOutLabel ? ` - ${this.outOfStockText}` : '')\n      + (detail.additional_price ? ` (${salla.money(detail.additional_price, false)})` : '');\n    }\n\n    //Some merchants adding price to the names of the options,\n    //and because we are using this inside select option, we need to replace the html currency symbol with the store currency symbol\n    return detailName.replace('<i class=sicon-sar></i>',salla.config.currency()?.symbol || 'ر.س');\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    const 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      const 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  /**\n   * Renders a single input element (radio or checkbox) for an option detail.\n   * @param type - The type of input element ('radio' or 'checkbox').\n   * @param detail - The detail object representing an option detail.\n   * @param option - The parent option object containing the details.\n   * @param isRequired - Indicates if the input is required based on the option's rules.\n   * @param name - The name attribute for the input element.\n   * @returns HTMLElement - A labeled input element.\n   */\n  private renderInput(\n    type: 'radio' | 'checkbox',\n    detail: Detail,\n    option: Option,\n    isRequired: boolean,\n    name: string,\n    buttonStyle: boolean,\n  ): HTMLElement {\n    const id = this.generateUniqueKey(`${type}-${option.id}-${detail.id}`);\n    const isDisabled = this.isOptionDetailOut(detail);\n    return (\n      <label class={{\n        \"s-product-options-disabled\": isDisabled,\n      }}>\n        <input\n          id={id}\n          type={type}\n          name={name}\n          value={detail.id}\n          disabled={isDisabled}\n          required={isRequired}\n          checked={detail.is_selected}\n          onInvalid={(e) => this.invalidHandler(e, option)}\n          onChange={(e) => this.changedHandler(e, option)}\n        />\n        <div class={{\"s-product-options-grid-mode-span\": buttonStyle, \"s-product-options-disabled\": isDisabled}}>\n          {this.getOptionDetailName(detail)}\n        </div>\n      </label>\n    );\n  }\n\n  /**\n   * Renders a collection of input elements for all details of an option.\n   * @param type - The type of input elements ('radio' or 'checkbox').\n   * @param option - The parent option object containing the details.\n   * @param isRequired - Indicates if the inputs are required based on the option's rules.\n   * @returns HTMLElement[] - An array of labeled input elements.\n   */\n  private renderOptionDetails(\n    type: 'radio' | 'checkbox',\n    option: Option,\n    isRequired: boolean,\n    buttonStyle: boolean = false\n  ): HTMLElement[] {\n    const name = type === 'radio' ? `options[${option.id}]` : `options[${option.id}][]`;\n    return option?.details.map((detail: Detail) =>\n      this.renderInput(type, detail, option, isRequired, name, buttonStyle)\n    );\n  }\n\n  /**\n   * Renders a dropdown (select) element for a single-option selection.\n   * @param option - The parent option object.\n   * @returns HTMLElement - A select dropdown element with all option details.\n   */\n  private renderSelect(option: Option): HTMLElement {\n    return (\n      <div>\n        <select\n          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        >\n          <option value=\"\">{option.placeholder}</option>\n          {option?.details.map((detail: Detail) => (\n            <option\n              key={detail.id}\n              value={detail.id}\n              disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n              selected={detail.is_selected}\n            >\n              {this.getOptionDetailName(detail)}\n            </option>\n          ))}\n        </select>\n      </div>\n    );\n  }\n\n  /**\n   * Renders a grid-based layout for option inputs (radio or checkbox).\n   * @param type - The type of input elements ('radio' or 'checkbox').\n   * @param option - The parent option object containing the details.\n   * @param isRequired - Indicates if the inputs are required based on the option's rules.\n   * @returns HTMLElement - A grid-based container with input elements.\n   */\n  private renderButtonStyle(\n    type: 'radio' | 'checkbox',\n    option: Option,\n    isRequired: boolean\n  ): HTMLElement {\n    return (\n      <div class=\"s-product-options-grid-mode\">\n        {this.renderOptionDetails(type, option, isRequired, true)}\n      </div>\n    );\n  }\n\n  /**\n   * Renders a single-option selection, either as a grid or dropdown, based on configuration.\n   * @param option - The parent option object.\n   * @returns HTMLElement - The rendered single-option element.\n   */\n  private singleOption(option: Option): HTMLElement {\n    const buttonStyle = this.optionConfig?.['single-option']?.type === 'button';\n    const isRequired = !option.visibility_condition && option.required;\n\n    return buttonStyle\n      ? this.renderButtonStyle('radio', option, isRequired)\n      : this.renderSelect(option);\n  }\n\n  /**\n   * Renders a multiple-option selection, either as a grid or list, based on configuration.\n   * @param option - The parent option object.\n   * @returns HTMLElement - The rendered multiple-option element.\n   */\n  private multipleOptions(option: Option): HTMLElement {\n    const buttonStyle = this.optionConfig?.['multiple-option']?.type === 'button';\n    const isRequired =\n      option.required &&\n      !option.details.some((detail) => detail.is_selected) &&\n      !option.visibility_condition;\n\n    return buttonStyle\n      ? this.renderButtonStyle('checkbox', option, isRequired)\n      : (\n        <div\n          class={{\n            's-product-options-multiple-options-wrapper': true,\n            required: option.required,\n          }}\n        >\n          {this.renderOptionDetails('checkbox', option, isRequired)}\n        </div>\n      );\n  }\n  \n  //@ts-ignore\n  private colorOption(option: Option) {\n    return (\n      <fieldset\n        class=\"s-product-options-colors-wrapper\"\n      >\n        {option?.details.map((detail) => (\n          <div\n            class=\"s-product-options-colors-item\"\n            key={detail.id}\n          >\n            <input\n              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={this.generateUniqueKey(`color-${this.productId}-${option.id}-${detail.id}`)}\n              onInvalid={(e) => this.invalidHandler(e, option)}\n              onChange={(e) => this.changedHandler(e, option)}\n            />\n            <label htmlFor={this.generateUniqueKey(`color-${this.productId}-${option.id}-${detail.id}`)}>\n              <span style={{ backgroundColor: detail.color }} />\n              <div innerHTML={this.getOptionDetailName(detail, true, option.type)} />\n            </label>\n          </div>\n        ))}\n      </fieldset>\n    );\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 key={detail.id}>\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={this.generateUniqueKey(`option_${this.productId}-${option.id}_${detail.id}`)}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            onChange={(e) => this.changedHandler(e, option)} />\n          <label htmlFor={this.generateUniqueKey(`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 key={detail.id} class=\"s-product-options-thumbnails-stock-badge\">{this.outOfStockText}</small>,\n                this.canDisabled ? <div key={detail.id} 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  // Digital card options\n  private digitalCardValuesOption(option: Option) {\n\n    return <div class=\"s-product-options-digital-card-wrapper\">\n      {this.availableDigitalCardValues.length > 0 ? this.availableDigitalCardValues.map((detail) => {\n        const id = String(detail.id)\n        return <label htmlFor={this.generateUniqueKey(id.toString())} key={id} class=\"s-product-options-digital-card-option\">\n          <input type=\"radio\" data-code-value class=\"s-form-control s-product-options-digital-card-input\" value={detail.id}\n            name={`options[${option.id}]`}\n            id={this.generateUniqueKey(id.toString())}\n            required={!option.visibility_condition && option.required}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            {...(!this.ignoreDefaultCardValue ? {defaultChecked: this.getSelectedDigitalCardOptions(option)?.id === detail.id}:{})}\n\n          />\n          <span>{detail.name} {salla.config?.currency()?.symbol}</span>\n        </label>\n      })\n        : <div class=\"s-product-options-digital-card-out-of-stock\"/>\n      }\n    </div>\n  }\n  private countryOption(option: Option) {\n    return <div class=\"s-product-options-digital-card-wrapper\">\n      {option.details.map((detail) => {\n\n       return <label htmlFor={this.generateUniqueKey(detail.id.toString())} key={detail.id} class={{\"s-product-options-digital-card-option\":true,\"s-product-options-digital-card-option-stock-out\":detail.is_out}}>\n          <input id={this.generateUniqueKey(detail.id.toString())} type=\"radio\" class=\"s-form-control s-product-options-digital-card-input\" value={detail.id}\n            name={`options[${option.id}]`}\n            disabled={detail.is_out}\n            required={!option.visibility_condition && option.required}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            onChange={e => this.changedHandler(e, option)}\n            onClick={()=>{ this.disableCardValue = false}}\n            {...(salla.url.is_page(\"cart\") ? {defaultChecked:this.getSelectedDigitalCardOptions(option)?.id === detail.id}:{})}\n\n          />\n               <img loading='lazy' alt={detail.code} height={24} width={24} class=\"s-product-options-country-flag\" src={`https://cdn.assets.salla.network/prod/admin/cp/assets/flags/1x1/${String(detail.code).toLocaleLowerCase()}.svg`}/>\n          <span >{detail.name}</span>\n        </label>\n  })\n      }\n    </div>\n\n  }\n\n}"],"mappings":"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","ignoreList":[]}

package/dist/twilight/{p-12198e85.system.entry.js → p-c32b29f3.system.entry.js}

@@ -1,5 +1,5 @@
 var __awaiter=this&&this.__awaiter||function(t,n,i,e){function r(t){return t instanceof i?t:new i((function(n){n(t)}))}return new(i||(i=Promise))((function(i,o){function s(t){try{u(e.next(t))}catch(t){o(t)}}function a(t){try{u(e["throw"](t))}catch(t){o(t)}}function u(t){t.done?i(t.value):r(t.value).then(s,a)}u((e=e.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,r,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(n){return u([t,n])}}function u(a){if(e)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(e=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(a[0]===6&&i.label<o[1]){i.label=o[1];o=a;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(a);break}if(o[2])i.ops.pop();i.trys.pop();continue}a=n.call(t,i)}catch(t){a=[6,t];r=0}finally{e=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
 /*!
  * Crafted with ❤ by Salla
- */System.register(["./p-BV4kErtd.system.js","./p-CSGkUch3.system.js","./p-CLqFzsVe.system.js"],(function(t){"use strict";var n,i,e,r;return{setters:[function(t){n=t.r;i=t.h;e=t.g},function(t){r=t.H},null],execute:function(){var o="";var s=t("salla_notifications",function(){function t(t){var i=this;n(this,t);this.itemPerPage=10;this.no_notifications_trans=salla.lang.get("blocks.header.no_notifications");this.load_more_text_trans=salla.lang.get("common.elements.load_more");salla.lang.onLoaded((function(){i.no_notifications_trans=salla.lang.get("blocks.header.no_notifications");i.load_more_text_trans=salla.lang.get("common.elements.load_more")}))}t.prototype.loading=function(t){if(t===void 0){t=true}var n;var i=(n=this.status)===null||n===void 0?void 0:n.querySelector(".s-button-text");if(i){r.toggleElementClassIf(i,"s-button-hide","s-button-show",(function(){return t}));this.btnLoader.style.display=t?"inherit":"none"}};t.prototype.getNotificationCard=function(t){var n=document.createElement("salla-notification-item");n.notification=t;n.classList.add("s-block");return n};t.prototype.render=function(){var t=this;var n;if(this.showPlaceholder){return i("div",{class:"s-notifications-no-content"},i("salla-placeholder",{alignment:"center"},i("span",{slot:"title"},this.no_notifications_trans)))}return i("div",{class:"s-notifications-wrapper"},i("div",{class:"s-notifications-container",ref:function(n){return t.wrapper=n}}),this.nextPage&&i("div",{class:"s-infinite-scroll-wrapper",ref:function(n){return t.status=n}},i("button",{onClick:function(){return t.loadMore()},class:"s-infinite-scroll-btn s-button-btn s-button-primary"},i("span",{class:"s-button-text s-infinite-scroll-btn-text"},(n=this.loadMoreText)!==null&&n!==void 0?n:this.load_more_text_trans),i("span",{class:"s-button-loader s-button-loader-center s-infinite-scroll-btn-loader",ref:function(n){return t.btnLoader=n},style:{display:"none"}}))))};t.prototype.handleResponse=function(t){var n=this;return t.map((function(t){return n.getNotificationCard(t)}))};t.prototype.initiateInfiniteScroll=function(){var t=this;var n,i,e;if(!this.wrapper){salla.logger.error("Wrapper is undefined. Cannot initiate infinite scroll.");return}this.infiniteScroll=salla.infiniteScroll.initiate(this.wrapper,this.wrapper,{path:function(){return t.nextPage},history:true,nextPage:this.nextPage,scrollThreshold:false},true);(n=this.infiniteScroll)===null||n===void 0?void 0:n.on("request",(function(n){t.loading()}));(i=this.infiniteScroll)===null||i===void 0?void 0:i.on("load",(function(n){var i;t.loading(false);t.pagination=n.pagination;t.nextPage=((i=n.pagination.links)===null||i===void 0?void 0:i.next)||null;t.handleResponse(n.data).forEach((function(n){return t.wrapper.append(n)}));var e=t.host.querySelectorAll("salla-notification-item:not(.animated)");r.animateItems(e)}));(e=this.infiniteScroll)===null||e===void 0?void 0:e.on("error",(function(t){salla.logger.error("Error loading more comments:",t)}))};t.prototype.loadInitialData=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){switch(n.label){case 0:return[4,salla.api.notifications.fetch({per_page:this.itemPerPage}).then((function(n){var i;t.pagination=n.pagination;t.total=n.pagination.total;t.nextPage=((i=n.pagination.links)===null||i===void 0?void 0:i.next)||null;setTimeout((function(){if(!n.data.length){return t.showPlaceholder=true}t.handleResponse(n.data).forEach((function(n){return t.wrapper.append(n)}));t.initiateInfiniteScroll();var i=t.wrapper.querySelectorAll("salla-notification-item:not(.animated)");r.animateItems(i)}),100)})).catch((function(n){salla.logger.error(n);t.showPlaceholder=true;t.loading(false)}))];case 1:n.sent();return[2]}}))}))};t.prototype.loadMore=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){(t=this.infiniteScroll)===null||t===void 0?void 0:t.loadNextPage();return[2]}))}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.loadInitialData()];case 1:t.sent();return[2]}}))}))};Object.defineProperty(t.prototype,"host",{get:function(){return e(this)},enumerable:false,configurable:true});return t}());s.style=o}}}));
-//# sourceMappingURL=p-12198e85.system.entry.js.map
+ */System.register(["./p-DdFhEMb6.system.js","./p-CSGkUch3.system.js","./p-CLqFzsVe.system.js"],(function(t){"use strict";var n,i,e,r;return{setters:[function(t){n=t.r;i=t.h;e=t.g},function(t){r=t.H},null],execute:function(){var o="";var s=t("salla_notifications",function(){function t(t){var i=this;n(this,t);this.itemPerPage=10;this.no_notifications_trans=salla.lang.get("blocks.header.no_notifications");this.load_more_text_trans=salla.lang.get("common.elements.load_more");salla.lang.onLoaded((function(){i.no_notifications_trans=salla.lang.get("blocks.header.no_notifications");i.load_more_text_trans=salla.lang.get("common.elements.load_more")}))}t.prototype.loading=function(t){if(t===void 0){t=true}var n;var i=(n=this.status)===null||n===void 0?void 0:n.querySelector(".s-button-text");if(i){r.toggleElementClassIf(i,"s-button-hide","s-button-show",(function(){return t}));this.btnLoader.style.display=t?"inherit":"none"}};t.prototype.getNotificationCard=function(t){var n=document.createElement("salla-notification-item");n.notification=t;n.classList.add("s-block");return n};t.prototype.render=function(){var t=this;var n;if(this.showPlaceholder){return i("div",{class:"s-notifications-no-content"},i("salla-placeholder",{alignment:"center"},i("span",{slot:"title"},this.no_notifications_trans)))}return i("div",{class:"s-notifications-wrapper"},i("div",{class:"s-notifications-container",ref:function(n){return t.wrapper=n}}),this.nextPage&&i("div",{class:"s-infinite-scroll-wrapper",ref:function(n){return t.status=n}},i("button",{onClick:function(){return t.loadMore()},class:"s-infinite-scroll-btn s-button-btn s-button-primary"},i("span",{class:"s-button-text s-infinite-scroll-btn-text"},(n=this.loadMoreText)!==null&&n!==void 0?n:this.load_more_text_trans),i("span",{class:"s-button-loader s-button-loader-center s-infinite-scroll-btn-loader",ref:function(n){return t.btnLoader=n},style:{display:"none"}}))))};t.prototype.handleResponse=function(t){var n=this;return t.map((function(t){return n.getNotificationCard(t)}))};t.prototype.initiateInfiniteScroll=function(){var t=this;var n,i,e;if(!this.wrapper){salla.logger.error("Wrapper is undefined. Cannot initiate infinite scroll.");return}this.infiniteScroll=salla.infiniteScroll.initiate(this.wrapper,this.wrapper,{path:function(){return t.nextPage},history:true,nextPage:this.nextPage,scrollThreshold:false},true);(n=this.infiniteScroll)===null||n===void 0?void 0:n.on("request",(function(n){t.loading()}));(i=this.infiniteScroll)===null||i===void 0?void 0:i.on("load",(function(n){var i;t.loading(false);t.pagination=n.pagination;t.nextPage=((i=n.pagination.links)===null||i===void 0?void 0:i.next)||null;t.handleResponse(n.data).forEach((function(n){return t.wrapper.append(n)}));var e=t.host.querySelectorAll("salla-notification-item:not(.animated)");r.animateItems(e)}));(e=this.infiniteScroll)===null||e===void 0?void 0:e.on("error",(function(t){salla.logger.error("Error loading more comments:",t)}))};t.prototype.loadInitialData=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){switch(n.label){case 0:return[4,salla.api.notifications.fetch({per_page:this.itemPerPage}).then((function(n){var i;t.pagination=n.pagination;t.total=n.pagination.total;t.nextPage=((i=n.pagination.links)===null||i===void 0?void 0:i.next)||null;setTimeout((function(){if(!n.data.length){return t.showPlaceholder=true}t.handleResponse(n.data).forEach((function(n){return t.wrapper.append(n)}));t.initiateInfiniteScroll();var i=t.wrapper.querySelectorAll("salla-notification-item:not(.animated)");r.animateItems(i)}),100)})).catch((function(n){salla.logger.error(n);t.showPlaceholder=true;t.loading(false)}))];case 1:n.sent();return[2]}}))}))};t.prototype.loadMore=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){(t=this.infiniteScroll)===null||t===void 0?void 0:t.loadNextPage();return[2]}))}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.loadInitialData()];case 1:t.sent();return[2]}}))}))};Object.defineProperty(t.prototype,"host",{get:function(){return e(this)},enumerable:false,configurable:true});return t}());s.style=o}}}));
+//# sourceMappingURL=p-c32b29f3.system.entry.js.map

package/dist/twilight/{p-4659c645.entry.js → p-cafa90ca.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as t,h as s,H as a,g as c}from"./p-Dxu9oA9K.js";import{w as e}from"./p-DWksgowB.js";import{M as n}from"./p-DmgxDvXL.js";var i=`\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>iphone</title>\n<path d="M15.053 27.613c0.133 0.12 0.28 0.213 0.44 0.28s0.333 0.107 0.507 0.107c0.36 0 0.693-0.135 0.947-0.387 0.12-0.135 0.213-0.28 0.28-0.44 0.080-0.16 0.107-0.333 0.107-0.507 0-0.347-0.147-0.695-0.387-0.947-0.507-0.493-1.387-0.493-1.893 0-0.12 0.12-0.213 0.267-0.28 0.44-0.067 0.16-0.107 0.333-0.107 0.507s0.040 0.347 0.107 0.507 0.16 0.305 0.28 0.44zM24 0h-16c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h16c2.205 0 4-1.795 4-4v-24c0-2.205-1.795-4-4-4zM25.333 28c0 0.736-0.599 1.333-1.333 1.333h-16c-0.735 0-1.333-0.597-1.333-1.333v-4h18.667zM25.333 21.333h-18.667v-17.333c0-0.735 0.599-1.333 1.333-1.333h16c0.735 0 1.333 0.599 1.333 1.333z"></path>\n</svg>\n`;var o=`\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>phone</title>\n<path d="M30.823 21.713l-3.883-3.883c-1.569-1.568-4.12-1.568-5.689 0l-2.568 2.568c-3.063-1.499-5.583-4.019-7.081-7.083l2.568-2.567c0.759-0.76 1.177-1.771 1.177-2.845s-0.419-2.084-1.179-2.844l-3.881-3.881c-1.52-1.521-4.171-1.521-5.689 0l-1.845 1.847c-2.22 2.219-3.183 5.407-2.573 8.527 1.98 10.144 10.125 18.292 20.269 20.271 0.616 0.121 1.236 0.18 1.849 0.18 2.492 0 4.896-0.972 6.677-2.752l1.847-1.847c1.568-1.571 1.568-4.121 0.001-5.691zM28.936 25.517l-1.845 1.847c-1.592 1.592-3.883 2.283-6.132 1.841-9.089-1.776-16.388-9.075-18.163-18.165-0.439-2.247 0.249-4.539 1.841-6.129l1.847-1.847c0.256-0.257 0.596-0.397 0.959-0.397s0.703 0.14 0.959 0.397l3.883 3.883c0.256 0.256 0.397 0.596 0.397 0.959s-0.141 0.703-0.397 0.96l-3.22 3.217c-0.383 0.384-0.496 0.959-0.287 1.457 1.813 4.339 5.343 7.868 9.683 9.684 0.497 0.207 1.073 0.095 1.457-0.288l3.22-3.22c0.529-0.529 1.389-0.528 1.917 0l3.881 3.883c0.528 0.529 0.528 1.389 0 1.919z"></path>\n</svg>\n`;var l=`\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>paper-plane-o</title>\n<path d="M31.5 0.482c0.375 0.268 0.554 0.696 0.482 1.143l-4.571 27.429c-0.054 0.339-0.268 0.625-0.571 0.804-0.161 0.089-0.357 0.143-0.554 0.143-0.143 0-0.286-0.036-0.429-0.089l-9.411-3.839-5.321 5.839c-0.214 0.25-0.518 0.375-0.839 0.375-0.143 0-0.286-0.018-0.411-0.071-0.446-0.179-0.732-0.607-0.732-1.071v-8.071l-8.429-3.446c-0.411-0.161-0.679-0.536-0.714-0.982-0.036-0.429 0.196-0.839 0.571-1.054l29.714-17.143c0.375-0.232 0.857-0.214 1.214 0.036zM25.393 27.25l3.946-23.625-25.607 14.768 6 2.446 15.411-11.411-8.536 14.232z"></path>\n</svg>\n`;const h=".unicode{unicode-bidi:-webkit-plaintext;unicode-bidi:plaintext}";const r=class{constructor(s){t(this,s);var a;this.contacts=salla.config.get("store.contacts");this.iconsList={mobile:i,whatsapp:e,phone:o,telegram:l,email:n};this.contactSlot=((a=this.host.querySelector('[slot="contact"]'))===null||a===void 0?void 0:a.innerHTML)||`<a href={link} class="s-contacts-item"><span class="s-contacts-icon">{icon}</span>${!this.iconsOnly&&"<span class='unicode'>{value}</span>"}</a>`;salla.onReady((()=>{this.contacts=salla.config.get("store.contacts")}));salla.lang.onLoaded((()=>{this.contactsTitle=this.contactsTitle||salla.lang.get("blocks.footer.social")}))}getContactsArray(){return Object.entries(this.contacts).filter((([t,s])=>s!=="")).map((([t,s])=>({type:t,value:s})))}getContactLink(t){const s=this.contacts[t];switch(t){case"phone":case"mobile":return`tel:${s}`;case"whatsapp":return salla.url.get("whatsapp/send");case"email":return`mailto:${s}`;case"telegram":return s.startsWith("https://t.me/")?s:`https://t.me/${s}`;default:return s}}getContactIcon(t){return this.iconsList[t]}componentWillLoad(){return new Promise((t=>salla.onReady(t)))}render(){const t=this.getContactsArray();if(!t||t.length==0){return}if(this.isHeader){return s(a,{class:"s-contacts s-contacts-header"},t.filter((t=>t.type=="phone"||t.type=="email")).map(((t,a)=>s("a",{href:this.getContactLink(t.type),key:a,class:"s-contacts-topnav-link"},t.type==="email"?t.value:[s("span",null,this.contactsTitle,": "),s("a",{class:"unicode",href:this.iconsList[t.type]},t.value)]))))}return s(a,{class:"s-contacts"},!this.hideTitle&&s("h3",{class:"s-contacts-title"},this.contactsTitle),s("div",{class:{"s-contacts-list":true,"s-contacts-list-horizontal":this.horizontal,"s-contacts-list-vertical":!this.horizontal,"s-contacts-list-icons-only":this.iconsOnly}},t.map(((t,a)=>s("div",{key:a,id:"contact-slot",innerHTML:this.contactSlot.replace(/\{icon\}/g,this.getContactIcon(t.type)).replace(/\{value\}/g,t.value.toString()).replace(/\{link\}/g,this.getContactLink(t.type))})))))}componentDidRender(){var t;(t=this.host.querySelector('[slot="contact"]'))===null||t===void 0?void 0:t.remove()}get host(){return c(this)}};r.style=h;export{r as salla_contacts};
-//# sourceMappingURL=p-4659c645.entry.js.map
+import{r as t,h as s,H as a,g as c}from"./p-Qk6_ks1N.js";import{w as e}from"./p-DWksgowB.js";import{M as n}from"./p-DmgxDvXL.js";var i=`\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>iphone</title>\n<path d="M15.053 27.613c0.133 0.12 0.28 0.213 0.44 0.28s0.333 0.107 0.507 0.107c0.36 0 0.693-0.135 0.947-0.387 0.12-0.135 0.213-0.28 0.28-0.44 0.080-0.16 0.107-0.333 0.107-0.507 0-0.347-0.147-0.695-0.387-0.947-0.507-0.493-1.387-0.493-1.893 0-0.12 0.12-0.213 0.267-0.28 0.44-0.067 0.16-0.107 0.333-0.107 0.507s0.040 0.347 0.107 0.507 0.16 0.305 0.28 0.44zM24 0h-16c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h16c2.205 0 4-1.795 4-4v-24c0-2.205-1.795-4-4-4zM25.333 28c0 0.736-0.599 1.333-1.333 1.333h-16c-0.735 0-1.333-0.597-1.333-1.333v-4h18.667zM25.333 21.333h-18.667v-17.333c0-0.735 0.599-1.333 1.333-1.333h16c0.735 0 1.333 0.599 1.333 1.333z"></path>\n</svg>\n`;var o=`\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>phone</title>\n<path d="M30.823 21.713l-3.883-3.883c-1.569-1.568-4.12-1.568-5.689 0l-2.568 2.568c-3.063-1.499-5.583-4.019-7.081-7.083l2.568-2.567c0.759-0.76 1.177-1.771 1.177-2.845s-0.419-2.084-1.179-2.844l-3.881-3.881c-1.52-1.521-4.171-1.521-5.689 0l-1.845 1.847c-2.22 2.219-3.183 5.407-2.573 8.527 1.98 10.144 10.125 18.292 20.269 20.271 0.616 0.121 1.236 0.18 1.849 0.18 2.492 0 4.896-0.972 6.677-2.752l1.847-1.847c1.568-1.571 1.568-4.121 0.001-5.691zM28.936 25.517l-1.845 1.847c-1.592 1.592-3.883 2.283-6.132 1.841-9.089-1.776-16.388-9.075-18.163-18.165-0.439-2.247 0.249-4.539 1.841-6.129l1.847-1.847c0.256-0.257 0.596-0.397 0.959-0.397s0.703 0.14 0.959 0.397l3.883 3.883c0.256 0.256 0.397 0.596 0.397 0.959s-0.141 0.703-0.397 0.96l-3.22 3.217c-0.383 0.384-0.496 0.959-0.287 1.457 1.813 4.339 5.343 7.868 9.683 9.684 0.497 0.207 1.073 0.095 1.457-0.288l3.22-3.22c0.529-0.529 1.389-0.528 1.917 0l3.881 3.883c0.528 0.529 0.528 1.389 0 1.919z"></path>\n</svg>\n`;var l=`\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>paper-plane-o</title>\n<path d="M31.5 0.482c0.375 0.268 0.554 0.696 0.482 1.143l-4.571 27.429c-0.054 0.339-0.268 0.625-0.571 0.804-0.161 0.089-0.357 0.143-0.554 0.143-0.143 0-0.286-0.036-0.429-0.089l-9.411-3.839-5.321 5.839c-0.214 0.25-0.518 0.375-0.839 0.375-0.143 0-0.286-0.018-0.411-0.071-0.446-0.179-0.732-0.607-0.732-1.071v-8.071l-8.429-3.446c-0.411-0.161-0.679-0.536-0.714-0.982-0.036-0.429 0.196-0.839 0.571-1.054l29.714-17.143c0.375-0.232 0.857-0.214 1.214 0.036zM25.393 27.25l3.946-23.625-25.607 14.768 6 2.446 15.411-11.411-8.536 14.232z"></path>\n</svg>\n`;const h=".unicode{unicode-bidi:-webkit-plaintext;unicode-bidi:plaintext}";const r=class{constructor(s){t(this,s);var a;this.contacts=salla.config.get("store.contacts");this.iconsList={mobile:i,whatsapp:e,phone:o,telegram:l,email:n};this.contactSlot=((a=this.host.querySelector('[slot="contact"]'))===null||a===void 0?void 0:a.innerHTML)||`<a href={link} class="s-contacts-item"><span class="s-contacts-icon">{icon}</span>${!this.iconsOnly&&"<span class='unicode'>{value}</span>"}</a>`;salla.onReady((()=>{this.contacts=salla.config.get("store.contacts")}));salla.lang.onLoaded((()=>{this.contactsTitle=this.contactsTitle||salla.lang.get("blocks.footer.social")}))}getContactsArray(){return Object.entries(this.contacts).filter((([t,s])=>s!=="")).map((([t,s])=>({type:t,value:s})))}getContactLink(t){const s=this.contacts[t];switch(t){case"phone":case"mobile":return`tel:${s}`;case"whatsapp":return salla.url.get("whatsapp/send");case"email":return`mailto:${s}`;case"telegram":return s.startsWith("https://t.me/")?s:`https://t.me/${s}`;default:return s}}getContactIcon(t){return this.iconsList[t]}componentWillLoad(){return new Promise((t=>salla.onReady(t)))}render(){const t=this.getContactsArray();if(!t||t.length==0){return}if(this.isHeader){return s(a,{class:"s-contacts s-contacts-header"},t.filter((t=>t.type=="phone"||t.type=="email")).map(((t,a)=>s("a",{href:this.getContactLink(t.type),key:a,class:"s-contacts-topnav-link"},t.type==="email"?t.value:[s("span",null,this.contactsTitle,": "),s("a",{class:"unicode",href:this.iconsList[t.type]},t.value)]))))}return s(a,{class:"s-contacts"},!this.hideTitle&&s("h3",{class:"s-contacts-title"},this.contactsTitle),s("div",{class:{"s-contacts-list":true,"s-contacts-list-horizontal":this.horizontal,"s-contacts-list-vertical":!this.horizontal,"s-contacts-list-icons-only":this.iconsOnly}},t.map(((t,a)=>s("div",{key:a,id:"contact-slot",innerHTML:this.contactSlot.replace(/\{icon\}/g,this.getContactIcon(t.type)).replace(/\{value\}/g,t.value.toString()).replace(/\{link\}/g,this.getContactLink(t.type))})))))}componentDidRender(){var t;(t=this.host.querySelector('[slot="contact"]'))===null||t===void 0?void 0:t.remove()}get host(){return c(this)}};r.style=h;export{r as salla_contacts};
+//# sourceMappingURL=p-cafa90ca.entry.js.map

package/dist/twilight/{p-554092d9.system.entry.js → p-cb051f40.system.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-System.register(["./p-BV4kErtd.system.js","./p-CLqFzsVe.system.js"],(function(t){"use strict";var n,s,i,e;return{setters:[function(t){n=t.r;s=t.h;i=t.g},function(t){e=t.a}],execute:function(){var a=":host{display:block}";var r=t("salla_advertisement",function(){function t(t){var s=this;n(this,t);var i;this.currentSlug=salla.config.get("page.slug");salla.onReady((function(){s.currentSlug=salla.config.get("page.slug")}));this.advSlot=((i=this.host.querySelector('[slot="adv"]'))===null||i===void 0?void 0:i.innerHTML)||'<div class="s-advertisement-content"><h2 class="s-advertisement-content-main">{iconElem}{urlElem}</h2>{closeElem}</div>\n    '}t.prototype.isNotVisible=function(t){return!!salla.storage.get("statusAd-".concat(t.id))};t.prototype.setCanDisplayFlag=function(t,n){if(!n){salla.storage.set("statusAd-".concat(t.id),"dismissed");e({targets:this.host,opacity:[1,0],duration:300,height:[this.host.clientHeight,0],easing:"easeInOutQuad"})}};t.prototype.render=function(){var t=this;if(Array.isArray(this.advertisements)&&!this.advertisements.length||!this.advertisements){return}return this.advertisements.map((function(n){return s("div",{class:{"s-hidden":t.isNotVisible(n),"s-advertisement":true},"data-id":n.id,style:{"background-color":n.colors.bg,color:n.colors.text}},s("div",{id:"adv-slot",innerHTML:t.advSlot.replace("{iconElem}",'<i class="s-advertisement-content-icon '.concat(n.icon,'"></i>')).replace("{urlElem}",n.url?'<a href="'.concat(n.url,'" target="').concat(n.target,'">').concat(n.description,"</a>"):n.description).replace("{closeElem}",'<button class="s-advertisement-action" aria-label="close-alert"><i class="sicon-cancel"></i></button>').replace("{icon}",n.icon).replace("{url}",n.url).replace("{target}",n.target).replace("{description}",n.description).replace("{bg_color}",n.colors.bg).replace("{text_color}",n.colors.text)}))}))};t.prototype.componentWillLoad=function(){var t=this;return new Promise((function(t){return salla.onReady(t)})).then((function(){return salla.api.advertisement.fetch(t.currentSlug)})).then((function(t){return Array.isArray(t.data)?t.data.find((function(t){return!salla.storage.get("statusAd-".concat(t.id))})):null})).then((function(n){return t.advertisements=n?[n]:[]}))};t.prototype.componentDidRender=function(){var t=this;var n;if(Array.isArray(this.advertisements)&&!this.advertisements.length||!this.advertisements){return}setTimeout((function(){var n=t.host.querySelector(".s-advertisement-action");if(n){n.addEventListener("click",(function(){return t.setCanDisplayFlag(t.advertisements[0],false)}))}}));this.host.querySelectorAll("#adv-slot").forEach((function(t){return t===null||t===void 0?void 0:t.replaceWith(t===null||t===void 0?void 0:t.firstChild)}));(n=this.host.querySelector('[slot="adv"]'))===null||n===void 0?void 0:n.remove();e({targets:this.host,opacity:[0,1],duration:300,height:[0,this.host.clientHeight],easing:"easeInOutQuad"})};Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());r.style=a}}}));
-//# sourceMappingURL=p-554092d9.system.entry.js.map
+System.register(["./p-DdFhEMb6.system.js","./p-CLqFzsVe.system.js"],(function(t){"use strict";var n,s,i,e;return{setters:[function(t){n=t.r;s=t.h;i=t.g},function(t){e=t.a}],execute:function(){var a=":host{display:block}";var r=t("salla_advertisement",function(){function t(t){var s=this;n(this,t);var i;this.currentSlug=salla.config.get("page.slug");salla.onReady((function(){s.currentSlug=salla.config.get("page.slug")}));this.advSlot=((i=this.host.querySelector('[slot="adv"]'))===null||i===void 0?void 0:i.innerHTML)||'<div class="s-advertisement-content"><h2 class="s-advertisement-content-main">{iconElem}{urlElem}</h2>{closeElem}</div>\n    '}t.prototype.isNotVisible=function(t){return!!salla.storage.get("statusAd-".concat(t.id))};t.prototype.setCanDisplayFlag=function(t,n){if(!n){salla.storage.set("statusAd-".concat(t.id),"dismissed");e({targets:this.host,opacity:[1,0],duration:300,height:[this.host.clientHeight,0],easing:"easeInOutQuad"})}};t.prototype.render=function(){var t=this;if(Array.isArray(this.advertisements)&&!this.advertisements.length||!this.advertisements){return}return this.advertisements.map((function(n){return s("div",{class:{"s-hidden":t.isNotVisible(n),"s-advertisement":true},"data-id":n.id,style:{"background-color":n.colors.bg,color:n.colors.text}},s("div",{id:"adv-slot",innerHTML:t.advSlot.replace("{iconElem}",'<i class="s-advertisement-content-icon '.concat(n.icon,'"></i>')).replace("{urlElem}",n.url?'<a href="'.concat(n.url,'" target="').concat(n.target,'">').concat(n.description,"</a>"):n.description).replace("{closeElem}",'<button class="s-advertisement-action" aria-label="close-alert"><i class="sicon-cancel"></i></button>').replace("{icon}",n.icon).replace("{url}",n.url).replace("{target}",n.target).replace("{description}",n.description).replace("{bg_color}",n.colors.bg).replace("{text_color}",n.colors.text)}))}))};t.prototype.componentWillLoad=function(){var t=this;return new Promise((function(t){return salla.onReady(t)})).then((function(){return salla.api.advertisement.fetch(t.currentSlug)})).then((function(t){return Array.isArray(t.data)?t.data.find((function(t){return!salla.storage.get("statusAd-".concat(t.id))})):null})).then((function(n){return t.advertisements=n?[n]:[]}))};t.prototype.componentDidRender=function(){var t=this;var n;if(Array.isArray(this.advertisements)&&!this.advertisements.length||!this.advertisements){return}setTimeout((function(){var n=t.host.querySelector(".s-advertisement-action");if(n){n.addEventListener("click",(function(){return t.setCanDisplayFlag(t.advertisements[0],false)}))}}));this.host.querySelectorAll("#adv-slot").forEach((function(t){return t===null||t===void 0?void 0:t.replaceWith(t===null||t===void 0?void 0:t.firstChild)}));(n=this.host.querySelector('[slot="adv"]'))===null||n===void 0?void 0:n.remove();e({targets:this.host,opacity:[0,1],duration:300,height:[0,this.host.clientHeight],easing:"easeInOutQuad"})};Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());r.style=a}}}));
+//# sourceMappingURL=p-cb051f40.system.entry.js.map

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

@@ -0,0 +1,5 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+System.register(["./p-DdFhEMb6.system.js"],(function(e){"use strict";var c,t,n;return{setters:[function(e){c=e.r;t=e.h;n=e.H}],execute:function(){var b="";var r=e("salla_accordion_body",function(){function e(e){c(this,e)}e.prototype.render=function(){return t(n,{key:"298d42a5bf1bcefdb181ec35060220cf749b56ed",class:"s-accordion-body-wrapper"},t("slot",{key:"6ab081e8b71b5dc69fb66fbdec82b4725ab53b0d"}))};return e}());r.style=b}}}));
+//# sourceMappingURL=p-d7834bb8.system.entry.js.map

package/dist/twilight/{p-4bc9089d.entry.js → p-da0d4708.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as t,h as i,g as s}from"./p-Dxu9oA9K.js";import{H as n}from"./p-DVKz7ZDb.js";import"./p-CgtvEd63.js";const o="";const a=class{constructor(i){t(this,i);this.itemPerPage=10;this.no_notifications_trans=salla.lang.get("blocks.header.no_notifications");this.load_more_text_trans=salla.lang.get("common.elements.load_more");salla.lang.onLoaded((()=>{this.no_notifications_trans=salla.lang.get("blocks.header.no_notifications");this.load_more_text_trans=salla.lang.get("common.elements.load_more")}))}loading(t=true){var i;let s=(i=this.status)===null||i===void 0?void 0:i.querySelector(".s-button-text");if(s){n.toggleElementClassIf(s,"s-button-hide","s-button-show",(()=>t));this.btnLoader.style.display=t?"inherit":"none"}}getNotificationCard(t){const i=document.createElement("salla-notification-item");i.notification=t;i.classList.add("s-block");return i}render(){var t;if(this.showPlaceholder){return i("div",{class:"s-notifications-no-content"},i("salla-placeholder",{alignment:"center"},i("span",{slot:"title"},this.no_notifications_trans)))}return i("div",{class:"s-notifications-wrapper"},i("div",{class:"s-notifications-container",ref:t=>this.wrapper=t}),this.nextPage&&i("div",{class:"s-infinite-scroll-wrapper",ref:t=>this.status=t},i("button",{onClick:()=>this.loadMore(),class:"s-infinite-scroll-btn s-button-btn s-button-primary"},i("span",{class:"s-button-text s-infinite-scroll-btn-text"},(t=this.loadMoreText)!==null&&t!==void 0?t:this.load_more_text_trans),i("span",{class:"s-button-loader s-button-loader-center s-infinite-scroll-btn-loader",ref:t=>this.btnLoader=t,style:{display:"none"}}))))}handleResponse(t){return t.map((t=>this.getNotificationCard(t)))}initiateInfiniteScroll(){var t,i,s;if(!this.wrapper){salla.logger.error("Wrapper is undefined. Cannot initiate infinite scroll.");return}this.infiniteScroll=salla.infiniteScroll.initiate(this.wrapper,this.wrapper,{path:()=>this.nextPage,history:true,nextPage:this.nextPage,scrollThreshold:false},true);(t=this.infiniteScroll)===null||t===void 0?void 0:t.on("request",(t=>{this.loading()}));(i=this.infiniteScroll)===null||i===void 0?void 0:i.on("load",(t=>{var i;this.loading(false);this.pagination=t.pagination;this.nextPage=((i=t.pagination.links)===null||i===void 0?void 0:i.next)||null;this.handleResponse(t.data).forEach((t=>this.wrapper.append(t)));let s=this.host.querySelectorAll("salla-notification-item:not(.animated)");n.animateItems(s)}));(s=this.infiniteScroll)===null||s===void 0?void 0:s.on("error",(t=>{salla.logger.error("Error loading more comments:",t)}))}async loadInitialData(){await salla.api.notifications.fetch({per_page:this.itemPerPage}).then((t=>{var i;this.pagination=t.pagination;this.total=t.pagination.total;this.nextPage=((i=t.pagination.links)===null||i===void 0?void 0:i.next)||null;setTimeout((()=>{if(!t.data.length){return this.showPlaceholder=true}this.handleResponse(t.data).forEach((t=>this.wrapper.append(t)));this.initiateInfiniteScroll();let i=this.wrapper.querySelectorAll("salla-notification-item:not(.animated)");n.animateItems(i)}),100)})).catch((t=>{salla.logger.error(t);this.showPlaceholder=true;this.loading(false)}))}async loadMore(){var t;(t=this.infiniteScroll)===null||t===void 0?void 0:t.loadNextPage()}async componentWillLoad(){await this.loadInitialData()}get host(){return s(this)}};a.style=o;export{a as salla_notifications};
-//# sourceMappingURL=p-4bc9089d.entry.js.map
+import{r as t,h as i,g as s}from"./p-Qk6_ks1N.js";import{H as n}from"./p-DVKz7ZDb.js";import"./p-CgtvEd63.js";const o="";const a=class{constructor(i){t(this,i);this.itemPerPage=10;this.no_notifications_trans=salla.lang.get("blocks.header.no_notifications");this.load_more_text_trans=salla.lang.get("common.elements.load_more");salla.lang.onLoaded((()=>{this.no_notifications_trans=salla.lang.get("blocks.header.no_notifications");this.load_more_text_trans=salla.lang.get("common.elements.load_more")}))}loading(t=true){var i;let s=(i=this.status)===null||i===void 0?void 0:i.querySelector(".s-button-text");if(s){n.toggleElementClassIf(s,"s-button-hide","s-button-show",(()=>t));this.btnLoader.style.display=t?"inherit":"none"}}getNotificationCard(t){const i=document.createElement("salla-notification-item");i.notification=t;i.classList.add("s-block");return i}render(){var t;if(this.showPlaceholder){return i("div",{class:"s-notifications-no-content"},i("salla-placeholder",{alignment:"center"},i("span",{slot:"title"},this.no_notifications_trans)))}return i("div",{class:"s-notifications-wrapper"},i("div",{class:"s-notifications-container",ref:t=>this.wrapper=t}),this.nextPage&&i("div",{class:"s-infinite-scroll-wrapper",ref:t=>this.status=t},i("button",{onClick:()=>this.loadMore(),class:"s-infinite-scroll-btn s-button-btn s-button-primary"},i("span",{class:"s-button-text s-infinite-scroll-btn-text"},(t=this.loadMoreText)!==null&&t!==void 0?t:this.load_more_text_trans),i("span",{class:"s-button-loader s-button-loader-center s-infinite-scroll-btn-loader",ref:t=>this.btnLoader=t,style:{display:"none"}}))))}handleResponse(t){return t.map((t=>this.getNotificationCard(t)))}initiateInfiniteScroll(){var t,i,s;if(!this.wrapper){salla.logger.error("Wrapper is undefined. Cannot initiate infinite scroll.");return}this.infiniteScroll=salla.infiniteScroll.initiate(this.wrapper,this.wrapper,{path:()=>this.nextPage,history:true,nextPage:this.nextPage,scrollThreshold:false},true);(t=this.infiniteScroll)===null||t===void 0?void 0:t.on("request",(t=>{this.loading()}));(i=this.infiniteScroll)===null||i===void 0?void 0:i.on("load",(t=>{var i;this.loading(false);this.pagination=t.pagination;this.nextPage=((i=t.pagination.links)===null||i===void 0?void 0:i.next)||null;this.handleResponse(t.data).forEach((t=>this.wrapper.append(t)));let s=this.host.querySelectorAll("salla-notification-item:not(.animated)");n.animateItems(s)}));(s=this.infiniteScroll)===null||s===void 0?void 0:s.on("error",(t=>{salla.logger.error("Error loading more comments:",t)}))}async loadInitialData(){await salla.api.notifications.fetch({per_page:this.itemPerPage}).then((t=>{var i;this.pagination=t.pagination;this.total=t.pagination.total;this.nextPage=((i=t.pagination.links)===null||i===void 0?void 0:i.next)||null;setTimeout((()=>{if(!t.data.length){return this.showPlaceholder=true}this.handleResponse(t.data).forEach((t=>this.wrapper.append(t)));this.initiateInfiniteScroll();let i=this.wrapper.querySelectorAll("salla-notification-item:not(.animated)");n.animateItems(i)}),100)})).catch((t=>{salla.logger.error(t);this.showPlaceholder=true;this.loading(false)}))}async loadMore(){var t;(t=this.infiniteScroll)===null||t===void 0?void 0:t.loadNextPage()}async componentWillLoad(){await this.loadInitialData()}get host(){return s(this)}};a.style=o;export{a as salla_notifications};
+//# sourceMappingURL=p-da0d4708.entry.js.map

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

@@ -0,0 +1,5 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import{r as s,h as c,H as b}from"./p-Qk6_ks1N.js";const o="";const r=class{constructor(c){s(this,c)}render(){return c(b,{key:"298d42a5bf1bcefdb181ec35060220cf749b56ed",class:"s-accordion-body-wrapper"},c("slot",{key:"6ab081e8b71b5dc69fb66fbdec82b4725ab53b0d"}))}};r.style=o;export{r as salla_accordion_body};
+//# sourceMappingURL=p-da239ecb.entry.js.map

package/dist/twilight/{p-cc5e1937.system.entry.js → p-e0c33d75.system.entry.js}

@@ -1,5 +1,5 @@
 var __awaiter=this&&this.__awaiter||function(r,t,e,i){function n(r){return r instanceof e?r:new e((function(t){t(r)}))}return new(e||(e=Promise))((function(e,a){function s(r){try{o(i.next(r))}catch(r){a(r)}}function u(r){try{o(i["throw"](r))}catch(r){a(r)}}function o(r){r.done?e(r.value):n(r.value).then(s,u)}o((i=i.apply(r,t||[])).next())}))};var __generator=this&&this.__generator||function(r,t){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,n,a,s;return s={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function u(r){return function(t){return o([r,t])}}function o(u){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,u[0]&&(e=0)),e)try{if(i=1,n&&(a=u[0]&2?n["return"]:u[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,u[1])).done)return a;if(n=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4:e.label++;return{value:u[1],done:false};case 5:e.label++;n=u[1];u=[0];continue;case 7:u=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(u[0]===6||u[0]===2)){e=0;continue}if(u[0]===3&&(!a||u[1]>a[0]&&u[1]<a[3])){e.label=u[1];break}if(u[0]===6&&e.label<a[1]){e.label=a[1];a=u;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(u);break}if(a[2])e.ops.pop();e.trys.pop();continue}u=t.call(r,e)}catch(r){u=[6,r];n=0}finally{i=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(r,t,e){if(e||arguments.length===2)for(var i=0,n=t.length,a;i<n;i++){if(a||!(i in t)){if(!a)a=Array.prototype.slice.call(t,0,i);a[i]=t[i]}}return r.concat(a||Array.prototype.slice.call(t))};
 /*!
  * Crafted with ❤ by Salla
- */System.register(["./p-BV4kErtd.system.js","./p-B8FGqfEh.system.js","./p-CSGkUch3.system.js","./p-CLqFzsVe.system.js"],(function(r){"use strict";var t,e,i,n,a,s,u,o,f;return{setters:[function(r){t=r.a;e=r.d;i=r.e;n=r.f;a=r.r;s=r.h;u=r.g},function(r){o=r.S},function(r){f=r.H},null],execute:function(){var l;var c;function v(){if(c)return l;c=1;var r=t();var e=function(){return r.Date.now()};l=e;return l}var h;var d;function p(){if(d)return h;d=1;var r=/\s/;function t(t){var e=t.length;while(e--&&r.test(t.charAt(e))){}return e}h=t;return h}var g;var w;function m(){if(w)return g;w=1;var r=p();var t=/^\s+/;function e(e){return e?e.slice(0,r(e)+1).replace(t,""):e}g=e;return g}var y;var b;function _(){if(b)return y;b=1;var r=m(),t=e(),n=i();var a=0/0;var s=/^[-+]0x[0-9a-f]+$/i;var u=/^0b[01]+$/i;var o=/^0o[0-7]+$/i;var f=parseInt;function l(e){if(typeof e=="number"){return e}if(n(e)){return a}if(t(e)){var i=typeof e.valueOf=="function"?e.valueOf():e;e=t(i)?i+"":i}if(typeof e!="string"){return e===0?e:+e}e=r(e);var l=u.test(e);return l||o.test(e)?f(e.slice(2),l?2:8):s.test(e)?a:+e}y=l;return y}var k;var T;function A(){if(T)return k;T=1;var r=e(),t=v(),i=_();var n="Expected a function";var a=Math.max,s=Math.min;function u(e,u,o){var f,l,c,v,h,d,p=0,g=false,w=false,m=true;if(typeof e!="function"){throw new TypeError(n)}u=i(u)||0;if(r(o)){g=!!o.leading;w="maxWait"in o;c=w?a(i(o.maxWait)||0,u):c;m="trailing"in o?!!o.trailing:m}function y(r){var t=f,i=l;f=l=undefined;p=r;v=e.apply(i,t);return v}function b(r){p=r;h=setTimeout(T,u);return g?y(r):v}function _(r){var t=r-d,e=r-p,i=u-t;return w?s(i,c-e):i}function k(r){var t=r-d,e=r-p;return d===undefined||t>=u||t<0||w&&e>=c}function T(){var r=t();if(k(r)){return A(r)}h=setTimeout(T,_(r))}function A(r){h=undefined;if(m&&f){return y(r)}f=l=undefined;return v}function E(){if(h!==undefined){clearTimeout(h)}p=0;f=d=l=h=undefined}function x(){return h===undefined?v:A(t())}function S(){var r=t(),e=k(r);f=arguments;l=this;d=r;if(e){if(h===undefined){return b(d)}if(w){clearTimeout(h);h=setTimeout(T,u);return y(d)}}if(h===undefined){h=setTimeout(T,u)}return v}S.cancel=E;S.flush=x;return S}k=u;return k}var E;var x;function S(){if(x)return E;x=1;var r=A(),t=e();var i="Expected a function";function n(e,n,a){var s=true,u=true;if(typeof e!="function"){throw new TypeError(i)}if(t(a)){s="leading"in a?!!a.leading:s;u="trailing"in a?!!a.trailing:u}return r(e,n,{leading:s,maxWait:n,trailing:u})}E=n;return E}var M=S();var j=n(M);var C=function(){function r(r){var t=this;this.grid=r;this.create=function(){t.mutationObserver.observe(t.grid,{childList:true});for(var r=0,e=Array.from(t.grid.children);r<e.length;r++){var i=e[r];t.resizeObserver.observe(i)}};this.onContainerMutation=function(r){var e=r.flatMap((function(r){return Array.from(r.removedNodes)}));var i=r.flatMap((function(r){return Array.from(r.addedNodes)}));for(var n=0,a=e;n<a.length;n++){var s=a[n];if(s instanceof Element){t.resizeObserver.unobserve(s)}}for(var u=0,o=i;u<o.length;u++){var s=o[u];if(s instanceof Element){t.resizeObserver.observe(s)}}if(e.length>0&&i.length===0){t.update()}};this.onChildrenResize=function(r){var e=r.filter((function(r){return r.target.parentElement!==null}));if(e.length>0){t.update()}};this.update=j((function(){var r=window.getComputedStyle(t.grid);if(r.getPropertyValue("display").includes("grid")===false){t.clean();return}var e=L(t.grid);if(e.length<=1){t.clean();return}var i=Number.parseFloat(r.getPropertyValue("row-gap").trim())||0;var n=Array.from(t.grid.children);for(var a=0;a<e.length;a++){var s=n[a];s===null||s===void 0?void 0:s.style.removeProperty("margin-top")}for(var u=0;u<n.length;u++){var o=n[u-e.length];var f=n[u];if(o!==undefined&&f!==undefined){var l=o.getBoundingClientRect().bottom;f.style.removeProperty("margin-top");var c=f.getBoundingClientRect().top;if(c-i!==l){var v=Math.round((l-(c-i)+Number.EPSILON)*100)/100;f.style.setProperty("margin-top","".concat(v,"px"))}}}}),32);this.destroy=function(){t.resizeObserver.disconnect();t.mutationObserver.disconnect();t.clean()};this.clean=function(){for(var r=0,e=Array.from(t.grid.children);r<e.length;r++){var i=e[r];i.style.removeProperty("margin-top")}};this.mutationObserver=new MutationObserver(this.onContainerMutation);this.resizeObserver=new ResizeObserver(this.onChildrenResize);if(CSS.supports("grid-template-rows","masonry")===false){this.create()}}r.prototype[Symbol.dispose]=function(){this.destroy()};return r}();function L(r){var t=window.getComputedStyle(r);var e=t.getPropertyValue("grid-template-columns");return e.trim().split(/\s+(?=(?:[^()]*\([^()]*\))*[^()]*$)/)}var q=":host{display:block}";var z=r("salla_reviews_page",function(){function r(r){a(this,r);this.reviews=[];this.isLoading=false;this.pagination=null;this.sort="latest"}r.prototype.getUrlParams=function(){var r=new URLSearchParams(window.location.search);return{sort:r.get("sort")||null,page:Number.parseInt(r.get("page"))||1}};r.prototype.updateUrlParams=function(r){var t=new URL(window.location.href);for(var e=0,i=Object.entries(r);e<i.length;e++){var n=i[e],a=n[0],s=n[1];if(s){t.searchParams.set(a,s.toString())}else{t.searchParams.delete(a)}}window.history.replaceState({},"",t.toString())};r.prototype.fetchReviews=function(r,t){var e=this.getUrlParams();return salla.api.request("reviews",{params:{type:"products",format:"lite",per_page:8,page:t||e.page||1,sort:r||e.sort||null}})};r.prototype.initializeMasonry=function(){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(t){r=this.el.querySelector(".s-reviews-page-grid");if(!r)return[2];try{new C(r);salla.logger.info("Masonry initialized successfully")}catch(r){salla.logger.error("Masonry initialization failed:",r)}return[2]}))}))};r.prototype.animateReviewCards=function(){var r=this.wrapper.querySelectorAll("salla-review-card:not(.animated)");f.animateItems(r)};r.prototype.initiateInfiniteScroll=function(){var r=this;var t,e,i;if(!this.wrapper){salla.logger.error("Wrapper is undefined. Cannot initiate infinite scroll.");return}this.infiniteScroll=salla.infiniteScroll.initiate(this.wrapper,this.wrapper,{path:function(){var t,e;return((e=(t=r.pagination)===null||t===void 0?void 0:t.links)===null||e===void 0?void 0:e.next)||null},history:false,scrollThreshold:false},true);(t=this.infiniteScroll)===null||t===void 0?void 0:t.on("request",(function(){r.isLoading=true}));(e=this.infiniteScroll)===null||e===void 0?void 0:e.on("load",(function(t){r.pagination=t.pagination;r.reviews=__spreadArray(__spreadArray([],r.reviews,true),t.data,true);r.isLoading=false;r.updateUrlParams({page:t.pagination.current_page})}));(i=this.infiniteScroll)===null||i===void 0?void 0:i.on("error",(function(t){salla.logger.error("Error loading more reviews:",t);r.isLoading=false}))};r.prototype.componentDidRender=function(){var r=this;setTimeout((function(){requestAnimationFrame(r.animateReviewCards.bind(r))}),176)};r.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var r,t,e,i;return __generator(this,(function(n){switch(n.label){case 0:n.trys.push([0,3,,4]);return[4,salla.onReady()];case 1:n.sent();this.langTitlesReviews=salla.lang.get("common.titles.reviews");this.langSorting=salla.lang.get("pages.categories.sorting");this.placeholderText=salla.lang.choice("pages.rating.reviews",0);this.langLoadMore=salla.lang.get("common.elements.load_more");this.langSortByTopRating=salla.lang.get("pages.testimonials.sort_by_rating_desc");this.langSortByMostRecent=salla.lang.get("pages.testimonials.sort_by_date_desc");this.langSortByLeastRated=salla.lang.get("pages.testimonials.sort_by_rating_asc");this.langSortByLeastRecent=salla.lang.get("pages.testimonials.sort_by_date_asc");t=this.getUrlParams();return[4,this.fetchReviews(t.sort)];case 2:e=n.sent();this.sort=t.sort;this.reviews=e.data;this.pagination=e.pagination;this.langRatingReviews=salla.lang.choice("pages.rating.reviews",(r=this.pagination)===null||r===void 0?void 0:r.total);return[3,4];case 3:i=n.sent();salla.logger.error("Error loading reviews:",i);return[3,4];case 4:return[2]}}))}))};r.prototype.handleSorting=function(r){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:t=r.target.value;this.sort=t;this.updateUrlParams({sort:t,page:1});return[4,this.fetchReviews(t,1)];case 1:e=i.sent();this.reviews=e.data;this.pagination=e.pagination;return[2]}}))}))};r.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,this.initializeMasonry()];case 1:r.sent();this.initiateInfiniteScroll();this.sort=this.getUrlParams().sort||"latest";this.updateUrlParams({sort:this.sort,page:1});return[2]}}))}))};r.prototype.disconnectedCallback=function(){if(this.infiniteScroll){this.infiniteScroll.destroy()}};r.prototype.renderSortingOptions=function(){var r=this;var t=[{value:"latest",label:this.langSortByMostRecent},{value:"oldest",label:this.langSortByLeastRecent},{value:"top_rating",label:this.langSortByTopRating},{value:"bottom_rating",label:this.langSortByLeastRated}];return t.map((function(t){return s("option",{key:t.value,value:t.value,selected:t.value===r.sort},t.label)}))};r.prototype.render=function(){var r=this;var t,e;return s("host",{key:"2108b6bebdc8a651705e45d169fb10127c3c215e"},s("div",{key:"84972824884151462a1040bdc53c334b733cd7fb",class:"s-reviews-page-header-wrapper"},s("h2",{key:"80905de0950443f7e2b1c28d63bcb7f3fa47dc0c",class:"s-reviews-page-title"},this.langTitlesReviews,s("span",{key:"d51385e66a1dee802786b50d063501b6397ce345",class:"s-reviews-page-count"},"(",this.langRatingReviews,")")),s("div",{key:"2fc74d0b61d0377f0d14a5fd15a4d852e6850932",class:"s-reviews-page-filter-wrapper"},s("label",{key:"8d1363a2b2f6722f1c56445b5ba33a98f241b106",class:"s-reviews-page-filter-label",htmlFor:"testimonials-filter"},this.langSorting),s("select",{key:"eb27d82e25fa609b25d5ca825381285c0a40cc5b",onChange:function(t){return r.handleSorting(t)},disabled:!this.reviews.length,class:"s-reviews-page-filter"},this.renderSortingOptions()))),this.reviews.length?s("main",{class:"s-reviews-page-grid",ref:function(t){r.wrapper=t}},this.reviews.map((function(r){return s("salla-review-card",{key:r.id,review:r})}))):s("div",{class:"s-products-list-placeholder"},s("span",{innerHTML:o}),s("p",null,this.placeholderText)),((e=(t=this.pagination)===null||t===void 0?void 0:t.links)===null||e===void 0?void 0:e.next)&&this.reviews.length?s("div",{class:"s-reviews-page-load-more-container"},s("salla-button",{class:"s-reviews-page-load-more-btn",loading:this.isLoading,onClick:function(){var t;return(t=r.infiniteScroll)===null||t===void 0?void 0:t.loadNextPage()},onKeyUp:function(){var t;return(t=r.infiniteScroll)===null||t===void 0?void 0:t.loadNextPage()}},this.langLoadMore)):null)};Object.defineProperty(r.prototype,"el",{get:function(){return u(this)},enumerable:false,configurable:true});return r}());z.style=q}}}));
-//# sourceMappingURL=p-cc5e1937.system.entry.js.map
+ */System.register(["./p-DdFhEMb6.system.js","./p-B8FGqfEh.system.js","./p-CSGkUch3.system.js","./p-CLqFzsVe.system.js"],(function(r){"use strict";var t,e,i,n,a,s,u,o,f;return{setters:[function(r){t=r.a;e=r.d;i=r.e;n=r.f;a=r.r;s=r.h;u=r.g},function(r){o=r.S},function(r){f=r.H},null],execute:function(){var l;var c;function v(){if(c)return l;c=1;var r=t();var e=function(){return r.Date.now()};l=e;return l}var h;var d;function p(){if(d)return h;d=1;var r=/\s/;function t(t){var e=t.length;while(e--&&r.test(t.charAt(e))){}return e}h=t;return h}var g;var w;function m(){if(w)return g;w=1;var r=p();var t=/^\s+/;function e(e){return e?e.slice(0,r(e)+1).replace(t,""):e}g=e;return g}var y;var b;function _(){if(b)return y;b=1;var r=m(),t=e(),n=i();var a=0/0;var s=/^[-+]0x[0-9a-f]+$/i;var u=/^0b[01]+$/i;var o=/^0o[0-7]+$/i;var f=parseInt;function l(e){if(typeof e=="number"){return e}if(n(e)){return a}if(t(e)){var i=typeof e.valueOf=="function"?e.valueOf():e;e=t(i)?i+"":i}if(typeof e!="string"){return e===0?e:+e}e=r(e);var l=u.test(e);return l||o.test(e)?f(e.slice(2),l?2:8):s.test(e)?a:+e}y=l;return y}var k;var T;function A(){if(T)return k;T=1;var r=e(),t=v(),i=_();var n="Expected a function";var a=Math.max,s=Math.min;function u(e,u,o){var f,l,c,v,h,d,p=0,g=false,w=false,m=true;if(typeof e!="function"){throw new TypeError(n)}u=i(u)||0;if(r(o)){g=!!o.leading;w="maxWait"in o;c=w?a(i(o.maxWait)||0,u):c;m="trailing"in o?!!o.trailing:m}function y(r){var t=f,i=l;f=l=undefined;p=r;v=e.apply(i,t);return v}function b(r){p=r;h=setTimeout(T,u);return g?y(r):v}function _(r){var t=r-d,e=r-p,i=u-t;return w?s(i,c-e):i}function k(r){var t=r-d,e=r-p;return d===undefined||t>=u||t<0||w&&e>=c}function T(){var r=t();if(k(r)){return A(r)}h=setTimeout(T,_(r))}function A(r){h=undefined;if(m&&f){return y(r)}f=l=undefined;return v}function E(){if(h!==undefined){clearTimeout(h)}p=0;f=d=l=h=undefined}function x(){return h===undefined?v:A(t())}function M(){var r=t(),e=k(r);f=arguments;l=this;d=r;if(e){if(h===undefined){return b(d)}if(w){clearTimeout(h);h=setTimeout(T,u);return y(d)}}if(h===undefined){h=setTimeout(T,u)}return v}M.cancel=E;M.flush=x;return M}k=u;return k}var E;var x;function M(){if(x)return E;x=1;var r=A(),t=e();var i="Expected a function";function n(e,n,a){var s=true,u=true;if(typeof e!="function"){throw new TypeError(i)}if(t(a)){s="leading"in a?!!a.leading:s;u="trailing"in a?!!a.trailing:u}return r(e,n,{leading:s,maxWait:n,trailing:u})}E=n;return E}var S=M();var j=n(S);var C=function(){function r(r){var t=this;this.grid=r;this.create=function(){t.mutationObserver.observe(t.grid,{childList:true});for(var r=0,e=Array.from(t.grid.children);r<e.length;r++){var i=e[r];t.resizeObserver.observe(i)}};this.onContainerMutation=function(r){var e=r.flatMap((function(r){return Array.from(r.removedNodes)}));var i=r.flatMap((function(r){return Array.from(r.addedNodes)}));for(var n=0,a=e;n<a.length;n++){var s=a[n];if(s instanceof Element){t.resizeObserver.unobserve(s)}}for(var u=0,o=i;u<o.length;u++){var s=o[u];if(s instanceof Element){t.resizeObserver.observe(s)}}if(e.length>0&&i.length===0){t.update()}};this.onChildrenResize=function(r){var e=r.filter((function(r){return r.target.parentElement!==null}));if(e.length>0){t.update()}};this.update=j((function(){var r=window.getComputedStyle(t.grid);if(r.getPropertyValue("display").includes("grid")===false){t.clean();return}var e=F(t.grid);if(e.length<=1){t.clean();return}var i=Number.parseFloat(r.getPropertyValue("row-gap").trim())||0;var n=Array.from(t.grid.children);for(var a=0;a<e.length;a++){var s=n[a];s===null||s===void 0?void 0:s.style.removeProperty("margin-top")}for(var u=0;u<n.length;u++){var o=n[u-e.length];var f=n[u];if(o!==undefined&&f!==undefined){var l=o.getBoundingClientRect().bottom;f.style.removeProperty("margin-top");var c=f.getBoundingClientRect().top;if(c-i!==l){var v=Math.round((l-(c-i)+Number.EPSILON)*100)/100;f.style.setProperty("margin-top","".concat(v,"px"))}}}}),32);this.destroy=function(){t.resizeObserver.disconnect();t.mutationObserver.disconnect();t.clean()};this.clean=function(){for(var r=0,e=Array.from(t.grid.children);r<e.length;r++){var i=e[r];i.style.removeProperty("margin-top")}};this.mutationObserver=new MutationObserver(this.onContainerMutation);this.resizeObserver=new ResizeObserver(this.onChildrenResize);if(CSS.supports("grid-template-rows","masonry")===false){this.create()}}r.prototype[Symbol.dispose]=function(){this.destroy()};return r}();function F(r){var t=window.getComputedStyle(r);var e=t.getPropertyValue("grid-template-columns");return e.trim().split(/\s+(?=(?:[^()]*\([^()]*\))*[^()]*$)/)}var L=":host{display:block}";var q=r("salla_reviews_page",function(){function r(r){a(this,r);this.reviews=[];this.isLoading=false;this.pagination=null;this.sort="latest"}r.prototype.getUrlParams=function(){var r=new URLSearchParams(window.location.search);return{sort:r.get("sort")||null,page:Number.parseInt(r.get("page"))||1}};r.prototype.updateUrlParams=function(r){var t=new URL(window.location.href);for(var e=0,i=Object.entries(r);e<i.length;e++){var n=i[e],a=n[0],s=n[1];if(s){t.searchParams.set(a,s.toString())}else{t.searchParams.delete(a)}}window.history.replaceState({},"",t.toString())};r.prototype.fetchReviews=function(r,t){var e=this.getUrlParams();return salla.api.request("reviews",{params:{type:"products",format:"lite",per_page:8,page:t||e.page||1,sort:r||e.sort||null}})};r.prototype.initializeMasonry=function(){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(t){r=this.el.querySelector(".s-reviews-page-grid");if(!r)return[2];try{new C(r);salla.logger.info("Masonry initialized successfully")}catch(r){salla.logger.error("Masonry initialization failed:",r)}return[2]}))}))};r.prototype.animateReviewCards=function(){var r=this.wrapper.querySelectorAll("salla-review-card:not(.animated)");f.animateItems(r)};r.prototype.initiateInfiniteScroll=function(){var r=this;var t,e,i;if(!this.wrapper){salla.logger.error("Wrapper is undefined. Cannot initiate infinite scroll.");return}this.infiniteScroll=salla.infiniteScroll.initiate(this.wrapper,this.wrapper,{path:function(){var t,e;return((e=(t=r.pagination)===null||t===void 0?void 0:t.links)===null||e===void 0?void 0:e.next)||null},history:false,scrollThreshold:false},true);(t=this.infiniteScroll)===null||t===void 0?void 0:t.on("request",(function(){r.isLoading=true}));(e=this.infiniteScroll)===null||e===void 0?void 0:e.on("load",(function(t){r.pagination=t.pagination;r.reviews=__spreadArray(__spreadArray([],r.reviews,true),t.data,true);r.isLoading=false;r.updateUrlParams({page:t.pagination.current_page})}));(i=this.infiniteScroll)===null||i===void 0?void 0:i.on("error",(function(t){salla.logger.error("Error loading more reviews:",t);r.isLoading=false}))};r.prototype.componentDidRender=function(){var r=this;setTimeout((function(){requestAnimationFrame(r.animateReviewCards.bind(r))}),176)};r.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var r,t,e,i;return __generator(this,(function(n){switch(n.label){case 0:n.trys.push([0,3,,4]);return[4,salla.onReady()];case 1:n.sent();this.langTitlesReviews=salla.lang.get("common.titles.reviews");this.langSorting=salla.lang.get("pages.categories.sorting");this.placeholderText=salla.lang.choice("pages.rating.reviews",0);this.langLoadMore=salla.lang.get("common.elements.load_more");this.langSortByTopRating=salla.lang.get("pages.testimonials.sort_by_rating_desc");this.langSortByMostRecent=salla.lang.get("pages.testimonials.sort_by_date_desc");this.langSortByLeastRated=salla.lang.get("pages.testimonials.sort_by_rating_asc");this.langSortByLeastRecent=salla.lang.get("pages.testimonials.sort_by_date_asc");t=this.getUrlParams();return[4,this.fetchReviews(t.sort)];case 2:e=n.sent();this.sort=t.sort;this.reviews=e.data;this.pagination=e.pagination;this.langRatingReviews=salla.lang.choice("pages.rating.reviews",(r=this.pagination)===null||r===void 0?void 0:r.total);return[3,4];case 3:i=n.sent();salla.logger.error("Error loading reviews:",i);return[3,4];case 4:return[2]}}))}))};r.prototype.handleSorting=function(r){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:t=r.target.value;this.sort=t;this.updateUrlParams({sort:t,page:1});return[4,this.fetchReviews(t,1)];case 1:e=i.sent();this.reviews=e.data;this.pagination=e.pagination;return[2]}}))}))};r.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,this.initializeMasonry()];case 1:r.sent();this.initiateInfiniteScroll();this.sort=this.getUrlParams().sort||"latest";this.updateUrlParams({sort:this.sort,page:1});return[2]}}))}))};r.prototype.disconnectedCallback=function(){if(this.infiniteScroll){this.infiniteScroll.destroy()}};r.prototype.renderSortingOptions=function(){var r=this;var t=[{value:"latest",label:this.langSortByMostRecent},{value:"oldest",label:this.langSortByLeastRecent},{value:"top_rating",label:this.langSortByTopRating},{value:"bottom_rating",label:this.langSortByLeastRated}];return t.map((function(t){return s("option",{key:t.value,value:t.value,selected:t.value===r.sort},t.label)}))};r.prototype.render=function(){var r=this;var t,e;return s("host",{key:"2108b6bebdc8a651705e45d169fb10127c3c215e"},s("div",{key:"84972824884151462a1040bdc53c334b733cd7fb",class:"s-reviews-page-header-wrapper"},s("h2",{key:"80905de0950443f7e2b1c28d63bcb7f3fa47dc0c",class:"s-reviews-page-title"},this.langTitlesReviews,s("span",{key:"d51385e66a1dee802786b50d063501b6397ce345",class:"s-reviews-page-count"},"(",this.langRatingReviews,")")),s("div",{key:"2fc74d0b61d0377f0d14a5fd15a4d852e6850932",class:"s-reviews-page-filter-wrapper"},s("label",{key:"8d1363a2b2f6722f1c56445b5ba33a98f241b106",class:"s-reviews-page-filter-label",htmlFor:"testimonials-filter"},this.langSorting),s("select",{key:"eb27d82e25fa609b25d5ca825381285c0a40cc5b",onChange:function(t){return r.handleSorting(t)},disabled:!this.reviews.length,class:"s-reviews-page-filter"},this.renderSortingOptions()))),this.reviews.length?s("main",{class:"s-reviews-page-grid",ref:function(t){r.wrapper=t}},this.reviews.map((function(r){return s("salla-review-card",{key:r.id,review:r})}))):s("div",{class:"s-products-list-placeholder"},s("span",{innerHTML:o}),s("p",null,this.placeholderText)),((e=(t=this.pagination)===null||t===void 0?void 0:t.links)===null||e===void 0?void 0:e.next)&&this.reviews.length?s("div",{class:"s-reviews-page-load-more-container"},s("salla-button",{class:"s-reviews-page-load-more-btn",loading:this.isLoading,onClick:function(){var t;return(t=r.infiniteScroll)===null||t===void 0?void 0:t.loadNextPage()},onKeyUp:function(){var t;return(t=r.infiniteScroll)===null||t===void 0?void 0:t.loadNextPage()}},this.langLoadMore)):null)};Object.defineProperty(r.prototype,"el",{get:function(){return u(this)},enumerable:false,configurable:true});return r}());q.style=L}}}));
+//# sourceMappingURL=p-e0c33d75.system.entry.js.map

package/dist/twilight/{p-bd89e063.system.entry.js → p-e3a5c60b.system.entry.js}

@@ -1,5 +1,5 @@
 var __awaiter=this&&this.__awaiter||function(t,a,l,e){function s(t){return t instanceof l?t:new l((function(a){a(t)}))}return new(l||(l=Promise))((function(l,n){function r(t){try{c(e.next(t))}catch(t){n(t)}}function i(t){try{c(e["throw"](t))}catch(t){n(t)}}function c(t){t.done?l(t.value):s(t.value).then(r,i)}c((e=e.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var l={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},e,s,n,r;return r={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function i(t){return function(a){return c([t,a])}}function c(i){if(e)throw new TypeError("Generator is already executing.");while(r&&(r=0,i[0]&&(l=0)),l)try{if(e=1,s&&(n=i[0]&2?s["return"]:i[0]?s["throw"]||((n=s["return"])&&n.call(s),0):s.next)&&!(n=n.call(s,i[1])).done)return n;if(s=0,n)i=[i[0]&2,n.value];switch(i[0]){case 0:case 1:n=i;break;case 4:l.label++;return{value:i[1],done:false};case 5:l.label++;s=i[1];i=[0];continue;case 7:i=l.ops.pop();l.trys.pop();continue;default:if(!(n=l.trys,n=n.length>0&&n[n.length-1])&&(i[0]===6||i[0]===2)){l=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]<n[3])){l.label=i[1];break}if(i[0]===6&&l.label<n[1]){l.label=n[1];n=i;break}if(n&&l.label<n[2]){l.label=n[2];l.ops.push(i);break}if(n[2])l.ops.pop();l.trys.pop();continue}i=a.call(t,l)}catch(t){i=[6,t];s=0}finally{e=n=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};
 /*!
  * Crafted with ❤ by Salla
- */System.register(["./p-BV4kErtd.system.js"],(function(t){"use strict";var a,l,e;return{setters:[function(t){a=t.r;l=t.h;e=t.H}],execute:function(){var s=".s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:-ms-flexbox !important;display:flex !important;-ms-flex-align:center !important;align-items:center !important;-ms-flex-pack:start !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:-webkit-max-content;width:-moz-max-content;width:max-content;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}";var n=t("salla_wallet",function(){function t(t){var l=this;a(this,t);this.isLoading=false;this.nextPageUrl="";this.handleClick=function(){l.loadMoreTransactions()}}t.prototype.componentWillLoad=function(){var t=this;return salla.onReady().then((function(){return t.loadTransactions()}))};t.prototype.loadTransactions=function(){return __awaiter(this,void 0,void 0,(function(){var t,a,l;return __generator(this,(function(e){switch(e.label){case 0:this.isLoading=true;e.label=1;case 1:e.trys.push([1,3,4,5]);t="/balance/wallet?per_page=10&page=1";return[4,salla.api.request(t)];case 2:a=e.sent();this.nextPageUrl=a.data.transactions.next_page_url;this.transactionsArray=a.data.transactions;this.balance=a.data.balance;return[3,5];case 3:l=e.sent();console.error("Error loading wallet transactions",l);return[3,5];case 4:this.isLoading=false;return[7];case 5:return[2]}}))}))};t.prototype.loadMoreTransactions=function(){return __awaiter(this,void 0,void 0,(function(){var t,a,l;var e;return __generator(this,(function(s){switch(s.label){case 0:this.isLoading=true;s.label=1;case 1:s.trys.push([1,3,4,5]);t=this.nextPageUrl||"/balance/wallet?page=2&per_page=10";return[4,salla.api.request(t)];case 2:a=s.sent();this.nextPageUrl=a.data.transactions.next_page_url;(e=this.transactionsArray).push.apply(e,a.data.transactions.data);this.balance=a.data.balance;return[3,5];case 3:l=s.sent();console.error("Error loading wallet transactions",l);return[3,5];case 4:this.isLoading=false;return[7];case 5:return[2]}}))}))};t.prototype.render=function(){if(this.transactionsArray.length>0){return l(e,null,l("table",{class:"s-wallet-table"},l("tbody",{class:"s-wallet-table-tbody"},l("tr",{class:"s-table__tr"},l("td",null,l("div",{class:"s-wallet-table-balance-container"},l("i",{class:"s-wallet-table-balance-icon sicon-wallet"}),l("div",null,l("div",{innerHTML:salla.money(this.balance)}),l("div",{class:"font-normal text-gray-400"}," ",salla.lang.get("pages.wallet.balance")))))))),l("h2",{style:{"margin-top":"32px"}},salla.lang.get("pages.wallet.title")),l("table",{class:"s-wallet-table"},l("thead",{class:"s-wallet-table-head"},l("tr",{class:"s-wallet-table-head-tr"},l("th",{scope:"col"},salla.lang.get("pages.wallet.transaction_number")),l("th",{scope:"col",class:"s-wallet-table-head-tr-th"},salla.lang.get("pages.wallet.amount")),l("th",{scope:"col",class:"s-wallet-table-head-tr-th"},salla.lang.get("pages.wallet.date")),l("th",{scope:"col",class:"s-wallet-table-head-tr-th"},salla.lang.get("pages.wallet.order_no")),l("th",{scope:"col",class:"s-wallet-table-head-tr-th"},salla.lang.get("pages.wallet.expiry_date")),l("th",{scope:"col",class:"s-wallet-table-head-tr-th"},salla.lang.get("pages.wallet.transaction_type")," "))),l("tbody",{class:"s-wallet-table-tbody"},this.transactionsArray.map((function(t){return l("tr",{class:"s-wallet-table-tbody-tr s-wallet-table-tbody-tr-shadow animated"},l("td",{class:"s-wallet-table-tbody-tr-td"},l("div",{class:"s-wallet-table-tbody-tr-td-content"},l("span",{class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.transaction_number"),":"),t.id&&l("span",{class:"hidden md:inline-block"},"#",t.id),l("div",{class:"flex items-center md:hidden"},l("salla-button",{class:"relative",color:"dark",shape:"link","data-content":t.order_id},t.order_id&&l("span",null,"#",t.order_id))))),l("td",{id:"main123",class:"s-wallet-table-tbody-tr-td"},l("div",{id:"main124",class:"s-wallet-table-tbody-tr-td-content"},l("span",{id:"main125",class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.amount"),":"),l("div",{innerHTML:salla.money(t.amount)}))),l("td",{class:"s-wallet-table-tbody-tr-td"},l("div",{class:"s-wallet-table-tbody-tr-td-content"},l("span",{class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.date"),":"),t.created_at&&new Date(t.created_at*1e3).toLocaleDateString(salla.lang.locale,{weekday:"long",year:"numeric",month:"long",day:"numeric",hour:"numeric"}))),l("td",{id:"main133",class:"s-wallet-table-tbody-tr-td"},l("div",{id:"main134",class:"s-wallet-table-tbody-tr-td-content"},l("span",{id:"main135",class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.order_no"),":"),l("span",{class:"rtl:mr-auto ltr:ml-auto md:mx-0"},t.order_id&&l("span",null,"#",t.order_id)))),l("td",{id:"main143",class:"s-wallet-table-tbody-tr-td"},l("div",{id:"main144",class:"s-wallet-table-tbody-tr-td-content"},l("span",{id:"main145",class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.expiry_date"),":"),l("span",null,t.expired_at&&new Date(t.expired_at*1e3).toLocaleDateString(salla.lang.locale,{weekday:"long",year:"numeric",month:"long",day:"numeric",hour:"numeric"})))),l("td",{class:"s-wallet-table-tbody-tr-td"},l("div",{class:"s-wallet-table-tbody-tr-td-content"},l("div",null,l("span",{class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.transaction_type"),":")),l("div",{class:{"s-wallet-table-transaction-status-default":true,"s-wallet-table-transaction-status-cashback":t.action_type==="cashback","s-wallet-table-transaction-status-refund":t.action_type==="refund","s-wallet-table-transaction-status-purchase":t.action_type==="purchase_by_wallet"}},!!t.description&&l("i",{id:t.id.toString(),class:"sicon-information text-lg rtl:ml-4 ltr:mr-4 s-wallet-table-transaction-status-icon-success"}),!!t.description&&l("salla-tooltip",{text:t.description,targetId:t.id.toString()}),l("span",null,t.title)))))})))),l("div",{class:"s-infinite-scroll-wrapper"},!!this.nextPageUrl&&l("salla-button",{onClick:this.handleClick,loading:this.isLoading},salla.lang.get("common.elements.load_more"))))}else{return l(e,null,l("h2",{style:{"margin-top":"32px"}},salla.lang.get("pages.wallet.title")),l("div",{class:"s-wallet-table-empty-state"},l("i",{class:"sicon-full-wallet"}),l("div",{class:"text-center p-3 text-xl font-bold "},salla.lang.get("pages.wallet.no_transactions")),l("div",{class:"text-center text-gray-400 text-sm font-normal "},salla.lang.get("pages.wallet.zero_balance")," ")))}};return t}());n.style=s}}}));
-//# sourceMappingURL=p-bd89e063.system.entry.js.map
+ */System.register(["./p-DdFhEMb6.system.js"],(function(t){"use strict";var a,l,e;return{setters:[function(t){a=t.r;l=t.h;e=t.H}],execute:function(){var s=".s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:-ms-flexbox !important;display:flex !important;-ms-flex-align:center !important;align-items:center !important;-ms-flex-pack:start !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:-webkit-max-content;width:-moz-max-content;width:max-content;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}";var n=t("salla_wallet",function(){function t(t){var l=this;a(this,t);this.isLoading=false;this.nextPageUrl="";this.handleClick=function(){l.loadMoreTransactions()}}t.prototype.componentWillLoad=function(){var t=this;return salla.onReady().then((function(){return t.loadTransactions()}))};t.prototype.loadTransactions=function(){return __awaiter(this,void 0,void 0,(function(){var t,a,l;return __generator(this,(function(e){switch(e.label){case 0:this.isLoading=true;e.label=1;case 1:e.trys.push([1,3,4,5]);t="/balance/wallet?per_page=10&page=1";return[4,salla.api.request(t)];case 2:a=e.sent();this.nextPageUrl=a.data.transactions.next_page_url;this.transactionsArray=a.data.transactions;this.balance=a.data.balance;return[3,5];case 3:l=e.sent();console.error("Error loading wallet transactions",l);return[3,5];case 4:this.isLoading=false;return[7];case 5:return[2]}}))}))};t.prototype.loadMoreTransactions=function(){return __awaiter(this,void 0,void 0,(function(){var t,a,l;var e;return __generator(this,(function(s){switch(s.label){case 0:this.isLoading=true;s.label=1;case 1:s.trys.push([1,3,4,5]);t=this.nextPageUrl||"/balance/wallet?page=2&per_page=10";return[4,salla.api.request(t)];case 2:a=s.sent();this.nextPageUrl=a.data.transactions.next_page_url;(e=this.transactionsArray).push.apply(e,a.data.transactions.data);this.balance=a.data.balance;return[3,5];case 3:l=s.sent();console.error("Error loading wallet transactions",l);return[3,5];case 4:this.isLoading=false;return[7];case 5:return[2]}}))}))};t.prototype.render=function(){if(this.transactionsArray.length>0){return l(e,null,l("table",{class:"s-wallet-table"},l("tbody",{class:"s-wallet-table-tbody"},l("tr",{class:"s-table__tr"},l("td",null,l("div",{class:"s-wallet-table-balance-container"},l("i",{class:"s-wallet-table-balance-icon sicon-wallet"}),l("div",null,l("div",{innerHTML:salla.money(this.balance)}),l("div",{class:"font-normal text-gray-400"}," ",salla.lang.get("pages.wallet.balance")))))))),l("h2",{style:{"margin-top":"32px"}},salla.lang.get("pages.wallet.title")),l("table",{class:"s-wallet-table"},l("thead",{class:"s-wallet-table-head"},l("tr",{class:"s-wallet-table-head-tr"},l("th",{scope:"col"},salla.lang.get("pages.wallet.transaction_number")),l("th",{scope:"col",class:"s-wallet-table-head-tr-th"},salla.lang.get("pages.wallet.amount")),l("th",{scope:"col",class:"s-wallet-table-head-tr-th"},salla.lang.get("pages.wallet.date")),l("th",{scope:"col",class:"s-wallet-table-head-tr-th"},salla.lang.get("pages.wallet.order_no")),l("th",{scope:"col",class:"s-wallet-table-head-tr-th"},salla.lang.get("pages.wallet.expiry_date")),l("th",{scope:"col",class:"s-wallet-table-head-tr-th"},salla.lang.get("pages.wallet.transaction_type")," "))),l("tbody",{class:"s-wallet-table-tbody"},this.transactionsArray.map((function(t){return l("tr",{class:"s-wallet-table-tbody-tr s-wallet-table-tbody-tr-shadow animated"},l("td",{class:"s-wallet-table-tbody-tr-td"},l("div",{class:"s-wallet-table-tbody-tr-td-content"},l("span",{class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.transaction_number"),":"),t.id&&l("span",{class:"hidden md:inline-block"},"#",t.id),l("div",{class:"flex items-center md:hidden"},l("salla-button",{class:"relative",color:"dark",shape:"link","data-content":t.order_id},t.order_id&&l("span",null,"#",t.order_id))))),l("td",{id:"main123",class:"s-wallet-table-tbody-tr-td"},l("div",{id:"main124",class:"s-wallet-table-tbody-tr-td-content"},l("span",{id:"main125",class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.amount"),":"),l("div",{innerHTML:salla.money(t.amount)}))),l("td",{class:"s-wallet-table-tbody-tr-td"},l("div",{class:"s-wallet-table-tbody-tr-td-content"},l("span",{class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.date"),":"),t.created_at&&new Date(t.created_at*1e3).toLocaleDateString(salla.lang.locale,{weekday:"long",year:"numeric",month:"long",day:"numeric",hour:"numeric"}))),l("td",{id:"main133",class:"s-wallet-table-tbody-tr-td"},l("div",{id:"main134",class:"s-wallet-table-tbody-tr-td-content"},l("span",{id:"main135",class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.order_no"),":"),l("span",{class:"rtl:mr-auto ltr:ml-auto md:mx-0"},t.order_id&&l("span",null,"#",t.order_id)))),l("td",{id:"main143",class:"s-wallet-table-tbody-tr-td"},l("div",{id:"main144",class:"s-wallet-table-tbody-tr-td-content"},l("span",{id:"main145",class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.expiry_date"),":"),l("span",null,t.expired_at&&new Date(t.expired_at*1e3).toLocaleDateString(salla.lang.locale,{weekday:"long",year:"numeric",month:"long",day:"numeric",hour:"numeric"})))),l("td",{class:"s-wallet-table-tbody-tr-td"},l("div",{class:"s-wallet-table-tbody-tr-td-content"},l("div",null,l("span",{class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.transaction_type"),":")),l("div",{class:{"s-wallet-table-transaction-status-default":true,"s-wallet-table-transaction-status-cashback":t.action_type==="cashback","s-wallet-table-transaction-status-refund":t.action_type==="refund","s-wallet-table-transaction-status-purchase":t.action_type==="purchase_by_wallet"}},!!t.description&&l("i",{id:t.id.toString(),class:"sicon-information text-lg rtl:ml-4 ltr:mr-4 s-wallet-table-transaction-status-icon-success"}),!!t.description&&l("salla-tooltip",{text:t.description,targetId:t.id.toString()}),l("span",null,t.title)))))})))),l("div",{class:"s-infinite-scroll-wrapper"},!!this.nextPageUrl&&l("salla-button",{onClick:this.handleClick,loading:this.isLoading},salla.lang.get("common.elements.load_more"))))}else{return l(e,null,l("h2",{style:{"margin-top":"32px"}},salla.lang.get("pages.wallet.title")),l("div",{class:"s-wallet-table-empty-state"},l("i",{class:"sicon-full-wallet"}),l("div",{class:"text-center p-3 text-xl font-bold "},salla.lang.get("pages.wallet.no_transactions")),l("div",{class:"text-center text-gray-400 text-sm font-normal "},salla.lang.get("pages.wallet.zero_balance")," ")))}};return t}());n.style=s}}}));
+//# sourceMappingURL=p-e3a5c60b.system.entry.js.map

package/dist/twilight/{p-c695b1d9.system.entry.js → p-e505c759.system.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-System.register(["./p-BV4kErtd.system.js"],(function(t){"use strict";var e,i,s,a;return{setters:[function(t){e=t.r;i=t.h;s=t.H;a=t.g}],execute:function(){var c="";var n=t("salla_accordion",function(){function t(t){e(this,t);this.collapsible=true;this.collapsed=true;this.dir=document.dir||"rtl"}t.prototype.directionChangedHandler=function(t){this.dir=t.detail.dir};t.prototype.handleCollapse=function(t){this.collapsed=t.detail.payload.collapsed};t.prototype.setcollapsibleProp=function(){var t=this.host.querySelector("salla-accordion-head");if(this.collapsible&&t){t.setAttribute("collapsible","true");t.setAttribute("collapsed",this.collapsed.toString())}};t.prototype.componentDidRender=function(){this.setcollapsibleProp();var t=this.host.querySelector("salla-accordion-body");if(this.collapsible){this.host.setAttribute("data-collapsed",this.collapsed.toString());t===null||t===void 0?void 0:t.setAttribute("data-collapsed",this.collapsed.toString())}};t.prototype.render=function(){return i(s,{key:"30e906d87cba59e197e71460bb24e578455f2d28",class:"s-accordion-wrapper ".concat(this.dir),"data-collapsed":this.collapsed.toString()},i("slot",{key:"8c26efc12856022567e5abe587c7537a5776285b"}))};Object.defineProperty(t.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());n.style=c}}}));
-//# sourceMappingURL=p-c695b1d9.system.entry.js.map
+System.register(["./p-DdFhEMb6.system.js"],(function(t){"use strict";var e,i,s,a;return{setters:[function(t){e=t.r;i=t.h;s=t.H;a=t.g}],execute:function(){var c="";var n=t("salla_accordion",function(){function t(t){e(this,t);this.collapsible=true;this.collapsed=true;this.dir=document.dir||"rtl"}t.prototype.directionChangedHandler=function(t){this.dir=t.detail.dir};t.prototype.handleCollapse=function(t){this.collapsed=t.detail.payload.collapsed};t.prototype.setcollapsibleProp=function(){var t=this.host.querySelector("salla-accordion-head");if(this.collapsible&&t){t.setAttribute("collapsible","true");t.setAttribute("collapsed",this.collapsed.toString())}};t.prototype.componentDidRender=function(){this.setcollapsibleProp();var t=this.host.querySelector("salla-accordion-body");if(this.collapsible){this.host.setAttribute("data-collapsed",this.collapsed.toString());t===null||t===void 0?void 0:t.setAttribute("data-collapsed",this.collapsed.toString())}};t.prototype.render=function(){return i(s,{key:"30e906d87cba59e197e71460bb24e578455f2d28",class:"s-accordion-wrapper ".concat(this.dir),"data-collapsed":this.collapsed.toString()},i("slot",{key:"8c26efc12856022567e5abe587c7537a5776285b"}))};Object.defineProperty(t.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());n.style=c}}}));
+//# sourceMappingURL=p-e505c759.system.entry.js.map

package/dist/twilight/{p-788980fa.entry.js → p-e702680e.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as t,h as a,H as s,g as l}from"./p-Dxu9oA9K.js";const i=":host{display:block}";const e=class{constructor(a){t(this,a);this.alertDelay=null;this.data=salla.config.get("store.app_install_prompt");this.open=false;this.closing=false}connectedCallback(){salla.onReady((()=>{this.data=salla.config.get("store.app_install_prompt");if(!this.isMobileOrTabletDevice())return;if(!this.data)return salla.logger.error("Failed to retrieve salla-app-install-alert config");this.ctaLink=salla.url.get("app");this.alertDelay=setTimeout((()=>this.open=true),3e3)}))}disconnectedCallback(){clearTimeout(this.alertDelay)}isMobileOrTabletDevice(t=1024){const a=window.innerWidth<=t;const s=/Macintosh|Android|iPhone|iPad|iPod/i.test(navigator.userAgent);const l="ontouchstart"in window||"ontouchend"in document||navigator.maxTouchPoints>0;return s&&a&&l}closeAlert(){salla.storage.set("app_install_prompt_disabled",true);this.closing=true;this.host.addEventListener("animationend",(()=>{this.closing=false;this.open=false}),{once:true})}render(){return this.data?a(s,{class:`s-app-install-alert-wrapper ${this.open?"open":""} ${this.closing?"closing":""}`,position:this.data.position},a("div",null,a("img",{src:this.data.icon,width:"58",height:"58",alt:`${salla.config.get("store.name")}`})),a("div",{class:"s-app-install-alert-content"},a("h2",{class:"s-app-install-alert-title"},this.data.title),a("p",{class:"s-app-install-alert-sub-title"},this.data.sub_title," "," ",a("a",{href:this.ctaLink,target:"_blank","aria-label":"download app",class:"s-app-install-alert-cta"},salla.lang.getWithDefault("blocks.footer.download_app_now","حمله الآن")))),a("button",{class:"s-app-install-alert-cancel-button","aria-label":"close alert",onClick:()=>this.closeAlert()},a("i",{class:"sicon-cancel"}))):null}get host(){return l(this)}};e.style=i;export{e as salla_app_install_alert};
-//# sourceMappingURL=p-788980fa.entry.js.map
+import{r as t,h as a,H as s,g as l}from"./p-Qk6_ks1N.js";const i=":host{display:block}";const e=class{constructor(a){t(this,a);this.alertDelay=null;this.data=salla.config.get("store.app_install_prompt");this.open=false;this.closing=false}connectedCallback(){salla.onReady((()=>{this.data=salla.config.get("store.app_install_prompt");if(!this.isMobileOrTabletDevice())return;if(!this.data)return salla.logger.error("Failed to retrieve salla-app-install-alert config");this.ctaLink=salla.url.get("app");this.alertDelay=setTimeout((()=>this.open=true),3e3)}))}disconnectedCallback(){clearTimeout(this.alertDelay)}isMobileOrTabletDevice(t=1024){const a=window.innerWidth<=t;const s=/Macintosh|Android|iPhone|iPad|iPod/i.test(navigator.userAgent);const l="ontouchstart"in window||"ontouchend"in document||navigator.maxTouchPoints>0;return s&&a&&l}closeAlert(){salla.storage.set("app_install_prompt_disabled",true);this.closing=true;this.host.addEventListener("animationend",(()=>{this.closing=false;this.open=false}),{once:true})}render(){return this.data?a(s,{class:`s-app-install-alert-wrapper ${this.open?"open":""} ${this.closing?"closing":""}`,position:this.data.position},a("div",null,a("img",{src:this.data.icon,width:"58",height:"58",alt:`${salla.config.get("store.name")}`})),a("div",{class:"s-app-install-alert-content"},a("h2",{class:"s-app-install-alert-title"},this.data.title),a("p",{class:"s-app-install-alert-sub-title"},this.data.sub_title," "," ",a("a",{href:this.ctaLink,target:"_blank","aria-label":"download app",class:"s-app-install-alert-cta"},salla.lang.getWithDefault("blocks.footer.download_app_now","حمله الآن")))),a("button",{class:"s-app-install-alert-cancel-button","aria-label":"close alert",onClick:()=>this.closeAlert()},a("i",{class:"sicon-cancel"}))):null}get host(){return l(this)}};e.style=i;export{e as salla_app_install_alert};
+//# sourceMappingURL=p-e702680e.entry.js.map

package/dist/twilight/{p-a3cd1fad.entry.js → p-f289d1e4.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as s,c as t,h as i,H as e,g as a}from"./p-Dxu9oA9K.js";import{H as h}from"./p-DVKz7ZDb.js";import{F as l}from"./p-DL4h2bc3.js";import"./p-CgtvEd63.js";const r=":host{display:block}";const n=class{constructor(i){s(this,i);this.changed=t(this,"changed");this.initHeight=195;this.isOpen=true;this.isShowMore=false;this.showMoreLabel="عرض المزيد";this.showLessLabel="عرض أقل";this.page=salla.config.get("page")}connectedCallback(){this.withLoadMore=this.option.key!="price"&&Array.isArray(this.option.values)&&this.option.values.length>8;salla.onReady((()=>{this.page=salla.config.get("page")}));salla.lang.onLoaded((()=>{this.showMoreLabel=salla.lang.getWithDefault("common.titles.more",this.showMoreLabel);this.showLessLabel=salla.lang.getWithDefault("common.elements.show_less",this.showLessLabel)}))}componentDidLoad(){this.widgetValues.scrollHeight<this.initHeight&&(this.withLoadMore=false);this.withLoadMore&&this.widgetValues&&(this.widgetValues.style.maxHeight=`${this.initHeight}px`);this.widgetContent.style.height=`${this.widgetContent.scrollHeight}px`}async setWidgetHeight(s=250){this.widgetContent.removeAttribute("style");setTimeout((()=>{let s=this.widgetContent.scrollHeight;this.widgetContent.style.height=s+"px"}),s)}async reset(){if(this.option.type===l.RANGE){this.priceRange.reset()}Array.from(this.host.querySelectorAll("input")).forEach((s=>s.checked=false))}async showMore(){this.isShowMore=!this.isShowMore;this.widgetContent.style.height="auto";this.widgetValues.style.maxHeight=this.isShowMore?`${this.widgetValues.scrollHeight}px`:`${this.initHeight}px`;setTimeout((()=>{this.widgetContent.style.height=`${this.widgetContent.scrollHeight}px`}),400)}async toggleWidget(){this.isOpen=!this.isOpen;h.toggleElementClassIf(this.widgetContent,"s-filters-widget-opened","s-filters-widget-closed",(()=>this.isOpen))}renderFilterOption(s){if(![l.VALUES,l.MINIMUM,l.VARIANTS].includes(s.type)){return""}return s.values.map(((t,e)=>{let a=typeof t=="number"?t:t.key||t.value;return i("label",{class:"s-filters-label",htmlFor:`${s.key}-option-${a}`,key:`${s.key}-option-${a}`},i("input",{id:`${s.key}-option-${a}`,name:s.key,type:"radio",checked:this.isSelectedOption(s,a),class:`s-filters-radio`,onChange:t=>this.changed.emit({event:t,option:s,value:a})}),this.getOptionLabel(s,t))}))}isSelectedOption(s,t){if(s.type===l.MINIMUM){return this.filtersData[s.key]==t}if(s.type===l.VARIANTS){return this.filtersData[s.type]&&this.filtersData[s.type][Object.keys(this.filtersData[s.type])[0]]==t}if(s.type===l.RANGE){return this.filtersData[s.key]&&this.filtersData[s.key].min==t.min&&this.filtersData[s.key].max==t.max}if(s.type===l.VALUES){return this.filtersData[s.key]&&Number(this.filtersData[s.key])==Number(t)}return false}getOptionLabel(s,t){if(s.key=="rating"){return i("salla-rating-stars",{size:"small",value:t})}let e=t.value||"null";return i("span",{class:"s-filters-option-name"},e)}render(){return i(e,{key:"d6f2078b058a8244a95a78e879886f3b04e0e1c0",class:"s-filters-widget-container"},i("h3",{key:"40ff9f985604de49752b38c0fc66611cd1811857",class:"s-filters-widget-title",onClick:()=>this.toggleWidget()},i("span",{key:"06847af2f3f089afb3223e4ce4c56bfa1cb195d5"},this.option.label),i("span",{key:"8ecf9c638f7ad163cda5f7235ecac66661cf8e68",class:`s-filters-widget-plusminus ${this.isOpen?"s-filters-widget-plusminus-active":""}`})),i("div",{key:"15c98c71532ec2bf1f43f3e9bcc1d964a0f3d88d",class:"s-filters-widget-content",ref:s=>this.widgetContent=s},i("div",{key:"f1221b0ce096e1fda0044776bfdba952a990230c",class:"s-filters-widget-values",ref:s=>this.widgetValues=s},i("slot",{key:"1612242828f38a9c086d2a7887174bcdde05618b"}),this.option.type!==l.RANGE?this.renderFilterOption(this.option):i("salla-price-range",{onChanged:s=>{this.changed.emit(s.detail)},ref:s=>this.priceRange=s,filtersData:this.filtersData,option:this.option})),this.withLoadMore&&i("a",{key:"5726822a429c26ee9ddadaf7351e8d32a3a98695",class:"s-filters-widget-more",onClick:()=>this.showMore()},!this.isShowMore?this.showMoreLabel:this.showLessLabel)))}get host(){return a(this)}};n.style=r;export{n as salla_filters_widget};
-//# sourceMappingURL=p-a3cd1fad.entry.js.map
+import{r as s,c as t,h as i,H as e,g as a}from"./p-Qk6_ks1N.js";import{H as h}from"./p-DVKz7ZDb.js";import{F as l}from"./p-DL4h2bc3.js";import"./p-CgtvEd63.js";const r=":host{display:block}";const n=class{constructor(i){s(this,i);this.changed=t(this,"changed");this.initHeight=195;this.isOpen=true;this.isShowMore=false;this.showMoreLabel="عرض المزيد";this.showLessLabel="عرض أقل";this.page=salla.config.get("page")}connectedCallback(){this.withLoadMore=this.option.key!="price"&&Array.isArray(this.option.values)&&this.option.values.length>8;salla.onReady((()=>{this.page=salla.config.get("page")}));salla.lang.onLoaded((()=>{this.showMoreLabel=salla.lang.getWithDefault("common.titles.more",this.showMoreLabel);this.showLessLabel=salla.lang.getWithDefault("common.elements.show_less",this.showLessLabel)}))}componentDidLoad(){this.widgetValues.scrollHeight<this.initHeight&&(this.withLoadMore=false);this.withLoadMore&&this.widgetValues&&(this.widgetValues.style.maxHeight=`${this.initHeight}px`);this.widgetContent.style.height=`${this.widgetContent.scrollHeight}px`}async setWidgetHeight(s=250){this.widgetContent.removeAttribute("style");setTimeout((()=>{let s=this.widgetContent.scrollHeight;this.widgetContent.style.height=s+"px"}),s)}async reset(){if(this.option.type===l.RANGE){this.priceRange.reset()}Array.from(this.host.querySelectorAll("input")).forEach((s=>s.checked=false))}async showMore(){this.isShowMore=!this.isShowMore;this.widgetContent.style.height="auto";this.widgetValues.style.maxHeight=this.isShowMore?`${this.widgetValues.scrollHeight}px`:`${this.initHeight}px`;setTimeout((()=>{this.widgetContent.style.height=`${this.widgetContent.scrollHeight}px`}),400)}async toggleWidget(){this.isOpen=!this.isOpen;h.toggleElementClassIf(this.widgetContent,"s-filters-widget-opened","s-filters-widget-closed",(()=>this.isOpen))}renderFilterOption(s){if(![l.VALUES,l.MINIMUM,l.VARIANTS].includes(s.type)){return""}return s.values.map(((t,e)=>{let a=typeof t=="number"?t:t.key||t.value;return i("label",{class:"s-filters-label",htmlFor:`${s.key}-option-${a}`,key:`${s.key}-option-${a}`},i("input",{id:`${s.key}-option-${a}`,name:s.key,type:"radio",checked:this.isSelectedOption(s,a),class:`s-filters-radio`,onChange:t=>this.changed.emit({event:t,option:s,value:a})}),this.getOptionLabel(s,t))}))}isSelectedOption(s,t){if(s.type===l.MINIMUM){return this.filtersData[s.key]==t}if(s.type===l.VARIANTS){return this.filtersData[s.type]&&this.filtersData[s.type][Object.keys(this.filtersData[s.type])[0]]==t}if(s.type===l.RANGE){return this.filtersData[s.key]&&this.filtersData[s.key].min==t.min&&this.filtersData[s.key].max==t.max}if(s.type===l.VALUES){return this.filtersData[s.key]&&Number(this.filtersData[s.key])==Number(t)}return false}getOptionLabel(s,t){if(s.key=="rating"){return i("salla-rating-stars",{size:"small",value:t})}let e=t.value||"null";return i("span",{class:"s-filters-option-name"},e)}render(){return i(e,{key:"d6f2078b058a8244a95a78e879886f3b04e0e1c0",class:"s-filters-widget-container"},i("h3",{key:"40ff9f985604de49752b38c0fc66611cd1811857",class:"s-filters-widget-title",onClick:()=>this.toggleWidget()},i("span",{key:"06847af2f3f089afb3223e4ce4c56bfa1cb195d5"},this.option.label),i("span",{key:"8ecf9c638f7ad163cda5f7235ecac66661cf8e68",class:`s-filters-widget-plusminus ${this.isOpen?"s-filters-widget-plusminus-active":""}`})),i("div",{key:"15c98c71532ec2bf1f43f3e9bcc1d964a0f3d88d",class:"s-filters-widget-content",ref:s=>this.widgetContent=s},i("div",{key:"f1221b0ce096e1fda0044776bfdba952a990230c",class:"s-filters-widget-values",ref:s=>this.widgetValues=s},i("slot",{key:"1612242828f38a9c086d2a7887174bcdde05618b"}),this.option.type!==l.RANGE?this.renderFilterOption(this.option):i("salla-price-range",{onChanged:s=>{this.changed.emit(s.detail)},ref:s=>this.priceRange=s,filtersData:this.filtersData,option:this.option})),this.withLoadMore&&i("a",{key:"5726822a429c26ee9ddadaf7351e8d32a3a98695",class:"s-filters-widget-more",onClick:()=>this.showMore()},!this.isShowMore?this.showMoreLabel:this.showLessLabel)))}get host(){return a(this)}};n.style=r;export{n as salla_filters_widget};
+//# sourceMappingURL=p-f289d1e4.entry.js.map