@salla.sa/twilight-components 2.14.430 → 2.14.432

package/dist/collection/components/salla-price-range/salla-price-range.js

@@ -146,9 +146,9 @@ export class SallaPriceRange {
         this.maxPrice = value === undefined ? '' : value;
     }
     render() {
-        return (h(Host, { key: 'f6d4c1f5b74249b943996d2af32b06174520e88d' }, this.filterValues.map((filterValue, index) => {
+        return (h(Host, { key: 'b3292086c1beb0d5df51712839daabb25dad2658' }, this.filterValues.map((filterValue, index) => {
             return h("label", { class: "s-filters-label", htmlFor: `${this.option.key}-${index}`, key: index }, h("input", { id: `${this.option.key}-${index}`, name: "price", type: "radio", checked: this.isChecked(filterValue), class: "s-filters-radio", onChange: e => this.handleMinMaxPrice(e, filterValue) }), h("span", { innerHTML: this.getPriceLabel(filterValue) }));
-        }), h("div", { key: '48eedd9396dca4b82648e13f917afa78140776c5', class: "flex justify-center items-center" }, h("div", { key: 'c33855ba7fad6f13a361952294a72731134f9263', class: "relative max-w-xl w-full" }, h("div", { key: '19af3893897a7efebd41b58d8c4c2eaeeca2aa81', class: "s-price-range-inputs" }, h("div", { key: '736f552986d27304cbb1a52b0f14ca316d1d6522', class: "s-price-range-relative" }, h("div", { key: 'ed5bbee427f85780b85e02a81978ab2fffdd114f', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: 'b35cb9e1a9d568e7ab807b19df178f0f355f967d', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), h("div", { key: 'e30137f81f4bb8f2cf00ef051abffddba02a0688', class: "s-price-range-gray-text" }, " -"), h("div", { key: 'e77346125de1c54fe4f7371bb4f7b2713ec20276', class: "s-price-range-relative" }, h("div", { key: '750257ccc57c2b8b35eac7ca00aeba2a87e2e36e', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '43c63883df720947c7f85b2361945ee06104a4ec', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), h("salla-button", { key: '93e5138ddb7591337b980497be3280066dbeb1de', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: '2b42695a4b8abbb7578903a73fe7dd3599d89cd9', innerHTML: this.isRTL ? arrowLeft : arrowRight })))))));
+        }), h("div", { key: 'd987fea90281b884a1db631f0f3f90a53353ce65', class: "flex justify-center items-center" }, h("div", { key: '17aec2dff1433bae4f8d06679a86af7d41019a7d', class: "relative max-w-xl w-full" }, h("div", { key: 'fad234797e87821b0df33a5275a3c4bd3ea75fa9', class: "s-price-range-inputs" }, h("div", { key: '7099b01a40271f0757149260a560d038763b0322', class: "s-price-range-relative" }, h("div", { key: '44178266832f05eaf0ca33aa0a2f6436da846100', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '70cda3b471c177958870527a4f0008cf951a381a', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), h("div", { key: 'be3f732538589997f52d2340c72b16e419406666', class: "s-price-range-gray-text" }, " -"), h("div", { key: '5de9d9ba6e5925da36c3483b82167894e49b0088', class: "s-price-range-relative" }, h("div", { key: '903371ebc01237214fc143447789dd8011f86045', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '88dbf3b5930adb70fc16fc2a95d471185fcf760a', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), h("salla-button", { key: '8b10d455ca665e4a0df80fa3a6c05b3501e769f4', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: '8935d722de14843a1efaa4b784e5aa487e80be77', innerHTML: this.isRTL ? arrowLeft : arrowRight })))))));
     }
     componentDidLoad() {
         this.isReady = true;

package/dist/collection/components/salla-product-availability/salla-product-availability.js

@@ -131,7 +131,7 @@ export class SallaProductAvailability {
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (h(Host, { key: 'a09c35acc83cc5dd3bf5777a592a8f58ec44f7fb', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
+        return (h(Host, { key: 'aa627ba618b159913ad91efba99e57c14dd27832', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
             ? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRingIcon, class: "s-product-availability-subs-icon" }), salla.lang.get('pages.products.notify_availability_success'))
             :
                 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()));

package/dist/collection/components/salla-product-card/salla-product-card.js

@@ -105,14 +105,14 @@ export class SallaProductCard {
             's-product-card-out-of-stock': this.productData?.is_out_of_stock,
         };
         const hrefProp = this.productData?.url ? { href: this.productData.url, title: `Learn more about ${this.productData?.name}` } : {};
-        return (h(Host, { key: '5499b555ce4de3cdc41fec9797404047c2059113', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: 'ee03a46bf4863e56b5faa67d9ca3dd15d4a1fd05', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: 'b016f4078817310f446d2697ad61cc3db90b8bd5', ...hrefProp }, h("img", { key: 'b80a96932a1fc5429f6060daad0d1038a17f92ad', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
+        return (h(Host, { key: '07e7e2bfac3f3e744e288088af63451aaaccb9dd', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: '950d7c19363a90dfd44ba12469b7e59c7726f73a', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '5df4385b43eebb43b54561f3cdca3d21ad21e110', ...hrefProp }, h("img", { key: 'be40dfaabea59a468537fa13438d0df11d7d4d32', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
                 ? 'contain'
                 : this.fitImageHeight
                     ? this.fitImageHeight
-                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: 'da2b99309da6b737a0a61eb5381f065223a77688', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
-            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: '3999bbc2c0a0fea9da3cfdacd898731c699688ed', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
+                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: '405858af6e56aa685fdb5d869bdf3ce521d4dd0e', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
+            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: '82198e012d297a558557780355ffd16ce7241fa4', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
             h("div", { class: "s-product-card-content-pie", ref: pie => this.pie = pie }, h("span", null, h("b", null, salla.helpers.number(this.productData?.quantity)), this.remained), h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -1 36 34", class: "s-product-card-content-pie-svg" }, h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-base" }), h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-bar" })))
-            : '', h("div", { key: 'fb8713f2ef5d3ab6f6c423899b5a4e49ed96acf9', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: '470de39afbc2f3a00465d7c8313db333e16d61f7', class: "s-product-card-content-title" }, h("a", { key: 'e30d43e7a3fa81f1b68be13c838d61247fadc96e', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
+            : '', h("div", { key: 'cfc073356d10f50e94f8047241188625952e3157', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: '8a49535a746e2608bb6d54224765ee876c9b43a6', class: "s-product-card-content-title" }, h("a", { key: '29567b47dccb5a41a916538a60d7caef1d60f59b', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
             h("p", { class: "s-product-card-content-subtitle" }, this.productData?.subtitle)
             : ''), this.productData?.donation && !this.minimal && !this.fullImage ?
             [h("salla-progress-bar", { donation: this.productData?.donation }), h("div", { class: "s-product-card-donation-input" }, this.productData?.donation?.can_donate ?
@@ -121,7 +121,7 @@ export class SallaProductCard {
                                 this.addBtn.donatingAmount = e.target.value;
                             }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
                     : '')]
-            : '', h("div", { key: '1228145906813f3d91f9b7e1a9c3684655963dd2', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
+            : '', h("div", { key: 'c530bac8ba02e48672deb29819e487c3eaf1c2b6', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
             h("div", { class: "s-product-card-rating" }, h("span", { innerHTML: Star }), h("span", null, this.productData.rating.stars))
             : ''), this.isSpecial && this.productData.discount_ends
             ? h("salla-count-down", { date: this.formatDate(this.productData.discount_ends), "end-of-day": true, boxed: true, labeled: true })

package/dist/collection/components/salla-product-size-guide/salla-product-size-guide.js

@@ -45,11 +45,11 @@ export class SallaProductSizeGuide {
         return h("salla-placeholder", { alignment: "center", iconSize: "xl" }, h("div", { slot: "title" }, this.placeholder_title), h("div", { slot: "description" }, this.placeholder_description));
     }
     render() {
-        return (h("salla-modal", { key: '5512c8dfd149f2120f49e5ae3b4851edbaba3b65', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '82d199e3ee7384723977476aff583ac90150af7b', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '5c181d97c0df5445b62a3631d89bf3e67b2a7094', slot: "loading" }, h("div", { key: '60da85f110e2b6d62d71f367da0180e9ba42dcab', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: 'b50732bad080b099666dd7b9d4dd22739ceebb26', height: '15px', width: '25%' }), h("div", { key: '0b1c9f76597024ba9f57d1e618d944e755997133', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '84a88c4a55dbe16b7a353d8feb858d6afa7e894d', height: '40px' }), h("salla-skeleton", { key: '74dfa42ceeff6564fedd35a441e923f5f33c2b77', height: '40px' }), h("salla-skeleton", { key: 'd8795d2d5a92c9889200d30a04fefac3d679a0a6', height: '40px' }), h("salla-skeleton", { key: '241ca66599bfc0bb2714e60b707be4951f6c7b73', height: '40px' })), h("div", { key: 'b7ba632663b30e8a427372b5314e88af58e969d0', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '3d2b702e319b8ebdabdaa458db2485efefda93f7', height: '15px', width: '25%' }), h("salla-skeleton", { key: '20882f9fd21d0348a1fdfed0076819e714d5007b', height: '10px', width: '75%' }), h("salla-skeleton", { key: 'd0f639cba922413865fbd3e8db1d019ffcfadd79', height: '10px', width: '50%' }), h("salla-skeleton", { key: 'fe106864eb39d78ef4801fcc98c6d1d89cc1bc71', height: '10px', width: '75%' }), h("salla-skeleton", { key: '36c93ceea98adbb4b4b3ea20c2c29ac4a1b06ab1', height: '10px', width: '100%' }), h("salla-skeleton", { key: '3d5d7afc3e0a5c979bc711b6a570e158e0dff6db', height: '10px', width: '25%' }), h("salla-skeleton", { key: 'e10bfdd9af6f8d217de896c2910345bc2c7d44bd', height: '10px', width: '60%' }), h("salla-skeleton", { key: '563e10663844be0ecf4587f6e9f1384e12c12287', height: '10px', width: '45%' }), h("salla-skeleton", { key: '163301e69bd103c2a20a5843aa9d9602181d8f8d', height: '10px', width: '30%' })))), h("slot", { key: 'b384ea1c6fe4076611b5d106eafa80fb7c3e1f47', name: "header" }), !this.hasError && !!this.guides ?
+        return (h("salla-modal", { key: 'df2e5102905d69bd07e1faf02330c3453676282a', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '6a97d6b0f35ba6d90772c72c4ed20d520c97b98d', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: 'babf929a6c385e2314338a1b50ef71de3fb8c8ba', slot: "loading" }, h("div", { key: '95818d8be3112f32f78d180dda347596167fd2b6', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '1bf1b7c5b5393b89d593b0a9e071ba9f8d158fbb', height: '15px', width: '25%' }), h("div", { key: 'bf4112773abdc284154ee6843b7eef4d1d94bdcc', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: 'dbbcc175879ed02058af3c998ec4b7aeefe25d60', height: '40px' }), h("salla-skeleton", { key: '0507d63b57bd4d6cae40f1b21d7e85c75c59e8ae', height: '40px' }), h("salla-skeleton", { key: '386c3d4e83233f953a41aea5092fc480bf7f2237', height: '40px' }), h("salla-skeleton", { key: 'bb5c6f5ac3bb1d1f64d353865bb70c410568d20e', height: '40px' })), h("div", { key: 'c9e0886006385022900d632349f93d531ff72ba8', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '588a847c1665a8f8808b91748028ab14ed40c54a', height: '15px', width: '25%' }), h("salla-skeleton", { key: '7ad4c78d9a968c26544847db18469e38ff61c32f', height: '10px', width: '75%' }), h("salla-skeleton", { key: 'cac7a94e1dcb21eeb721a535cb9ef3e1396d3f5b', height: '10px', width: '50%' }), h("salla-skeleton", { key: 'e753cfe0187d178e3640b4567fb5bf2107e52abe', height: '10px', width: '75%' }), h("salla-skeleton", { key: '8d4ade1d66244b5e1280f849b100ccd88edd8a8f', height: '10px', width: '100%' }), h("salla-skeleton", { key: '7ad153aecd33bbb345e03c54708878ea6803a93c', height: '10px', width: '25%' }), h("salla-skeleton", { key: 'f61c9db0c8ce1faf66ee4a40c4cba3bb8a51f131', height: '10px', width: '60%' }), h("salla-skeleton", { key: '1ab1002b8c35569eac30f58682834733e0948e7a', height: '10px', width: '45%' }), h("salla-skeleton", { key: 'a00cb2b88a9dfba2f8caa5b2e4ebf1fa82f969b4', height: '10px', width: '30%' })))), h("slot", { key: 'd4f0a35976d27416b60bc3d1e6959df8139359d5', name: "header" }), !this.hasError && !!this.guides ?
             [
                 h("salla-tabs", null, this.guides.map((guide) => h("salla-tab-header", { slot: "header", name: guide.name }, h("span", null, guide.name))), this.guides.map((guide) => h("salla-tab-content", { slot: "content", name: guide.name }, h("div", { innerHTML: guide.description }))))
             ]
-            : this.showPlaceholder(), h("slot", { key: '5edd3fe8b0890a3c7b07cc80826d555213ec74ad', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: '63d8114c56ae8ede12322792df6cb60f9111f928', name: "footer" })));
     }
     static get is() { return "salla-product-size-guide"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-products-list/salla-products-list.js

@@ -474,7 +474,8 @@ export class SallaProductsList {
         });
         // Manual scroll listener
         shouldApplyManualLoad && window.addEventListener('scroll', this.boundHandleScroll);
-        this.infiniteScroll?.on('load', async (response) => {
+        // infinite-scroll v4: (parsedBody, requestPath, fetchResponse)
+        this.infiniteScroll?.on('load', async (response, path, httpResponse) => {
             if (this.isProcessing)
                 return;
             this.isProcessing = true;
@@ -500,13 +501,43 @@ export class SallaProductsList {
             }
             catch (error) {
                 console.error('Error during load:', error);
+                try {
+                    const res = httpResponse;
+                    salla.analytics?.log('salla::products.list.fetch.error', {
+                        source: this.getSource(),
+                        nextPage: this.nextPage,
+                        pageIndex: this.infiniteScroll?.pageIndex,
+                        fetchPath: typeof path === 'string' ? path : undefined,
+                        httpStatus: res?.status,
+                        httpStatusText: res?.statusText,
+                        responseUrl: res?.url,
+                        itemsLength: Array.isArray(response?.data) ? response.data.length : undefined,
+                        responseKeys: response && typeof response === 'object' ? Object.keys(response).slice(0, 30) : undefined,
+                        errorMessage: error instanceof Error ? error.message : String(error),
+                    });
+                }
+                catch { /* analytics */ }
             }
             finally {
                 this.isProcessing = false;
             }
         });
-        this.infiniteScroll?.on('error', () => {
+        this.infiniteScroll?.on('error', (error, path, httpResponse) => {
             console.log('Error occurred during request');
+            try {
+                const res = httpResponse;
+                salla.analytics?.log('salla::products.list.fetch.error', {
+                    source: this.getSource(),
+                    nextPage: this.nextPage,
+                    pageIndex: this.infiniteScroll?.pageIndex,
+                    fetchPath: path,
+                    httpStatus: res?.status,
+                    httpStatusText: res?.statusText,
+                    responseUrl: res?.url,
+                    errorMessage: error instanceof Error ? error.message : String(error),
+                });
+            }
+            catch { /* analytics */ }
             this.status.querySelector('.s-infinite-scroll-error').classList.remove('s-hidden');
             this.placeholderLoader && this.placeholderLoader.remove();
             this.loading(false);

package/dist/collection/components/salla-quantity-input/salla-quantity-input.js

@@ -91,7 +91,7 @@ export class SallaQuantityInput {
         if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
             inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
         }
-        return (h(Host, { key: 'fe32e78fac9dba3b83957f5e476aba8c820822cd', class: "s-quantity-input" }, h("div", { key: '4279ee5b42092efc80fb8e5fb716b95f35162cbe', class: "s-quantity-input-container" }, h("button", { key: '7239d398778f75e50822a84bdce007e9dff82b53', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '9c21595e422b8af76daa4719e9924d067b749115', name: "increment-button" })), h("input", { key: '2a280bed1b32847d80895dcd3fb5b1cd2ccac991', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: 'c7ac2db9ba36b7dcb5c89884ffae4aa56dba42ce', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: 'd3a10929d440c614b7788548aa72fc3a66b63b74', name: "decrement-button" })))));
+        return (h(Host, { key: '349b3cd1d83e0451132dd5c93b93b0d70a7628bb', class: "s-quantity-input" }, h("div", { key: '4c9e950f8485c6b4558de88763208d7ee38858aa', class: "s-quantity-input-container" }, h("button", { key: 'ae21915513d6061b990d7cb62f627ca16bd9b087', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: 'd2333916fc2376f2de964ee08b51ed9a23e0885a', name: "increment-button" })), h("input", { key: 'bac1692e0d207643411ffe40fb1296735c1a1898', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: 'c121075780405d3d64ef5e0c5489e6cc43a90538', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '157ca6b862329e57aa58337b95cf9c90a2b8e1f9', name: "decrement-button" })))));
     }
     static get is() { return "salla-quantity-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-quick-buy/salla-quick-buy.js

@@ -205,7 +205,7 @@ export class SallaQuickBuy {
         });
     }
     render() {
-        return h(Host, { key: '5760621653a41e04a42beb51d982c41259250631' }, this.quickBuyButton());
+        return h(Host, { key: 'c748ae20633d0002e23a3c7295d3235b3f543245' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla?.config?.get?.('user.language_code') || 'ar', onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

package/dist/collection/components/salla-review-card/salla-review-card.js

@@ -158,7 +158,7 @@ export class SallaReviewCard {
         return (h("a", { href: this.review?.product?.url, class: "s-review-card-product-container" }, h("img", { alt: product.image?.alt || "Product", src: product.image?.url, class: "s-review-card-product-image", width: 60, height: 60, loading: "lazy", decoding: "async", draggable: false }), h("div", { class: "s-review-card-product-details" }, h("p", { class: "s-review-card-product-details-name" }, product.name), this.showPurchaseCount ? h("p", { class: "s-review-card-product-details-purchase-count" }, h("span", { innerHTML: IconFire2 }), this.purchasedCount) : null)));
     }
     render() {
-        return h("div", { key: '9a151b0ef70c1b3cdad503ecd01ea2520f112fe6', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'f20dacd0f86f72ab510b03025e7cbc671804b1d3', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '48779d52192ea137c0f04fc7155923df16a32687', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
+        return h("div", { key: 'ec2ded8609dba5e1bbd86056a6dbc9021f36a212', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'd1ee883d27ebb03c2877f2ec8d2b5fcb11eaa3e5', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '787ec1bef7fd4b2916f6b106e075ff1a87b06f81', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
     }
     static get is() { return "salla-review-card"; }
     static get originalStyleUrls() {

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

@@ -85,7 +85,7 @@ export class SallaReviews {
         });
     }
     render() {
-        return (h("div", { key: '3c5c5e820a4567aed77da08c8d39306b95488964', class: "s-reviews-container" }, h("div", { key: '876e908d6ab7387e3ab46662e6a4f543505d510e', class: "s-reviews-header-wrapper" }, h("h1", { key: 'b3cc0eb790da0152c56147ffea9939bc2de14644', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: 'f3ea6d4d3a6bc394d6f519a5ca6d6a29f8b1b597', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { key: 'cee3080ca7abbd34f5a48d2705005861941672c3', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
+        return (h("div", { key: '889f426abadef56e0bfbde908d5066945c7a8543', class: "s-reviews-container" }, h("div", { key: '2965a05ba4845b9662f473a9ebd170c57cf36451', class: "s-reviews-header-wrapper" }, h("h1", { key: 'c9a77566e31c32657b0db3adbe2a49fe0c0f65e0', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: '40dd000abc65ae509b451f19919f55972eeb6af3', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { key: 'fd32e5d7fa8b49ed07d45585d5da2acc23d0e7f2', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
     }
     static get is() { return "salla-reviews"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-reviews-page/salla-reviews-page.js

@@ -142,7 +142,7 @@ export class SallaReviewsPage {
         return options.map(option => (h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
     }
     render() {
-        return (h("host", { key: 'c949e768d14e2a1b09d9713a00e4f7e3ece8494d' }, h("div", { key: 'cba6a0f42d8c4b6ada502f11e8b23706d1b2cb02', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '954b29180f2774d19880a818206290546eb2f894', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '2ce1fbba3c90459e2abe66b079938d633d97dfc5', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: 'b76259c0e5658be0e85f3d05d4f77f2f4cf0e9e1', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '73215696da07429818a092ea0b6c77a27cadef62', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'a3155253634e0727698fc3c2a7152cb4b560439b', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
+        return (h("host", { key: '9d393d47dde31817178d398dacf0be9d1961f487' }, h("div", { key: '2109c18f3cf9ebb5769291ee88dc733e2b96759f', class: "s-reviews-page-header-wrapper" }, h("h2", { key: 'f9259ac0832ea3041a517ee3dd8dccb41a3bd903', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'f49098ca0e3f911669c610a310dbf331922e9b8a', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '739397b8f7389cfab453d435868b20be49871d6d', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '92bd0f40b758f394ca3c1604ba207653e2263bac', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'a2b42e0c18c9192a3ff33f61ca21e50355655ed4', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
                 this.wrapper = el;
             } }, this.reviews.map(review => (h("salla-review-card", { key: review.id, review: review }))))
             : h("div", { class: "s-products-list-placeholder" }, h("span", { innerHTML: ShoppingBag }), h("p", null, this.placeholderText)), this.pagination?.links?.next && this.reviews.length ? (h("div", { class: "s-reviews-page-load-more-container" }, h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => this.infiniteScroll?.loadNextPage(), onKeyUp: () => this.infiniteScroll?.loadNextPage() }, this.langLoadMore))) : null));

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

@@ -146,7 +146,7 @@ export class SallaScopees {
         return salla.onReady();
     }
     render() {
-        return (h(Host, { key: 'e56e919be3c3327068feb47172dd27fcb6d1f358' }, h("salla-modal", { key: 'b9214e22cfef954d0b3e848c7df637c7e4ef1941', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
+        return (h(Host, { key: '3b477eba55e3d9b8067b5b2e889a66a038cdfeaa' }, h("salla-modal", { key: '82aefd868b472b3f2265140845ab40eb8a2afa72', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
             h("div", { slot: "loading" }, h("div", { class: "s-scopes-skeleton" }, h("salla-list-tile", { class: "s-scopes-header" }, h("div", { slot: "icon", class: "s-scopes-header-icon" }, h("salla-skeleton", { type: "circle" })), h("div", { slot: "title", class: "s-scopes-header-title mb-5" }, h("salla-skeleton", { height: '15px', width: '50%' })), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, h("salla-skeleton", { height: '10px' }), h("salla-skeleton", { height: '10px', width: '75%' }))), h("div", { class: "s-scopes-skeleton-search" }, h("salla-skeleton", { height: '10px', width: '50%' }), h("salla-skeleton", { height: '30px', width: '100%' })), h("div", { class: "s-scopes-skeleton-scopes" }, h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' })), h("div", { class: "s-scopes-skeleton-btn" }, h("salla-skeleton", { height: '40px', width: '100%' }))))
             :
                 [h("salla-list-tile", { class: this.originalScopesList?.length ? "s-scopes-header block" : "s-hidden" }, h("div", { slot: "icon", class: "s-scopes-header-icon", innerHTML: StoreAlt }), h("div", { slot: "title", class: "s-scopes-header-title" }, salla.lang.get('blocks.scope.you_are_browse_store_from')), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, !!this.selected_scope ? this.selected_scope.name : "")), h("div", { class: "s-scopes-wrap" }, !!this.originalScopesList?.length && h("h4", { class: "s-scopes-title" }, this.getFormTitle()), this.originalScopesList?.length > this.searchDisplayLimit ?

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

@@ -127,10 +127,10 @@ export class SallaSearch {
         this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';
     }
     render() {
-        const searchContent = (h("div", { key: 'b06db6c683ddd6b7526f36f52b70bfbed233d794', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: '7b48dc54c8f9fe61917d53413218114795118624', class: "s-search-input-wrapper" }, h("span", { key: '36433d070ac04fdcb2a4b812214e4a9d3f835f8f', class: "s-search-icon-wrap" }, h("span", { key: 'ad1ecad04369bbba7bae65515b5b668e6a6c1ec1', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: 'd62e3da473498659881c8537bbe23eea17dd08ed', 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: {
+        const searchContent = (h("div", { key: '9ed37ceb9eb7ef3468b69b0f9efaecdbc071f52a', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: 'bc83f0c8cc26d23c4b26b98438666c1053300ae9', class: "s-search-input-wrapper" }, h("span", { key: '5d5537a2cd6b4deadaf6451f0f301ee609ec07b6', class: "s-search-icon-wrap" }, h("span", { key: '36151c40fe3c6e48d028980c405592947d762bcc', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '3b488e2282d93b2df22309434753ce94f4ab9b8b', 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 ? (h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search }))) : null), h("div", { key: 'fde9c1f1569fce8e93df96581baa66b4c631f1f5', class: "s-search-results" }, this.results?.data.map(product => (h("a", { href: product.url + '?from=search-bar', class: {
+            } }), this.showAction ? (h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search }))) : null), h("div", { key: 'e5310efe972f797f6b0be3cd283c531799852380', class: "s-search-results" }, this.results?.data.map(product => (h("a", { href: product.url + '?from=search-bar', class: {
                 's-search-product': true,
                 's-search-product-not-available': !product.is_available,
             }, innerHTML: this.productSlot
@@ -139,9 +139,9 @@ export class SallaSearch {
                 .replace(/\{regular_price\}/g, product.is_on_sale && product.regular_price
                 ? salla.money(product.regular_price)
                 : '')
-                .replace(/\{image\}/g, product.image.url) }))), h("p", { key: 'd28734b50e0d0454989ed9eceaa6801989f137fa', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
-        const modalContent = (h("salla-modal", { key: '750da3f95c88a25660ef8a6e8f0bce1ca925174e', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
-        const placeholderContent = (h("div", { key: 'ed56148c59e717c6d5b303ebac07bf1a24d9e077', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: '26e23154580364496230e702169029256c867d9b', class: "s-search-input-wrapper" }, h("span", { key: 'a0f9b50db5c8f4f88e508cc8381ecb73861207df', class: "s-search-icon-wrap" }, h("span", { key: '1e8524ee131c600eebbcac51c58d36744daca12b', class: "s-search-icon", innerHTML: Search })), h("button", { key: '38457f0b067d7a77acfad6fb0d991e34c0eda6b5', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
+                .replace(/\{image\}/g, product.image.url) }))), h("p", { key: 'b3ca75a3641d75a445e9b187dd7f91d0f3a053e1', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
+        const modalContent = (h("salla-modal", { key: '1bdb2348d3af824ba5b6d624f9613ed406145e5b', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
+        const placeholderContent = (h("div", { key: '90a4dd34c763e9390c8cc5caf09b0f8af67a671a', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: '2baf596e2163e42c6b1537b23297d791f76dd382', class: "s-search-input-wrapper" }, h("span", { key: '3048a62a758cb3b5a61a50f7c7e4af1fb6f013b1', class: "s-search-icon-wrap" }, h("span", { key: '3b0336f934d449c189e01c5c9072915781779280', class: "s-search-icon", innerHTML: Search })), h("button", { key: '991d1ff811b93c2700e6526efbc2948117e58669', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
                 height: this.height + 'px',
                 borderRadius: this.oval ? this.height / 2 + 'px' : '',
             } }, salla.lang.get('blocks.header.search_placeholder'))), modalContent));

package/dist/collection/components/salla-searchable-dropdown/salla-searchable-dropdown.js

@@ -172,18 +172,18 @@ export class SallaSearchableDropdown {
     render() {
         const hasSelection = this.selectedItem != null;
         const listboxId = `${this.inputId}-listbox`;
-        return (h(Host, { key: '20ebf4b42f8bb595862cddb8e187a0e568a7f441', class: "s-searchable-dropdown" }, h("div", { key: '76e4f06d8e7f936d1140cb7c6e25b06297ad22f3', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: 'f6752361bc4c7cfa8f1a67bb34027d46e0bac1e0', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: 'bc255f1c31d409e8d1d7d632561158b451117e6b', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'e1694099e37ffb36394f1114f592ac9240442cfb', class: {
+        return (h(Host, { key: 'cdb96259f3951c9e2a068e1aa170e3dd1b60331c', class: "s-searchable-dropdown" }, h("div", { key: 'e4a4523e6fc13a00b06c949080a00c217aa07b4d', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '9e8d9d1157e2236357512b74cc96622287764347', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: 'a5e66b934d13d113de8b5c033fc26d8982e52fba', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: '42ddef68f5177532a143b4569115fd5b7e006fa3', class: {
                 's-searchable-dropdown-trigger': true,
                 's-searchable-dropdown-trigger--disabled': this.disabled || this.loading,
                 's-searchable-dropdown-trigger--open': this.isOpen,
-            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: 'aed25a8ad3046651d984621e2a9b8f473f8830a5', class: {
+            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: 'd0af58c577361ea1f64bcb8e8e6bcf82f662bc71', class: {
                 'sicon-keyboard_arrow_down': true,
                 's-searchable-dropdown-trigger-icon': true,
                 's-searchable-dropdown-trigger-icon--open': this.isOpen,
-            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: '2a89c11a2e94549be786211f4284c6ae44a451d4', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: '5452d81395fdfe59925ff7d07ec7660909f5ce63', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, h("div", { key: '99a429ded15743eb160e353e398eadb98fbdffaf', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '58982ae6527a4ba06136bee2afc2d420b5e9ec14', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '953c944186a9e2ae8f55faf9014087584cb52abf', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId })), h("div", { key: '3fdd7d03aeec99976f505cf33a8775150fe520e3', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, h("div", { key: '5b7e286c7ce3128f3c0fc1a8983d524042ea66fd', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '0dde5c7d2125e8346e53a4fd42eccfc7615f5ea0', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '1c483ac2d199cbd7b086bc016878b00d51798b84', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId })), h("div", { key: 'f10f0a612008f4d0863685a238d6baefd7903a66', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
     }
     renderListContent() {
         if (this.searching || this.loading) {

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

@@ -22,7 +22,7 @@ export class SallaSkeleton {
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (h(Host, { key: 'b422224774ac8c293a22fa184f5987f427751291', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: 'a495f0c9d0c34831e5cbfba632a671dd472157b5', class: classes }, "\u00A0")));
+        return (h(Host, { key: 'f645a6a85c27f28f0f4753a21f0a635bd29b1066', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '7146a8905fd164c30ed54729e6e1d7a23b1df94e', class: classes }, "\u00A0")));
     }
     static get is() { return "salla-skeleton"; }
     static get originalStyleUrls() {

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

@@ -31,7 +31,7 @@ export class SallaSocial {
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (h(Host, { key: '3eda16ffb523669f5b698c78f3b98e5d3111b325' }, h("ul", { key: '1dca750f2be3948139fdacf7f53a1d1452ec37af', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
+        return (h(Host, { key: 'b3377f6f933a69e9b9b8d633b6825d0f7fa1f6b0' }, h("ul", { key: 'ee82940597a4a18a721415c9c192adedbcd2c67d', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
                 .replace(/\{icon\}/g, this.iconsList[link.type])
                 .replace(/\{type\}/g, link.type)
                 .replace(/\{link\}/g, link.value.toString()) })))))));

package/dist/collection/components/salla-social-share/salla-social-share.js

@@ -122,7 +122,7 @@ export class SallaSocialShare {
         window.a2a?.init('page');
     }
     render() {
-        return (h("div", { key: '244707099dffd175ac9199a3b2db60e6ccd8901f', class: "s-social-share-wrapper" }, h("slot", { key: 'f8f5939c39df206c9e655b72f2bfebdaa1518a21', name: 'widget' }, h("salla-button", { key: '7f2bdb0adc9f7d6d346c4502457751cf95e5c446', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '4d2f7b9b9ce06751a38532fef1b35fdd1ebf777d', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '62bd77e9abe9277328339dffd8b979f50e55a54f', 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 (h("div", { key: '52c1d99308e8512060d0b28bfe9e8bbe6d9e421d', class: "s-social-share-wrapper" }, h("slot", { key: '9086cdb5e2a3f1544e8711c8c9c7b166fa81cb75', name: 'widget' }, h("salla-button", { key: 'b32d67924c0fd2d75bc01d026a81cc4eea06a53e', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: 'a18db03d476a004e779ad1b7696678dc871b4c2b', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '133254b1c2a797fca7b8e0af40f397d8e8e7651f', 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 (h("li", null, h("a", { class: `a2a_button_${platform}`, "aria-label": `Share Via ${platform}` }, this.platformIcons.map((icon) => {
                 if (icon.name === platform) {
                     return h("span", { class: "s-social-share-icon", innerHTML: icon.icon });

package/dist/collection/components/salla-tabs/salla-tab-content.js

@@ -30,7 +30,7 @@ export class SallaTabContent {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: '07449e9a8c02669df01af980ab470769b22ceaae', class: classes }, h("slot", { key: 'e48efaef70082540834811f60f9a475a2cbb35ea' })));
+        return (h("div", { key: '7e434cb1ef165f74434be7a81332ac03b75b7fbf', class: classes }, h("slot", { key: 'cf6f81543421fddcd25ae6a4110101e749065e58' })));
     }
     static get is() { return "salla-tab-content"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-tabs/salla-tab-header.js

@@ -52,7 +52,7 @@ export class SallaTabHeader {
             's-tabs-active': this.isSelected,
         };
         return [
-            h("div", { key: '74998651760e992ecd7156a2c65fe03e09cfb365', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '061767388550a7d4841aeb8ad447c5c3084410cb' })),
+            h("div", { key: '83a46a1c9b08bbbfeae3db10a482a50930645e26', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '14f194bf5d1152f4fb0976a5784e00fda3504f5e' })),
         ];
     }
     static get is() { return "salla-tab-header"; }

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

@@ -50,7 +50,7 @@ export class SallaTabs {
     }
     render() {
         return [
-            h("div", { key: 'ca22c220d70aa825f10c645d3993fb72948944a9', class: "s-tabs" }, h("div", { key: '00a506e74704e76f4d2890d1201528bb17826aa1', class: "s-tabs-header" }, h("slot", { key: 'e0c0c4b621994137a83a51292667e9acf4ff39c5', name: "header" })), h("div", { key: '7fdb971d2c60ff37c130449533e3b44d8d7e3a83', class: "s-tabs-content-wrapper" }, h("slot", { key: '72160d870ba9007b5a74d09a798265cbbc387efa', name: "content" })))
+            h("div", { key: '5584079da6ec0297e1b5b0696b951d9a1e59737a', class: "s-tabs" }, h("div", { key: '7ccbf64b3dd3b8a0cc26dbac085b0a6b4fdd674b', class: "s-tabs-header" }, h("slot", { key: 'aad3107a146bb0ee7130b17ebb622fdb5cf6b1e7', name: "header" })), h("div", { key: '4f6a38f41b7788162549123fed9c8a256e3f7c94', class: "s-tabs-content-wrapper" }, h("slot", { key: '51cb020f8f95c76959c3b3f730d8763419570b43', name: "content" })))
         ];
     }
     static get is() { return "salla-tabs"; }

package/dist/collection/components/salla-tel-input/salla-tel-input.js

@@ -123,7 +123,7 @@ export class SallaTelInput {
         }
     }
     render() {
-        return (h(Host, { key: '52617befb5152051a2be9f65a96a4f2a8577e6c4', class: "s-tel-input" }, h("input", { key: '7f6e7cc0b8cde9139cfdf6fb0ba0d6efe48bcb3b', 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" }), h("span", { key: 'c5b21209ee941ae455516e3b4e9c503e8c52f3c5', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'a09cb211e141996066ade2a6e8b901696de65bb7', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: 'f9dbd104d08e371c2d948d4e2f521f180f0e9728', class: "s-tel-input" }, h("input", { key: '88d9aec228b90558b51d94efca25404603fa028b', 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" }), h("span", { key: '3e143a4a2021889e0c2dec33968ec7cf127cf635', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'bec80ffbd16d6f36a70205bcdc3dae180270be62', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initTelInput();

package/dist/collection/components/salla-tooltip/salla-tooltip.css

@@ -4,9 +4,9 @@
 }
 .s-tooltip-item {
   position: absolute;
-  transform: translateX(-39%);
-  background-color: #baf3e6;
-  color: #004d5a;
+  transform: translateX(-63%) translateY(-50%);
+  background-color: var(--color-primary);
+  color: var(--color-primary-reverse);
   bottom: 100%;
   left: 50%;
   text-align: center;
@@ -31,7 +31,7 @@
   margin-left: -5px;
   border-width: 5px;
   border-style: solid;
-  border-color: #baf3e6 transparent transparent transparent;
+  border-color: var(--color-primary) transparent transparent transparent;
 }
 .s-tooltip-item:dir(ltr) {
   transform: translateX(-72%);

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

@@ -27,7 +27,7 @@ export class SallaTooltip {
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (h("div", { key: '62b83d29f0c62d93fa493494f810a5bfbd8423bf', class: "s-tooltip-container" }, h("div", { key: '23b1760656599e63e3ce2d7ec669475f17d932fd', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
+        return (h("div", { key: 'cc5a63847902e9030444f09e503884b89911804e', class: "s-tooltip-container" }, h("div", { key: '8c468cff2093ab72b6021af8935dea9089208d06', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
     }
     static get is() { return "salla-tooltip"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-user-settings/salla-user-settings.js

@@ -56,7 +56,7 @@ export class SallaUserSettings {
         await salla.profile.delete().finally(() => this.confirmationModal.close());
     }
     render() {
-        return (h(Host, { key: 'd5cdafbb882bfac9b9604a246df93ed698577d83', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '84ab3744fec66aa61c626c377e1dc59e3a41b4d5', class: "s-user-settings-section" }, h("salla-list-tile", { key: '39494a613096611f63778fc147b01440bba9af06' }, h("div", { key: '2aa0f7582f1590d036b7f649710125bb74751c84', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '54d75c7bb262247b3e1caff46b47c6dc5e0f7b8f', innerHTML: UserCancel })), h("div", { key: '7cf196cec61f67515e4deeb9006876fb31c89fde', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'e554cd922c97cd6aeec02d637cb138f37b17cf9d', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '75af7edd3d365e8f8e9ca37dd7670b7fb58a9bbd', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '11c2829b508147cfaa7a7e58625301e1a1590980', class: "s-toggle" }, h("input", { key: '49394f1a904c2053b1dc960b2895120a8c6795d4', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '982f7ae509e335bddb9852bd147dd9963f04c1c5', class: "s-toggle-switcher" }))))), h("div", { key: '7c0276263f599160e129f77df0d2a6125aad900a', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'd248a1b634ef8639c0b39937cf9b30e673ac0d26' }, h("div", { key: '365bb3f400a96ddd434c2e902b7b280ca1805fb7', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '398a3ffea087ffbdd78639ad72fefbf8f04eb202', innerHTML: Bullhorn })), h("div", { key: 'ee0b0f8e2d2c974cf14d50677eb23d21dceed745', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '890e4bd4d13f9decd3595a95ac370f3c6fe33810', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '073fc9d0f17b70afbf1e174707075a17f471af30', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '2a3b31b294ec0f81ac476f38d457a75d45532bac', class: "s-toggle" }, h("input", { key: '78a9df7c3c4c826acf044b650021ade2c2bad054', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '8167ce78297b174eb1b55c66c03fdc394c63282d', class: "s-toggle-switcher" }))))), h("div", { key: '13ed578bab3f587daceb1a7573bb1b3881ecd57e', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '3177d1bbfaf00279b5c36f5305ae13729d5f2160' }, h("div", { key: '23b3c3b7fff5b51678e68b39aa7b4de9e54dbf21', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '4dbfb202a3419590fd9efd6585cb35f44cbb70d8', innerHTML: UserOff })), h("div", { key: '1929b9ac8930bcd7a09322b9767f5edd42488ea4', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: 'f28baf1e5a1dd05572e8d5dbc6cee4fe352eb821', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '1f315571afcac490b6e19a06b0cd3000e76c2ed3', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '5bbd31e5df4eb1339a84621616671c7e0aae0903', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '67949f4efafdcb160d2a02af3e0ae7eb1cd7edcc', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: 'a23293ebc5a46ac41375abc1ad83dbdd7b4cd2e5', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '3134591a10759a22b9a17335a0ec33e80e8a094b', class: "s-user-settings-confirmation" }, h("div", { key: 'df0b762a441326bf5ea1cc3973e5d0cc6132ba13', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '68c52e34dda9e407cc2435efbeb33b5665749f3f', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: '3f64972422ab639412b711d5ceb41ed0fb07e5e9', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '64774bd0dee3fd1f4b61b1471ba4bec8e9a1257f', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (h(Host, { key: '3b503ea1843a9fa0931a7c3478822994140f1a8d', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '5e4874063fbd5936351f92ea04b9b303c0bd49a3', class: "s-user-settings-section" }, h("salla-list-tile", { key: '6a966de44e40d51e03f1b81f9e170e8d716084e7' }, h("div", { key: '1f5f4ab2d595253304d977c34ad0b4f86c88d900', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'f93006050cd12ea0ad453c7ada465422519f0833', innerHTML: UserCancel })), h("div", { key: '7e8f6021ecf415cbbdfc5b7279b3d06370159df2', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'd4faf62bde6ef5e9ebad40058e411aa56ed14eff', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '1f285539e0627b62b0072a02c51d7134d560a733', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'fae13b1910d84447218d493745b523c40f41376f', class: "s-toggle" }, h("input", { key: '1d36c238f51814e0b201b957182109f2721a8581', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '829fd12d0b4693ccb412767594f6c4060962f027', class: "s-toggle-switcher" }))))), h("div", { key: '3eb2c9d0deacc89cba4ec04788d11e0f25724f84', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'a81db53d1ab9f8477325e279f9e54c58047f4ac2' }, h("div", { key: '8f9368d8ad52ed31872cf95a408c6ffd8da4279c', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '2d7e0c5bf9c54b657ea5ba3299cf09e3d3666e9b', innerHTML: Bullhorn })), h("div", { key: '6a6471a37d98522aa3d118fce39af89b45971b9b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '3844d2bb30e191cdd32681dd4b6601bb6b29975c', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '5eba79efdc171ab9bd0b6b10d0782a3a50d914e7', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '22a4c9433aad0060c2b61c8baa982d9634ddd9e7', class: "s-toggle" }, h("input", { key: '784dc34cdf5f539bf63f788369dcd9a83e4cddb4', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '138bf3b64ef06eb0ccc420e6774feaa5cf296c3d', class: "s-toggle-switcher" }))))), h("div", { key: '04b416e46d89a4acceb2fa17f480729751d78fa5', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: 'c5a3d7e16b97d773219c14de9f51ea6280bd5784' }, h("div", { key: '90f4db05c86c64a33ec9cc39565524a01f44ccd4', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '4cef5fd2411d81a23cc8e9bcd399d5dbd360be6c', innerHTML: UserOff })), h("div", { key: '57d16bf204b0854355368049aab0b45d398da6fc', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '596c8d4c165f2bd71f5c70ec984aa86252841493', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: 'c5912d000eaa947223013fc562e0a3607bb0c6d5', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '9501681d074dc16fbe82c2ded6bc73bb045715e7', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '34ebc1adaabccbc44f5f742305c087c2916d310a', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '8e3c8f4bccc605051d092ea0f507808157faacc8', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '0e9cfb8c990bf86cf846d25e8f17c8823212a651', class: "s-user-settings-confirmation" }, h("div", { key: '672ab4c5689ff9fa0a2af07d3ddcc77f8babd7ce', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '65f5e0eaeab3b4f28998dc84e2ba225fac44c294', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: '7f19101736ff2e2e1ad932cbd84e01ab19520d9b', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '80a161ac2fbe61d9ba1f0999f6a055aa378f05bd', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
     static get is() { return "salla-user-settings"; }
     static get originalStyleUrls() {