@salla.sa/twilight-components 2.14.471 → 2.14.472

package/dist/components/salla-list-tile2.js

@@ -25,7 +25,7 @@ const SallaListTile = /*@__PURE__*/ proxyCustomElement(class SallaListTile exten
         };
     }
     render() {
-        return (h(Host, { key: 'bb33776d01406ff1e04bbdc741312f1a17ac3b7b' }, h("a", { key: '386b417c954bf4b2bac34e40d9bae19db7f61ec3', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: 'cbcd8c6f92a4cbe7afbd8797c36ae6f529abed1c', class: "s-list-tile-item-icon" }, h("slot", { key: 'bff76fdb467b2491f0c3b40bd7f475eda23fa9c8', name: 'icon' })), h("div", { key: 'c80e7c032abedea8d5929d8bb36a642336724fe1', class: "s-list-tile-item-content" }, h("div", { key: '2bea0273bb4c012e0f9f7ee948b14bc9ea8afc2a', class: "s-list-tile-item-title" }, h("slot", { key: '60c872b9ec9b369ba65452abad7860b3ba6ba640', name: 'title' })), h("div", { key: 'fbb1b6e49284c74f2933f056aa16fcbc25526703', class: "s-list-tile-item-subtitle" }, h("slot", { key: '5ad1bba1b71db13d4deb594ccb0f5898f24d2f23', name: "subtitle" }))), h("div", { key: '96358bf7ed34907a799efd8c6fb2caae6ca02f43', class: "s-list-tile-item-action" }, h("slot", { key: '8d496724103f0c3959845c8f5d4e662a3095c09e', name: 'action' })))));
+        return (h(Host, { key: '2b73681383da172ed01bb199b117d2063228e01e' }, h("a", { key: 'af5913df51093694667751d16b5ec686103791a4', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: '49fdb468a67f0a015762a1539d2333ad694628ec', class: "s-list-tile-item-icon" }, h("slot", { key: '97417d4c9bf63e498510549d08dbf5df55050526', name: 'icon' })), h("div", { key: '53544687a14f2c992ad17d0194a10fba0ad40631', class: "s-list-tile-item-content" }, h("div", { key: 'a8803d707ccd88df74d425a004e5c180d0106c50', class: "s-list-tile-item-title" }, h("slot", { key: '27b091e8cf03dc9253baf135bdc6a8166eac566c', name: 'title' })), h("div", { key: 'c2ab48314fe243e6cea9dd7e8f0be4104a0b89e3', class: "s-list-tile-item-subtitle" }, h("slot", { key: '31c7e05be4026e990704926f6b29c8b1e570a548', name: "subtitle" }))), h("div", { key: '4fb89eaad3693b3b49e6d4ac72f09dca7c52eeeb', class: "s-list-tile-item-action" }, h("slot", { key: '7e587373e0282a22387028aaa6a801b9909f707a', name: 'action' })))));
     }
     static get style() { return sallaListTileCss; }
 }, [4, "salla-list-tile", {

package/dist/components/salla-loading2.js

@@ -27,7 +27,7 @@ const SallaLoading = /*@__PURE__*/ proxyCustomElement(class SallaLoading extends
         this.bgColor = "#e5e7eb";
     }
     render() {
-        return (h(Host, { key: '43f0680ce1f04ebda7083a4e15e69db9f19eea8f', class: "s-loading-container" }, h("svg", { key: '1b10899828e6b40f9a4535a6c5748382d2235382', "aria-hidden": "true", style: { width: `${this.size}px`, height: `${this.size}px`, fill: this.color, color: this.bgColor }, class: "s-loading", viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2866a19de0250199769271535cfa84531241507a', d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z", fill: "currentColor" }), h("path", { key: '8dd072bcfbca9299d4a9479fc00666bf174b48aa', d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z", fill: "currentFill" }))));
+        return (h(Host, { key: 'a3ab1e66f7b26628e7bfb1f5560127d042203cf3', class: "s-loading-container" }, h("svg", { key: 'e33089cee347160eaea4ded8ab8a5543a91f5ea1', "aria-hidden": "true", style: { width: `${this.size}px`, height: `${this.size}px`, fill: this.color, color: this.bgColor }, class: "s-loading", viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8163f98231203552ea3f514ac3b8cd16a8d9426c', d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z", fill: "currentColor" }), h("path", { key: '959ea259b039d16be8b9dc39a2fb2e409bfffe0e', d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z", fill: "currentFill" }))));
     }
     static get style() { return sallaLoadingCss; }
 }, [0, "salla-loading", {

package/dist/components/salla-localization-modal.js

@@ -229,7 +229,7 @@ const SallaLocalizationModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoc
             this.showTrigger
                 ? h("button", { type: "button", onClick: () => this.open(), class: "s-localization-modal-trigger-btn" }, h("span", null, this.getLanguageName()), h("span", { class: "s-localization-modal-trigger-separator" }, "|"), " ", h("span", { innerHTML: this.getCurrencySymbol() }))
                 : '',
-            h("salla-modal", { key: '6a3f736912181c5305a6c3007a5c3a739dc29b17', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: '1fa6da25fef6d53258fdf14be51f23681321f5f2', slot: 'loading' }, h("div", { key: '64aa0b53fe359df364c915b80b5bc26de5e57300', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: '41ba7271f064fa3880a75467868da9742b236c5c', width: '25%', height: '15px' }), h("div", { key: 'fa336b997a868f2f08ae3b89933d2dc99a33ce74', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: 'f2a3c995ee6aa642435b9aa054bb0dd857674b61', width: '25%', height: '15px' }), h("div", { key: '4cdc8d8f3f639a161e4c8663e7bcd3425aeb3e00', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '717051872db0bafe45c8fecb5559dca19954e1f2', height: '40px', width: '100%' }))), !!this.hasError ?
+            h("salla-modal", { key: '9cc6354dc42690d75512a18139daa77167c047c0', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: '2bf24b9cbbaae5daf0c7a6da4baec771bffe4186', slot: 'loading' }, h("div", { key: '90094d2166bc12b0a8d072ffa580606f60608f24', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: 'a32348c17c0583d27892ec6b31996d747cbdd39d', width: '25%', height: '15px' }), h("div", { key: 'eff3210bd11fb378c240df1764870a0633e9f1a2', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: 'baa493a36855ef28c487c2301484cd2f96382904', width: '25%', height: '15px' }), h("div", { key: '95f6ddfcd029fb2fd2be0d31b83aaaaa2b7c6c00', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '769599216ff51babd8d6a6665a55f58dd47bf479', height: '40px', width: '100%' }))), !!this.hasError ?
                 h("salla-placeholder", { alignment: "center" }, h("span", { slot: "description" }, this.errorMessage)) :
                 h("div", { class: "s-localization-modal-inner" }, this.languages.length > 1 ?
                     h("div", { class: "s-localization-modal-section" }, h("label", { class: "s-localization-modal-title" }, Salla.lang.get('common.titles.language')), h("div", { class: "s-localization-modal-section-inner" }, this.languages.length < 6 ?

package/dist/components/salla-loyalty-hero2.js

@@ -11,13 +11,13 @@ const SallaLoyaltyHero = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyHero
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '5c5193846a54877e042ef6470014aa6d041f5d40' }, h("section", { key: '6072a4836f28c2de74eeb2208f1e2e66f274875e', class: "s-loyalty-program-hero-container" }, h("div", { key: 'e5475eebd8725e3fc0650a4a3fd9ace4c0b785af', class: "s-loyalty-program-hero-background", style: {
+        return (h(Host, { key: 'c0060bac9958abfd0fe8e60a9b24c48d3a44f808' }, h("section", { key: '23529c848e4b44e10aef943457926d7fb4053e42', class: "s-loyalty-program-hero-container" }, h("div", { key: 'd2a7042e02f8a6a7a40f34f445fac4bed07c26e7', class: "s-loyalty-program-hero-background", style: {
                 backgroundImage: `url(${this.image})`,
-            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: '485aa5a50b7cfc463cafa704c08bc01d7a2a56df', class: {
+            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: 'd8b5459d499161ee6c79e5c67dc7c50f4be241ff', class: {
                 's-loyalty-program-hero-content': true,
                 's-loyalty-program-hero-white': !!this.image,
                 's-loyalty-program-hero-gray': !this.image,
-            } }, h("div", { key: '5a20942fbdcf655adf647d5fda20d98c95e7b5f0' }, h("h1", { key: 'cd588ad7f5d83aaf91b584ca27e1e4765401eb22', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: '2bc4d0be971eb4772ad0c312a0036715939ee443', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: 'a57f729e535582f45543d95d1c305b5a89c18118', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: '9eae1d22eb64f00e25a355485979435bce464a4a', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: 'c8f7c4aca6095bd75d0122e5ce3694af3561a01e', name: "action" }))), h("div", { key: 'f08a2d8a93bdfc9ca93effd4b4e693670c057689', class: "s-loyalty-program-hero-footer" }, h("div", { key: '171cc3d9a92aee7380aa974a300f91e81ae3319d', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: '518e48e2dede80b0acd427d1d1ca0aaf2c1ffef0', name: "crosspoint" }))))));
+            } }, h("div", { key: '26ef4c09f27d93b96c0e12f7998484fa73837b6c' }, h("h1", { key: '2930af83fa736285c220fca7c241e08f7f67267a', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: 'c6a170b91e43f8321a350c95c85c4f0bf24e0d2d', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: '2558c1947c3cb1e78ddd396b596d72a9e62f408d', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: '363b97050db887cd8c05db1feec3fb834d7f48bb', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: '27ca29dfcd2cd5d176f22a7cf43ef26343ccf2e8', name: "action" }))), h("div", { key: 'a39534b8f093ff4e2373367a1e10bf2d9a986f37', class: "s-loyalty-program-hero-footer" }, h("div", { key: '10ccbf09e4e643255df236cc0d2ad55894a420ea', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: '33973737797d6f5303f0e1435768816eea7450c5', name: "crosspoint" }))))));
     }
     static get style() { return sallaLoyaltyProgramCss; }
 }, [4, "salla-loyalty-hero", {

package/dist/components/salla-loyalty-panel.js

@@ -9,15 +9,23 @@ import { S as SIPercentage, a as SILayoutGrid } from './percentage.js';
 import { S as SIShipping } from './shipping.js';
 import { C as Cart2 } from './cart2.js';
 import { T as TrackedPromise } from './tracked-promise.js';
-import { d as defineCustomElement$m } from './salla-add-product-button2.js';
-import { d as defineCustomElement$l } from './salla-badge2.js';
-import { d as defineCustomElement$k } from './salla-button2.js';
-import { d as defineCustomElement$j } from './salla-count-down2.js';
-import { d as defineCustomElement$i } from './salla-list-tile2.js';
-import { d as defineCustomElement$h } from './salla-loading2.js';
-import { d as defineCustomElement$g } from './salla-modal2.js';
-import { d as defineCustomElement$f } from './salla-product-availability2.js';
-import { d as defineCustomElement$e } from './salla-product-card2.js';
+import { d as defineCustomElement$u } from './salla-add-product-button2.js';
+import { d as defineCustomElement$t } from './salla-badge2.js';
+import { d as defineCustomElement$s } from './salla-booking-field2.js';
+import { d as defineCustomElement$r } from './salla-button2.js';
+import { d as defineCustomElement$q } from './salla-color-picker2.js';
+import { d as defineCustomElement$p } from './salla-conditional-fields2.js';
+import { d as defineCustomElement$o } from './salla-count-down2.js';
+import { d as defineCustomElement$n } from './salla-datetime-picker2.js';
+import { d as defineCustomElement$m } from './salla-file-upload2.js';
+import { d as defineCustomElement$l } from './salla-list-tile2.js';
+import { d as defineCustomElement$k } from './salla-loading2.js';
+import { d as defineCustomElement$j } from './salla-map2.js';
+import { d as defineCustomElement$i } from './salla-modal2.js';
+import { d as defineCustomElement$h } from './salla-order-options-modal2.js';
+import { d as defineCustomElement$g } from './salla-product-availability2.js';
+import { d as defineCustomElement$f } from './salla-product-card2.js';
+import { d as defineCustomElement$e } from './salla-product-options2.js';
 import { d as defineCustomElement$d } from './salla-products-slider2.js';
 import { d as defineCustomElement$c } from './salla-progress-bar2.js';
 import { d as defineCustomElement$b } from './salla-quick-buy2.js';
@@ -128,7 +136,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-loyalty-panel", "salla-add-product-button", "salla-badge", "salla-button", "salla-count-down", "salla-list-tile", "salla-loading", "salla-modal", "salla-product-availability", "salla-product-card", "salla-products-slider", "salla-progress-bar", "salla-quick-buy", "salla-reward-action", "salla-reward-card", "salla-reward-details", "salla-reward-exchange", "salla-slider", "salla-tab-content", "salla-tab-header", "salla-tabs", "salla-tel-input"];
+    const components = ["salla-loyalty-panel", "salla-add-product-button", "salla-badge", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-count-down", "salla-datetime-picker", "salla-file-upload", "salla-list-tile", "salla-loading", "salla-map", "salla-modal", "salla-order-options-modal", "salla-product-availability", "salla-product-card", "salla-product-options", "salla-products-slider", "salla-progress-bar", "salla-quick-buy", "salla-reward-action", "salla-reward-card", "salla-reward-details", "salla-reward-exchange", "salla-slider", "salla-tab-content", "salla-tab-header", "salla-tabs", "salla-tel-input"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-loyalty-panel":
             if (!customElements.get(tagName)) {
@@ -137,45 +145,85 @@ function defineCustomElement$1() {
             break;
         case "salla-add-product-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$u();
             }
             break;
         case "salla-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$t();
+            }
+            break;
+        case "salla-booking-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$s();
             }
             break;
         case "salla-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$r();
+            }
+            break;
+        case "salla-color-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$q();
+            }
+            break;
+        case "salla-conditional-fields":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$p();
             }
             break;
         case "salla-count-down":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$o();
+            }
+            break;
+        case "salla-datetime-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+        case "salla-file-upload":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
             }
             break;
         case "salla-list-tile":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$l();
             }
             break;
         case "salla-loading":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$k();
+            }
+            break;
+        case "salla-map":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
             }
             break;
         case "salla-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$i();
+            }
+            break;
+        case "salla-order-options-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
             }
             break;
         case "salla-product-availability":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "salla-product-card":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "salla-product-options":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }

