@salla.sa/twilight-components 2.14.252 → 2.14.253

package/dist/cjs/salla-add-product-button_51.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var specialDiscount = require('./special-discount-OVG_9Kf9.js');
 var check = require('./check-CLRvuniI.js');
@@ -241,7 +241,7 @@ const SallaAlert = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '79d53dc22c9b6e4b6d79794dcd526dee427ef065', class: `s-alert-wrapper s-alert-${this.variant}` }, index.h("span", { key: 'f51416218c47263b93401596de55d4dc97a448a3', class: "s-alert-icon" }, this.renderIcon()), index.h("span", { key: '947aa6f974d3a1342e39614341a406a7b31614bd', class: "s-alert-text" }, this.message, index.h("slot", { key: '9d31a2b52ac99a4a8ca75edfd76f8ab46d56995c' }))));
+        return (index.h(index.Host, { key: '3b5dd808399eeda5d930454542cd41cca26b0cc3', class: `s-alert-wrapper s-alert-${this.variant}` }, index.h("span", { key: '4f58234774d1afc790fb83bff983ca9366faa349', class: "s-alert-icon" }, this.renderIcon()), index.h("span", { key: '10eb3f87e6e77dcc5406a24f866feee1cc1f46ef', class: "s-alert-text" }, this.message, index.h("slot", { key: '3656e15aeb25fb7285e88f694c090bad3b32dfbd' }))));
     }
 };
 SallaAlert.style = sallaAlertCss;
@@ -362,10 +362,10 @@ const SallaBottomAlert = class {
         const hasDeveloper = developer !== undefined;
         const developerName = hasDeveloper && (developer === null || developer === void 0 ? void 0 : developer.name);
         const developerUrl = null; //hasDeveloper && developer.url;
-        return (index.h(index.Host, { key: '7cc185809d95fa352cecec613312209aaa2eba9a', class: "s-bottom-alert-wrapper" }, index.h("div", { key: '6a9b749b38b11bb449aacb948400a9e0d1da26ce', class: "s-bottom-alert-content" }, index.h("div", { key: '2d4d02e8565201a057d6c1ee9b50779cb867d215', class: "s-bottom-alert-icon" }, this.icon ? index.h("i", { class: this.icon }) : index.h("i", { innerHTML: infoIcon })), index.h("div", { key: 'b595e9f41a44af3469900abb0ed59c14056d7a0d', class: "s-bottom-alert-message" }, this.message ? (this.message) : hasTemplate ? (index.h("span", null, this.getDefaultMessage(), " ", index.h("a", { href: "#", class: {
+        return (index.h(index.Host, { key: 'd980894737723f3a389a1b4ce0e684accfdd0262', class: "s-bottom-alert-wrapper" }, index.h("div", { key: '7866b293146601653c0734058c4bd73f91c45944', class: "s-bottom-alert-content" }, index.h("div", { key: 'dd1c11c4db4868d989510ab6b815688398311892', class: "s-bottom-alert-icon" }, this.icon ? index.h("i", { class: this.icon }) : index.h("i", { innerHTML: infoIcon })), index.h("div", { key: 'cd45028c6fe863fa9370edb5a4fb08b1a83dc437', class: "s-bottom-alert-message" }, this.message ? (this.message) : hasTemplate ? (index.h("span", null, this.getDefaultMessage(), " ", index.h("a", { href: "#", class: {
                 "s-bottom-alert-message-highlight": true,
                 "s-bottom-alert-message-link": developerUrl,
-            }, target: "", "aria-label": "Developer" }, developerName ? developerName : this.theDeveloper), " ", index.h("span", { class: "s-bottom-alert-message-splitter" }, "|"), " ", this.storePrice, ":", " ", index.h("span", { class: "s-bottom-alert-message-highlight", innerHTML: salla.money(this.template.price) }))) : (this.defaultMessage)), this.type !== 'banner' && (index.h("div", { key: 'f83680f84bc88eccdf9c9796cc4db2544f69e280', class: "s-bottom-alert-action" }, index.h("salla-button", { key: 'ba659e82eb3be774aafe54994ad2306220b6c8f6', href: this.actionUrl, size: "medium", onClick: () => this.handleAction(), width: "normal" }, this.actionLabel || this.defaultActionLabel))), this.type === 'popup' && this.popup())));
+            }, target: "", "aria-label": "Developer" }, developerName ? developerName : this.theDeveloper), " ", index.h("span", { class: "s-bottom-alert-message-splitter" }, "|"), " ", this.storePrice, ":", " ", index.h("span", { class: "s-bottom-alert-message-highlight", innerHTML: salla.money(this.template.price) }))) : (this.defaultMessage)), this.type !== 'banner' && (index.h("div", { key: '6690d6627d1d7c9f4173da13d72ed062ad9ef468', class: "s-bottom-alert-action" }, index.h("salla-button", { key: 'c4978d89a326fe6aacc00c49f50fb202950fda62', href: this.actionUrl, size: "medium", onClick: () => this.handleAction(), width: "normal" }, this.actionLabel || this.defaultActionLabel))), this.type === 'popup' && this.popup())));
     }
     get host() { return index.getElement(this); }
 };
