@salla.sa/twilight-components 2.11.26 → 2.11.28

package/dist/collection/components/salla-progress-bar/salla-progress-bar.js

@@ -0,0 +1,196 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { Component, h, Prop } from '@stencil/core';
+export class SallaProgressBar {
+  constructor() {
+    try {
+      if (this.donation) {
+        let donationJson = typeof this.donation == 'string' ? JSON.parse(this.donation) : this.donation;
+        if (donationJson.can_donate) {
+          this.value = donationJson.collected_amount;
+          this.target = donationJson.target_amount;
+          this.header = salla.lang.get('pages.products.target');
+          this.message = salla.lang.get('pages.products.donation_target_date') + ' ' + donationJson.target_end_date;
+        }
+        else {
+          this.message = donationJson.target_message;
+        }
+      }
+    }
+    catch (e) {
+      salla.log('Wrong donation json');
+    }
+    salla.lang.onLoaded(() => {
+      var _a, _b;
+      this.header = (_a = this.header) === null || _a === void 0 ? void 0 : _a.replace('pages.products.target', salla.lang.get('pages.products.target'));
+      this.message = (_b = this.message) === null || _b === void 0 ? void 0 : _b.replace('pages.products.donation_target_date', salla.lang.get('pages.products.donation_target_date'));
+    });
+    salla.onReady(() => {
+      this.color = this.color || salla.config.get('theme.color.primary', "#ffd5c4");
+      if (!this.unit) {
+        this.unit = salla.config.currency().symbol;
+      }
+    });
+  }
+  getPercentage() {
+    return (this.value / this.target) * 100;
+  }
+  render() {
+    if (!this.target && !this.message) {
+      return '';
+    }
+    return (h("div", { class: "s-progress-bar-container" },
+      this.header ? h("div", { class: "s-progress-bar-header" }, this.header) : '',
+      this.getProgressBar(),
+      this.message ? h("span", { class: "s-progress-bar-message" }, this.message) : ''));
+  }
+  getProgressBar() {
+    return this.target ? [
+      h("div", { class: "s-progress-bar-target-section" },
+        h("span", null,
+          salla.helpers.number(this.value),
+          " ",
+          this.unit),
+        h("span", null,
+          salla.helpers.number(this.target),
+          " ",
+          this.unit)),
+      h("div", { class: "s-progress-bar-wrapper" },
+        h("div", { class: "s-progress-bar-progress", style: { 'width': `${this.getPercentage()}%`, 'background-color': this.color } }))
+    ] : '';
+  }
+  static get is() { return "salla-progress-bar"; }
+  static get originalStyleUrls() { return {
+    "$": ["salla-progress-bar.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["salla-progress-bar.css"]
+  }; }
+  static get properties() { return {
+    "donation": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string | Donation",
+        "resolved": "Donation | string",
+        "references": {
+          "Donation": {
+            "location": "import",
+            "path": "../salla-product-options/interfaces"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "You can just pass the donation as json string ex: `{\"target_message\":null,\"target_date\":\"2023-04-18\",\"target_end_date\":\"2023-04-18\",\"target_amount\":400,\"collected_amount\":380,\"can_donate\":true}`"
+      },
+      "attribute": "donation",
+      "reflect": false
+    },
+    "target": {
+      "type": "number",
+      "mutable": true,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The goal of the progress bar"
+      },
+      "attribute": "target",
+      "reflect": false
+    },
+    "value": {
+      "type": "number",
+      "mutable": true,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The progress so far as of the goal."
+      },
+      "attribute": "value",
+      "reflect": false
+    },
+    "header": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Big Title, before the progress bar."
+      },
+      "attribute": "header",
+      "reflect": false
+    },
+    "message": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Subtitle under the progress bar or instead of it if the target not being set."
+      },
+      "attribute": "message",
+      "reflect": false
+    },
+    "unit": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The unite to be added after the numbers, defaults to: `salla.config.currency().symbol`"
+      },
+      "attribute": "unit",
+      "reflect": false
+    },
+    "color": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Progress bar color, defaults to: `salla.config.get('theme.color.primary', \"#ffd5c4\")`"
+      },
+      "attribute": "color",
+      "reflect": false
+    }
+  }; }
+}