package/dist/components/salla-loyalty-point2.js

@@ -9,7 +9,7 @@ import { T as Tag } from './tag.js';
 import { M as MailIcon } from './mail.js';
 import { S as SICalendar } from './calendar.js';
 import { I as IphoneXIcon } from './iphone-x.js';
-import { L as Location } from './location.js';
+import { S as SILocation } from './location.js';
 import { S as SIShipping } from './shipping.js';
 import { d as defineCustomElement$3 } from './salla-badge2.js';
 import { d as defineCustomElement$2 } from './salla-loading2.js';
@@ -93,7 +93,7 @@ const sicons = {
     'CONDITION_BUY_FROM_STORE_FIX_AMOUNT': h("span", { innerHTML: Cart2 }),
     'CONDITION_BUY_FROM_STORE_FIX_AMOUNT_BY_CATEGORIES': h("span", { innerHTML: Cart2 }),
     'order_from_pos_1': h("span", { innerHTML: IphoneXIcon }),
-    'order_from_pos_2': h("span", { innerHTML: Location }),
+    'order_from_pos_2': h("span", { innerHTML: SILocation }),
     'buy_from_pos_1': h("span", { innerHTML: SIMapLocation }),
     'buy_from_pos_2': h("span", { innerHTML: IphoneXIcon }),
     'CONDITION_BUY_FROM_POS_FOR_UNIT': h("span", { innerHTML: IphoneXIcon }),
@@ -216,7 +216,7 @@ const SallaLoyaltyPoint = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPoi
         }
     }
     render() {
-        return (h("div", { key: '18188b96c76014a8ca63490301473570179c6e78' }, h("div", { key: '0549c74cd95a162a59a471cdc59be0f1ced0ce0f', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: 'cb3cbbd5b73644e1e69bd427e8603021e3177b1c', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '9915e810011d48c389f2ff7e49059c386a71fb9f', class: this.point.icon })), h("div", { key: 'ee19572884f1d26780cde2532f65dedaea881240', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: '781ec4ca3f923a0784242d3933131616f2b24d44', size: "xs", bg: "transparent" }, h("span", { key: '5e38c2cb5b84f3c5dcddf1ab52ece36f91aaf89c', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("div", { key: 'a78d50feb0e87e3df46616b80296566dd41f04bf', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: 'e984c578ad5ec7a6837d051d7d79635e1867b2d8', size: "sm", bg: "transparent" }, h("span", { key: 'b10cba531be0562633c446fe9f545553606e36af', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("p", { key: 'c10978d7fdf85a7c99442d8ab3583048380d2108', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
+        return (h("div", { key: 'ddfb0e0ffb4c23f7cab43dd994e25ba7c599a931' }, h("div", { key: 'a2fe514f59b0e01fc6e22011b6734d7ba97e951e', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: '486b61a56b739a881de4ff0581a19ef91fbfc2e8', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '15f77554d8af1f65a66bf788cae341fe9f8f0fa3', class: this.point.icon })), h("div", { key: '2921be35f4d122e1a4580ed625832e4f33d69276', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: 'c809f65f9c93553e595fc995b76070a6a065e9d8', size: "xs", bg: "transparent" }, h("span", { key: 'd76ddeb873ac19f91b3cfe8af5837feb096cd7ca', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("div", { key: '18674b523984b6ca91afcee873e219571f867fcf', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: '7ebbee57d2858f1ba372fd4b0b42771e394e330f', size: "sm", bg: "transparent" }, h("span", { key: '41a93def0e2e54b4e6e036222e212703fe9ef88f', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("p", { key: 'acfa0ed98f398b591cb22e828ca677d37007e4e6', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
             h("a", { class: {
                     's-loyalty-program-points-action': true,
                     's-loyalty-program-points-action-completed': this.point.is_completed,
@@ -226,12 +226,12 @@ const SallaLoyaltyPoint = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPoi
                     's-loyalty-program-points-action': true,
                     's-loyalty-program-points-action-completed': this.point.is_completed,
                     's-loyalty-program-points-action-incomplete': !this.point.is_completed,
-                } }, this.point.description)), h("salla-modal", { key: 'e44d1d39a1a7aa2f5560ed920a1e7b071f89e44c', ref: modal => this.modal = modal, class: "s-loyalty-program-point-modal s-loyalty-program-modal", width: window.matchMedia('(min-width: 768px)').matches ? 'md' : 'sm', noPadding: true }, h("div", { key: '29079334d694c522883e101be8cbf3cac7cf53cb', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '31d76362feb5d8faf3f0ef7f0bc253aa5d53bf06', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '526cfb6c9181e17c2953678da7018ba627d410fe', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: '09aff5a2d91555902ed6adcb9875b43915a2c26a', class: "s-loyalty-program-points-modal-main" }, h("div", { key: 'a3878cda3a169d8780232b1b94f52add991038f6', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '54ba6129910cad8719872ac3f6fa2849ff3fe085', class: this.point.icon })), h("salla-badge", { key: '32f3fb88719c3c6ed8523235a0c05ec7cdf52936', size: "sm", bg: "light" }, h("span", { key: '8b9eb28e0175f411dd96cf99e7bbfd82d6364178', innerHTML: loyaltyProgramIcon }), h("span", { key: '93e030f87e44efd45f46d5e246fc9b636b84150f', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.point)))), this.getSubHeading(this.point), !!this.point.steps && Object.keys(this.point.steps).length > 0 &&
-            h("div", { key: '8536792c55eee3afaf0f22706691109dd14b08d1', class: "s-loyalty-program-points-modal-details" }, h("div", { key: '9121cc3b2e099189ee780a37c07cfdd4a83471d5', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: '254a0641aac4eafd9386757445808567c1fd5707', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
+                } }, this.point.description)), h("salla-modal", { key: '7c9f4dce935ba3e1f841aab57de04013e2fb983f', ref: modal => this.modal = modal, class: "s-loyalty-program-point-modal s-loyalty-program-modal", width: window.matchMedia('(min-width: 768px)').matches ? 'md' : 'sm', noPadding: true }, h("div", { key: '5e1dbd60526ae8450ce6453c04ea244ef1a96697', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: 'b43153fe19ffa308d5bd4126c9bd0fd43f1379ea', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '5d8f1cad86fd916f984f5baa07ff7fb18afeda68', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: '69c4e3f2d513ec6c52caaa31ab3e7c886c0827a0', class: "s-loyalty-program-points-modal-main" }, h("div", { key: '539a7713a22f64e9e4157dcd288ceca49910a449', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '5249f670969022167be8b11bff3ec8c75b4f0a5b', class: this.point.icon })), h("salla-badge", { key: 'e19decc72866ca36e3cc52c9822fc4677816bbda', size: "sm", bg: "light" }, h("span", { key: 'f2ed0ef699b63ce091c2b7dc5d30341bb0dcf713', innerHTML: loyaltyProgramIcon }), h("span", { key: '54275a2ec227c9415e77f88051bbf4e36d10489e', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.point)))), this.getSubHeading(this.point), !!this.point.steps && Object.keys(this.point.steps).length > 0 &&
+            h("div", { key: '7b8d4168a96586efa2855f169536a0577750cabe', class: "s-loyalty-program-points-modal-details" }, h("div", { key: '102274da4418a7119e65c6a5c44630315e348c98', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: '9a87e3fcb31ab6a0b984fe3fd43b9b57678b4600', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
                 const stepsArray = Object.values(this.point.steps);
                 const isLastItem = idx === stepsArray.length - 1;
                 return (h("li", { class: "s-loyalty-program-points-chain-item" }, h("div", { class: "s-loyalty-program-points-chain-icon" }, h("div", { class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xs s-loyalty-program-circle-variant-outline-primary" }, sicons[step.key]), !isLastItem && h("div", { class: "s-loyalty-program-points-chain-line" })), h("div", { class: "s-loyalty-program-points-chain-content" }, h("salla-badge", { size: "xs", color: "primary-900", bg: "primary-100" }, h("span", null, salla.lang.get(`pages.loyalty_program.step_${idx + 1}`))), h("p", { class: "s-loyalty-program-points-chain-description" }, step.title || step.name))));
-            })))), this.getDetails(this.point), h("div", { key: '5a7b03a390c7fe14741e8ba2a720335496af2ffb', class: "s-loyalty-program-points-modal-details" }, this.getTrailingContent(this.point)), !this.point.branches?.length ? '' : h("div", { class: "s-loyalty-program-points-modal-list" }, h("div", { class: "s-loyalty-program-point-details-branches" }, h("h2", null, salla.lang.get('pages.loyalty_program.branches')), h("p", null, salla.lang.get('pages.loyalty_program.shop_from_branches'))), h("div", { class: "s-loyalty-program-points-modal-list-wrapper" }, h("ul", null, this.point.branches.map((branch) => (h("li", { class: "s-loyalty-program-points-modal-list-item" }, h("p", null, branch.name), h("salla-badge", { size: "sm", bg: "transparent" }, h("span", { innerHTML: loyaltyProgramIcon }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: '627db1137113e711730ba1187d43224b24b66381', class: "s-loyalty-program-points-modal-action" }, h("a", { key: 'acb48d39007c6c42d2a248dbdd62c6e1afb0c994', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
+            })))), this.getDetails(this.point), h("div", { key: '7c96d9b4014f2b531cf85f0f4dd9c797f6b4e352', class: "s-loyalty-program-points-modal-details" }, this.getTrailingContent(this.point)), !this.point.branches?.length ? '' : h("div", { class: "s-loyalty-program-points-modal-list" }, h("div", { class: "s-loyalty-program-point-details-branches" }, h("h2", null, salla.lang.get('pages.loyalty_program.branches')), h("p", null, salla.lang.get('pages.loyalty_program.shop_from_branches'))), h("div", { class: "s-loyalty-program-points-modal-list-wrapper" }, h("ul", null, this.point.branches.map((branch) => (h("li", { class: "s-loyalty-program-points-modal-list-item" }, h("p", null, branch.name), h("salla-badge", { size: "sm", bg: "transparent" }, h("span", { innerHTML: loyaltyProgramIcon }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: '79a6d37b6af82a40b5b88f1a7e03034c3ac9fe90', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '6498d88e64af28621281b8c12b28c1a22473001d', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
                 's-loyalty-program-points-action': true,
                 's-loyalty-program-points-action-completed': this.point.is_completed,
                 's-loyalty-program-points-action-incomplete': !this.point.is_completed,

package/dist/components/salla-loyalty-points-history.js

@@ -84,7 +84,7 @@ const SallaLoyaltyPointsHistory$1 = /*@__PURE__*/ proxyCustomElement(class Salla
         }
     }
     render() {
-        return (h(Host, { key: '722394ad8e614d7db2460762992ea12bbf4d1f07' }, h("div", { key: '2230046263f24dbe9f13329134121e6b1079d713' }, this.isLoadingLoyalty ? (h("salla-loading", null)) : (h("div", null, h("table", { class: "s-loyalty-points-history-table" }, h("tbody", null, h("tr", null, h("td", null, h("div", { class: "s-loyalty-points-history-balance-container" }, h("i", { class: "s-loyalty-points-history-balance-icon sicon-gift" }), h("div", null, h("div", { class: "s-loyalty-points-history-balance-value" }, this.balance, " ", salla.lang.get('pages.loyalty_program.point')), h("div", { class: "s-loyalty-points-history-balance-label" }, salla.lang.get('pages.loyalty_program.your_points')))))))), this.loyaltyPointsArray.length > 0 ? (h("div", null, h("table", { class: "s-loyalty-points-history-table" }, h("thead", { class: "s-loyalty-points-history-table-head" }, h("tr", null, h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.note')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.status')))), h("tbody", null, this.loyaltyPointsArray.map(point => (h("tr", { class: "s-loyalty-points-history-table-tbody-tr" }, h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.points'), ":"), h("span", null, point?.type === 'plus' ? '+' : '', point?.amount || '', " ", salla.lang.get('pages.loyalty_program.point')))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.date'), ":"), h("span", null, formatDate(point?.created_at ? Number(point.created_at) * 1000 : undefined)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.expiry_date'), ":"), h("span", null, formatDate(point?.expires_at ? Number(point.expires_at) * 1000 : undefined)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.note'), ":"), h("span", null, translateKey(point?.key)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.status'), ":"), h("div", { class: {
+        return (h(Host, { key: '598233120adaed6885eff5d25c2e3142ed25b4f1' }, h("div", { key: 'eefd51a5c81eb491252eff180c57f6cb172425f5' }, this.isLoadingLoyalty ? (h("salla-loading", null)) : (h("div", null, h("table", { class: "s-loyalty-points-history-table" }, h("tbody", null, h("tr", null, h("td", null, h("div", { class: "s-loyalty-points-history-balance-container" }, h("i", { class: "s-loyalty-points-history-balance-icon sicon-gift" }), h("div", null, h("div", { class: "s-loyalty-points-history-balance-value" }, this.balance, " ", salla.lang.get('pages.loyalty_program.point')), h("div", { class: "s-loyalty-points-history-balance-label" }, salla.lang.get('pages.loyalty_program.your_points')))))))), this.loyaltyPointsArray.length > 0 ? (h("div", null, h("table", { class: "s-loyalty-points-history-table" }, h("thead", { class: "s-loyalty-points-history-table-head" }, h("tr", null, h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.note')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.status')))), h("tbody", null, this.loyaltyPointsArray.map(point => (h("tr", { class: "s-loyalty-points-history-table-tbody-tr" }, h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.points'), ":"), h("span", null, point?.type === 'plus' ? '+' : '', point?.amount || '', " ", salla.lang.get('pages.loyalty_program.point')))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.date'), ":"), h("span", null, formatDate(point?.created_at ? Number(point.created_at) * 1000 : undefined)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.expiry_date'), ":"), h("span", null, formatDate(point?.expires_at ? Number(point.expires_at) * 1000 : undefined)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.note'), ":"), h("span", null, translateKey(point?.key)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.status'), ":"), h("div", { class: {
                 's-loyalty-points-history-table-transaction-status': true,
                 's-loyalty-points-history-table-transaction-status-pending': point?.status_key === 'pending',
                 's-loyalty-points-history-table-transaction-status-revoked': point?.status_key === 'revoked',

package/dist/components/salla-loyalty-prize-item.js

@@ -15,7 +15,7 @@ const SallaLoyaltyPrizeItem$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoya
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (h(Host, { key: '601dbcf73e68678eecc912c14c2b1be612a78551' }, h("div", { key: '074f8b4cb736bfabd5885d9df77bf74e7c4829a1', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '4bec672992f7e998bde639295831a5c9ad5f5088', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: 'c8f858a7f406fe8e9123c57df627a4b6a2cbd719', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: '81b954aa730e07c7f32ee538692581dede3543db', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: 'b7baeada2da364fec6ee7bd606b595b1f652d8a8', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
+        return (h(Host, { key: '9b3837b35a38a39bde86ada09bbe7d1a43f669f4' }, h("div", { key: 'd3c4e77c5dea2060b2dc0f88dba36d08a3234779', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '1219be8bbc9212da5b0392a6ac35c0c502cb1564', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '61ac2fcbcd5ae3038b3a09ee81555f31ebd4c073', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: 'aa504c58b738528d1545cccd2ca1c2a3f4af0f32', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '01763afbcbfd305186adabd75bd2798306a446f6', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
     }
     static get style() { return sallaLoyaltyPrizeItemCss; }
 }, [0, "salla-loyalty-prize-item", {

package/dist/components/salla-loyalty-program.js

@@ -6,19 +6,27 @@ import { n as normalizeLoyaltyData, a as nearestLowerMultiple, c as closeModals
 import { S as SIPercentage, a as SILayoutGrid } from './percentage.js';
 import { S as SIShipping } from './shipping.js';
 import { C as Cart2 } from './cart2.js';
-import { a as SIUserAdd, d as defineCustomElement$h } from './salla-loyalty-point2.js';
+import { a as SIUserAdd, d as defineCustomElement$k } from './salla-loyalty-point2.js';
 import { S as SIGiftSharing } from './gift-sharing.js';
 import { T as TrackedPromise } from './tracked-promise.js';
 import { a as anime } from './anime.es.js';
-import { d as defineCustomElement$n } from './salla-add-product-button2.js';
-import { d as defineCustomElement$m } from './salla-badge2.js';
-import { d as defineCustomElement$l } from './salla-button2.js';
-import { d as defineCustomElement$k } from './salla-count-down2.js';
-import { d as defineCustomElement$j } from './salla-loading2.js';
-import { d as defineCustomElement$i } from './salla-loyalty-hero2.js';
-import { d as defineCustomElement$g } from './salla-modal2.js';
-import { d as defineCustomElement$f } from './salla-product-availability2.js';
-import { d as defineCustomElement$e } from './salla-product-card2.js';
+import { d as defineCustomElement$v } from './salla-add-product-button2.js';
+import { d as defineCustomElement$u } from './salla-badge2.js';
+import { d as defineCustomElement$t } from './salla-booking-field2.js';
+import { d as defineCustomElement$s } from './salla-button2.js';
+import { d as defineCustomElement$r } from './salla-color-picker2.js';
+import { d as defineCustomElement$q } from './salla-conditional-fields2.js';
+import { d as defineCustomElement$p } from './salla-count-down2.js';
+import { d as defineCustomElement$o } from './salla-datetime-picker2.js';
+import { d as defineCustomElement$n } from './salla-file-upload2.js';
+import { d as defineCustomElement$m } from './salla-loading2.js';
+import { d as defineCustomElement$l } from './salla-loyalty-hero2.js';
+import { d as defineCustomElement$j } from './salla-map2.js';
+import { d as defineCustomElement$i } from './salla-modal2.js';
+import { d as defineCustomElement$h } from './salla-order-options-modal2.js';
+import { d as defineCustomElement$g } from './salla-product-availability2.js';
+import { d as defineCustomElement$f } from './salla-product-card2.js';
+import { d as defineCustomElement$e } from './salla-product-options2.js';
 import { d as defineCustomElement$d } from './salla-products-slider2.js';
 import { d as defineCustomElement$c } from './salla-progress-bar2.js';
 import { d as defineCustomElement$b } from './salla-quick-buy2.js';
@@ -157,7 +165,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-loyalty-program", "salla-add-product-button", "salla-badge", "salla-button", "salla-count-down", "salla-loading", "salla-loyalty-hero", "salla-loyalty-point", "salla-modal", "salla-product-availability", "salla-product-card", "salla-products-slider", "salla-progress-bar", "salla-quick-buy", "salla-reward-action", "salla-reward-card", "salla-reward-details", "salla-reward-exchange", "salla-slider", "salla-tab-content", "salla-tab-header", "salla-tabs", "salla-tel-input"];
+    const components = ["salla-loyalty-program", "salla-add-product-button", "salla-badge", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-count-down", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-loyalty-hero", "salla-loyalty-point", "salla-map", "salla-modal", "salla-order-options-modal", "salla-product-availability", "salla-product-card", "salla-product-options", "salla-products-slider", "salla-progress-bar", "salla-quick-buy", "salla-reward-action", "salla-reward-card", "salla-reward-details", "salla-reward-exchange", "salla-slider", "salla-tab-content", "salla-tab-header", "salla-tabs", "salla-tel-input"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-loyalty-program":
             if (!customElements.get(tagName)) {
@@ -166,50 +174,90 @@ function defineCustomElement$1() {
             break;
         case "salla-add-product-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$v();
             }
             break;
         case "salla-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$u();
+            }
+            break;
+        case "salla-booking-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$t();
             }
             break;
         case "salla-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$s();
+            }
+            break;
+        case "salla-color-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$r();
+            }
+            break;
+        case "salla-conditional-fields":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$q();
             }
             break;
         case "salla-count-down":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$p();
+            }
+            break;
+        case "salla-datetime-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$o();
+            }
+            break;
+        case "salla-file-upload":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
             }
             break;
         case "salla-loading":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$m();
             }
             break;
         case "salla-loyalty-hero":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$l();
             }
             break;
         case "salla-loyalty-point":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$k();
+            }
+            break;
+        case "salla-map":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
             }
             break;
         case "salla-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$i();
+            }
+            break;
+        case "salla-order-options-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
             }
             break;
         case "salla-product-availability":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "salla-product-card":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "salla-product-options":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }

package/dist/components/salla-loyalty-reward.js

@@ -39,10 +39,10 @@ const SallaLoyaltyReward$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoyalty
         };
     }
     render() {
-        return (h("div", { key: 'c99714fbefea9c43a199201d6e9d331ed4b50e7f', class: {
+        return (h("div", { key: '46da4cdcfee8e04307722a89c94ab7c3d867aec4', class: {
                 's-loyalty-program-reward-container': true,
                 's-loyalty-program-reward-xs': this.size === 'xs',
-            } }, h("div", { key: 'b3139a4325629e3e23b09096b96fbb9079ebb4f5', onClick: this.handleActionArea, role: "button" }, h("div", { key: '8d2951399db70f2672619149583d3821429611fa', class: "s-loyalty-program-reward-img" }, h("img", { key: 'd03e024172b99a72fdeb311e24f91d9ca11b69a1', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: '23901c0a96c9af1ae459d5bbcad0f4429933225b', class: "s-loyalty-program-reward-content" }, h("div", { key: '795743061efd1270a1a24eceb66f67e2bbb9eb1e', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '83545f69e513a563dfaef7bb107ae119656406a0', size: "xs" }, h("span", { key: '28751b88c77af1acfb746f58f55f4b84f2364141', innerHTML: loyaltyProgramIcon }), h("span", { key: '8f54d363299656788211e19299f666596694be77', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: '89abc08dc391219c6c2a2fad15cb1e02b0b26472', class: "s-loyalty-program-reward-title" }, h("span", { key: '8908db983e49adacf9ba6d7adb9ad941ffc57d09' }, this.group)), h("div", { key: '2715999ae9c1e473762fb463cf8e52c42f746c77', class: "s-loyalty-program-reward-name" }, h("div", { key: 'e0a81d6e9aeebcb6671203f51429d614fc80c78b', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: 'f87feb0a81be86687bd4bf746807c45860f47224', class: "p-4" }, h("button", { key: '43e294b3b2f6caaccf3eea24c77d47513e129172', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
+            } }, h("div", { key: '3d4d1b1adada717d2c248e1a2287b80b370accc8', onClick: this.handleActionArea, role: "button" }, h("div", { key: '2f699dcc9098adbbdec2ab1522bdb49977440663', class: "s-loyalty-program-reward-img" }, h("img", { key: '9fcc993f9f010ebd5663d02849714db897321357', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: 'd66d0be909c1f1c239a4aeb2152cd6f3850f25d4', class: "s-loyalty-program-reward-content" }, h("div", { key: '10968623d1fe8815a547e7b404f58b8401eed98b', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: 'd677e3be9ed036091f523b51d06d64635e1426d9', size: "xs" }, h("span", { key: '8b67c0112a61c5a9f224f308193dd933db6811df', innerHTML: loyaltyProgramIcon }), h("span", { key: '0b53d61ca1b07318a19d00c5948045385be2c877', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: '5c88b91c602ddb8d81bd2537ebe32afaa13dabd7', class: "s-loyalty-program-reward-title" }, h("span", { key: '9f070612c7b381cdfc11cb794a29dd3d4fad78e3' }, this.group)), h("div", { key: 'd2ed88971fb88f4c857970a15b08b87681225ad4', class: "s-loyalty-program-reward-name" }, h("div", { key: '0818181909194a5a9d7bd8b0b0f421ee1c33cac9', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '61a792efce0cb44e5d676a2d10fbf466fdc9926a', class: "p-4" }, h("button", { key: 'b2f469e2206892914e14e542fc9acf6ccc289f59', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
                 's-loyalty-program-rewards-action-base': true,
                 's-loyalty-program-rewards-action-on': this.isActionClickable(this.prize),
                 's-loyalty-program-rewards-action-off': !this.isActionClickable(this.prize),

package/dist/components/salla-maintenance-alert.js

@@ -23,7 +23,7 @@ const SallaMaintenanceAlert$1 = /*@__PURE__*/ proxyCustomElement(class SallaMain
         this.host.style.display = 'none';
     }
     render() {
-        return (h(Host, { key: '43a02d438a0357bd48922ad8fa4753905ac5e388', class: "s-maintenance-alert-wrapper" }, h("button", { key: 'ad62ec4a5ea3e77854d5bbf8938c4bb1b19da068', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '4a26bf28c37452b9621703188502b05db1347f75', class: "s-maintenance-alert-content" }, h("div", { key: '0602a5df5676b47407e0c8e8293fb2374aa2c210', class: "s-maintenance-alert-container" }, h("div", { key: 'ff7c3fad5c1830d6d8d631aa520b0dd588328265', class: "s-maintenance-alert-icon" }, h("img", { key: '277e2a8c3d6b4369e73fef23adf894ddf70ef685', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '5feb8a00c132f2b5787e42a0b9743d864ceecb2f', class: "s-maintenance-alert-text" }, h("h2", { key: '994eb48859d163ad19be4a273a5cff5e28f18b2b' }, this.title), h("p", { key: '236094a5767e6f329744e8dafc2415be2713a0e2' }, this.message))), h("div", { key: '98610dfed6802e7ebc123c1392c9f7ebdbcf0d5a' }, h("a", { key: '655cede6c8e95a7fbb63700f01ef1d148887a660', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
+        return (h(Host, { key: '138946ca54499c6125d04ecbcaea3f578ad463d7', class: "s-maintenance-alert-wrapper" }, h("button", { key: '628862a36b7265092a281e464b356e4609ab461c', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '159a9a144cc2c5094df87b236448f7fd14a46874', class: "s-maintenance-alert-content" }, h("div", { key: 'fe29a1e35330ea4f17860347b40b4860ec0345bb', class: "s-maintenance-alert-container" }, h("div", { key: '7c62e34354d0a63fdadda9b26be6d2470e6dd9b1', class: "s-maintenance-alert-icon" }, h("img", { key: '98d19941151c2efcae9c209177646f05ae98e708', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '7b3b7ffc5e5171ba1f7f8796487ea5239b47f8e1', class: "s-maintenance-alert-text" }, h("h2", { key: 'c6ee28d15e5e4c9e31698973d84966127b34e5cc' }, this.title), h("p", { key: '5970ed9856c0f201446a342bc4009f12f4d9ee85' }, this.message))), h("div", { key: 'c8c9cdea353445770a0326091bb2278d21ddbb17' }, h("a", { key: '979d8db01492abaa32b67ad50e87aeabd04647f7', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
     }
     componentDidLoad() {
         //auto-hide the alert if close button is clicked before one hour

package/dist/components/salla-map2.js

@@ -2,7 +2,7 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { L as Location } from './location.js';
+import { S as SILocation } from './location.js';
 import { d as defineCustomElement$3 } from './salla-button2.js';
 import { d as defineCustomElement$2 } from './salla-loading2.js';
 import { d as defineCustomElement$1 } from './salla-modal2.js';
@@ -702,11 +702,11 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class SallaMap extends HTMLEle
     }
     // render
     render() {
-        return (h(Host, { key: '8fae0e6754bd0571d5acf9bbc6df23e73b02b015', class: "s-map-wrapper" }, h("salla-modal", { key: '7aebcc533a4ec8f7ec5e3a8682f7f70afd5b1193', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
+        return (h(Host, { key: '8924c9dc6a9b42676e0b38761778808ace71d12f', class: "s-map-wrapper" }, h("salla-modal", { key: '52c34849cb87c8cc171a0f4747efcc9a68181fea', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
                 this.locationModal = modal;
-            } }, this.getLocationModal()), h("slot", { key: '1dc262e8474c0d137f98ce06c76d9fdea80d42c4', name: "button" }, h("salla-button", { key: '5ff296514b2e7b37d091cd634f497e855cf047d5', onClick: () => {
+            } }, this.getLocationModal()), h("slot", { key: 'b76459b6a42bec114c0196a9f8293dddd6154b6e', name: "button" }, h("salla-button", { key: '1c71ca54a9b5ea164c50f733b271e59dd964798a', onClick: () => {
                 this.open();
-            }, color: "primary", class: "s-map-location-button" }, h("span", { key: '806e832caff4dfdbadab0098f8c521548eb18aa4', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: '2bc1c843dd35803d4f443907d1df52c72f4e87c2', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
+            }, color: "primary", class: "s-map-location-button" }, h("span", { key: 'fa57f11d2aadedfff68b002da8c4e28a8f741971', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : SILocation }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: '2403dcd394f47d891b5a6effa0e59c8f8ccfb94d', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
     }
     get host() { return this; }
     static get style() { return sallaMapCss; }

package/dist/components/salla-multiple-bundle-product-cart2.js

@@ -49,7 +49,7 @@ const SallaMultipleBundleProductCart = /*@__PURE__*/ proxyCustomElement(class Sa
         return (h("div", { slot: "html", class: "s-multiple-bundle-product-cart-header-wrapper" }, h("div", { class: `s-multiple-bundle-product-cart-header ${hasOptions ? '' : 's-multiple-bundle-product-cart-header-no-options'}` }, h("div", { class: "s-multiple-bundle-product-cart-header-content" }, h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-image-wrapper" }, h("img", { src: product?.image?.url, alt: product?.image?.alt || product?.name, class: "s-multiple-bundle-product-cart-header-image" })), h("div", { class: "s-multiple-bundle-product-cart-header-content-details" }, h("h2", { class: "s-multiple-bundle-product-cart-header-content-details-title" }, h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-content-details-title-link" }, product?.name)), h("div", { class: "s-multiple-bundle-product-cart-header-content-details-price" }, h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-regular" }, h("span", { innerHTML: product?.price ? salla.money(product?.price) : '' })), product?.sale_price > 0 && (h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-sale" }, h("span", { innerHTML: salla.money(product?.sale_price) })))), product?.quantity_in_group > 0 && product?.quantity !== 0 && (h("p", { class: "s-multiple-bundle-product-cart-header-content-details-quantity" }, h("span", null, salla.lang.get('pages.products.number_of_pieces')), h("span", null, product?.quantity_in_group))))), !hasOptions && (h("div", { class: "s-multiple-bundle-product-cart-header-remove-button" }, this.renderRemoveButton(sectionId, product, false))))));
     }
     render() {
-        return (h(Host, { key: 'a0659e5dc8eb5e44d0a25e53cea017008a04ed4d', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '2bcfa463149fe7890418a3ef12308ca17d41cb34', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
+        return (h(Host, { key: '9d21c3d891b277c9415bd7a965e0b61437c4d166', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'd68a401e56ccc208d042f4b279d56dd52a948764', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
             return section.products.map(product => {
                 const bundleContext = {
                     sectionId: section.id,

package/dist/components/salla-multiple-bundle-product-details2.js

@@ -383,9 +383,9 @@ const SallaMultipleBundleProductDetails = /*@__PURE__*/ proxyCustomElement(class
         }
     }
     render() {
-        return (h(Host, { key: 'dc22c848445385e667a2da109021b9dc9b413a6c', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'a52743fee0af7cf1b99bd0459a85d335ca637e5d', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
+        return (h(Host, { key: 'b18a8280acce7e1c4225bf49d28e95efd93c1731', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '8a521bd4e1cbeb1f0b50b4614620992f1e330c84', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
             return (h("salla-accordion", { key: section.id, collapsed: index === 0 ? false : true }, h("salla-accordion-head", null, this.renderAccordionHeader(section)), h("salla-accordion-body", null, h("salla-multiple-bundle-product-slider", { section: section, sectionIndex: index, selectedProducts: this.selectedProducts, selectionLimit: this.getEffectiveMax(section), isSelectionLocked: this.isProductSelectionLocked(section), onProductSelected: this.handleBundleSliderProductSelected, onProductOptionsSelected: this.handleBundleSliderProductOptionsSelected }))));
-        })), h("salla-multiple-bundle-product-options-modal", { key: '4bda97c2a9db2cd1f2764e4f5a2e44fb0a013fa0' })));
+        })), h("salla-multiple-bundle-product-options-modal", { key: '47cf922925f9bd0b9645788f67ef1cb5bfea9b22' })));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/salla-multiple-bundle-product-options-modal2.js

@@ -493,7 +493,7 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
         const cacheKey = this.generateCacheKey(this.sectionId, this.productIndex, productId);
         const resetToken = this.optionsResetTokens[cacheKey] || 0;
         const isDisabled = this.isLoading || optionsWithSelectedState.some(opt => opt.details.some(d => d.is_selected && d.is_out === true));
-        return (h(Host, { key: '1df1d7538fceee9a656f19cbf145388a3e0c03cc' }, h("salla-modal", { key: 'da6d318edcc4415ec3b680172da56d82efe65fbc', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: '1e34ee440889932fc24cfe9d9def9acd9d07a42b', slot: "loading" }, h("salla-skeleton", { key: '94a8be3dde042a84187a01305c8decf53bf7e3f3', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '2ac8b7c57ad95e22430f76a0ab22aff1d31f8558', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
+        return (h(Host, { key: '0ed98e10386020a1d958395eb77e1c2f0cdd14c3' }, h("salla-modal", { key: '1bf9da37928c89f67cdbb1e097b0a1d3facd135d', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: '5fd7f68f3b2e80ffd9422dc149a01dce5ced9050', slot: "loading" }, h("salla-skeleton", { key: '4c0abf5af0e0b9f031c5d56598d1af41de85dada', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '82d6eefb9428da4bf7aee5261f3477b06dfdf655', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
                 centeredSlides: true,
                 centeredSlidesBounds: true,
                 slidesPerView: Math.min(5, Math.max(1, this.product?.images.length)),
@@ -501,13 +501,13 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
                 watchSlidesProgress: true,
                 direction: 'vertical',
                 spaceBetween: 10,
-            } }, h("div", { key: '599e310ed8d87b526c75463dd9a1b1ff9bd2442e', slot: "items" }, this.product?.images &&
+            } }, h("div", { key: '7b7ec511af859ecb0bbd3c33a719aa979b1014f9', slot: "items" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, class: "swiper-slide" }, h("img", { src: image.url, alt: image.alt || `${this.product?.name} - Image ${index + 1}`, loading: "lazy", onError: e => {
                     e.target.style.display = 'none';
-                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: 'df1833370d4e7a8424b0cefe5f6aa1eff68e263e', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: 'ac898742d0a81f6d2f957c0cf8e21bd599d25f70', slot: "thumbs" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, "data-caption": `${this.product?.name} - Image ${index + 1}` }, h("img", { src: image.url, loading: "eager", class: "s-multiple-bundle-product-options-modal-slider-thumb", title: `${this.product?.name} - ${index + 1}`, alt: image.alt || `${this.product?.name} - ${index + 1}`, onError: e => {
                     e.target.style.display = 'none';
-                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: '3f7379d1620184a14f88b1123b67f6a9a225fe14', slot: "footer" }, h("div", { key: '26ad5d460d95cdce3d6fa28fcf7a04b0e3f97d3e', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '4f497db16b75e813d813fd92bd2f30ed02514000', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
+                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: '696b238bdf814876e5717b2bdf3ae3283a1f4821', slot: "footer" }, h("div", { key: '7a19b10e718f9d775b3477e810f5eb587578e59f', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: 'd1cb0627ebd0f41f1db63e4d5ff8458ceb89cbbe', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
             ? salla.lang.get('common.elements.saving')
             : salla.lang.get('common.elements.save')))))));
     }