@@ -779,7 +779,7 @@ const SallaCartSummary = class {
         return new Promise(resolve => salla.onReady(resolve));
     }
     render() {
-        return (index.h(index.Host, { key: 'c6044cb548fdc34d58af3b60e2b1da2c565c8cb5' }, index.h("a", { key: 'a060179e25f2ee6cbbd7046fe4e9fda7276e83b8', class: "s-cart-summary-wrapper", href: salla.url.get('cart') }, index.h("div", { key: '3c65c367c78371386445b830927e1b3d84ae7a4a', id: "s-cart-icon" }, index.h("slot", { key: 'ceb2451165f1d857e78c56cbd897ab9ee5a75ec8', name: "icon" }, index.h("i", { key: 'c4ff716877b73c202190e82d570ee39a84953d4b', class: "s-cart-summary-icon", innerHTML: PendingOrdersIcon }))), index.h("span", { key: '0c1281390487a21cb37787b0e6a6290d7f587a08', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), index.h("p", { key: 'eb2f363247eb422000674568b49aad60c8abc682', class: "s-cart-summary-content" }, this.showCartLabel && index.h("span", { key: 'b86e997e297f9aa08c9160183130bcd41ad2ed59', class: "s-cart-summary-label" }, this.cartLabel), index.h("b", { key: 'b4d076df5fd9540725a88608a4fe87bc9d88f79b', class: "s-cart-summary-total", innerHTML: salla.money(this.cartSummaryTotal) })))));
+        return (index.h(index.Host, { key: 'dcca588e54de47c055eeeb11ff50ea5f24434995' }, index.h("a", { key: '78cb0c91ec7b5196384b7cf12bb7875147dbc2fe', class: "s-cart-summary-wrapper", href: salla.url.get('cart') }, index.h("div", { key: '88984979b01ea8ea44b89e3b2b3fcd5218e8113f', id: "s-cart-icon" }, index.h("slot", { key: '1dd0c68fb3e3a103211dd1982a7028cec4123782', name: "icon" }, index.h("i", { key: '2b2d9e69d07e63c4b11a13c8e990b9f4b10dddd6', class: "s-cart-summary-icon", innerHTML: PendingOrdersIcon }))), index.h("span", { key: '5ce30fa6ad338db8023d1c5c1b0208e61ae7510a', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), index.h("p", { key: 'c03b5e446f4750184819722d5c8ced3587e5a0d5', class: "s-cart-summary-content" }, this.showCartLabel && index.h("span", { key: '3de831a7dc08bdb7c18e696fce6bfbb0e470b03a', class: "s-cart-summary-label" }, this.cartLabel), index.h("b", { key: '4f9d6aa001203125c2e38808ec7d0a9a31cef56a', class: "s-cart-summary-total", innerHTML: salla.money(this.cartSummaryTotal) })))));
     }
     get host() { return index.getElement(this); }
 };
@@ -1949,7 +1949,7 @@ const SallaColorPicker = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '6ea1ac280e52c23944b3a05d64299fa96949db5a', class: "s-color-picker-main" }, index.h("slot", { key: 'e1c6637414fa1b4bc3834b8b80bfbee84a1c2adc', name: "widget" }, index.h("div", { key: '100e3701fb71940b4e1df368235dd414a111941b', class: "s-color-picker-widget" }, index.h("div", { key: '822e68cded6073656c651780f49504712a20aefb', class: "s-color-picker-widget-canvas", ref: dv => this.canvas = dv }), index.h("span", { key: '08aaccd5a385f80553a8ffb3b3e9a89f72e403a9', innerHTML: specialDiscount.ArrowDownIcon }))), index.h("input", { key: 'f97ae2f580021e3eda387e2c341a2cf825eef9cb', class: "s-hidden", name: this.name, required: this.required, value: this.color, ref: color => this.colorInput = color })));
+        return (index.h(index.Host, { key: '692d43f617dbaa05e170c32c725eb4adcc01ec78', class: "s-color-picker-main" }, index.h("slot", { key: '33166575c005f01e1557ac665749e206f05cc499', name: "widget" }, index.h("div", { key: '60bf746f0e2b336da837d62e962fefeaf63a9a2c', class: "s-color-picker-widget" }, index.h("div", { key: '62c56bc83a9315052ac3c21841f284b416407945', class: "s-color-picker-widget-canvas", ref: dv => this.canvas = dv }), index.h("span", { key: '3f1869950f457659a3c52d8148fd386ce1171caa', innerHTML: specialDiscount.ArrowDownIcon }))), index.h("input", { key: '7fa3f08df14f03e9a4cf33e41eeb9f34b1a9dbfe', class: "s-hidden", name: this.name, required: this.required, value: this.color, ref: color => this.colorInput = color })));
     }
     componentDidLoad() {
         this.canvas.style.backgroundColor = this.color;
@@ -1993,7 +1993,7 @@ const SallaCommentForm = class {
             .finally(() => this.submitBtn.stop);
     }
     render() {
-        return (index.h(index.Host, { key: '8cc5f2f631d3ced06ed36d9afddd4378e3674d54' }, !!this.canComment ? index.h("form", { ref: frm => this.commentForm = frm }, index.h("div", { class: "s-comment-form-wrapper" }, this.showAvatar ?
+        return (index.h(index.Host, { key: '305789ae94c288c8ca485ab10ae87a71f31d1042' }, !!this.canComment ? index.h("form", { ref: frm => this.commentForm = frm }, index.h("div", { class: "s-comment-form-wrapper" }, this.showAvatar ?
             index.h("img", { class: "s-comment-form-avatar", src: salla.config.get('user.avatar'), alt: "user avatar" }) : '', index.h("div", { class: "s-comment-form-content" }, index.h("textarea", { cols: 30, rows: 5, minlength: "4", maxlength: "500", ref: field => this.commentField = field, placeholder: this.placeholder, class: "s-comment-form-input", required: true }), index.h("br", null), index.h("div", { class: "s-comment-form-action" }, index.h("salla-button", { ref: btn => this.submitBtn = btn, "loader-position": 'center', onClick: () => this.submit() }, this.submitText))))) : ''));
     }
 };
@@ -2130,13 +2130,13 @@ const SallaCommentItem = class {
     render() {
         var _a, _b, _c, _d, _e, _f;
         let isAdmin = this.comment.type == 'admin';
-        return (index.h(index.Host, { key: 'a55ce30d361ab7da641ab6dbbdd64844aa403e1b', class: isAdmin ? 's-comments-item-admin' : 's-comments-item' }, index.h("div", { key: 'c0b76cf383e5f1cb2d44ed82a9cc59ba88b1ccec', class: { "s-comments-item-wrapper": !isAdmin, "s-comments-item-admin-wrapper": isAdmin }, id: `s-comments-item-${this.comment.id}` }, index.h("div", { key: '64faf21c900be7257c6b5fcf8988cd146418301e', class: "s-comments-item-inner s-comments-flex-1" }, isAdmin && index.h("span", { key: '1bff1bd1f96cf937dd556f729a94f7d90338bdde', class: "s-comments-item-reply-icon", innerHTML: Reply }), index.h("div", { key: '8cc9e128c70fd2fa3c5ef5f32fdef1b48d0ff2bd', class: "s-comments-item-avatar" }, index.h("img", { key: '5e063702e3f31eca2dfb0983676659715d2e0c00', "data-src": (_a = this.comment) === null || _a === void 0 ? void 0 : _a.avatar, alt: (_b = this.comment) === null || _b === void 0 ? void 0 : _b.name, src: (_c = this.comment) === null || _c === void 0 ? void 0 : _c.avatar, class: "s-comments-item-avatar-img lazy" })), index.h("div", { key: '5c7fefb2a9fb8f9d25d55cb7ba6d67ddfe241c7c', class: "s-comments-flex-1" }, index.h("div", { key: '1688efefacc048d77936db0f0712d7df7b9d2d2a', class: "s-comments-item-user-wrapper" }, index.h("div", { key: '017f0506e5d8b977c8c9175e64ad97c6ecb66712', class: "s-comments-item-user-info" }, index.h("h3", { key: '79ba3aa90c501e6cb47dd20afe16d3d4a3311fa6', class: "s-comments-item-user-info-name" }, (_d = this.comment) === null || _d === void 0 ? void 0 : _d.name), (this.comment.has_order || !!this.comment.rating) && !this.comment.is_pending && !this.hideBought ?
+        return (index.h(index.Host, { key: '98e314383c34c566ab9e05efeebae51e5b694681', class: isAdmin ? 's-comments-item-admin' : 's-comments-item' }, index.h("div", { key: 'a704f11fd7f4bc227eb2f986360afb3c2875c6ab', class: { "s-comments-item-wrapper": !isAdmin, "s-comments-item-admin-wrapper": isAdmin }, id: `s-comments-item-${this.comment.id}` }, index.h("div", { key: '8b0c0a9422003621eb5d8d6a54893fc0a18d4cc9', class: "s-comments-item-inner s-comments-flex-1" }, isAdmin && index.h("span", { key: '7f421290726abe2391da37178e01265badf4fd08', class: "s-comments-item-reply-icon", innerHTML: Reply }), index.h("div", { key: '61ef5759d54603f1b886de9126ab771437fe2e98', class: "s-comments-item-avatar" }, index.h("img", { key: '67b668cc17d3d0747cd128efa961540858750fbf', "data-src": (_a = this.comment) === null || _a === void 0 ? void 0 : _a.avatar, alt: (_b = this.comment) === null || _b === void 0 ? void 0 : _b.name, src: (_c = this.comment) === null || _c === void 0 ? void 0 : _c.avatar, class: "s-comments-item-avatar-img lazy" })), index.h("div", { key: 'fc42c8a69538f09f8f3f9c0e5555d39b9dc4a6ac', class: "s-comments-flex-1" }, index.h("div", { key: '7b2b3de758fed9ae73e0032b6cf895ce1df99883', class: "s-comments-item-user-wrapper" }, index.h("div", { key: '1d4187d935e209354587a900f912a4eb19b066df', class: "s-comments-item-user-info" }, index.h("h3", { key: '2a45f7ad245c41a2fd5a69bd909e093effed8453', class: "s-comments-item-user-info-name" }, (_d = this.comment) === null || _d === void 0 ? void 0 : _d.name), (this.comment.has_order || !!this.comment.rating) && !this.comment.is_pending && !this.hideBought ?
             index.h("div", { class: "s-comments-flex" }, this.comment.has_order ?
                 [index.h("span", { class: "s-comments-item-has-order-check-icon", innerHTML: check.IconVerified }), index.h("span", { class: "s-comments-item-has-order-check-text" }, this.has_bought_trans, " ", this.comment.rating ? ', ' : '')] : null, !!this.comment.rating ?
                 index.h("span", { class: "s-comments-item-rated-widget" }, this.rated_trans) : null)
-            : null), index.h("p", { key: '4111674c6df30b2e01f6fbc56e02788eb138ba46', class: "s-comments-item-timestamp s-ltr" }, " ", this.getDate((_e = this.comment.created_at) === null || _e === void 0 ? void 0 : _e.date), " ", index.h("span", { key: 'f83666f4aa02463d29dd38dbea7797c04abbfb5b', class: "s-comments-item-time" }, " - ", this.getTime((_f = this.comment.created_at) === null || _f === void 0 ? void 0 : _f.date), " ")), !!this.comment.rating || !!this.comment.stars ?
+            : null), index.h("p", { key: 'c934abc4f8dd94bc349d85d00a5984aef672d9d9', class: "s-comments-item-timestamp s-ltr" }, " ", this.getDate((_e = this.comment.created_at) === null || _e === void 0 ? void 0 : _e.date), " ", index.h("span", { key: 'acef6d6af07b12501a61d074ad566692bb02456a', class: "s-comments-item-time" }, " - ", this.getTime((_f = this.comment.created_at) === null || _f === void 0 ? void 0 : _f.date), " ")), !!this.comment.rating || !!this.comment.stars ?
             index.h("salla-rating-stars", { size: "mini", class: "s-comments-item-stars", value: this.comment.rating || this.comment.stars })
-            : null), index.h("div", { key: 'abe3fcebac185b87c5f10f3cca85fd8b779bf16e', class: "s-comments-item-content" }, index.h("p", { key: '207d0a22aa52331c64bcddfc33c87bca950a877b', innerHTML: this.comment.content }), this.allowAttachImages && index.h("div", { key: '9cb4e064515f2026c77684e572fff50279cd0118', class: "s-comments-item-images" }, this.comment.images.map((image, index$1) => (index.h("img", { key: index$1, src: image, alt: "", onClick: () => this.modal.open() }))), index.h("salla-modal", { key: '9625f6ae059af48cc59e2b94855c94adde638d5e', ref: modal => this.modal = modal, width: "sm" }, index.h("salla-slider", { key: '21317169801ef3fa95ed56b77fed8189b86eea78', id: `s-comments-item-${this.comment.id}-images`, class: "s-comments-item-images-slider", type: "thumbs", "auto-height": true, showControls: this.comment.images.length > 1 ? true : false, "show-thumbs-controls": "false" }, index.h("div", { key: 'e0c94964fdf0c819656d1a16d063d9d1e8f94296', slot: 'items' }, this.comment.images.map((image, index$1) => (index.h("img", { key: index$1, src: image, alt: "" })))), index.h("div", { key: '216d84091fd39e615b9045ceb640a583fc1a64ad', slot: "thumbs" }, this.comment.images.map((image, index$1) => (index.h("div", { class: "s-comments-item-images-slider-thumb" }, index.h("img", { key: index$1, src: image, alt: "" })))))))), this.allowLikes && !isAdmin && salla.url.is_page('product.single') ? index.h("salla-button", { ref: el => this.likeBtn = el, class: `s-comments-item-like-btn ${this.likedComments.includes(this.comment.id) ? 'liked' : ''}`, loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleLike() }, index.h("span", null, this.helpfulLabel, " ", this.likesCount > 0 ? `(${this.likesCount})` : ''), index.h("span", { innerHTML: ThumbsUp })) : '', this.comment.is_pending ?
+            : null), index.h("div", { key: '9bedec8066878f113623e9ab27c203836eea2db5', class: "s-comments-item-content" }, index.h("p", { key: '0f8b1bf62ac5afc1449b160884945003b70e55f0', innerHTML: this.comment.content }), this.allowAttachImages && index.h("div", { key: 'df920f8e2758aedc313b4502f554157fb216c15d', class: "s-comments-item-images" }, this.comment.images.map((image, index$1) => (index.h("img", { key: index$1, src: image, alt: "", onClick: () => this.modal.open() }))), index.h("salla-modal", { key: '0743d9159e0cf4061b1969953f58fdebf49ee9e2', ref: modal => this.modal = modal, width: "sm" }, index.h("salla-slider", { key: '00a15b0dca213ddf64f3346da6849ce0dde7f638', id: `s-comments-item-${this.comment.id}-images`, class: "s-comments-item-images-slider", type: "thumbs", "auto-height": true, showControls: this.comment.images.length > 1 ? true : false, "show-thumbs-controls": "false" }, index.h("div", { key: '21e593664598eab16e56990c43aba10dcc526752', slot: 'items' }, this.comment.images.map((image, index$1) => (index.h("img", { key: index$1, src: image, alt: "" })))), index.h("div", { key: '8998e861f37fc30c488d60b016c68db0b09483ee', slot: "thumbs" }, this.comment.images.map((image, index$1) => (index.h("div", { class: "s-comments-item-images-slider-thumb" }, index.h("img", { key: index$1, src: image, alt: "" })))))))), this.allowLikes && !isAdmin && salla.url.is_page('product.single') ? index.h("salla-button", { ref: el => this.likeBtn = el, class: `s-comments-item-like-btn ${this.likedComments.includes(this.comment.id) ? 'liked' : ''}`, loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleLike() }, index.h("span", null, this.helpfulLabel, " ", this.likesCount > 0 ? `(${this.likesCount})` : ''), index.h("span", { innerHTML: ThumbsUp })) : '', this.comment.is_pending ?
             index.h("span", { class: "s-comments-item-pending-text" }, this.waiting_approval_trans) : null))), !!this.getReplies().length && !isAdmin ?
             this.getReplies().map((reply) => {
                 return index.h("div", null, index.h("salla-comment-item", { comment: reply }));
@@ -2558,7 +2558,7 @@ const SallaCountDown = class {
         return this.renderCountDown();
     }
     render() {
-        return (index.h(index.Host, { key: '557b27983e5dfa3adc4c1f773a8b449ea65c7147', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''}` }, this.renderContent(), this.offerEnded && this.renderOfferEnded()));
+        return (index.h(index.Host, { key: '1e6baaf061a5cee7aeed3af6f4f02a7edf654885', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''}` }, this.renderContent(), this.offerEnded && this.renderOfferEnded()));
     }
 };
 SallaCountDown.style = sallaCountDownCss;
@@ -5293,7 +5293,7 @@ const SallaDatetimePicker = class {
         this.disabled = false;
     }
     render() {
-        return index.h("div", { key: 'fe6b230ef5203ecbfdea9ded0f82c1203b13c770', class: "s-datetime-picker" }, index.h("input", { key: '509f694e4a3624561a80446b1360435a5ee4a6e6', type: "datetime", name: this.name, value: this.value, required: this.required, disabled: this.disabled, placeholder: this.placeholder, class: "s-datetime-picker-input", ref: (el) => this.dateInput = el }));
+        return index.h("div", { key: '4332a123c72d1cf71468339536d9e73f32333791', class: "s-datetime-picker" }, index.h("input", { key: '99ae8a3a48042f43ea525fae0999d67ad216f9ce', type: "datetime", name: this.name, value: this.value, required: this.required, disabled: this.disabled, placeholder: this.placeholder, class: "s-datetime-picker-input", ref: (el) => this.dateInput = el }));
     }
     componentDidLoad() {
         let options = {
@@ -21051,11 +21051,11 @@ const SallaFileUpload = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'de00b2b7ae741175101e4a038c9acbc748d45a28', class: {
+        return (index.h(index.Host, { key: '756dd2b7d86a546e89eb1942fbd4844875e7bcf2', class: {
                 "s-file-upload": true,
                 "s-file-upload-profile-image": this.profileImage,
                 "s-file-upload-multiple": this.allowMultiple,
-            } }, index.h("input", { key: 'dfd3d32f00208edc1285a5e14a07868ccd119d37', type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? index.h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.maxFilesCount)) : '', index.h("input", { key: 'cba06498228a324d337809221e9dcdf273d414cc', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
+            } }, index.h("input", { key: '27da80307aab3b30b9dfa861e5da73eebaebc251', type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? index.h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.maxFilesCount)) : '', index.h("input", { key: 'f963e2398069cbb70688b207d7b58fb61eabbc6a', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
     }
     componentDidLoad() {
         let files = this.getFiles();
@@ -21686,7 +21686,7 @@ const SallaGifting = class {
     render() {
         var _a, _b, _c, _d, _e, _f;
         return [
-            index.h("div", { key: 'c946de2320468eb5255a70c7c8a84e5ab6a63e78' }, index.h("salla-list-tile", { key: '21bcf5ab764ebfd611ea7824a38f8caae8f898ce', class: this.generateClass() }, index.h("div", { key: '19ecc6aecb02cb128b58f671052521a3b189f37b', slot: "title" }, this.vertical ? index.h("span", { innerHTML: GiftSharing }) : '', index.h("h3", { key: '42f82385ffab67355d96a46151b42789b19b2067' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), index.h("div", { key: '23b043faab9af7fc03792cebf47210f9d6e0f3e4', slot: "subtitle" }, index.h("div", { key: '8f5cac03e285c4c71be3752466f52a71bd4988e0' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), index.h("div", { key: '9c044b5024f577c472a15efd4d4b659c173c568c', slot: "action" }, index.h("salla-button", { key: 'a5417a8f0cec51d60336fbde15fdcd1a8c6f9d69', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, index.h("slot", { key: '48145d9b6bd9b6c5a5a2659418232e4965e6dbc2', name: "widget-btn-content" }, index.h("div", { key: 'aeef35cf4109637925b078e17e903edd0ce70927', class: "s-gifting-widget-action-content" }, index.h("span", { key: '754b360efdceb67915479cf6e6c883465c8b5e2e', innerHTML: GiftSharing }), " \u00A0", index.h("span", { key: '88f649218568d29a89fed9edf4d6aaa40fa42ec4' }, this.sectionBtnText)))))), index.h("salla-modal", { key: '3bea66bbd3f457e38988d3c183f8ad83b2c7df7e', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, index.h("div", { key: '42e5c6cdaf2fd571ddf8fb2f6141accccde51e89', slot: "loading" }, index.h("div", { key: 'ee8b8364c5b38c5ba8d532a07ac1c31820efc29e', class: "s-gifting-skeleton" }, index.h("div", { key: '9960c5aebb147ba283671cb29d03ac607cf0f6ac', class: "s-gifting-modal-header" }, index.h("salla-skeleton", { key: 'b82710e9a43c1a3baafa1991b5fbf39ce0c99ec7', type: 'circle', height: '5rem', width: '5rem' }), index.h("h2", { key: 'cc83fbf17e57659b730d65bed24d638c48f7809b', class: "s-gifting-modal-title" }, index.h("div", { key: '6a015dd452aba397f3ecaefdec963a2e9fe2319f', class: "s-gifting-modal-badge-wrapper" }, index.h("salla-skeleton", { key: '6936c7630c0c5b8bea715355eefdbd11184bf4f0', height: '15px', width: '150px' })))), index.h("div", { key: '7c97b72b75c9748f9f33875819e91f60427cee37', class: "s-gifting-skeleton-content" }, index.h("salla-skeleton", { key: '2f568995835b1435e92d4a899e6d02308f5e5ffa', height: '10px', width: '150px' }), index.h("salla-skeleton", { key: 'c3d870402e2b801430a8dac6987244b8202a762d', height: '230px' }), index.h("salla-skeleton", { key: 'f5fe5b687fa298467f61ff5160b7bad00f5c27b9', height: '10px', width: '150px' }), index.h("salla-skeleton", { key: 'b2aafc949eb7652665545bfb47e306b9231fc10b', height: '30px' }), index.h("salla-skeleton", { key: 'ec48b8ea264a40f6808967acf1f4035bb78389ee', height: '40px' })))), index.h("slot", { key: '9c311e1c1a84e16df9cb14bf423520367889aa1a', name: "header" }), !!this.hasError ?
+            index.h("div", { key: 'd16cc7f7023bea25db35841e89affadc64c07750' }, index.h("salla-list-tile", { key: 'a0bacbee0a60998d7b2b6a04de43e0d840017e8e', class: this.generateClass() }, index.h("div", { key: 'b23da8bd5bc1c60ee6c9a755b62e398b36900d5d', slot: "title" }, this.vertical ? index.h("span", { innerHTML: GiftSharing }) : '', index.h("h3", { key: '87ed11d782fbfb07cf06bd2985d041c28f76f51d' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), index.h("div", { key: 'f8894e33e53dd1ed91c0649bfd88962c798cf8c2', slot: "subtitle" }, index.h("div", { key: '275a03acbd38cd916d86e852affea21c501c0da5' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), index.h("div", { key: '45fa9404463409d35fd24b25c0ae650a4679a939', slot: "action" }, index.h("salla-button", { key: '5c6e5c9d0357721961b0f25139126ad79a8ca099', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, index.h("slot", { key: '2a1fb3728692233a9cf87bd0d632610ad020650d', name: "widget-btn-content" }, index.h("div", { key: '4b7fd08f8f4a35b6d74f63e0547aaf92823ca0f0', class: "s-gifting-widget-action-content" }, index.h("span", { key: 'b6e15c75159f3485330af5f8fdd247c8dc9c1ce1', innerHTML: GiftSharing }), " \u00A0", index.h("span", { key: '574c99709d0ecbe73deeed07664951b421976d22' }, this.sectionBtnText)))))), index.h("salla-modal", { key: '3a73e664ffa20c58792eb1c7865b903fbf5f38f1', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, index.h("div", { key: 'eb8b915f53edfd3e7255a6e59a204e5120b56b47', slot: "loading" }, index.h("div", { key: '1bb51e9f935b10cac4b816bfc062999b16c984c7', class: "s-gifting-skeleton" }, index.h("div", { key: '4d050d592dbdef6ff4921d2937dedab1ae6d546c', class: "s-gifting-modal-header" }, index.h("salla-skeleton", { key: '00fa0ba8cd77422bab5ef5c174436843863ffa36', type: 'circle', height: '5rem', width: '5rem' }), index.h("h2", { key: '11f5e666e3cd59ee0673269edb1120255e36b973', class: "s-gifting-modal-title" }, index.h("div", { key: 'ef4d1fb59c4f9711ddf923118692d7a302cd0ab9', class: "s-gifting-modal-badge-wrapper" }, index.h("salla-skeleton", { key: '6d9cf1bf0c9e4df1590e0a575b83fb133482a9b1', height: '15px', width: '150px' })))), index.h("div", { key: 'f20ac67cfc4ab4f42838906418f5102c6cac01d3', class: "s-gifting-skeleton-content" }, index.h("salla-skeleton", { key: 'e5cbd9d820468d8233bd13991878741724b52723', height: '10px', width: '150px' }), index.h("salla-skeleton", { key: '511b9321272203f98520339ac67408e2b11bd7c7', height: '230px' }), index.h("salla-skeleton", { key: 'b929ad683b8302d29a09a749e603dead646606db', height: '10px', width: '150px' }), index.h("salla-skeleton", { key: 'bb485d3ccb8dbd35bfe9faca03b1e9fbfa8a67e3', height: '30px' }), index.h("salla-skeleton", { key: 'c2591d3c074ce82e7047807ed8560c914e99bba5', height: '40px' })))), index.h("slot", { key: '144dbbe14bc130217c63089aff8cccd1a6739850', name: "header" }), !!this.hasError ?
                 index.h("salla-placeholder", { alignment: "center" }, index.h("span", { slot: "title" }, this.errorMessage || salla.lang.get('common.errors.empty_results')), index.h("span", { slot: "description" }, " "))
                 :
                     [
@@ -21704,7 +21704,7 @@ const SallaGifting = class {
                                 index.h("span", { class: "s-gifting-error" }, this.errors['receiver.country']) : ''), index.h("div", { class: this.errors && this.errors['receiver.city_id'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, index.h("label", { class: "s-form-label" }, this.receiverCityFieldLabel), index.h("select", { name: "city", class: "s-form-control", onChange: (event) => this.handleReceiverCity(event), disabled: this.loadingCities }, index.h("option", { value: "", selected: true }, this.loadingCities ? salla.lang.get('common.elements.loading') : this.selectCity), (_f = (_e = this.gift) === null || _e === void 0 ? void 0 : _e.cities) === null || _f === void 0 ? void 0 :
                                 _f.map((city) => (index.h("option", { value: city.id }, city.name)))), this.errors && this.errors['receiver.city_id'] ?
                                 index.h("span", { class: "s-gifting-error" }, this.errors['receiver.city_id']) : ''), index.h("div", { class: "s-gifting-info anime-item opacity-0" }, index.h("span", { innerHTML: Alert }), index.h("span", null, this.selectCityInfo))), !this.physicalProducts && index.h("div", { class: "anime-item opacity-0" }, index.h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: `schedule-${this.hostId}` }, index.h("input", { type: "checkbox", name: 'schedule', id: `schedule-${this.hostId}`, onChange: () => this.toggleCalendar(), class: "s-checkbox" }), index.h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), index.h("div", { class: this.getCalendarClasses(), ref: (el) => this.calendarFormGroup = el }, index.h("label", { class: "s-form-label" }, this.selectSendDateAndTime), index.h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d h:i K", onPicked: (event) => this.handleDateTimePicker(event) }), index.h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), index.h("div", { class: "s-gifting-step-two-footer anime-item opacity-0" }, index.h("a", { href: "#!", innerHTML: arrowLeft.arrowLeft, onClick: (e) => this.goToStep1(e) }), index.h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, index.h("span", null, this.sendGift)))))
-                    ], index.h("slot", { key: 'c76232ee9588a3ae603b39b0ea994afd9ac6e3fe', name: "footer" })))
+                    ], index.h("slot", { key: 'd20dc2762318510b53404ece4cd5cdef91bd8099', name: "footer" })))
         ];
     }
 };
@@ -21812,7 +21812,7 @@ const SallaListTile = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'bb33776d01406ff1e04bbdc741312f1a17ac3b7b' }, index.h("a", { key: '386b417c954bf4b2bac34e40d9bae19db7f61ec3', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, index.h("div", { key: 'cbcd8c6f92a4cbe7afbd8797c36ae6f529abed1c', class: "s-list-tile-item-icon" }, index.h("slot", { key: 'bff76fdb467b2491f0c3b40bd7f475eda23fa9c8', name: 'icon' })), index.h("div", { key: 'c80e7c032abedea8d5929d8bb36a642336724fe1', class: "s-list-tile-item-content" }, index.h("div", { key: '2bea0273bb4c012e0f9f7ee948b14bc9ea8afc2a', class: "s-list-tile-item-title" }, index.h("slot", { key: '60c872b9ec9b369ba65452abad7860b3ba6ba640', name: 'title' })), index.h("div", { key: 'fbb1b6e49284c74f2933f056aa16fcbc25526703', class: "s-list-tile-item-subtitle" }, index.h("slot", { key: '5ad1bba1b71db13d4deb594ccb0f5898f24d2f23', name: "subtitle" }))), index.h("div", { key: '96358bf7ed34907a799efd8c6fb2caae6ca02f43', class: "s-list-tile-item-action" }, index.h("slot", { key: '8d496724103f0c3959845c8f5d4e662a3095c09e', name: 'action' })))));
+        return (index.h(index.Host, { key: 'ba44695aed1223972f89af7c586a40930b02bf2c' }, index.h("a", { key: '07372f90536259e785765fd52518d662da064310', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, index.h("div", { key: '1146861c80badb189b2cee76c1641b6b24cdc81f', class: "s-list-tile-item-icon" }, index.h("slot", { key: 'e3f28cb3fc224a11345f79dbcc63abda6a5749f2', name: 'icon' })), index.h("div", { key: '2538211d32d19b14feb87324499402fa86591734', class: "s-list-tile-item-content" }, index.h("div", { key: 'c099dbf9985c97cf7580ae155f12310033f82d94', class: "s-list-tile-item-title" }, index.h("slot", { key: 'cbd58b99730b27cc90b2897a82049a0b132a68aa', name: 'title' })), index.h("div", { key: '9a5d9bde89507382c84910da72baac5b18a0180d', class: "s-list-tile-item-subtitle" }, index.h("slot", { key: 'b0c042dfece6f5b337cc32892dd10bd4f7705ce0', name: "subtitle" }))), index.h("div", { key: '500a9175dd419a186e4d8e76d2578183b70d9d88', class: "s-list-tile-item-action" }, index.h("slot", { key: '6b8eaf7115a0304f7e50aafe251aec0325146a80', name: 'action' })))));
     }
 };
 SallaListTile.style = sallaListTileCss;
@@ -21840,7 +21840,7 @@ const SallaLoading = class {
         this.bgColor = "#e5e7eb";
     }
     render() {
-        return (index.h(index.Host, { key: '43f0680ce1f04ebda7083a4e15e69db9f19eea8f', class: "s-loading-container" }, index.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" }, index.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" }), index.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 (index.h(index.Host, { key: '8320fc3660a218e25417a93bf887971c5e8419c3', class: "s-loading-container" }, index.h("svg", { key: 'b70926bc9f4735a041bc15941f3455f739ca92ca', "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" }, index.h("path", { key: '08022da39248d500da894209a321feda18f4c1ac', 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" }), index.h("path", { key: 'df3d357458fd338246941a78993ffe8cf06f0d8b', 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" }))));
     }
 };
 SallaLoading.style = sallaLoadingCss;
@@ -21950,7 +21950,7 @@ const SallaLocalizationModal = class {
         });
     }
     render() {
-        return (index.h("salla-modal", { key: '67470e126151fb1cfc764ce3c0d986199b5a895e', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, index.h("div", { key: '28c41dc75e36e960cfcf0b8224057597be2eb7cf', slot: 'loading' }, index.h("div", { key: '96f60449d85f78c616dbda0aa56e77c4cb711859', class: "s-localization-modal-skeleton" }, index.h("salla-skeleton", { key: 'eb4258f0847b2fe4da22e9709b7695014dd7be72', width: '25%', height: '15px' }), index.h("div", { key: 'f04521fcd25728b821c1fe60cce50ce441856ed4', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => index.h("div", { class: "s-localization-modal-skeleton-item" }, index.h("div", { class: "s-localization-modal-skeleton-item-flex" }, index.h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), index.h("salla-skeleton", { height: '10px', width: '100px' })), index.h("salla-skeleton", { height: '15px', width: '20px' })))), index.h("salla-skeleton", { key: '6df2da90a26b323fe8e4cf82487527bb1866c788', width: '25%', height: '15px' }), index.h("div", { key: 'b3889bbd2624b4337d7b7dfafca9d5fef39d2dc3', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => index.h("div", { class: "s-localization-modal-skeleton-item" }, index.h("div", { class: "s-localization-modal-skeleton-item-flex" }, index.h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), index.h("salla-skeleton", { height: '10px', width: '100px' })), index.h("salla-skeleton", { height: '15px', width: '20px' })))), index.h("salla-skeleton", { key: 'b03df28e89f3096b24af46c635dd926e39fc9cf5', height: '40px', width: '100%' }))), !!this.hasError ?
+        return (index.h("salla-modal", { key: '7217465dd0a549765d84237a79a3d40d09b8ba19', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, index.h("div", { key: '1c7d641df3d795578b8f703deddd2deab0a0f0f3', slot: 'loading' }, index.h("div", { key: '9f3f99f0cb3fc0edf69a0b5672c985f037f77e99', class: "s-localization-modal-skeleton" }, index.h("salla-skeleton", { key: '744fd8f82a4675205a6f5fe0ed7f41ecfff73286', width: '25%', height: '15px' }), index.h("div", { key: '615e09c738ff315c72e4b46f0a97925b6ba43121', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => index.h("div", { class: "s-localization-modal-skeleton-item" }, index.h("div", { class: "s-localization-modal-skeleton-item-flex" }, index.h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), index.h("salla-skeleton", { height: '10px', width: '100px' })), index.h("salla-skeleton", { height: '15px', width: '20px' })))), index.h("salla-skeleton", { key: '1d968a79a37d4012a9eef552bcd4f93006abcbe4', width: '25%', height: '15px' }), index.h("div", { key: '3a64d7c5f038f681ee58a457ba42e2ad70bf3f06', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => index.h("div", { class: "s-localization-modal-skeleton-item" }, index.h("div", { class: "s-localization-modal-skeleton-item-flex" }, index.h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), index.h("salla-skeleton", { height: '10px', width: '100px' })), index.h("salla-skeleton", { height: '15px', width: '20px' })))), index.h("salla-skeleton", { key: '696cc5d9dcd7c9dd1f4a17f7bf904c836595ddcf', height: '40px', width: '100%' }))), !!this.hasError ?
             index.h("salla-placeholder", { alignment: "center" }, index.h("span", { slot: "description" }, this.errorMessage)) :
             index.h("div", { class: "s-localization-modal-inner" }, this.languages.length > 1 ?
                 index.h("div", { class: "s-localization-modal-section" }, index.h("label", { class: "s-localization-modal-title" }, salla.lang.get('common.titles.language')), index.h("div", { class: "s-localization-modal-section-inner" }, this.languages.length < 6 ?
@@ -22503,7 +22503,7 @@ const SallaMaintenanceAlert = class {
         this.host.style.display = 'none';
     }
     render() {
-        return (index.h(index.Host, { key: 'bb84e7b67aa436101f54d2481324f8b08000b730', class: "s-maintenance-alert-wrapper" }, index.h("button", { key: 'a867faeace9d0461bbfa5f39976e9489d77b575b', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), index.h("div", { key: 'b89fc2df3ea8e9fd5859fda5a115a52cbc130845', class: "s-maintenance-alert-content" }, index.h("div", { key: '46962d44e46f74169b79b0bf39306a1548d17d11', class: "s-maintenance-alert-container" }, index.h("div", { key: 'fbc673955b67d5c849db838325232e9179857df2', class: "s-maintenance-alert-icon" }, index.h("img", { key: '5b7a61e2eacb2d182848ce0a1e7dfbfb60f3427e', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), index.h("div", { key: 'af97185088d3a3a20d8f14ec56b9210de2b12cc5', class: "s-maintenance-alert-text" }, index.h("h2", { key: '893237b5a906a6b9cd636569f04ecb5247e58462' }, this.title), index.h("p", { key: '91662aa1261a2da8c63e16b76585eb39030a8dc0' }, this.message))), index.h("div", { key: '54468980a4a80d51ecdc3a10054f33ff08838444' }, index.h("a", { key: 'a58e79ab80341ac7e0daf72fed352bfcc703d3f5', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
+        return (index.h(index.Host, { key: 'fa4c58fe7ee2db9123f5ea0e481b9c974df489d0', class: "s-maintenance-alert-wrapper" }, index.h("button", { key: '9c1df10f48abd76cef72163cca33614a1b2a286e', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), index.h("div", { key: '48744b89d954927eb079ad9533cd52bc6149dbe8', class: "s-maintenance-alert-content" }, index.h("div", { key: 'a0df971610bbb0b6dba99955c40a89760f8b6f35', class: "s-maintenance-alert-container" }, index.h("div", { key: 'b15d5b9ba9d6e327cbd9706ba03e66459f3d752e', class: "s-maintenance-alert-icon" }, index.h("img", { key: '27a34719b58bc0afd30e55eeb51549f7ee468ac9', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), index.h("div", { key: 'c9373d6db047da4d678005fe2397aa0ad14345e0', class: "s-maintenance-alert-text" }, index.h("h2", { key: '2202bc87b20c2d864fac8d925f7585b19e50a9d2' }, this.title), index.h("p", { key: 'cd2c5e6d2ef3098cf654357dca2031a494d4926a' }, this.message))), index.h("div", { key: '60983d470feb85bc72e40a37cb769bcf3121f2c9' }, index.h("a", { key: 'ac397f2c66c4e1e677200fb711d1c4b858d91f6c', 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
@@ -23217,11 +23217,11 @@ const SallaMap = class {
     }
     // render
     render() {
-        return (index.h(index.Host, { key: '70b1051e2fdbdea1e7306eb4e30a025747c6c87f', class: "s-map-wrapper" }, index.h("salla-modal", { key: 'e1c86a72545f00053789f63ba5016cc57ad1f160', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
+        return (index.h(index.Host, { key: 'afb065dd5c9db0994f1cfaf1562db28425ffd65a', class: "s-map-wrapper" }, index.h("salla-modal", { key: 'adbf3aec5fe3a53c08a4310dfa5fc3593f88b242', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
                 this.locationModal = modal;
-            } }, this.getLocationModal()), index.h("slot", { key: 'ee28378c5b30cc8c93f55a74b4b94fe37a215aad', name: "button" }, index.h("salla-button", { key: '048d58a8537707a11c523ed6efbe255ff255927d', onClick: () => {
+            } }, this.getLocationModal()), index.h("slot", { key: '8469c362605c896c27e6c9453c80e1455e681588', name: "button" }, index.h("salla-button", { key: 'baac0f4417a36ce4f6c8f02a6667752f5d93ebd1', onClick: () => {
                 this.open();
-            }, color: "primary", class: "s-map-location-button" }, index.h("span", { key: 'c8653c040b9c1b3d7ac4d022606faec82e79568c', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (index.h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), index.h("input", { key: 'd76d0ce87802ed7b86fd5d2e0a3eef531087d597', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
+            }, color: "primary", class: "s-map-location-button" }, index.h("span", { key: 'bea891a7ac14bcb50704133e9c1eb8b3c34a8377', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (index.h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), index.h("input", { key: 'dbc5226461f9ad7a9501bec12e8bad794dec00e6', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
     }
     get host() { return index.getElement(this); }
 };
@@ -23705,7 +23705,7 @@ const SallaOfferModal = class {
     //       '</div>';
     //   }
     render() {
-        return index.h("salla-modal", { key: '6e07bfc157a0864dd7c6e33d8e423eb0a41517fa', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, index.h("div", { key: 'a1efb4161fe0832c55d84ed28d6210ebbf475a30', slot: 'loading' }, index.h("div", { key: '53528287f8260ff9ee38865d24f2f62e3a473aae', class: "s-offer-modal-skeleton" }, index.h("div", { key: '058875363e3102e44df48e42b77ba1e5136de8cd', class: "s-offer-modal-skeleton-header" }, index.h("salla-skeleton", { key: '9db5f4a78212728d91ca6c326df0dce74a48a8e6', type: 'circle', height: '80px', width: '80px' }), index.h("salla-skeleton", { key: '9a451dc9b0ad073137500482bcad5eded1a15e19', height: '15px', width: '50%' }), index.h("salla-skeleton", { key: '64765b0feb8542634a498bec392f89c9ea84d87a', height: '10px', width: '30%' })), index.h("div", { key: 'dfe4c3f1b5492c16088c6736a4027e7ee494c3f6', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => index.h("div", { class: "s-offer-modal-skeleton-item" }, index.h("salla-skeleton", { height: '9rem' }), index.h("div", { class: "s-offer-modal-skeleton-item-title" }, index.h("salla-skeleton", { height: '15px', width: '100%' })), index.h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, index.h("salla-skeleton", { height: '9px', width: '50%' }), index.h("div", { innerHTML: Cart2 }))))), index.h("div", { key: '6b0d3c7ce04b6da6b48e60552084e6cd13e86def', class: "s-offer-modal-skeleton-footer" }, index.h("salla-skeleton", { key: 'fb3e3c4993a0eef1a297150e978d66ba16b1091e', height: '15px', width: '50%' }), index.h("salla-skeleton", { key: 'ae1cb5284af4dbcf7b8a6e5b62cfe956fdfe2c5f', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return index.h("salla-modal", { key: '149806ab834f3595edaba08fa4ac7534559c86a0', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, index.h("div", { key: '0b04b126cab3b3f2c96a18da4e99fde448ae3a7b', slot: 'loading' }, index.h("div", { key: '2bc798a2e279e732752a61870d2bbdb239156af1', class: "s-offer-modal-skeleton" }, index.h("div", { key: 'f25d33fa444b1b200b8ad1d1671485bc402ac32f', class: "s-offer-modal-skeleton-header" }, index.h("salla-skeleton", { key: '3e9099101da88a0b0e7c1961dd191d9df92f6508', type: 'circle', height: '80px', width: '80px' }), index.h("salla-skeleton", { key: '913b23a9a46ca5c69a42672a09a922662c1587a8', height: '15px', width: '50%' }), index.h("salla-skeleton", { key: '8e8e1392609be37bb8a85e5d79f5f6a5511c5af8', height: '10px', width: '30%' })), index.h("div", { key: '994cd22730b3b8feefd9e8f6597875aa7954e6f7', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => index.h("div", { class: "s-offer-modal-skeleton-item" }, index.h("salla-skeleton", { height: '9rem' }), index.h("div", { class: "s-offer-modal-skeleton-item-title" }, index.h("salla-skeleton", { height: '15px', width: '100%' })), index.h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, index.h("salla-skeleton", { height: '9px', width: '50%' }), index.h("div", { innerHTML: Cart2 }))))), index.h("div", { key: '361299e616622895d48377f3d138d115d05a9fbc', class: "s-offer-modal-skeleton-footer" }, index.h("salla-skeleton", { key: '28cc38415de9bed705b5d2ca683031c50de47d94', height: '15px', width: '50%' }), index.h("salla-skeleton", { key: 'ef1935d0e8fccfbce3b9cf3a652c7c521539cf13', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [index.h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: specialDiscount.SpecialDiscountIcon }), this.getOfferContent(), index.h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
                     index.h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)
                     : '', index.h("label", { class: "s-offer-modal-remember-label" }, index.h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", salla.lang.get('common.elements.remember_my_choice'))),
@@ -23754,7 +23754,7 @@ const SallaPlaceholder = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'acb6642e7f779ba048e881e65878611b1dda2702', class: this.alignmentClass() }, index.h("div", { key: '70d55c63af102a43ac9c10d6e445914b32f2cf06', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), index.h("div", { key: 'db4cc0f4ba68b6ed4348fb1832428934414dab3e', class: "s-placeholder-title" }, index.h("slot", { key: '78b8b541ed88c8ebcd977ed9c5df723a342e55a6', name: 'title' }, index.h("span", { key: '5135e05ed931e03bdd1f405801367c0ff03cd7f0' }, salla.lang.get('common.elements.no_options')))), index.h("div", { key: '8091b48019b63f31dec562fc4a02954692ff564b', class: "s-placeholder-description" }, index.h("slot", { key: 'af35c54093925cf42f37f26dc4b1378042ff345e', name: 'description' }, index.h("span", { key: 'd3a9b2715f09872b73d293c2ce5d3129120d44b9' }, salla.lang.get('common.errors.empty_results'))))));
+        return (index.h(index.Host, { key: 'fe8c3b4958319a69bedc23c4edd7e5e9db820301', class: this.alignmentClass() }, index.h("div", { key: '727c7f934c9dbc5fb5cdfba7f563855162fa3a23', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), index.h("div", { key: '6c61798f5af682c078f4536fd88af14c241bc009', class: "s-placeholder-title" }, index.h("slot", { key: '6bd403b5402ff34b69615ad94fce85516b0fe79d', name: 'title' }, index.h("span", { key: 'beef08e2f61e1328f15afa9b895302c235022f91' }, salla.lang.get('common.elements.no_options')))), index.h("div", { key: '50fea21d9fcc09a3478beb31e9e876ed7726b704', class: "s-placeholder-description" }, index.h("slot", { key: 'de0f6916c65c2a2c97ea3ee3fa16d6fdbeebe90a', name: 'description' }, index.h("span", { key: '3f6621dc6d2f19b1c5e8f55f9f2cc4b0b622bbcc' }, salla.lang.get('common.errors.empty_results'))))));
     }
 };
 SallaPlaceholder.style = sallaPlaceholderCss;
@@ -23897,7 +23897,7 @@ const SallaProductAvailability = class {
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (index.h(index.Host, { key: '8b90efc3117090e3e291f57c6976cdda1bf9360e', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
+        return (index.h(index.Host, { key: '0dc32b09e3916993a31ce6e27d9cefd81dd56289', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
             ? index.h("div", { class: "s-product-availability-subscribed" }, index.h("span", { innerHTML: BellRing, class: "s-product-availability-subs-icon" }), salla.lang.get('pages.products.notify_availability_success'))
             :
                 index.h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.openModel() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()));
@@ -24017,14 +24017,14 @@ const SallaProductCard = class {
             's-product-card-out-of-stock': (_b = this.productData) === null || _b === void 0 ? void 0 : _b.is_out_of_stock,
         };
         const hrefProp = ((_c = this.productData) === null || _c === void 0 ? void 0 : _c.url) ? { href: this.productData.url, title: `Learn more about ${(_d = this.productData) === null || _d === void 0 ? void 0 : _d.name}` } : {};
-        return (index.h(index.Host, { key: 'b104d39f313e253281144add69c1fbd16de31016', id: `product-${(_e = this.productData) === null || _e === void 0 ? void 0 : _e.id}`, class: classes }, index.h("div", { key: '140fd0e19e59d95e0bd432e96bdb5bda22a0e5fc', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, index.h("a", Object.assign({ key: '9eb0b1e7992e5e9e6103409c6089e0ef0d3e583e' }, hrefProp), index.h("img", { key: 'ce84db34de3a0e127458ea72ac67fafdd2c40cf2', class: `s-product-card-image-${salla.url.is_placeholder((_g = (_f = this.productData) === null || _f === void 0 ? void 0 : _f.image) === null || _g === void 0 ? void 0 : _g.url)
+        return (index.h(index.Host, { key: '80743147fd154496018ff530e3c84b2f66cf2985', id: `product-${(_e = this.productData) === null || _e === void 0 ? void 0 : _e.id}`, class: classes }, index.h("div", { key: 'ecf4f7838db5d38bc355d8730c3eb10dd04aedc4', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, index.h("a", Object.assign({ key: 'db0198934b449152c88d23f8adc71ec212761e2a' }, hrefProp), index.h("img", { key: 'f80856aacb8861e68ef0dfbe43aeb22d422920f9', class: `s-product-card-image-${salla.url.is_placeholder((_g = (_f = this.productData) === null || _f === void 0 ? void 0 : _f.image) === null || _g === void 0 ? void 0 : _g.url)
                 ? 'contain'
                 : this.fitImageHeight
                     ? this.fitImageHeight
-                    : 'cover'} lazy`, src: this.placeholder, alt: ((_j = (_h = this.productData) === null || _h === void 0 ? void 0 : _h.image) === null || _j === void 0 ? void 0 : _j.alt) || ((_k = this.productData) === null || _k === void 0 ? void 0 : _k.name), "data-src": ((_m = (_l = this.productData) === null || _l === void 0 ? void 0 : _l.image) === null || _m === void 0 ? void 0 : _m.url) || ((_o = this.productData) === null || _o === void 0 ? void 0 : _o.thumbnail) }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && index.h("a", Object.assign({ key: 'd2aa2c8aeb964acb3d8fd557dd741304f24a0c62' }, hrefProp, { class: "s-product-card-overlay" })), !this.horizontal && !this.fullImage ?
-            index.h("salla-button", { shape: "icon", fill: "none", color: "light", "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => salla.wishlist.toggle(this.productData.id) }, index.h("span", { innerHTML: Heart })) : ''), index.h("div", { key: 'c18bdd0b7e44188107973da15ecbe312984a2d42', class: "s-product-card-content" }, this.isSpecial && ((_p = this.productData) === null || _p === void 0 ? void 0 : _p.quantity) ?
+                    : 'cover'} lazy`, src: this.placeholder, alt: ((_j = (_h = this.productData) === null || _h === void 0 ? void 0 : _h.image) === null || _j === void 0 ? void 0 : _j.alt) || ((_k = this.productData) === null || _k === void 0 ? void 0 : _k.name), "data-src": ((_m = (_l = this.productData) === null || _l === void 0 ? void 0 : _l.image) === null || _m === void 0 ? void 0 : _m.url) || ((_o = this.productData) === null || _o === void 0 ? void 0 : _o.thumbnail) }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && index.h("a", Object.assign({ key: '7ce28a0b764367d51c8b351793509490cfd1e658' }, hrefProp, { class: "s-product-card-overlay" })), !this.horizontal && !this.fullImage ?
+            index.h("salla-button", { shape: "icon", fill: "none", color: "light", "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => salla.wishlist.toggle(this.productData.id) }, index.h("span", { innerHTML: Heart })) : ''), index.h("div", { key: 'b4f68d13d035d7de2fab28e6f2c0d026d46d8901', class: "s-product-card-content" }, this.isSpecial && ((_p = this.productData) === null || _p === void 0 ? void 0 : _p.quantity) ?
             index.h("div", { class: "s-product-card-content-pie", ref: pie => this.pie = pie }, index.h("span", null, index.h("b", null, salla.helpers.number((_q = this.productData) === null || _q === void 0 ? void 0 : _q.quantity)), this.remained), index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -1 36 34", class: "s-product-card-content-pie-svg" }, index.h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-base" }), index.h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-bar" })))
-            : '', index.h("div", { key: 'a397fa2a22942f438abd2b168ad9b21e7272651b', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, index.h("h3", { key: 'caa67ecec2f2a2e609868b8be76f6c9160b26ef6', class: "s-product-card-content-title" }, index.h("a", Object.assign({ key: '4e93a58148a54149d50050226b66e0247049ba5d' }, hrefProp), (_r = this.productData) === null || _r === void 0 ? void 0 : _r.name)), ((_s = this.productData) === null || _s === void 0 ? void 0 : _s.subtitle) && !this.minimal ?
+            : '', index.h("div", { key: '2259cecd4157e62a382d95cb6facde5b73eca1af', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, index.h("h3", { key: '5b5ec545eb44fefdde1d4e2632b4e55baa86260c', class: "s-product-card-content-title" }, index.h("a", Object.assign({ key: '9afa68bf465f9c18e304ee462037df0999426696' }, hrefProp), (_r = this.productData) === null || _r === void 0 ? void 0 : _r.name)), ((_s = this.productData) === null || _s === void 0 ? void 0 : _s.subtitle) && !this.minimal ?
             index.h("p", { class: "s-product-card-content-subtitle" }, (_t = this.productData) === null || _t === void 0 ? void 0 : _t.subtitle)
             : ''), ((_u = this.productData) === null || _u === void 0 ? void 0 : _u.donation) && !this.minimal && !this.fullImage ?
             [index.h("salla-progress-bar", { donation: (_v = this.productData) === null || _v === void 0 ? void 0 : _v.donation }), index.h("div", { class: "s-product-card-donation-input" }, ((_x = (_w = this.productData) === null || _w === void 0 ? void 0 : _w.donation) === null || _x === void 0 ? void 0 : _x.can_donate) ?
@@ -24033,7 +24033,7 @@ const SallaProductCard = class {
                                 this.addBtn.donatingAmount = e.target.value;
                             }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
                     : '')]
-            : '', index.h("div", { key: '0fc0798a62cbef69503e4ad610708a56e40d7330', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), ((_z = (_y = this.productData) === null || _y === void 0 ? void 0 : _y.rating) === null || _z === void 0 ? void 0 : _z.stars) && !this.minimal ?
+            : '', index.h("div", { key: '7dc9364b456583bbb0a063038eadb971d68d33a1', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), ((_z = (_y = this.productData) === null || _y === void 0 ? void 0 : _y.rating) === null || _z === void 0 ? void 0 : _z.stars) && !this.minimal ?
             index.h("div", { class: "s-product-card-rating" }, index.h("span", { innerHTML: Rate }), index.h("span", null, this.productData.rating.stars))
             : ''), this.isSpecial && this.productData.discount_ends
             ? index.h("salla-count-down", { date: this.formatDate(this.productData.discount_ends), "end-of-day": true, boxed: true, labeled: true })
@@ -24107,11 +24107,11 @@ const SallaProductSizeGuide = class {
         return index.h("salla-placeholder", { alignment: "center", iconSize: "xl" }, index.h("div", { slot: "title" }, this.placeholder_title), index.h("div", { slot: "description" }, this.placeholder_description));
     }
     render() {
-        return (index.h("salla-modal", { key: '19fb9060d2a798457a8b04a1be4ac930b8f019d0', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, index.h("span", { key: '5d8b451a1ea75428bd14c4f1a78512ecf3706b64', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), index.h("div", { key: '4c20d4486c69acafd372346c6af14fec4921b4c2', slot: "loading" }, index.h("div", { key: '00525e4d2aed130a47e2cc84d6a3ddb42b183563', class: "s-product-size-guide-skeleton" }, index.h("salla-skeleton", { key: '544e03854174f02d593dc4277a987699464a58c8', height: '15px', width: '25%' }), index.h("div", { key: '9308ca067aed6c5cd89380eed422842aedd6176a', class: "s-product-size-guide-skeleton-header" }, index.h("salla-skeleton", { key: '394b991b5d67e6509df0fc9b40a76db277aec1ce', height: '40px' }), index.h("salla-skeleton", { key: '5ce9112b3b0f401e13405dafd559ccf51653610d', height: '40px' }), index.h("salla-skeleton", { key: 'a0df6462256ded34dfbb0b245aaa7cc15b0c25a9', height: '40px' }), index.h("salla-skeleton", { key: '8e4df4b93c4695b4135c38af28e2e63e9483f687', height: '40px' })), index.h("div", { key: 'f35d925ef8c3cd81afcfdf5f9718688978ffd52e', class: "s-product-size-guide-skeleton-content" }, index.h("salla-skeleton", { key: '345a91da85b0907cba5e98fe71a5ea5b4fae6410', height: '15px', width: '25%' }), index.h("salla-skeleton", { key: 'e99ec4ef51a3d08955cc3f51ea043101b5265848', height: '10px', width: '75%' }), index.h("salla-skeleton", { key: '190777f777e8c6cfa9e9b195e7208e809e0e0951', height: '10px', width: '50%' }), index.h("salla-skeleton", { key: '6201fd43a5be203d62e19414de7d8c9866de1b5f', height: '10px', width: '75%' }), index.h("salla-skeleton", { key: '4ff1f084b86c57ead7bb037925ba1b24531197fe', height: '10px', width: '100%' }), index.h("salla-skeleton", { key: 'dae157d70092948423d6611169e1618c7cd4f4d8', height: '10px', width: '25%' }), index.h("salla-skeleton", { key: 'd9636141df732d39171fb8053f83d4b321497928', height: '10px', width: '60%' }), index.h("salla-skeleton", { key: '664228d0b715b2b9fb6ce45969bbe5cdc2bf05af', height: '10px', width: '45%' }), index.h("salla-skeleton", { key: '62e13c6b0489b5549b6110f79c82cd3b710ba688', height: '10px', width: '30%' })))), index.h("slot", { key: '43360f6f37819c26ba5c79a8795d64d283b6a985', name: "header" }), !this.hasError && !!this.guides ?
+        return (index.h("salla-modal", { key: 'e92e648a22d686acde12a13c08335ed3a601e5d0', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, index.h("span", { key: '6131b840918392e03dc9011b7c23e81cb4b9ff36', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), index.h("div", { key: '7d7a998886ae6db08057825eae7b2835f73a8ae4', slot: "loading" }, index.h("div", { key: '518a9e510085c13c9361f656eb26dcec8ae8455d', class: "s-product-size-guide-skeleton" }, index.h("salla-skeleton", { key: '65a92119d1b5f9462dd826a838ee6042075d406a', height: '15px', width: '25%' }), index.h("div", { key: '3cb1034e05756d34d0e9e41a2d4e8f4bd6d925bd', class: "s-product-size-guide-skeleton-header" }, index.h("salla-skeleton", { key: 'c66e517e8186c83c5bc847a4df87fab31c7f7dbb', height: '40px' }), index.h("salla-skeleton", { key: '263ae7fde377e75a56d8aa37e814882ac0e9e772', height: '40px' }), index.h("salla-skeleton", { key: '9f226f26ab6eb1b36cde6cbaedb669d4c034f0a9', height: '40px' }), index.h("salla-skeleton", { key: 'b5ade5bbaa60f330944c2e868bb9032ef3697bed', height: '40px' })), index.h("div", { key: 'c0f1d73376efcce4b32fc268c297755c2fc4124e', class: "s-product-size-guide-skeleton-content" }, index.h("salla-skeleton", { key: 'd3bc5ffef7ca7b2b46b3a320706fa9f82caf9eed', height: '15px', width: '25%' }), index.h("salla-skeleton", { key: 'f4a9872abfd909796239032757ee0f24f17fb079', height: '10px', width: '75%' }), index.h("salla-skeleton", { key: '92f22b9609c9a828c88035edf4b5e765fb5040de', height: '10px', width: '50%' }), index.h("salla-skeleton", { key: '58c7dc5c2f70ed6454b0f41c21bdf245fe412be3', height: '10px', width: '75%' }), index.h("salla-skeleton", { key: 'b6a6d2585848f125533614c7bbd741bf30121cc3', height: '10px', width: '100%' }), index.h("salla-skeleton", { key: '271c7052e3b23d4876c65fa5427ace8b47fd26d9', height: '10px', width: '25%' }), index.h("salla-skeleton", { key: 'b0618e943218f639eb0be368098f8903fecd939f', height: '10px', width: '60%' }), index.h("salla-skeleton", { key: 'b4e86e51443897ba56a594be2e92c2dbb53f9a9b', height: '10px', width: '45%' }), index.h("salla-skeleton", { key: '79e8eb1ed011e9fa22b569eda7be7e50135bef7e', height: '10px', width: '30%' })))), index.h("slot", { key: '62425e2436d2fee89c66e4b3ea66752bbc407616', name: "header" }), !this.hasError && !!this.guides ?
             [
                 index.h("salla-tabs", null, this.guides.map((guide) => index.h("salla-tab-header", { slot: "header", name: guide.name }, index.h("span", null, guide.name))), this.guides.map((guide) => index.h("salla-tab-content", { slot: "content", name: guide.name }, index.h("div", { innerHTML: guide.description }))))
             ]
-            : this.showPlaceholder(), index.h("slot", { key: 'afead6b5698c439c78e63ad564cf3971f93336df', name: "footer" })));
+            : this.showPlaceholder(), index.h("slot", { key: '6c939d70100e2353436e962d9bd5a9c5f59788e5', name: "footer" })));
     }
     get host() { return index.getElement(this); }
 };
@@ -25117,7 +25117,7 @@ const SallaQuantityInput = class {
         return this.host;
     }
     render() {
-        return (index.h(index.Host, { key: '3f5aa589afd8d1044064bad5d6dc215cf08e1845', class: "s-quantity-input" }, index.h("div", { key: 'b7cea22f5fce6dc021b8de6aaf02d45e83696489', class: "s-quantity-input-container" }, index.h("button", { key: '9f0f917b065032c4d136594980849028163680de', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button" }, !this.hasIncrementSlot ? index.h("span", { innerHTML: minus.plusIcon }) : '', index.h("slot", { key: 'b6d03c3bed40293e47e6ee00d3b6947172ac19c9', name: "increment-button" })), index.h("input", Object.assign({ key: '5b0be9e137a5e854a940b7911a64752f7caf78c8', class: "s-quantity-input-input" }, this.getInputAttributes(), { ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", value: this.quantity })), index.h("button", { key: 'e614c1919461fe9edb6aec078139607eb512d59e', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button" }, !this.hasDecrementSlot ? index.h("span", { innerHTML: minus.minusIcon }) : '', index.h("slot", { key: '19c97a9d8455e947e642c560ccaf0c3ce2a5ae30', name: "decrement-button" })))));
+        return (index.h(index.Host, { key: '3d641a0813512c3ff22e32275dfd709df934e1f1', class: "s-quantity-input" }, index.h("div", { key: '2682491a551bcff31f07904566f3a2331d3c0240', class: "s-quantity-input-container" }, index.h("button", { key: '3b5b2551624628dfb98a41a4a1984749290b9c3c', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button" }, !this.hasIncrementSlot ? index.h("span", { innerHTML: minus.plusIcon }) : '', index.h("slot", { key: 'a1263ebcd7fa9fdb5b347e6eef3fe339bae6581a', name: "increment-button" })), index.h("input", Object.assign({ key: '7e91e2e4d26ee97bca0435351d68f4f456245429', class: "s-quantity-input-input" }, this.getInputAttributes(), { ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", value: this.quantity })), index.h("button", { key: '247d8b99d613ef6117f40685f5f0b899cde19102', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button" }, !this.hasDecrementSlot ? index.h("span", { innerHTML: minus.minusIcon }) : '', index.h("slot", { key: 'f59b44ec67c071f36a4885728d5095a2a8e01d85', name: "decrement-button" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -26019,7 +26019,7 @@ const SallaQuickBuy = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: 'ee1983709e9a97d881cadfce388e7a999a867b64' }, this.quickBuyButton());
+        return index.h(index.Host, { key: 'f6c7ae2cc1b0b67b1bc85a95602cda238dab6192' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return index.h("apple-pay-button", { locale: salla.config.get('user.language_code'), onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });
@@ -27080,7 +27080,7 @@ const SallaScopees = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h(index.Host, { key: '461b2b795372ae1b8f5f4974ec12d9eec65955e6' }, index.h("salla-modal", { key: '68c6bb5432a7a8301c49f9b8a729f2914fe446f9', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
+        return (index.h(index.Host, { key: '23748ef5243efc8a5ff9070043ddc507fe817fad' }, index.h("salla-modal", { key: '3ccb5b554df266e49d4f774e26dd7306dce9b249', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
             index.h("div", { slot: "loading" }, index.h("div", { class: "s-scopes-skeleton" }, index.h("salla-list-tile", { class: "s-scopes-header" }, index.h("div", { slot: "icon", class: "s-scopes-header-icon" }, index.h("salla-skeleton", { type: "circle" })), index.h("div", { slot: "title", class: "s-scopes-header-title mb-5" }, index.h("salla-skeleton", { height: '15px', width: '50%' })), index.h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, index.h("salla-skeleton", { height: '10px' }), index.h("salla-skeleton", { height: '10px', width: '75%' }))), index.h("div", { class: "s-scopes-skeleton-search" }, index.h("salla-skeleton", { height: '10px', width: '50%' }), index.h("salla-skeleton", { height: '30px', width: '100%' })), index.h("div", { class: "s-scopes-skeleton-scopes" }, index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' }), index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' }), index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' }), index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' })), index.h("div", { class: "s-scopes-skeleton-btn" }, index.h("salla-skeleton", { height: '40px', width: '100%' }))))
             :
                 [index.h("salla-list-tile", { class: ((_a = this.originalScopesList) === null || _a === void 0 ? void 0 : _a.length) ? "s-scopes-header block" : "s-hidden" }, index.h("div", { slot: "icon", class: "s-scopes-header-icon", innerHTML: StoreAlt }), index.h("div", { slot: "title", class: "s-scopes-header-title" }, salla.lang.get('blocks.scope.you_are_browse_store_from')), index.h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, !!this.selected_scope ? this.selected_scope.name : "")), index.h("div", { class: "s-scopes-wrap" }, !!((_b = this.originalScopesList) === null || _b === void 0 ? void 0 : _b.length) && index.h("h4", { class: "s-scopes-title" }, this.getFormTitle()), ((_c = this.originalScopesList) === null || _c === void 0 ? void 0 : _c.length) > this.searchDisplayLimit ?
@@ -27218,13 +27218,13 @@ const SallaSearch = class {
     }
     render() {
         var _a;
-        const searchContent = index.h("div", { key: 'a8e02a35996b07c146fbc1e574428e6478badbd1', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container }, index.h("div", { key: 'f9bc945e7727d878c6252afc2dfcc5a8450bd558', class: "s-search-input-wrapper" }, index.h("span", { key: '61973e1e4e06054d7662b89c12d017c9499bbf94', class: "s-search-icon-wrap" }, index.h("span", { key: '0d2964348a364c69cbbe9763d66ada387713b505', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), index.h("input", { key: '5c819913d98115f9a2d9168f4dd34e78cca530b0', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => this.searchInput = input, style: { height: this.height + 'px', borderRadius: this.oval ? this.height / 2 + 'px' : '' } }), this.showAction ?
-            index.h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && index.h("span", { innerHTML: Search })) : null), index.h("div", { key: '7c0a2360f1e327b496d5b9cbbc425f171a1f3a0d', class: "s-search-results" }, (_a = this.results) === null || _a === void 0 ? void 0 :
+        const searchContent = index.h("div", { key: 'ed22d66e43268e8024639db4b3bdfdc78663c162', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container }, index.h("div", { key: '3e6ed06c2a056d6fa6e5f18d03225a2a6eb3bd91', class: "s-search-input-wrapper" }, index.h("span", { key: '50fe2fd917b7f53d97c4178de03a9b460de53e50', class: "s-search-icon-wrap" }, index.h("span", { key: 'df7ed0c94180ee796f1634608f0e6984ccbac15c', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), index.h("input", { key: '73f564326eec5d12631b7855d853dd229fa00797', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => this.searchInput = input, style: { height: this.height + 'px', borderRadius: this.oval ? this.height / 2 + 'px' : '' } }), this.showAction ?
+            index.h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && index.h("span", { innerHTML: Search })) : null), index.h("div", { key: 'c8cdfa1f5d102392144389f81639d6c92f8caea5', class: "s-search-results" }, (_a = this.results) === null || _a === void 0 ? void 0 :
             _a.data.map((product) => index.h("a", { href: product.url + '?from=search-bar', class: { "s-search-product": true, 's-search-product-not-available': !product.is_available }, innerHTML: this.productSlot
                     .replace(/\{name\}/g, product.name)
                     .replace(/\{price\}/g, product.price ? salla.money(product.price) : '')
                     .replace(/\{regular_price\}/g, product.is_on_sale && product.regular_price ? salla.money(product.regular_price) : '')
-                    .replace(/\{image\}/g, product.image.url) })), index.h("p", { key: 'a725e4b848084eb5b336047ec7e7bf4149e1b305', ref: el => this.noResults = el, class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options'))));
+                    .replace(/\{image\}/g, product.image.url) })), index.h("p", { key: '7daf87c934b2fce3555755b1d326e3486e6a2bc2', ref: el => this.noResults = el, class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options'))));
         return (this.inline ?
             index.h("div", { class: "s-search-modal" }, searchContent)
             :
@@ -27267,7 +27267,7 @@ const SallaSkeleton = class {
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (index.h(index.Host, { key: '15babc66d2b39986bfb5f36d00b3b172de353dee', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, index.h("div", { key: '6e488ec0e8b38290f7a740526163dbd3f392431a', class: classes }, "\u00A0")));
+        return (index.h(index.Host, { key: 'f57ae59c20db39c4c9c47f777d229768071e2553', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, index.h("div", { key: '0214a933f54acfd816f3cf1c510374c918469c5e', class: classes }, "\u00A0")));
     }
 };
 SallaSkeleton.style = sallaSkeletonCss;
@@ -27786,7 +27786,7 @@ const SallaSlider = class {
         classes += this.verticalThumbs ? ' s-slider-vertical ' : ' s-slider-horizontal ';
         classes += this.arrowsCentered ? ' s-slider-v-centered ' : '';
         classes += this.gridThumbs ? ' s-slider-with-grid-thumbs ' : '';
-        return (index.h(index.Host, { key: '91f0744a9e1c98e06d67c7220fc88235b2e3ec2c', class: 's-slider-wrapper ' + classes }, this.blockTitle || this.showControls ?
+        return (index.h(index.Host, { key: '4a67b5352343cab0fbb561dcca27099788f77a84', class: 's-slider-wrapper ' + classes }, this.blockTitle || this.showControls ?
             index.h("div", { class: "s-slider-block__title" }, this.blockTitle ?
                 index.h("div", { class: "s-slider-block__title-right" }, index.h("h2", null, this.blockTitle), this.blockSubtitle ? index.h("p", { innerHTML: this.blockSubtitle }) : '')
                 : '', index.h("div", { class: "s-slider-block__title-left" }, this.displayAllUrl ?
@@ -27794,7 +27794,7 @@ const SallaSlider = class {
                 : '', this.showControls ?
                 index.h("div", { class: "s-slider-block__title-nav", dir: "rtl" }, index.h("button", { "aria-label": "Previous Slide", class: "s-slider-prev s-slider-nav-arrow" }, index.h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowRightIcon : ArrowLeftIcon })), index.h("button", { "aria-label": "Next Slide", class: "s-slider-next s-slider-nav-arrow" }, index.h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowLeftIcon : ArrowRightIcon })))
                 : ''))
-            : '', index.h("div", { key: '429df076a98d5f3cbd1cb0b82e7240d0703b0ef5', class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : this.direction }, index.h("slot", { key: 'fce6b603f29817ffe7f230819988aa2fbb96a8fb' }), index.h("div", { key: '9b94a2dd18297329ca7d809480875d97f89551a7', class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, index.h("slot", { key: '70e5cd933cf26bf94a6eb6dc03e6882f96deb6d0', name: 'items' })), this.pagination ? index.h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' && this.hasThumbSlot ? index.h("div", { class: "s-slider-thumbs" }, index.h("div", { class: "swiper s-slider-thumbs-container", dir: this.getThumbsDirection(), ref: el => this.thumbsSliderContainer = el }, index.h("div", { class: { "s-slider-swiper-wrapper swiper-wrapper": true, "s-slider-grid-thumbs": this.gridThumbs }, ref: el => this.thumbsSliderWrapper = el }, index.h("slot", { name: "thumbs" })), this.showThumbsControls ?
+            : '', index.h("div", { key: '11b3fa33b29dea07b0247e5b7766456cbf117d05', class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : this.direction }, index.h("slot", { key: 'c68c8acdbe1d303646ccc073d5b91e462d74e26c' }), index.h("div", { key: '54af02e80b0bfc4a79b0ab73ae8a9958c7b86aad', class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, index.h("slot", { key: '1accf846e01f53d5e75de3c826439694ada42654', name: 'items' })), this.pagination ? index.h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' && this.hasThumbSlot ? index.h("div", { class: "s-slider-thumbs" }, index.h("div", { class: "swiper s-slider-thumbs-container", dir: this.getThumbsDirection(), ref: el => this.thumbsSliderContainer = el }, index.h("div", { class: { "s-slider-swiper-wrapper swiper-wrapper": true, "s-slider-grid-thumbs": this.gridThumbs }, ref: el => this.thumbsSliderWrapper = el }, index.h("slot", { name: "thumbs" })), this.showThumbsControls ?
             index.h("div", { class: "s-slider-thumbs-nav", dir: "rtl" }, index.h("button", { "aria-label": "Previous Slide", class: "s-slider-thumbs-prev s-slider-nav-arrow" }, index.h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowRightIcon : ArrowLeftIcon })), index.h("button", { "aria-label": "Next Slide", class: "s-slider-thumbs-next s-slider-nav-arrow" }, index.h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowLeftIcon : ArrowRightIcon })))
             : null))
             : null));
@@ -27958,7 +27958,7 @@ const SallaSocialShare = class {
         (_a = window.a2a) === null || _a === void 0 ? void 0 : _a.init('page');
     }
     render() {
-        return (index.h("div", { key: '1ceaee8d8782d05a9106e41ed2b03199f1e3d3f4', class: "s-social-share-wrapper" }, index.h("slot", { key: 'b2a7f9392ce1ebd4170cb22661a344d3d590da3b', name: 'widget' }, index.h("salla-button", { key: '27f9ca71198bb513118dd808e17735126761dd8d', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, index.h("span", { key: '00ae4671bded2ecc9a9902ea891629a660bb1a35', innerHTML: this.opened ? Cancel : ShareAlt }))), index.h("ul", { key: 'ef16131f5443b8d3d8045f2dfc6a562ef93bbcc9', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
+        return (index.h("div", { key: 'f703a0c531e8f32ebe62eeb256e02aec9786af47', class: "s-social-share-wrapper" }, index.h("slot", { key: '436168a40db719e5420b4b8bf031b41e1e91cebd', name: 'widget' }, index.h("salla-button", { key: '989e61a4921dc71c5d53a67bad18dc97861033cb', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, index.h("span", { key: '43b7e5a81fba6d333cc2eed13c3b33b43c368ede', innerHTML: this.opened ? Cancel : ShareAlt }))), index.h("ul", { key: 'cfc2002270e46848897820493e8968296b4d5c73', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
             return (index.h("li", null, index.h("a", { class: `a2a_button_${platform}`, "aria-label": `Share Via ${platform}` }, this.platformIcons.map((icon) => {
                 if (icon.name === platform) {
                     return index.h("span", { class: "s-social-share-icon", innerHTML: icon.icon });
@@ -27997,7 +27997,7 @@ const SallaTabContent = class {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (index.h("div", { key: '1cd184474f6af09c567cddfe11f408027e4bbe66', class: classes }, index.h("slot", { key: '5a2a83e36627a23514966878b2f18ceee10ece33' })));
+        return (index.h("div", { key: '3ee7e5310346f97ec784201a91b361e5a3e4859e', class: classes }, index.h("slot", { key: '17cc2a1a57a1f810a0e79f20b54219794261531d' })));
     }
 };
 SallaTabContent.style = sallaTabContentCss;
@@ -28056,7 +28056,7 @@ const SallaTabHeader = class {
             's-tabs-active': this.isSelected,
         };
         return [
-            index.h("div", { key: '36943f8058a8b3b0feed9f6e06f2602532f03dd2', class: classes, onClick: this.onClick.bind(this) }, index.h("slot", { key: 'ac7bbf34b9701c083b4f51f35860ca69af69681b' })),
+            index.h("div", { key: 'bbb66a75e32a9c74faadc608312e71dc6a4cf883', class: classes, onClick: this.onClick.bind(this) }, index.h("slot", { key: '1ad07528ca5cfe1d884f6d66b998f03d604b58be' })),
         ];
     }
 };
@@ -28109,7 +28109,7 @@ const SallaTabs = class {
     }
     render() {
         return [
-            index.h("div", { key: '119b8e591e68b67b1b0750637ddbdad053f105b5', class: "s-tabs" }, index.h("div", { key: 'add89f5dd0a2c30971eda3d9cc814d2637f57d5f', class: "s-tabs-header" }, index.h("slot", { key: '0bbb0d4498e96cdbc6e8acae43b4856b8fbd8c07', name: "header" })), index.h("div", { key: 'd1c39251f84e030e99a4a17ab764dfa375744c1c', class: "s-tabs-content-wrapper" }, index.h("slot", { key: 'b4be0e8feeee17b8c6d14d72244e2431a7cfa377', name: "content" })))
+            index.h("div", { key: '8dc8b3cb7504674924893dee116762971c7d5067', class: "s-tabs" }, index.h("div", { key: 'd0fd3fcb154190f5312a0c9bad2c35ac29a43e68', class: "s-tabs-header" }, index.h("slot", { key: '3dc2441bfa5e6e28aa75aeafd2adf8715e1a365b', name: "header" })), index.h("div", { key: '4ca8ed7f4a79067ca93ca007c7a186af81895df4', class: "s-tabs-content-wrapper" }, index.h("slot", { key: '4420b1d34b518aec52081d7548f0f08a771723ae', name: "content" })))
         ];
     }
     get host() { return index.getElement(this); }
@@ -29909,7 +29909,7 @@ const SallaTelInput = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b2c8b456bee76f1b6ccc89be833ba45b801644bf', class: "s-tel-input" }, index.h("input", { key: '816210114633e24df660cb10f001985081e7d9dc', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), index.h("span", { key: '889225ffaa077d96353dbad1a6a6d8e58d4c213d', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), index.h("input", { key: '201e9750a74c6a56bafc934c74ca7ee88812018b', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (index.h(index.Host, { key: '5fc0abc90a8458e3199ccbf48b6dc70ffe5d57dc', class: "s-tel-input" }, index.h("input", { key: 'f84b38879f79f8cbb3b366f3b3530b764993c76e', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), index.h("span", { key: '82484d8fbef9bb6a8157323aec6c50932087af0a', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), index.h("input", { key: 'da172c1dfd99efbeb5756955bb4f9195a08e004a', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initTelInput();
@@ -30431,7 +30431,7 @@ const SallaUserSettings = class {
         await salla.profile.delete().finally(() => this.confirmationModal.close());
     }
     render() {
-        return (index.h(index.Host, { key: '0e6b14af80ae6661c9385eddfcc5a72b5f7430f3', class: "s-user-settings-wrapper" }, this.canHideName && index.h("div", { key: '54daed76f67a92898cb6b2bc2ed199fa2dcc6714', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: '0b060e78b75cc993360e114e2d73fe4b179ce3d0' }, index.h("div", { key: 'b7e12d95c8fdb278072a534f0dbd68762d0c9a81', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: 'a79609a0b31d25da9c15c31e993c3c3333a2f1ea', innerHTML: UserCancel })), index.h("div", { key: 'efb0c932f1435900e74571a742b8804df8382125', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), index.h("div", { key: 'de2f030f2ed344ba901720e504f3a240421f111c', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), index.h("div", { key: '7b79ac7ddb26f12a75ffc27cd9f2ccd7033d067e', slot: 'action', class: "s-user-settings-section-action" }, index.h("label", { key: 'b70240d7e4826983769910e5f670c1dd75f556f5', class: "s-toggle" }, index.h("input", { key: '2bd14ffe12f81538391fb3780fe5882c7c6f4403', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), index.h("div", { key: '196869be303f5a1afc7ce95d7f0ab1400a0f8cc7', class: "s-toggle-switcher" }))))), index.h("div", { key: '45ed6e678912f2d4c8eb4e285e3b595949785872', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: '9916e6dd2e3b0b24984aff6a136c35b89419db14' }, index.h("div", { key: 'bf81c343074b6f04faa7784c3127284708d667b4', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: 'fa21ff056ebe5b9f32fa8b19617c8cc1744f7b2b', innerHTML: Bullhorn })), index.h("div", { key: '84433b6fcb4aba6c2101d0d29aedbad1b1f0e6b0', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), index.h("div", { key: '884066de790ef40a236573f970a373a84227c417', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), index.h("div", { key: 'f839cf0374b8e264f572b4fcbf07fccfff32bbc4', slot: 'action', class: "s-user-settings-section-action" }, index.h("label", { key: 'bdc9c654f872d117a9e00fa6b6885bde97db10bf', class: "s-toggle" }, index.h("input", { key: 'db9ad98dcb76823e4cbb33dd0b06a197843b9720', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), index.h("div", { key: '0e79a44fc79ed3f59e66e0b8b2f24e21654037e3', class: "s-toggle-switcher" }))))), index.h("div", { key: '8a3706ec535e822df923a823b16a7a77a1d75eb8', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, index.h("salla-list-tile", { key: '678e6fd66aa7231ef1e30fa00ba5090953abeed5' }, index.h("div", { key: 'b491c5313586cc3e5362d30f9f0eb8236270ac5b', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: 'bdad51b9679a4694cc875371941cf3f714b50812', innerHTML: UserOff })), index.h("div", { key: '9f55bd23a74c86469ad582589316b44a4fcf654b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), index.h("div", { key: 'ad4cf1fee55d1b27c6e551e39b48a6fe0d5f509a', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), index.h("div", { key: '6d82925ebf9822dc1b79ce29e614648f14ab47ce', slot: 'action', class: "s-user-settings-section-action" }, index.h("salla-button", { key: '29e3d81c8c78f9be192aa0e262d7e962ea2a91bf', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), index.h("salla-modal", { key: 'af8827c6e18d6236509aa68da32acf3d5e301ce9', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, index.h("span", { key: '53105add09c755fb1164b7704ba3ba7f9f188c13', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), index.h("div", { key: '97b91089e3137ce6ec8a345952898940b38189c9', class: "s-user-settings-confirmation" }, index.h("div", { key: '0eab7f5b3bec09600143066d9950dc4b763d2de3', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), index.h("div", { key: '24a706adf1832fd9067c04138dff937187fa7562', class: "s-user-settings-confirmation-actions" }, index.h("salla-button", { key: '71b721a178656ea706082cb9724e1ab82075e7b5', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), index.h("salla-button", { key: 'd403392c3cde45ddfe970fa32702ea1f15baa284', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (index.h(index.Host, { key: 'e2a43eab43c09743d9a09150d7a64c482efd67db', class: "s-user-settings-wrapper" }, this.canHideName && index.h("div", { key: '45465d04e01b989d6f41b9685024049f11d2fd8a', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: '2d83d6a6596ca9762e03a4dd2ca828f1da7f9cfe' }, index.h("div", { key: 'ca2d8bad47b2cf27db0dba50f634f87374e9c4d0', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '64287554ed3f04a33f4723559bd16e23356062b2', innerHTML: UserCancel })), index.h("div", { key: '27011d331cd1193ffc395f61cafacf7afe6cbb37', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), index.h("div", { key: 'b2b2e1742fb28936f5d43ef2159fd53379979416', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), index.h("div", { key: 'd507501fa28045aa1c7f1b45f1e8492ab11eac41', slot: 'action', class: "s-user-settings-section-action" }, index.h("label", { key: '489444d6e9b8000786d652a653924d5487c70354', class: "s-toggle" }, index.h("input", { key: '6d975b0f59ef4bfce0387ab4bbeaac1d9199df2b', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), index.h("div", { key: '99565e81c6b0110b0285758ff965dadb1343141d', class: "s-toggle-switcher" }))))), index.h("div", { key: '95c0375df02bfcf7e06cd8c82d9726c183f3cef2', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: 'cdf765d2e4e5f435dc686ac41d3298f5f5d3f094' }, index.h("div", { key: '2c9350a1133f1ceb2e4798dc76a2600fc57b51a2', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: 'ac1a7244eebcf93b288cd8956c404e7e8206917a', innerHTML: Bullhorn })), index.h("div", { key: '033ad646a6c029932c9379e48aa03c11c4cc8ea7', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), index.h("div", { key: '6d6a1ae66fe36fd2e61b2b5710c1c1a5d785ed7a', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), index.h("div", { key: 'bcf12b68bd7496987e49e84d1463a1f4989c36f4', slot: 'action', class: "s-user-settings-section-action" }, index.h("label", { key: 'ab49963ae12febd07aafbc5fa33c9cc60200401c', class: "s-toggle" }, index.h("input", { key: '609ab1d90393a3a6a373b839b04872fd19d9af13', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), index.h("div", { key: 'fc1f9253bb35bd381cb679b61455f114082a66dc', class: "s-toggle-switcher" }))))), index.h("div", { key: '61874f78bca3a4f54b4ae800542d9ee8a1afb4df', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, index.h("salla-list-tile", { key: '9f3b044f7774f214352eca4785d45eb84a6ee925' }, index.h("div", { key: '07e1e08c91bad01e8bd1e5b3d8ed5bbf27a6e536', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '918cf7358bc7c0d557b2d2d122335c67c0e7184f', innerHTML: UserOff })), index.h("div", { key: '0bf7e274d07bec1362f2d1a7ed238d15a6df64da', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), index.h("div", { key: 'c044d814f1eab0b9bfe6afd1d9da7e672ad174e9', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), index.h("div", { key: '3ba1645cd3cf24055ff300caaa028c03cdbbf014', slot: 'action', class: "s-user-settings-section-action" }, index.h("salla-button", { key: 'e4af99b286ba09b9ad7a9e65109dd5ebc72cd5ec', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), index.h("salla-modal", { key: 'bb3617bb5fffb7496e4b065ff7d9e3ecf081d39a', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, index.h("span", { key: '8c4a70b37dd3f98247a05a6fa2e12bbbda4208f5', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), index.h("div", { key: '58e944af7537c91682b17f8dfa6e698ed8b4d21b', class: "s-user-settings-confirmation" }, index.h("div", { key: 'f1cb7420866f3c38c6484313636d71f2207942d0', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), index.h("div", { key: '8e712ea0c6211cba24a6a32c4e9871b37ddfa30e', class: "s-user-settings-confirmation-actions" }, index.h("salla-button", { key: '319bb44f97b4ad48a82a94973e470819624985cf', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), index.h("salla-button", { key: 'bc127d4956ab62b24b0c79e672375a2c2274f351', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
 };
 SallaUserSettings.style = sallaUserSettingsCss;

package/dist/cjs/salla-advertisement.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 
 const sallaAdvertisementCss = ":host{display:block}";

package/dist/cjs/salla-app-install-alert.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 
 const sallaAppInstallAlertCss = ":host{display:block}";
 

package/dist/cjs/salla-apps-icons.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 
 const sallaAppsIconsCss = ":host{display:block}";