npm - @salla.sa/twilight-components - Versions diffs - 2.14.311 → 2.14.312 - Mend

@salla.sa/twilight-components 2.14.311 → 2.14.312

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (225) hide show

package/dist/collection/components/salla-payments/salla-payments.js CHANGED Viewed

@@ -36,12 +36,12 @@ export class SallaPayments {
     render() {
         const madeInKSA = !this.exclude.includes('made-in-ksa') && salla.config.get('store.settings.made_in_ksa');
         const sbcId = this.exclude.includes('sbc') ? null : salla.config.get('store.settings.certificate.id');
-        return (h(Host, { key: '8276f249b8d93b9bffbe2c41f19c0ae1c9dd38e3', class: "s-payments-list-wrap" }, h("ul", { key: 'e224c241d5a9a80addf788741b582e5ce50361be', class: "s-payments-list" }, madeInKSA && h("li", { key: '5402987d68874ad1b51b44fb2ded39f95ab076bc', class: "s-payments-list-item" }, h("img", { key: '8d8cb75b6b3b4975e23b4c12586844a1fdd32a5c', class: "lazy", width: "100%", height: "100%", decoding: "async", loading: "lazy", "data-src": salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
+        return (h(Host, { key: 'be30237a0a518e15c7513b9bef2581a3eb860d88', class: "s-payments-list-wrap" }, h("ul", { key: 'db19823900a8ed216248cd90dc87f7b9d1aaeff0', class: "s-payments-list" }, madeInKSA && h("li", { key: '004aa6ddb3c32d499d3a7cf2d113014dbb9052c2', class: "s-payments-list-item" }, h("img", { key: '1e799631c32c92c7de9c8883999222d8b93ca08b', class: "lazy", width: "100%", height: "100%", decoding: "async", loading: "lazy", "data-src": salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
             h("div", { id: "cod-slot", innerHTML: this.codSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 58, 58)) }) :
             h("div", { id: "payment-slot", innerHTML: this.paymentSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/${payment}_mini.png`, 58, 58))
-                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: 'b4fb77e93619190b04b265198f8ccced369b85e5', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: '597680bf9805e0b0b95ac2869f2b1f59d802c81c', id: "sbc-slot", innerHTML: this.sbcSlot
                 .replace(/\{image\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))
                 .replace(/\{link\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`) }))));
     }

package/dist/collection/components/salla-placeholder/salla-placeholder.js CHANGED Viewed

@@ -35,7 +35,7 @@ export class SallaPlaceholder {
         };
     }
     render() {
-        return (h(Host, { key: '547b7d65011d9c7bd6e6869f5696a25f43ecf097', class: this.alignmentClass() }, h("div", { key: '1de300f1452db30b4f01d9faaff0e65082405816', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '051acd85460d00197e8a262fb5ce1392568fed44', class: "s-placeholder-title" }, h("slot", { key: '6ce6ce968005423d9da909a10a394baf2f216d5d', name: 'title' }, h("span", { key: 'f5a25392b23919df87830a30cbee430a3c9bf4c8' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '29cb81f664c1d55d8d5e6d625b0252113ca438b8', class: "s-placeholder-description" }, h("slot", { key: 'bf16d9d8ddfc1c3674ce8068f1bb8016b819d0ba', name: 'description' }, h("span", { key: '07ec33e7aaf36b729adbc9f3f401e287fe18035c' }, salla.lang.get('common.errors.empty_results'))))));
+        return (h(Host, { key: '0afff2490cf356f9d186c8a057c360cba1ff12f4', class: this.alignmentClass() }, h("div", { key: '26bcb2fad3db4a59ac152938ef8af92f7ec4711f', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: 'c54ea123915f1a754539b8f27ce4517caa913624', class: "s-placeholder-title" }, h("slot", { key: '3bf84aee6bb36e791277c7375a520b7aa1e627e2', name: 'title' }, h("span", { key: '8d5690cc966a43f25b6b4353573dbedefb42d3a7' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '050d6c66c9f692b4f57987f40079dca3e0275dda', class: "s-placeholder-description" }, h("slot", { key: '9dfc09558c3ab64880199963265d373cbe485a42', name: 'description' }, h("span", { key: '5aa46516c9f9c48c8541c70804297642cd9c0128' }, salla.lang.get('common.errors.empty_results'))))));
     }
     static get is() { return "salla-placeholder"; }
     static get originalStyleUrls() {

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

@@ -146,9 +146,9 @@ export class SallaPriceRange {
         this.maxPrice = value === undefined ? '' : value;
     }
     render() {
-        return (h(Host, { key: '552a7f89180b1888c75f59f62eec181a2368121a' }, this.filterValues.map((filterValue, index) => {
+        return (h(Host, { key: '87802abc47826d8c894595c1c42e41c14f296aad' }, 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: '312f58873bb27b320bfb007b4166069dd4878c5e', class: "flex justify-center items-center" }, h("div", { key: 'f224028f07314f9b072879981df3854047cad91a', class: "relative max-w-xl w-full" }, h("div", { key: '4bd29b84e2c93ff56ce17d239c7630f161b9de06', class: "s-price-range-inputs" }, h("div", { key: '17e1c8f73ed6c1d22e4bd7d23ebdb16d4b69ad68', class: "s-price-range-relative" }, h("div", { key: 'fd73e14ee31d8fbcc149e0af6089a6b902eb824c', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '2f5fc23ef544b3c4c6a7135246a069bfc9b2abac', 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: 'd671109259f5ce6c206e9a3c7cf74ad53aa69966', class: "s-price-range-gray-text" }, " -"), h("div", { key: 'cea2f1d4a0d56adced021a8ca5d17ced39bbf18d', class: "s-price-range-relative" }, h("div", { key: 'c7fe13448b4d73a10f57729ac3f07928d37bd2ec', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '5c2791c4618717f48e31d46012774a42347b9eaf', 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: '4decec6d9296d73f5263df95fde23d739e04538f', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: '2149837cfc2b0723bcf9b1593badc23c8a6e4a14', innerHTML: this.isRTL ? arrowLeft : arrowRight })))))));
+        }), h("div", { key: 'e4f96616db838236f40cf08b8c0a5763a9502af8', class: "flex justify-center items-center" }, h("div", { key: 'd1c0b9f86da2e32e3f69134d93234a83372baed8', class: "relative max-w-xl w-full" }, h("div", { key: '51169d0608317b624ed7d1580d922d3c18d9b6d5', class: "s-price-range-inputs" }, h("div", { key: '200e7bdaa0e8951db362f25658dcd14c016743e6', class: "s-price-range-relative" }, h("div", { key: 'bff83fb66d14d6e0970961e6b69a259f8e47470a', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '6b14a18dbb4d2aaed423351925162928c43fb80f', 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: 'b8d960a7674e741e735ff8ebc36403cf1963023b', class: "s-price-range-gray-text" }, " -"), h("div", { key: '125b5a2fd8cf3516e38a83d15e00b22eaa9dcac1', class: "s-price-range-relative" }, h("div", { key: '48b2f422f581ddf0d77395bf6b2dbc895cd68532', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '3cc20e9c069c1e0701d9e9ac0dc08ee3f6453b9e', 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: 'ca39e9fda9d0174fe8c6f0635ef53756b74e2a20', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: 'a8a7a66f368352b048a5e8f1dcdb337a075b3a7a', innerHTML: this.isRTL ? arrowLeft : arrowRight })))))));
     }
     componentDidLoad() {
         this.isReady = true;

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

@@ -131,7 +131,7 @@ export class SallaProductAvailability {
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (h(Host, { key: '94979dc80347804a72904cb54f917070e0476489', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
+        return (h(Host, { key: 'b2874946fa09ff790fbeb3bdd143cca505542c7f', 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 CHANGED Viewed

@@ -91,14 +91,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: '55d26993163d8a0f02afb90bcd2e4775c0917377', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: 'e43d1bc58fa8108fd9472ca4887fab659a3eeccc', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '73d9499d8d61f834aa95278f061c9c891c1d590a', ...hrefProp }, h("img", { key: 'be4520c090a16a81078615d6a62affd507da6dd0', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
+        return (h(Host, { key: '1ba722ea589409d9f1e87bf80fb264c39ff3407d', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: '4135a9d0ae731d5afd212f827268fc28fdfc4371', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '16205494a9694e206e7c641928b39d0908f0e5f8', ...hrefProp }, h("img", { key: '96240283880488f6a24ae907dc941af3faff2cdd', 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: '577b58ab0434c3b473ce2de3f28dc3e8b1c03f99', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
-            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) }, h("span", { innerHTML: Heart })) : ''), h("div", { key: '1593d8c5336cc43e2aa1ba8d5ca7931b67fd9d46', 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: '16de8b85fe8a6be739a8c237a9b87e793440e543', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
+            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) }, h("span", { innerHTML: Heart })) : ''), h("div", { key: 'd9f6ee716826fedad7bb2fa278aec7c671f9d054', 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: 'a0605f788b05342c259e3f2ad87c8cf48f6d88ee', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'fce73d249c7a0a82bd395d291716c5b96e6b4a5a', class: "s-product-card-content-title" }, h("a", { key: '8610e37c9d8cb8cbb74578ae1fa9da3d59852d48', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
+            : '', h("div", { key: '80c860822eec4ab94d6a4044eebd7b421422c6ce', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'b8637cb5b9bdf4122e1dcde796acca11fa5d529e', class: "s-product-card-content-title" }, h("a", { key: '7463a7dda95db7177e01755731ec1e1396b52fa6', ...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 ?
@@ -107,7 +107,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: '1d1f7f7eaa467b059f6776d1e6f15d981edd0106', 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: '1f0c75f85dccf881d067b615d5adb6c3ce48dda3', 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 CHANGED Viewed

@@ -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: 'e1a4f46c6b2a3b9d06b2cd439a29dae3d3df1e2b', 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: '921988dcf15f88a4382244a710117a30466e51ec', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '7a74a5995882d1d597e3e3ca6594248e03225be9', slot: "loading" }, h("div", { key: 'c08eaeb646f503f14b1a6bc9e0132970b09c154c', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: 'b0319b0ac90388145e1db879571680eea3742722', height: '15px', width: '25%' }), h("div", { key: '4cb3620675a3f6ef49a33e35113fbac468578034', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '7413b92d0b53d179876bf9938f546819d190b01f', height: '40px' }), h("salla-skeleton", { key: 'd4f211c5548045bb4faea5e1e832c784cc85d2d0', height: '40px' }), h("salla-skeleton", { key: '23cb9409fb9f4863e233fdbe86a7ddd89761e7ed', height: '40px' }), h("salla-skeleton", { key: '93f027dbf97b43bcffae29ebfdf5c15c7fa012bf', height: '40px' })), h("div", { key: '494ca32976d92c800c5be8e44f26cb972f8cf1e0', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '9889791d8bba3e58c6315e5d76b6536ef14ac29d', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'e607037bbcab29681ffe47424b9566fcf32e7a58', height: '10px', width: '75%' }), h("salla-skeleton", { key: '9eedac50c162985e5c49b6e5b56c4ad86e86c5a6', height: '10px', width: '50%' }), h("salla-skeleton", { key: '9b189d240da2d519a4b0586bb827fd79d9021e3e', height: '10px', width: '75%' }), h("salla-skeleton", { key: 'b9341d1249c837d8b8a71b1c9c8793521c49808d', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'c57270b467abbdae57a1a1389b4df6853b2de586', height: '10px', width: '25%' }), h("salla-skeleton", { key: 'e0d9e3646ffbd28ccf5c93fa99bb294b93f597e7', height: '10px', width: '60%' }), h("salla-skeleton", { key: '20bed29a322cfe01caf9b2c1c49c0d6b2be7afc5', height: '10px', width: '45%' }), h("salla-skeleton", { key: '132d3aee12bad2b3b84b769742c758854498a5b1', height: '10px', width: '30%' })))), h("slot", { key: '008b024c1d8daea0b17f184eda43eaab3d72069a', name: "header" }), !this.hasError && !!this.guides ?
+        return (h("salla-modal", { key: '384f363c957c3df3ee65334136f7d0ef09ce36fc', 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: '0c049828fbf3eae9156f24d6ef30b5b823bfd2c1', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '8166846ab7611d50796bce6d208f6978f5c1c088', slot: "loading" }, h("div", { key: '6feaa9186dfd939b36d05c5f337c8784fc644480', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '921e7520d9a90e751222c18716bfb39a865b4b46', height: '15px', width: '25%' }), h("div", { key: '1ecb6eb9a1728656ddfe699cf376737dd7b72357', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '9d8c11db7b515db9b4c341c90211882803a58e9c', height: '40px' }), h("salla-skeleton", { key: 'e91f8003b99e1126e5254a729d62542e032f4e99', height: '40px' }), h("salla-skeleton", { key: 'e6d30569c9d87bc0e9e273df13fb2d57d5bd3716', height: '40px' }), h("salla-skeleton", { key: '112765ae4bc7e1a41377e67523737049b8234e8d', height: '40px' })), h("div", { key: '2248ed8073b05ccea031742a498e1dc3bb3178e3', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '7d5929af223435e8f43362f78b277bbd0e0d9479', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'cd4eab828a3e625ab3a8f16f6199861035c1fe49', height: '10px', width: '75%' }), h("salla-skeleton", { key: '83c1a6ed44dc352dfb7e29e41f82b4f6043b0695', height: '10px', width: '50%' }), h("salla-skeleton", { key: 'f9c4005b5b2dbf50ec29506ccbf13fee6642fffa', height: '10px', width: '75%' }), h("salla-skeleton", { key: 'fed1a272411d0d092c9d384962e0d1dcfb10ca40', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'a8933a1796a4993431fce91f9f471310aeca3a77', height: '10px', width: '25%' }), h("salla-skeleton", { key: '79a1e76732a2aff6245fd860940c37ea7e1a1b2b', height: '10px', width: '60%' }), h("salla-skeleton", { key: '19cf1175e01bb2e88e8253c5389d137d00441d77', height: '10px', width: '45%' }), h("salla-skeleton", { key: '919c1fe25c1d87a986560d915e1684ce041c3b41', height: '10px', width: '30%' })))), h("slot", { key: '583482193b8fbc5305b3f17e2a4b5ac432d02914', 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: '6aedc0d9ac633fe98c6475d2375d59ef761cc64e', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: 'd6ad0d235f1bb604cdef6a8e092b80eb09e5c447', name: "footer" })));
     }
     static get is() { return "salla-product-size-guide"; }
     static get originalStyleUrls() {

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

@@ -80,7 +80,7 @@ export class SallaQuantityInput {
         return this.host;
     }
     render() {
-        return (h(Host, { key: '38d9902bc9bec3bca5f00d171bd39e86270e8c48', class: "s-quantity-input" }, h("div", { key: '20cb75636c55b09705a7a95857bc98d37b56e94c', class: "s-quantity-input-container" }, h("button", { key: '59077c6462c02124fde23a180766fa130d9ceb92', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button" }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '741be510b7b82a323be7a75d077bdb2e06dc4995', name: "increment-button" })), h("input", { key: '7d482864cf0e66d0d74c335f2b7e72302adaea47', class: "s-quantity-input-input", ...this.getInputAttributes(), ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", value: this.quantity }), h("button", { key: '9a1458df4fecee23827801e9b3e463e86f47d497', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button" }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '3b5fabbb5a3792608921ee14b45bc48f4068d21c', name: "decrement-button" })))));
+        return (h(Host, { key: '28affdf05857418dae49033176368c0d94adb689', class: "s-quantity-input" }, h("div", { key: 'be40a888c3c22ff958e8c32691ad881d9d4b6fd5', class: "s-quantity-input-container" }, h("button", { key: '50149c259fb29239c685568b15320f11d6c278bd', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button" }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: 'c8e0e34aa674924fd5163cea734891d865ce22d0', name: "increment-button" })), h("input", { key: '778309d2e7e4c47fefecdcb0b2d56373eb120511', class: "s-quantity-input-input", ...this.getInputAttributes(), ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", value: this.quantity }), h("button", { key: '8827f979a0606757f904c9d92c42b86940bda956', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button" }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '2d3bd8ae0cd13042dfc88314d6f4dfad751d004d', name: "decrement-button" })))));
     }
     static get is() { return "salla-quantity-input"; }
     static get originalStyleUrls() {

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

@@ -184,7 +184,7 @@ export class SallaQuickBuy {
         });
     }
     render() {
-        return h(Host, { key: 'e6440de17b7c8185dbd0636d0c009a04014ae215' }, this.quickBuyButton());
+        return h(Host, { key: '0d36f47ae833aca9cd0b70490eb7092d8d430e24' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return 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 });

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

@@ -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: '8c2e3500d7844c43e455e707c460a842995eda13', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: '1b5cb3b515118ab578d2f64202e33ff2a67b3e89', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '784abce956a5ee45aa0d90b5bd5427c2658bcf2c', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
+        return h("div", { key: '57b8602cde06bc2846839c094cdfeb1f92780a2b', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'b2688bb378d07c71a77d5df33dc24f6a20430345', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '1e9b07be77c6705a2bfeb5ca52ddb27c78823082', 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 CHANGED Viewed

@@ -85,7 +85,7 @@ export class SallaReviews {
         });
     }
     render() {
-        return (h("div", { key: 'cd537a18970b0dbcbd7272145453489cd4b57014', class: "s-reviews-container" }, h("div", { key: 'df93737239fdfb1fd39b97cb639905a75b753b3c', class: "s-reviews-header-wrapper" }, h("h1", { key: 'efbab9a495a79dbc8885179e59d0ef33892d7f9a', 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: '8b34c933c08bf5158de5896a3b11906cec804888', 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: '6eba8881d661a3a516dc8561bd3e45a25e6dbd5c', 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: '739e117f33d9f071215068317af037bc00c989c8', class: "s-reviews-container" }, h("div", { key: '995ab49861aeaf2acb6358e5cd746d7891175554', class: "s-reviews-header-wrapper" }, h("h1", { key: 'd2e4f0938ad61c64f8709dc05124887e4602a7be', 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: '9eb679a2bcb336db54987e1cf52e25845e3da3c6', 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: 'b0d5f0336b5b7f5c3f0992b141d4e92ba6fbc38b', 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 CHANGED Viewed

@@ -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: '6d478caef9753d4aaf9ab1a5376961b748ec2088' }, h("div", { key: 'f84c127d660cba0890ba110b4d203e50fc1f2d8d', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '6c48e1343deaba4531987aefcc5888fc1e0d77ac', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'fa9b923d592752b108da63efdf3167b118be65d0', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '52d0dd32e981721eb2529ed5d65769b078ad7538', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '0f7fe49f3ac27db63d8992efa2c3c04b3b19367d', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '497563e494b7141c5a64dddc8cf4a202efba3776', 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: '15a205e6f8aa688b4b2a38bc990bc9c6800b7ef6' }, h("div", { key: '3ad7666bdae456b056e450143f4112987b59a0aa', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '75b2e6b66ac8690505dcc21739beb82449eb176d', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '3984e8157aed8909a529c603a2004688ceb10a1d', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '2dbfe5c5922b7ecabbdc9468cfe2af3a52a01bd0', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '6ab3f0f16f585267755b02a3de92fbda73b767b9', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'c282ada5d6c15d97a85148b6bc9eceb97eac1277', 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 CHANGED Viewed

@@ -146,7 +146,7 @@ export class SallaScopees {
         return salla.onReady();
     }
     render() {
-        return (h(Host, { key: 'eb070775cb835b58f2ca5d38d1b47c0e4c1efa8b' }, h("salla-modal", { key: 'a9ef86c5a4bc3db4353047163ce1cb794ca84345', 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: 'c9e89e9452e6227472d007e01bcb84f3e8662b31' }, h("salla-modal", { key: '9f3bde0125dec95840a9df1c1ae7730f291acc6f', 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 CHANGED Viewed

@@ -121,12 +121,12 @@ export class SallaSearch {
         this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';
     }
     render() {
-        const searchContent = h("div", { key: '64b8dccb734fee6d08cec74f87d7fb8486f0da00', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container }, h("div", { key: 'aef0ccb76aebff05b167dfe05a95ae19daa383ec', class: "s-search-input-wrapper" }, h("span", { key: 'ac7cb6699f2c6b09fb9da9e57cfe8e724c29e358', class: "s-search-icon-wrap" }, h("span", { key: '68f7207dafca4f6a337c2629338f84f29ccec3ef', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: 'e182fff8d2f4d98cea7fd0a4c22b5fab5cff7dd2', 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: 'a72889d16dc8949b3a42375f4377cda74f8de01a', 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
+        const searchContent = h("div", { key: '87730f3e2b289256978be308b6c89e7c6442fe90', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container }, h("div", { key: '45cbe1c5c33aee61a41108c8a3d988f5148db9c9', class: "s-search-input-wrapper" }, h("span", { key: '804b1374b1d382a994329f966194b28b02cdaf67', class: "s-search-icon-wrap" }, h("span", { key: '750df807146faed676ecb89157d5c9c85b835e22', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '3a1c7f98c40dff3d62f70d5e82f2c3d82436d29d', 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: '52327f5d989f66c2d56574b88ca91c4397b9ef28', 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
                 .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) })), h("p", { key: '63ae4b78f510b2a013813a544b240ac0cc7a8c69', ref: el => this.noResults = el, class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options'))));
+                .replace(/\{image\}/g, product.image.url) })), h("p", { key: '0a6c1a9fd26eb21e94a23d1b4a12ad159e3321c7', ref: el => this.noResults = el, class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options'))));
         return (this.inline ?
             h("div", { class: "s-search-modal" }, searchContent)
             :

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

@@ -22,7 +22,7 @@ export class SallaSkeleton {
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (h(Host, { key: '64e0a58754b26fcca6cbc93d636c1c4d4f895a53', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '1e19620023d4dfc07d343e47bd2a0126db3f034a', class: classes }, "\u00A0")));
+        return (h(Host, { key: '30502d1578371d865a0e18585d2c6a8943862d2e', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '9888e6790e33749ef8b9e5f0e0dbdbb12c202169', class: classes }, "\u00A0")));
     }
     static get is() { return "salla-skeleton"; }
     static get originalStyleUrls() {

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

@@ -507,7 +507,7 @@ export class SallaSlider {
         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 (h(Host, { key: 'f252a63bd425f788d31328179372fa365385a85c', class: 's-slider-wrapper ' + classes }, this.blockTitle || this.showControls ?
+        return (h(Host, { key: '5f395e1022170d4e3c7d73868c107c240cd3e859', class: 's-slider-wrapper ' + classes }, this.blockTitle || this.showControls ?
             h("div", { class: "s-slider-block__title" }, this.blockTitle ?
                 h("div", { class: "s-slider-block__title-right" }, h("h2", null, this.blockTitle), this.blockSubtitle ? h("p", { innerHTML: this.blockSubtitle }) : '')
                 : '', h("div", { class: "s-slider-block__title-left" }, this.displayAllUrl ?
@@ -515,7 +515,7 @@ export class SallaSlider {
                 : '', this.showControls ?
                 h("div", { class: "s-slider-block__title-nav", dir: "rtl" }, h("button", { "aria-label": "Previous Slide", class: "s-slider-prev s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowRightIcon : ArrowLeftIcon })), h("button", { "aria-label": "Next Slide", class: "s-slider-next s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowLeftIcon : ArrowRightIcon })))
                 : ''))
-            : '', h("div", { key: 'e84fedf7c982d9c15a2b43631123ae42ecf98ab8', class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : this.direction }, h("slot", { key: 'b91356832a6d5e19134073400f19046c3372b403' }), h("div", { key: '21d21f8ec73eb27016a199272e4193456e2e3823', class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, h("slot", { key: 'e18cdeba693a383a75523836c761f33bbc5e115e', name: 'items' })), this.pagination ? h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' && this.hasThumbSlot ? h("div", { class: "s-slider-thumbs" }, h("div", { class: "swiper s-slider-thumbs-container", dir: this.getThumbsDirection(), ref: el => this.thumbsSliderContainer = el }, h("div", { class: { "s-slider-swiper-wrapper swiper-wrapper": true, "s-slider-grid-thumbs": this.gridThumbs }, ref: el => this.thumbsSliderWrapper = el }, h("slot", { name: "thumbs" })), this.showThumbsControls ?
+            : '', h("div", { key: '6fe1748e02836b39f80c55871e3f62d94cf1402c', class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : this.direction }, h("slot", { key: 'bcb56faea40964993d0fce7355aab7b59d722f02' }), h("div", { key: '030ab812826807417b743659f1bf33aa534bd585', class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, h("slot", { key: 'a5e25081d9b27f188f818b3cfe9b973fabc7e256', name: 'items' })), this.pagination ? h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' && this.hasThumbSlot ? h("div", { class: "s-slider-thumbs" }, h("div", { class: "swiper s-slider-thumbs-container", dir: this.getThumbsDirection(), ref: el => this.thumbsSliderContainer = el }, h("div", { class: { "s-slider-swiper-wrapper swiper-wrapper": true, "s-slider-grid-thumbs": this.gridThumbs }, ref: el => this.thumbsSliderWrapper = el }, h("slot", { name: "thumbs" })), this.showThumbsControls ?
             h("div", { class: "s-slider-thumbs-nav", dir: "rtl" }, h("button", { "aria-label": "Previous Slide", class: "s-slider-thumbs-prev s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowRightIcon : ArrowLeftIcon })), h("button", { "aria-label": "Next Slide", class: "s-slider-thumbs-next s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowLeftIcon : ArrowRightIcon })))
             : null))
             : null));

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

@@ -31,7 +31,7 @@ export class SallaSocial {
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (h(Host, { key: '8fb321cff071698640111ac5fccfb1fc8e130298' }, h("ul", { key: 'f00ef1d6ff429614000aba2af50514ea6f27a2f1', 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: 'ae314660ceb6b6619fda1c95ee9ebc9eb8b56e49' }, h("ul", { key: 'a1ffb8cdcdd6cacd98c76ae6e003e45919075c41', 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 CHANGED Viewed

@@ -119,7 +119,7 @@ export class SallaSocialShare {
         window.a2a?.init('page');
     }
     render() {
-        return (h("div", { key: 'dcba2bc3344b69f395379ac57b849d02013cd778', class: "s-social-share-wrapper" }, h("slot", { key: 'ce23f2263042bd09d1233570739756d8aa133145', name: 'widget' }, h("salla-button", { key: 'f76f0c7af4c6f717634575efae944e11fc5403d7', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: 'b6c190caf3f9ab6dbf930e62caed60f0c5cb6a39', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '5eee0092e3596e384690b3ab3f2fb74a0fc22e66', 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: '0cc4ce871482b02588ae793d581b452c074ae292', class: "s-social-share-wrapper" }, h("slot", { key: 'b953d89a698d4c1801ef99831a9f29432f23f0f7', name: 'widget' }, h("salla-button", { key: 'f152f0839aa50406a5bac84298e580e6c51ca749', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '2e424400e4253f36824338c825bf9762fada793c', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '38b3c21e35746e90d00d2fa14107cb66ab5b6eb4', 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 CHANGED Viewed

@@ -30,7 +30,7 @@ export class SallaTabContent {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: '9e1a20d0877a9c3ca6b376fe22bfb52e93c8f873', class: classes }, h("slot", { key: 'f5b0593c4c9b8d808901ca79e3c6fd28c2a64f36' })));
+        return (h("div", { key: '5514145160fbb89b7a1eec0263c8ae164399da05', class: classes }, h("slot", { key: 'd6a6e6e2245f7225e6f40f700d00b3fe8a3f0f31' })));
     }
     static get is() { return "salla-tab-content"; }
     static get originalStyleUrls() {

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

@@ -52,7 +52,7 @@ export class SallaTabHeader {
             's-tabs-active': this.isSelected,
         };
         return [
-            h("div", { key: '7e9e75c995226ca1b23a9a185c8be46206362b61', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '6ed7bf434cf6b1af235e2251f6d3f385cbbbcf0b' })),
+            h("div", { key: 'e5789e9c370c6ad2bcda924605ff41bbf222cb33', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'b0f31634fd70d3a46d6dca7f7a951be1bdbf6569' })),
         ];
     }
     static get is() { return "salla-tab-header"; }

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

@@ -50,7 +50,7 @@ export class SallaTabs {
     }
     render() {
         return [
-            h("div", { key: 'a82184132426d8d221c31160f48f129b0cb43a0f', class: "s-tabs" }, h("div", { key: '199285e8eef1f8e825b174af3b6df06ffe1ffc6e', class: "s-tabs-header" }, h("slot", { key: '80f789aa0dec2dc44c15f269bb554a63e325c7be', name: "header" })), h("div", { key: '1c4fec4e20bab0302fd04a29ebfb2f2bb93380d0', class: "s-tabs-content-wrapper" }, h("slot", { key: '491f2f5149acac667b3036fba9b92cf1fa027fc8', name: "content" })))
+            h("div", { key: '663a81a31e6b49c72d8ba27706037846385a5048', class: "s-tabs" }, h("div", { key: 'd58fb40e9afe024d274d9779d3bca68dcc1cb22f', class: "s-tabs-header" }, h("slot", { key: '513bbd3091f24dd9f8cb7a1f6750a8fe75d79bb1', name: "header" })), h("div", { key: 'daeb6318f0e10c1676a0c2b82e68af9e109397d9', class: "s-tabs-content-wrapper" }, h("slot", { key: '39b4e0ee8592d6c77007f61bb9a80043d20b3a72', name: "content" })))
         ];
     }
     static get is() { return "salla-tabs"; }

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

@@ -123,7 +123,7 @@ export class SallaTelInput {
         }
     }
     render() {
-        return (h(Host, { key: 'f16ad5846d12d5ecef7b30e3409cd57be9bb9763', class: "s-tel-input" }, h("input", { key: '08a876233bba3f7878bb9dc9668f60fd16d04903', 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: 'f02fa5d196bb959f6a281fa0dc9ff2c352b97e88', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'fd0f6dcf6aba98356f7be85422918ff745dc2078', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: 'c1970701aebf32650bec6072f4c5494a7b443c79', class: "s-tel-input" }, h("input", { key: '9774b0740d214eb72f3da4ebd10f119ac4c47d89', 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: '9f159c42e3f9c8c0dba6205ba13d6de1f4462109', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'a9c5b9c2aba8b5b35378481686ec9b6783fb101b', 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.js CHANGED Viewed

@@ -22,7 +22,7 @@ export class SallaTooltip {
         this.targetElement = document.getElementById(this.targetId);
     }
     render() {
-        return (h("div", { key: '46f7eb1a696cc4716525911f374a04bab58c9593', class: "s-tooltip-container" }, h("slot", { key: '9e24df4e71a0dac31d5d6b5f9991c14f7e2c6f3c' }), this.show && h("div", { key: 'bc359c1b14e02f1206fe26a62d0cd4ad1b5eb3ed', class: "s-tooltip-item" }, this.text)));
+        return (h("div", { key: '1de8b4c05780d978edc217c9de5421607290b34a', class: "s-tooltip-container" }, h("slot", { key: '633882a65d997d2d3ef0fb8ce050eda1b6444df3' }), this.show && h("div", { key: 'd74010440f5a2cc3b373d4311f6d26fe6c46b593', class: "s-tooltip-item" }, this.text)));
     }
     static get is() { return "salla-tooltip"; }
     static get originalStyleUrls() {

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

@@ -56,7 +56,7 @@ export class SallaUserSettings {
         await salla.profile.delete().finally(() => this.confirmationModal.close());
     }
     render() {
-        return (h(Host, { key: '33752e10e70ffbf01efb75b31d4849edef0a22ca', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '93d51db7a7034bd47afa1743046e7ed1f723f60c', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'a5a516cd1fae2a592ce52d9eb4d406116b961d54' }, h("div", { key: '84810dc0921a67f0506796fef48e4e0bdd6065ac', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '6e9ec2538288787753b39b9eab5e73085fd77af2', innerHTML: UserCancel })), h("div", { key: 'ea4b1e3a1a7f0335041e6bf6f1ee17bf7c10df8d', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '05c29800a9f48ec42a8681e44e65c347b635c02e', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '14a925b8253d160fc13ba73eedc8dbc8cb950f89', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'cdf006b150c126d25ae01254f142bad8a20dd553', class: "s-toggle" }, h("input", { key: 'd22dbe40daf8ba763b24d3456161ac24b4d59ec3', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '73831affe4a191d6cc2c7eb3ea360a01f0287eee', class: "s-toggle-switcher" }))))), h("div", { key: '891e04a67ad6d20da94947e8cfa2d6edf9c7bb84', class: "s-user-settings-section" }, h("salla-list-tile", { key: '206fe63e42899c9a8c7efffabd6feb49b6bcb917' }, h("div", { key: '5d93ddd0678238418b4edd4e59352fea431a1ca3', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'f58c73c740186085c5091139dad0270c18e96759', innerHTML: Bullhorn })), h("div", { key: 'b6cf780f0cfe38a6fb5dc63cb2d4857f4b909c58', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '8e8a6d47fffa6b833b4047054d22faffac042936', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '2599fbfb496b0a9ce58e6c8dea53a8535cac5204', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '0fbcb6ff94aeef953750fb8f8d22ece4b75c99b1', class: "s-toggle" }, h("input", { key: '859c64fd37986ce5615bfeaacf22cfeb4aff9c6c', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: 'e1f46d025760d058516036757b47c847bef54600', class: "s-toggle-switcher" }))))), h("div", { key: 'fee3c156efc03e2b7c3306f1399a862d7f42bfbb', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '494c6b20eff0df5c1733c649b6383735589550d8' }, h("div", { key: '33f6dda6763b824e08071055bae7a993e54d82d7', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'fb7a0899c926b2be7b4ea03e8079c0f755a3a724', innerHTML: UserOff })), h("div", { key: '91a27cfb2b9e19bbb1fdedbac04cac60f783fa8a', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: 'fa780dd1c2a71d180eaaeec517e3195add641011', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: 'fe97d9c07fd65ae7469551cf9d0ae4451167943e', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'c656e8800d73c813d4e00c6078ed3c53a1ce788f', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: 'fa19e38a8ba2de3571045be2072097477e9ca797', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '0d4eced0174ed3c4f13fddd61b711cd9d73dac47', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '38be1edb34805de488c648e8312807e2d49a6733', class: "s-user-settings-confirmation" }, h("div", { key: '949a75940d5065c4bd412e49ebc18fc9f3d39c21', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '09403f1c85cc9bbc941dcd04bfa88b99aa0ac7c6', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'ccb531ffa8af9e47e758b591b9d98d980a498611', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '9783256bdabfab9dcb0452580748d4efd2ca0f88', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (h(Host, { key: 'ec0a4acb9df3401db99cec16067f6bd942a13dac', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: 'e2326b1cf07a71b6153cf308cbc6576603750238', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'dfb2108ffb91585ed13fbd57dd022be26caba564' }, h("div", { key: '5c409c117bab9442aa80d9a76e781e0494c74eae', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '5f361b8df7d36ae67c2538e420332cf2cd35dcad', innerHTML: UserCancel })), h("div", { key: '11efad0c8c14f372c6377b419545151f10468d06', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '7eb0871e5bbc9b1d93fa2531665ea71a86abe909', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '2c3458300fcd6e77c3ee6ac793e7e48a0973c19a', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '21ce7928f15d6e366dc0ff9741f1e335551221e3', class: "s-toggle" }, h("input", { key: 'd2795c7b04b4a88d86f7df40eb0b8a4c91d67e26', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '3a5f79277e6001a46daa62ddc3a1b7fe1e90aba0', class: "s-toggle-switcher" }))))), h("div", { key: '3c4dbc2b6246bad36014b2a546fcbb601cf492db', class: "s-user-settings-section" }, h("salla-list-tile", { key: '9aa2588f75f13249cd4f3afb8754c7e83cfd99dc' }, h("div", { key: '46676cb5c9252c00a964d0a7d9e65c8b6307d0c0', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '512c9be252b70f029c39da90a4253a86e28600a1', innerHTML: Bullhorn })), h("div", { key: '3765c432fbf079214bcd79ae247e8b8a04c7bdff', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'c5f16f46d894631182f1266efc3b5835a75fc100', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '3d8d2440fc51853efbdfbe97968d14a770a96e46', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '6d6d4d80b2d81fc99460e8b895afbbe2ceee674c', class: "s-toggle" }, h("input", { key: '1be1bc0d9fab3d1829e3aea336bfabef0ec46936', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '1f2a00f621a5521b378e4c059d13a778277b66d0', class: "s-toggle-switcher" }))))), h("div", { key: '45f7184fecc12b058d27dbc698a486661dbd246f', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '7b8d46aae51b3a416bca566e8f0bb328f2544bf2' }, h("div", { key: '914cdf3d0ee608988ebade460a39d41e303a6b95', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'a9fad1f10f2eef6c617130bbf48054f1945ff307', innerHTML: UserOff })), h("div", { key: 'f6e0e1735fa46b2b5a759858d8c24ffee917c6c6', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '71b84f766856ad6844805cfaf6146717bcae36ff', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: 'f2ae2cfaba59e1c745b96722076ec30600984925', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '5bf8bb39df0caab3b4ad77381799814632c65599', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '6b11f4737f2db50c1856583d56454bf77fbb11b1', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '00116a316bf222ec493951b4ada7ccd26044d3fe', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: 'dfb25cd0a4d95581fe9ea6b0f2524fcac32d3a53', class: "s-user-settings-confirmation" }, h("div", { key: '113dab7cf24bf0d66823a77ccb60c9f7f1513090', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: 'b0316ad64a4b449d0cc4ec04e7aaaf9286caeb53', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'd0d97ccdd2ce6450f485043afaab0c08f2ef694d', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '772f3dca599f001e508e460f59a0b06deff94fbd', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
     static get is() { return "salla-user-settings"; }
     static get originalStyleUrls() {