package/dist/collection/components/salla-slider/salla-slider.js

@@ -317,9 +317,11 @@ export class SallaSwiper {
       autoHeight: this.autoHeight,
       lazy: true,
       on: {
-        // todo:: find better way for this workaround to show lazyLoad for duplicated slides, for some reason they are loaded but class not added.
+        // todo:: find better way for this workaround to show lazyLoad for duplicated slides, because it clones the slide after it's already rendered,
+        // then it re appended it as is,in this case the image is loaded but class not added.
         afterInit: (slider) => {
           var _a;
+          this.afterInit.emit(slider);
           (_a = document.lazyLoadInstance) === null || _a === void 0 ? void 0 : _a.update();
           this.loop && slider.slides.map(slide => {
             if (!slide.classList.contains('swiper-slide-duplicate')) {
@@ -381,7 +383,6 @@ export class SallaSwiper {
   }
   initSlider() {
     for (const slide of this.sliderWrapper.children) {
-      //todo:: use `s-slider-slide`
       slide.classList.add('swiper-slide');
     }
     // @ts-ignore
@@ -821,6 +822,21 @@ export class SallaSwiper {
     "displayAllTitle": {}
   }; }
   static get events() { return [{
+      "method": "afterInit",
+      "name": "afterInit",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Event will fired right after initialization."
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
       "method": "slideChange",
       "name": "slideChange",
       "bubbles": true,

package/dist/collection/global/app-dev.js

@@ -7,6 +7,11 @@ export default function () {
   app();
   salla.init({
     debug: true,
+    theme: {
+      color: {
+        primary: '#5dd5c4'
+      }
+    },
     store: {
       url: process.env.URL,
       api: process.env.API,

package/dist/components/index.d.ts

@@ -23,6 +23,7 @@ export { SallaPlaceholder as SallaPlaceholder } from '../types/components/salla-
 export { SallaProductAvailability as SallaProductAvailability } from '../types/components/salla-product-availability/salla-product-availability';
 export { SallaProductOptions as SallaProductOptions } from '../types/components/salla-product-options/salla-product-options';
 export { SallaProductSizeGuide as SallaProductSizeGuide } from '../types/components/salla-product-size-guide/salla-product-size-guide';
+export { SallaProgressBar as SallaProgressBar } from '../types/components/salla-progress-bar/salla-progress-bar';
 export { SallaQuantityInput as SallaQuantityInput } from '../types/components/salla-quantity-input/salla-quantity-input';
 export { SallaQuickOrder as SallaQuickOrder } from '../types/components/salla-quick-order/salla-quick-order';
 export { SallaRatingModal as SallaRatingModal } from '../types/components/salla-rating-modal/salla-rating-modal';

package/dist/components/index.js

@@ -27,6 +27,7 @@ export { SallaPlaceholder, defineCustomElement as defineCustomElementSallaPlaceh
 export { SallaProductAvailability, defineCustomElement as defineCustomElementSallaProductAvailability } from './salla-product-availability.js';
 export { SallaProductOptions, defineCustomElement as defineCustomElementSallaProductOptions } from './salla-product-options.js';
 export { SallaProductSizeGuide, defineCustomElement as defineCustomElementSallaProductSizeGuide } from './salla-product-size-guide.js';
+export { SallaProgressBar, defineCustomElement as defineCustomElementSallaProgressBar } from './salla-progress-bar.js';
 export { SallaQuantityInput, defineCustomElement as defineCustomElementSallaQuantityInput } from './salla-quantity-input.js';
 export { SallaQuickOrder, defineCustomElement as defineCustomElementSallaQuickOrder } from './salla-quick-order.js';
 export { SallaRatingModal, defineCustomElement as defineCustomElementSallaRatingModal } from './salla-rating-modal.js';

package/dist/components/salla-product-options.js

@@ -3,14 +3,15 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { C as CameraIcon } from './camera.js';
-import { d as defineCustomElement$9 } from './salla-button2.js';
-import { d as defineCustomElement$8 } from './salla-color-picker2.js';
-import { d as defineCustomElement$7 } from './salla-conditional-fields2.js';
-import { d as defineCustomElement$6 } from './salla-datetime-picker2.js';
-import { d as defineCustomElement$5 } from './salla-file-upload2.js';
-import { d as defineCustomElement$4 } from './salla-loading2.js';
-import { d as defineCustomElement$3 } from './salla-map2.js';
-import { d as defineCustomElement$2 } from './salla-modal2.js';
+import { d as defineCustomElement$a } from './salla-button2.js';
+import { d as defineCustomElement$9 } from './salla-color-picker2.js';
+import { d as defineCustomElement$8 } from './salla-conditional-fields2.js';
+import { d as defineCustomElement$7 } from './salla-datetime-picker2.js';
+import { d as defineCustomElement$6 } from './salla-file-upload2.js';
+import { d as defineCustomElement$5 } from './salla-loading2.js';
+import { d as defineCustomElement$4 } from './salla-map2.js';
+import { d as defineCustomElement$3 } from './salla-modal2.js';
+import { d as defineCustomElement$2 } from './salla-progress-bar2.js';
 
 var DisplayType;
 (function (DisplayType) {
@@ -103,7 +104,9 @@ const SallaProductOptions$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
       this.optionsData = [];
     }
     if (this.productId && !salla.url.is_page('cart')) {
-      salla.api.product.getDetails(this.productId, ['options']).then(resp => this.optionsData = resp.data.options);
+      salla.api.product.getDetails(this.productId, ['options']).then((resp) => {
+        this.optionsData = resp.data.options;
+      });
     }
   }
   //todo:: typo here, but I think we will drop it anyway😌
@@ -146,7 +149,8 @@ const SallaProductOptions$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     return salla.api.cart.getCurrentCartId();
   }
   render() {
-    if (this.optionsData.length == 0) {
+    var _a;
+    if (((_a = this.optionsData) === null || _a === void 0 ? void 0 : _a.length) == 0) {
       return;
     }
     return (h(Host, { class: "s-product-options-wrapper" }, h("salla-conditional-fields", null, this.optionsData.map((option) => h("div", Object.assign({ class: `s-product-options-option-container${option.visibility_condition ? ' hidden' : ''}`, "data-option-id": option.id }, this.getOptionShownWhen(option)), option.name == 'splitter' ?
@@ -154,8 +158,10 @@ const SallaProductOptions$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
       : h("div", { class: "s-product-options-option" }, h("label", { htmlFor: 'options[' + option.id + ']', class: "s-product-options-option-label" }, h("b", null, option.name, option.required && h("span", null, " * "), " "), h("small", null, option.placeholder)), h("div", { class: "s-product-options-option-content" }, this.getDisplayForType(option))))))));
   }
   //@ts-ignore
-  donationOption(option) {
-    return h("div", { class: "s-product-options-donation-wrapper" }, h("input", { type: "text", id: "donating-amount", name: "donating_amount", class: "s-form-control", value: option.value, placeholder: option.placeholder, onInput: e => salla.helpers.inputDigitsOnly(e.target), onBlur: e => this.donationMoneyEntered.emit(e) }), h("span", { class: "s-product-options-donation-amount-currency" }, salla.config.currency(salla.config.get('user.currency_code')).symbol));
+  donationOption(option, product) {
+    return h("div", { class: "s-product-options-donation-wrapper" }, option.donation ?
+      h("div", { class: "s-product-options-donation-progress" }, h("salla-progress-bar", { donation: option.donation }))
+      : '', h("input", { type: "text", id: "donating-amount", name: "donating_amount", class: "s-form-control", value: option.value, placeholder: option.placeholder, onInput: e => salla.helpers.inputDigitsOnly(e.target), onBlur: e => this.donationMoneyEntered.emit(e) }), h("span", { class: "s-product-options-donation-amount-currency" }, salla.config.currency(salla.config.get('user.currency_code')).symbol));
   }
   //todo:: why we need this way, use the native way!!
   //@ts-ignore
@@ -174,7 +180,7 @@ const SallaProductOptions$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
   //@ts-ignore
   fileOption(option) {
     let types = option.details.map(detail => this.fileTypes[detail.name]).filter(Boolean);
-    return types.length
+    return (types === null || types === void 0 ? void 0 : types.length)
       ? this.fileUploader(option, { accept: types.join(',') })
       : 'File types not selected.';
   }
@@ -263,7 +269,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["salla-product-options", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal"];
+  const components = ["salla-product-options", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-progress-bar"];
   components.forEach(tagName => { switch (tagName) {
     case "salla-product-options":
       if (!customElements.get(tagName)) {
@@ -272,40 +278,45 @@ function defineCustomElement$1() {
       break;
     case "salla-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "salla-color-picker":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "salla-conditional-fields":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "salla-datetime-picker":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "salla-file-upload":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$6();
       }
       break;
     case "salla-loading":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "salla-map":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$4();
       }
       break;
     case "salla-modal":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "salla-progress-bar":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }

package/dist/components/salla-progress-bar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SallaProgressBar extends Components.SallaProgressBar, HTMLElement {}
+export const SallaProgressBar: {
+  prototype: SallaProgressBar;
+  new (): SallaProgressBar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/salla-progress-bar.js

@@ -0,0 +1,9 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { S as SallaProgressBar$1, d as defineCustomElement$1 } from './salla-progress-bar2.js';
+
+const SallaProgressBar = SallaProgressBar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaProgressBar, defineCustomElement };

package/dist/components/salla-progress-bar2.js

@@ -0,0 +1,81 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const sallaProgressBarCss = ".s-progress-bar-wrapper{background-color:#E5E7EB;width:100%;height:0.625rem;border-radius:9999px;margin-bottom:0.375rem}.s-progress-bar-progress{height:0.625rem;border-radius:9999px}.s-progress-bar-message{color:#a2a8b4;font-size:0.75rem;line-height:1rem;display:block;margin-bottom:0.625rem}";
+
+const SallaProgressBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    try {
+      if (this.donation) {
+        let donationJson = typeof this.donation == 'string' ? JSON.parse(this.donation) : this.donation;
+        if (donationJson.can_donate) {
+          this.value = donationJson.collected_amount;
+          this.target = donationJson.target_amount;
+          this.header = salla.lang.get('pages.products.target');
+          this.message = salla.lang.get('pages.products.donation_target_date') + ' ' + donationJson.target_end_date;
+        }
+        else {
+          this.message = donationJson.target_message;
+        }
+      }
+    }
+    catch (e) {
+      salla.log('Wrong donation json');
+    }
+    salla.lang.onLoaded(() => {
+      var _a, _b;
+      this.header = (_a = this.header) === null || _a === void 0 ? void 0 : _a.replace('pages.products.target', salla.lang.get('pages.products.target'));
+      this.message = (_b = this.message) === null || _b === void 0 ? void 0 : _b.replace('pages.products.donation_target_date', salla.lang.get('pages.products.donation_target_date'));
+    });
+    salla.onReady(() => {
+      this.color = this.color || salla.config.get('theme.color.primary', "#ffd5c4");
+      if (!this.unit) {
+        this.unit = salla.config.currency().symbol;
+      }
+    });
+  }
+  getPercentage() {
+    return (this.value / this.target) * 100;
+  }
+  render() {
+    if (!this.target && !this.message) {
+      return '';
+    }
+    return (h("div", { class: "s-progress-bar-container" }, this.header ? h("div", { class: "s-progress-bar-header" }, this.header) : '', this.getProgressBar(), this.message ? h("span", { class: "s-progress-bar-message" }, this.message) : ''));
+  }
+  getProgressBar() {
+    return this.target ? [
+      h("div", { class: "s-progress-bar-target-section" }, h("span", null, salla.helpers.number(this.value), " ", this.unit), h("span", null, salla.helpers.number(this.target), " ", this.unit)),
+      h("div", { class: "s-progress-bar-wrapper" }, h("div", { class: "s-progress-bar-progress", style: { 'width': `${this.getPercentage()}%`, 'background-color': this.color } }))
+    ] : '';
+  }
+  static get style() { return sallaProgressBarCss; }
+}, [0, "salla-progress-bar", {
+    "donation": [1],
+    "target": [1026],
+    "value": [1026],
+    "header": [1025],
+    "message": [1025],
+    "unit": [1025],
+    "color": [1025]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["salla-progress-bar"];
+  components.forEach(tagName => { switch (tagName) {
+    case "salla-progress-bar":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SallaProgressBar);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { SallaProgressBar as S, defineCustomElement as d };

package/dist/components/salla-slider2.js

@@ -17,6 +17,7 @@ const SallaSwiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.afterInit = createEvent(this, "afterInit", 7);
     this.slideChange = createEvent(this, "slideChange", 7);
     this.reachBeginning = createEvent(this, "reachBeginning", 7);
     this.reachEnd = createEvent(this, "reachEnd", 7);
@@ -339,9 +340,11 @@ const SallaSwiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       autoHeight: this.autoHeight,
       lazy: true,
       on: {
-        // todo:: find better way for this workaround to show lazyLoad for duplicated slides, for some reason they are loaded but class not added.
+        // todo:: find better way for this workaround to show lazyLoad for duplicated slides, because it clones the slide after it's already rendered,
+        // then it re appended it as is,in this case the image is loaded but class not added.
         afterInit: (slider) => {
           var _a;
+          this.afterInit.emit(slider);
           (_a = document.lazyLoadInstance) === null || _a === void 0 ? void 0 : _a.update();
           this.loop && slider.slides.map(slide => {
             if (!slide.classList.contains('swiper-slide-duplicate')) {
@@ -403,7 +406,6 @@ const SallaSwiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   initSlider() {
     for (const slide of this.sliderWrapper.children) {
-      //todo:: use `s-slider-slide`
       slide.classList.add('swiper-slide');
     }
     // @ts-ignore

package/dist/esm/camera-647ab50f.js

@@ -0,0 +1,11 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+const CameraIcon = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>camera</title>
+<path d="M16 10.667c-4.044 0-7.333 3.289-7.333 7.333s3.289 7.333 7.333 7.333 7.333-3.289 7.333-7.333-3.289-7.333-7.333-7.333zM16 22.667c-2.573 0-4.667-2.093-4.667-4.667s2.093-4.667 4.667-4.667 4.667 2.093 4.667 4.667-2.093 4.667-4.667 4.667zM28 5.333h-3.287l-2.271-3.407c-0.248-0.371-0.664-0.593-1.109-0.593h-10.667c-0.445 0-0.861 0.223-1.109 0.593l-2.271 3.407h-3.287c-2.205 0-4 1.795-4 4v17.333c0 2.205 1.795 4 4 4h24c2.205 0 4-1.795 4-4v-17.333c0-2.205-1.795-4-4-4zM29.333 26.667c0 0.735-0.599 1.333-1.333 1.333h-24c-0.735 0-1.333-0.599-1.333-1.333v-17.333c0-0.735 0.599-1.333 1.333-1.333h4c0.445 0 0.861-0.223 1.109-0.593l2.272-3.407h9.239l2.271 3.407c0.248 0.371 0.664 0.593 1.109 0.593h4c0.735 0 1.333 0.599 1.333 1.333zM25.333 10.66c-0.736 0-1.333 0.604-1.333 1.34s0.597 1.333 1.333 1.333 1.333-0.597 1.333-1.333v-0.013c0-0.736-0.597-1.327-1.333-1.327z"></path>
+</svg>
+`;
+
+export { CameraIcon as C };

package/dist/esm/index-f1d446ac.js

@@ -1886,10 +1886,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
       }
       switch(bundleId) {
         
-        case 'salla-button_37':
+        case 'salla-button_36':
           return import(
             /* webpackMode: "lazy" */
-            './salla-button_37.entry.js').then(processMod, consoleError);
+            './salla-button_36.entry.js').then(processMod, consoleError);
         case 'salla-add-product-button':
           return import(
             /* webpackMode: "lazy" */
@@ -1902,10 +1902,18 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './salla-loyalty-prize-item.entry.js').then(processMod, consoleError);
+        case 'salla-product-options':
+          return import(
+            /* webpackMode: "lazy" */
+            './salla-product-options.entry.js').then(processMod, consoleError);
         case 'salla-select':
           return import(
             /* webpackMode: "lazy" */
             './salla-select.entry.js').then(processMod, consoleError);
+        case 'salla-conditional-fields':
+          return import(
+            /* webpackMode: "lazy" */
+            './salla-conditional-fields.entry.js').then(processMod, consoleError);
       }
     }
     return import(