@salla.sa/twilight-components 2.14.313 → 2.14.338

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, a as getElement } from './index-CRmtzwUF.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 
 const sallaAdvertisementCss = ":host{display:block}";

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CRmtzwUF.js';
 
 const sallaAppInstallAlertCss = ":host{display:block}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CRmtzwUF.js';
 
 const sallaAppsIconsCss = ":host{display:block}";
 
@@ -9,7 +9,7 @@ const SallaAppsIcons = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.apps = salla.config.get('store.apps');
-        this.appSlot = this.host.querySelector('[slot="app"]')?.innerHTML || `<img alt={name} src={icon} />`;
+        this.appSlot = this.host.querySelector('[slot="app"]')?.innerHTML || `<img alt={name} src={icon} width="135" height="40" />`;
         salla.onReady(() => {
             this.apps = salla.config.get('store.apps');
         });

package/dist/esm/salla-cart-item-offers.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-CtDnNMoY.js';
+import { r as registerInstance, h } from './index-CRmtzwUF.js';
 import { S as SpecialDiscountIcon, A as ArrowDownIcon } from './special-discount-yRO-ZESF.js';
 import { G as GiftIcon } from './gift-C0JNGIpa.js';
 

package/dist/esm/salla-conditional-offer.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, H as Host } from './index-CRmtzwUF.js';
 
 var DiscountType;
 (function (DiscountType) {

package/dist/esm/salla-contacts.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CRmtzwUF.js';
 import { w as whatsapp } from './whatsapp2-DWksgowB.js';
 import { M as MailIcon } from './mail-DmgxDvXL.js';
 

package/dist/esm/salla-custom-fields.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h } from './index-CtDnNMoY.js';
+import { r as registerInstance, c as createEvent, h } from './index-CRmtzwUF.js';
 import { C as CameraIcon, F as FormFieldTypes } from './interfaces-CBT_Nxny.js';
 
 const sallaCustomFieldsCss = ":host{display:block}";

package/dist/esm/salla-filters-widget.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CtDnNMoY.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CRmtzwUF.js';
 import { H as Helper } from './Helper-Bt5Zv9cl.js';
 import { F as FilterOptionTypes } from './interfaces-DL4h2bc3.js';
 import './anime.es-CgtvEd63.js';
@@ -12,16 +12,21 @@ const SallaFiltersWidget = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.changed = createEvent(this, "changed");
-        this.initHeight = 195;
+        this.initialItemCount = 10; // Show 10 items initially
+        this.expandedItemCount = 15; // Show 15 items when expanded
+        this.calculatedInitialHeight = 0; // Calculated based on actual content
+        this.calculatedExpandedHeight = 0; // Calculated based on actual content
         this.isOpen = true;
         this.isShowMore = false;
         this.showMoreLabel = "عرض المزيد";
         this.showLessLabel = "عرض أقل";
         this.page = salla.config.get('page');
+        this.searchQuery = '';
+        this.filteredCount = 0; // Track filtered results count
     }
     connectedCallback() {
-        //lets be smart and don't show 5 and more link for 8 options
-        this.withLoadMore = this.option.key != 'price' && Array.isArray(this.option.values) && this.option.values.length > 8;
+        // Show "Show More" button if there are more than 10 items
+        this.withLoadMore = this.option.key != 'price' && Array.isArray(this.option.values) && this.option.values.length > this.initialItemCount;
         salla.onReady(() => {
             this.page = salla.config.get('page');
         });
@@ -31,8 +36,25 @@ const SallaFiltersWidget = class {
         });
     }
     componentDidLoad() {
-        this.widgetValues.scrollHeight < this.initHeight && (this.withLoadMore = false);
-        (this.withLoadMore && this.widgetValues) && (this.widgetValues.style.maxHeight = `${this.initHeight}px`);
+        // Use fixed height per item for predictable calculations
+        // Each item is approximately 20px, so we calculate based on item count
+        const itemHeight = 20; // Fixed height per item
+        const paddingPerItem = 15; // Additional padding per item for margins/spacing
+        const allItems = this.widgetValues.querySelectorAll('.s-filters-label');
+        if (allItems.length > 0) {
+            const itemsToMeasure = Math.min(this.initialItemCount, allItems.length);
+            // Calculate initial height: (items × height) + (items × padding)
+            this.calculatedInitialHeight = this.initialItemCount * (itemHeight + paddingPerItem);
+            // Calculate expanded height based on first 15 items
+            if (allItems.length > this.initialItemCount) {
+                this.calculatedExpandedHeight = this.expandedItemCount * (itemHeight + paddingPerItem);
+            }
+            else {
+                this.calculatedExpandedHeight = itemsToMeasure * (itemHeight + paddingPerItem);
+            }
+        }
+        this.widgetValues.scrollHeight < this.calculatedInitialHeight && (this.withLoadMore = false);
+        (this.withLoadMore && this.widgetValues) && (this.widgetValues.style.maxHeight = `${this.calculatedInitialHeight}px`);
         this.widgetContent.style.height = `${this.widgetContent.scrollHeight}px`;
     }
     /**
@@ -74,10 +96,21 @@ const SallaFiltersWidget = class {
     async showMore() {
         this.isShowMore = !this.isShowMore;
         this.widgetContent.style.height = 'auto';
-        this.widgetValues.style.maxHeight = this.isShowMore ? `${this.widgetValues.scrollHeight}px` : `${this.initHeight}px`;
+        // Reset scroll position to top when collapsing to prevent content cutting
+        if (!this.isShowMore) {
+            this.widgetValues.scrollTop = 0;
+        }
+        // Use calculated heights based on actual content
+        const maxHeight = this.isShowMore ? this.calculatedExpandedHeight : this.calculatedInitialHeight;
+        // Calculate actual item count
+        const actualCount = this.searchQuery ? this.filteredCount : (Array.isArray(this.option.values) ? this.option.values.length : 0);
+        // When showing more: expand to 15 items height with scrollbar for items beyond 15
+        // When showing less: collapse to 10 items height
+        this.widgetValues.style.maxHeight = `${maxHeight}px`;
+        this.widgetValues.style.overflowY = this.isShowMore && actualCount > this.expandedItemCount ? 'auto' : 'hidden';
         setTimeout(() => {
             this.widgetContent.style.height = `${this.widgetContent.scrollHeight}px`;
-        }, 400); // get height after time of collapse animtion (duration-300)
+        }, 400); // get height after time of collapse animation (duration-300)
     }
     /**
      * Action to toggle widget open or closed (expand/ collapse).
@@ -91,7 +124,22 @@ const SallaFiltersWidget = class {
             return '';
         }
         //@ts-ignore
-        return option.values.map((filterOption, index) => {
+        const filteredValues = option.values.filter((filterOption) => {
+            if (!this.searchQuery)
+                return true;
+            const label = typeof filterOption === 'number'
+                ? String(filterOption)
+                : (filterOption?.value || filterOption?.key || '');
+            return String(label).toLowerCase().includes(this.searchQuery.toLowerCase());
+        });
+        // Update filtered count for show more button logic
+        this.filteredCount = filteredValues.length;
+        // Show empty state if no results
+        if (filteredValues.length === 0) {
+            return (h("div", { class: "s-filters-widget-empty-state" }, salla.lang.get('common.elements.no_options') || 'لا توجد نتائج'));
+        }
+        //@ts-ignore
+        return filteredValues.map((filterOption, index) => {
             let value = typeof filterOption == 'number' ? filterOption : (filterOption.key || filterOption.value);
             return h("label", { class: "s-filters-label", htmlFor: `${option.key}-option-${value}`, key: `${option.key}-option-${value}` }, h("input", { id: `${option.key}-option-${value}`, name: option.key, type: "radio", checked: this.isSelectedOption(option, value), class: `s-filters-radio`, onChange: event => this.changed.emit({ event, option, value }) }), this.getOptionLabel(option, filterOption));
         });
@@ -121,12 +169,12 @@ const SallaFiltersWidget = class {
         return h("span", { class: "s-filters-option-name" }, label);
     }
     render() {
-        return (h(Host, { key: 'e22c4c9c5f69bd901a55c3b9c202e6cca14c1134', class: "s-filters-widget-container" }, h("h3", { key: '758d6ddbff83b5416d1ef06ef790535587403613', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: '77e0b8b00a6bed4d396142bd13ba83964e3a72d8' }, this.option.label), h("span", { key: '481bbf3735b6a9fe629ec99004556bca0bbf7dd9', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: 'a46631d62460351d6822a09ad864c51753aa7369', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, h("div", { key: 'fb5095c46cef0014859bc3d8acaf8a2661afa916', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: 'b4ac615c765b88a027675e095d5da28ad7cd8845' }), this.option.type !== FilterOptionTypes.RANGE
+        return (h(Host, { key: '077daba99bcd27c940a4e4efaf1bfee325952b9f', class: "s-filters-widget-container" }, h("h3", { key: '2ad33389bea9078357d8feabda3d1d813cc57887', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: '8084e6e7032fde8a71c962db8025a17e22a0e017' }, this.option.label), h("span", { key: '56fa918f5391b3cfe6e58ffff2a5178515c49679', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: '6935232082047b6147f24c332d48f0b8e6b028ba', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (h("div", { key: '1dc3c9aa881bcc2998d6460b296e92fb9dbeccc9', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, h("input", { key: '296e9b6356ec5f646ecb7e255e79f9302b73b94a', type: "text", class: "s-filters-widget-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder') || 'بحث...', value: this.searchQuery, onInput: (e) => this.searchQuery = e.target.value }))), h("div", { key: 'de9f573e83242f244a0f700e95913ce5701aba6c', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: 'af9a5e720b01c69a5da1f9fa0c5e24fd811f7606' }), this.option.type !== FilterOptionTypes.RANGE
             ? this.renderFilterOption(this.option)
             : h("salla-price-range", { onChanged: (event) => {
                     this.changed.emit(event.detail);
-                }, ref: price => this.priceRange = price, filtersData: this.filtersData, option: this.option })), this.withLoadMore &&
-            h("a", { key: '9b3a08a990949130531810792dccb24192b57e46', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
+                }, ref: price => this.priceRange = price, filtersData: this.filtersData, option: this.option })), this.withLoadMore && (!this.searchQuery || this.filteredCount > this.initialItemCount) &&
+            h("a", { key: '0d849529f9fe7d9543f63cc3a035850ec5578b2c', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/salla-filters.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CtDnNMoY.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CRmtzwUF.js';
 import { F as FilterOptionTypes } from './interfaces-DL4h2bc3.js';
 import { H as Helper } from './Helper-Bt5Zv9cl.js';
 import './anime.es-CgtvEd63.js';

package/dist/esm/salla-hook.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CRmtzwUF.js';
 
 const SallaHook = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const SallaHook = class {
         this.host.before(element);
     }
     render() {
-        return h(Host, { key: '5de94398442e83d4bfeb5ad88c5c2a5855e4089b' });
+        return h(Host, { key: '189812f50392c4713c5d178b7ca17934b6407eac' });
     }
     async componentDidLoad() {
         // Register this component for hooks system, already on it logic to run componentDidLoad trigger

package/dist/esm/salla-installment.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CRmtzwUF.js';
 
 const sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:flex;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}";
 

package/dist/esm/salla-loyalty-prize-item.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CtDnNMoY.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CRmtzwUF.js';
 
 const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
 
@@ -14,7 +14,7 @@ const SallaLoyaltyPrizeItem = class {
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (h(Host, { key: '9b3837b35a38a39bde86ada09bbe7d1a43f669f4' }, h("div", { key: 'd3c4e77c5dea2060b2dc0f88dba36d08a3234779', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '1219be8bbc9212da5b0392a6ac35c0c502cb1564', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '61ac2fcbcd5ae3038b3a09ee81555f31ebd4c073', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: 'aa504c58b738528d1545cccd2ca1c2a3f4af0f32', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '01763afbcbfd305186adabd75bd2798306a446f6', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " Points"))));
+        return (h(Host, { key: '6aad4c3c2052fc29cb04aafc307831ae92c9caf7' }, h("div", { key: 'aec0459249272685c12b451dce725857d514dcc9', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '0bd6790bdb8f8e0c2f630801b370564d2b2f0ee4', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '5f96c2b7b091b943044f1765d205dd4315227b56', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: 'd1124db21faf13b3275064b63f54f4119ff62f54', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: 'fb6ca5f5d7994721c3ab36729a1cf07b494ac91a', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " Points"))));
     }
 };
 SallaLoyaltyPrizeItem.style = sallaLoyaltyPrizeItemCss;

package/dist/esm/salla-loyalty-program.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, H as Host } from './index-CRmtzwUF.js';
 import { G as GiftIcon } from './gift-C0JNGIpa.js';
 
 const sallaLoyaltyProgramCss = "";
@@ -76,7 +76,7 @@ const SallaWalletTable = class {
         }
     }
     render() {
-        return (h(Host, { key: '60058b3edce7eec8a25e43d5e776b9689cb32666' }, h("div", { key: 'f904faad01b7bc3ee8b9c344724d6b04085aa4d1' }, this.isLoadingLoyalty ? (h("salla-loading", null)) : (h("div", null, this.loyaltyPointsArray.length > 0 ? (h("div", null, h("table", { class: "s-loyalty-program-table" }, h("thead", { class: "s-loyalty-program-table-head" }, h("tr", { class: "s-loyalty-program-table-head-tr" }, h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.note')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.status')))), h("tbody", { class: "s-loyalty-program-table-tbody" }, this.loyaltyPointsArray.map(point => (h("tr", { class: "s-loyalty-program-table-tbody-tr" }, h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, point?.type === 'plus' ? '+' : '', point?.points || '', " ", salla.lang.get('pages.loyalty_program.point')), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate(point?.created_at ? Number(point.created_at) * 1000 : undefined)), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate(point?.points_expire_date)), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point?.key)), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point?.status_key))))))), h("div", { class: "s-infinite-scroll-wrapper" }, !!this.nextPageUrlLoyalty && (h("salla-button", { onClick: this.handleClick, loading: this.isLoadingLoyalty }, salla.lang.get('common.elements.load_more')))))) : (h("div", null, h("div", { class: "s-loyalty-program-table-empty-state" }, h("span", { innerHTML: GiftIcon }), h("div", { class: "s-loyalty-program-table-placeholder-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_title')), h("div", { class: "s-loyalty-program-table-placeholder-sub-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_sub_title'))))))))));
+        return (h(Host, { key: '9beb3c0146ba1e0d5dc1c60a09c7d38af391bdc6' }, h("div", { key: 'a6ce757cb30de9b2e4d2c7e224b62452b9ce26e9' }, this.isLoadingLoyalty ? (h("salla-loading", null)) : (h("div", null, this.loyaltyPointsArray.length > 0 ? (h("div", null, h("table", { class: "s-loyalty-program-table" }, h("thead", { class: "s-loyalty-program-table-head" }, h("tr", { class: "s-loyalty-program-table-head-tr" }, h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.note')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.status')))), h("tbody", { class: "s-loyalty-program-table-tbody" }, this.loyaltyPointsArray.map(point => (h("tr", { class: "s-loyalty-program-table-tbody-tr" }, h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, point?.type === 'plus' ? '+' : '', point?.points || '', " ", salla.lang.get('pages.loyalty_program.point')), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate(point?.created_at ? Number(point.created_at) * 1000 : undefined)), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate(point?.points_expire_date)), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point?.key)), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point?.status_key))))))), h("div", { class: "s-infinite-scroll-wrapper" }, !!this.nextPageUrlLoyalty && (h("salla-button", { onClick: this.handleClick, loading: this.isLoadingLoyalty }, salla.lang.get('common.elements.load_more')))))) : (h("div", null, h("div", { class: "s-loyalty-program-table-empty-state" }, h("span", { innerHTML: GiftIcon }), h("div", { class: "s-loyalty-program-table-placeholder-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_title')), h("div", { class: "s-loyalty-program-table-placeholder-sub-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_sub_title'))))))))));
     }
 };
 SallaWalletTable.style = sallaLoyaltyProgramCss;

package/dist/esm/salla-metadata.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CRmtzwUF.js';
 
 const sallaMetadataCss = "";
 

package/dist/esm/salla-notification-item.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-CtDnNMoY.js';
+import { r as registerInstance, h } from './index-CRmtzwUF.js';
 
 const sallaNotificationsCss = "";
 
@@ -10,7 +10,7 @@ const SallaNotificationItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("a", { key: '01a97a5dea78c7cadb2a3d2e464f0e400c265680', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: '5857067e654505895ded37980371f04d0341fe5e', class: "s-notifications-item-icon" }, h("i", { key: '5882307587321e99438b2a44e39110a03d77c1b5', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: 'f9b74d99b63dbc1f837ac4b7ee3b52feb680b6a4', class: "s-notifications-item-content" }, h("div", { key: 'b00690095380797b1b6477f217d2ae6dfec8f78c', class: "s-notifications-item-content-leading" }, h("h4", { key: '30528ff5728c1a8f7776ec096c9eb6225b0d4992' }, this.notification.title), h("p", { key: '35501991354b4123ee28df0c52f9eb30596e77bf' }, this.notification.sub_title)), h("span", { key: 'f905ce93aca773e9503219f7f2264aa0fa83c42e', class: "s-notifications-item-content-trailing" }, h("i", { key: '1157ce0b35bdf20b3ed979dff44174282909c62c', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: 'a093a5e58f5d0455b9055d6c6e59483835294d96' }, this.notification.date))));
+        return h("a", { key: '3eebe833efbc8110fe1c4cdd8f2f19cb9af5c0a4', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: 'a7aa7033c2ec4d5dee948ffb417ca8ca02b4f73f', class: "s-notifications-item-icon" }, h("i", { key: 'c7fbc7610abb1d98b30789daa11663cb354ba407', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '61abbf927872b32b7036c7c2dfc71814c6348ecc', class: "s-notifications-item-content" }, h("div", { key: '01412cc63786c56cfaa342de3dfc381649e8db22', class: "s-notifications-item-content-leading" }, h("h4", { key: '9b32ebdf75c612df75feead00340bba8ff4b520a' }, this.notification.title), h("p", { key: 'd04f93b82e384845cd62c931bc48a0093541746d' }, this.notification.sub_title)), h("span", { key: '20ff569fdf0e473add87a30c96f5af018949508b', class: "s-notifications-item-content-trailing" }, h("i", { key: '1b24f570a592d7bc840b9ad447a8414bd1bccce9', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: '379990c2b53929d6c14ee2ef4049e35de255fe27' }, this.notification.date))));
     }
 };
 SallaNotificationItem.style = sallaNotificationsCss;

package/dist/esm/salla-notifications.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, a as getElement } from './index-CRmtzwUF.js';
 import { H as Helper } from './Helper-Bt5Zv9cl.js';
 import './anime.es-CgtvEd63.js';
 

package/dist/esm/salla-offer.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, a as getElement } from './index-CRmtzwUF.js';
 
 var PageType;
 (function (PageType) {

package/dist/esm/salla-order-details-multiple-bundle-product.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, H as Host } from './index-CRmtzwUF.js';
 
 const sallaOrderDetailsMultipleBundleProductCss = "";
 
@@ -60,7 +60,7 @@ const SallaproductDetailsMultipleBundleProduct = class {
             return null;
         }
         const collapsibleState = this.shouldBeCollapsible();
-        return (h(Host, { class: "s-order-details-bundle-wrapper" }, h("salla-accordion", { key: this.getAccordionKey(), collapsed: false, bordered: true, collapsible: collapsibleState, id: this.getAccordionId(), size: "sm" }, h("salla-accordion-head", null, h("div", { class: "s-order-details-product" }, h("div", { class: "s-order-details-product-content" }, h("div", { class: "s-order-details-product-info" }, h("div", { class: "s-order-details-product-image" }, h("img", { src: this.getProductImage(), alt: this.getProductImageAlt() })), h("div", { class: "s-order-details-product-details" }, h("a", { href: this.productDetails?.url || '#', class: "s-order-details-product-name" }, this.productDetails?.name || ''), this.renderProductPrice(), this.productDetails?.quantity && (h("span", { class: "s-order-details-product-quantity" }, "\u00D7", this.productDetails.quantity))))))), this.renderOptions())));
+        return (h(Host, { class: "s-order-details-bundle-wrapper" }, h("salla-accordion", { key: this.getAccordionKey(), collapsed: false, bordered: true, collapsible: collapsibleState, id: this.getAccordionId(), size: "sm" }, h("salla-accordion-head", null, h("div", { class: "s-order-details-product" }, h("div", { class: "s-order-details-product-content" }, h("div", { class: "s-order-details-product-info" }, h("div", { class: "s-order-details-product-image" }, h("img", { src: this.getProductImage(), alt: this.getProductImageAlt() })), h("div", { class: "s-order-details-product-details" }, h("a", { href: this.productDetails?.url || '#', class: "s-order-details-product-name" }, this.productDetails?.name || ''), this.productDetails?.quantity && (h("span", { class: "s-order-details-product-quantity" }, "\u00D7", this.productDetails.quantity))))))), this.renderOptions())));
     }
 };
 SallaproductDetailsMultipleBundleProduct.style = sallaOrderDetailsMultipleBundleProductCss;

package/dist/esm/salla-order-details-options.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, H as Host } from './index-CRmtzwUF.js';
 
 var copyIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/esm/salla-order-details.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, F as Fragment, H as Host } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, F as Fragment, H as Host } from './index-CRmtzwUF.js';
 
 const sallaOrderDetailsCss = "";
 
@@ -37,7 +37,7 @@ const SallaOrderDetails = class {
         ];
     }
     render() {
-        return h(Host, { key: '7762b382f1b85dc173cbaec4f34ad44c1c3c69b4', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
+        return h(Host, { key: '7ae1f566d2594d047e2a9a6a9bed860aa3896ccc', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
     }
     static get watchers() { return {
         "orderDetails": ["parseOrderDetailsData"]

package/dist/esm/salla-order-summary.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-CtDnNMoY.js';
+import { r as registerInstance, h } from './index-CRmtzwUF.js';
 import { I as IconVerified } from './check-uTyAzPSy.js';
 
 var iconFileArchive = `<!-- Generated by IcoMoon.io -->
@@ -90,7 +90,7 @@ const SallaOrderSummary = class {
         this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
     }
     render() {
-        return (h("ul", { key: '73517845599d844ea76750fb25320cc54330a9ee', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
+        return (h("ul", { key: 'ca710705a5f99c2442a5fdd25a29ff7202343723', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
             this.order_items.map((item) => (this.isDigitalCard(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, h("p", null, h("span", { innerHTML: iconCreditCard }), h("span", null, code.code)), h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, h("span", { innerHTML: this.codeCopied === code.code ? IconVerified : iconCopy }), h("span", null, this.copy_text))))))) :
                 this.isDigitalProduct(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), h("ul", null, item.files.map((file) => (h("li", { class: "s-order-summary-digital-item-wrapper" }, h("div", null, h("span", { innerHTML: iconFileArchive }), h("span", null, file.name)), h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, h("span", { innerHTML: iconDownload }), h("span", null, this.download_text)))))))) : null))));
     }

package/dist/esm/salla-order-totals-card.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, H as Host } from './index-CRmtzwUF.js';
 
 const sallaOrderTotalsCardCss = ":host{display:block}";
 

package/dist/esm/salla-orders.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, a as getElement } from './index-CRmtzwUF.js';
 import { H as Helper } from './Helper-Bt5Zv9cl.js';
 import './anime.es-CgtvEd63.js';
 

package/dist/esm/salla-payments.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CRmtzwUF.js';
 
 const sallaPaymentsCss = ":host{display:block}";
 
@@ -35,12 +35,12 @@ const SallaPayments = class {
     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: '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" ?
+        return (h(Host, { key: '171f3100fd67a51ad678cfdf648ff69c64c2a3a1', class: "s-payments-list-wrap" }, h("ul", { key: 'e6f55f5a6b1670d1f2c270cf4316c90ff5353a08', class: "s-payments-list" }, madeInKSA && h("li", { key: '42bd30418212c78184ccc22a449d724cc82df46b', class: "s-payments-list-item" }, h("img", { key: '8affc4db8a1fd708197a00dceba7f31759b7febd', 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: '597680bf9805e0b0b95ac2869f2b1f59d802c81c', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: 'a0b88ee6a9c0378bc2946ab5506747ba0ff4ff12', 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/esm/salla-price-range.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CtDnNMoY.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CRmtzwUF.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->
@@ -157,9 +157,9 @@ const SallaPriceRange = class {
         this.maxPrice = value === undefined ? '' : value;
     }
     render() {
-        return (h(Host, { key: '87802abc47826d8c894595c1c42e41c14f296aad' }, this.filterValues.map((filterValue, index) => {
+        return (h(Host, { key: '38e861565eba32f7905401f18c4ca56af7a12c99' }, 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: '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 })))))));
+        }), h("div", { key: '0d36c5e34fa0aeffc82cb6d43069d568c7f60e27', class: "flex justify-center items-center" }, h("div", { key: '92d12aec4ad4cafe4cc234697a2b8da941d79e2f', class: "relative max-w-xl w-full" }, h("div", { key: '1cc8f2de52169095a130d386f0670c802508ba35', class: "s-price-range-inputs" }, h("div", { key: '509a518a8de8177101805a4c81fd5f7a53007960', class: "s-price-range-relative" }, h("div", { key: 'b0cf4876758e86e676e850c3d2ac8610536892c0', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '00b6a1d73249153329b376eaf871d6be830d2d40', 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: '5517e97d2cb19bf2791c190b7803bc415394a3f6', class: "s-price-range-gray-text" }, " -"), h("div", { key: '182a0cfae1c328e60116e6537872a7dc5ffab563', class: "s-price-range-relative" }, h("div", { key: '6f936938df035b95288a683eeceb4f7962b1e0ac', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '5e143013b6ad7537a042c6801f581bf0cfa62b94', 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: '5ac9d08136618280814266d1108c042b1aac6822', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: '03795b3bf5881e5a39f8272c867bdbad049d203d', innerHTML: this.isRTL ? arrowLeft : arrowRight })))))));
     }
     componentDidLoad() {
         this.isReady = true;

package/dist/esm/salla-review-card.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, a as getElement } from './index-CRmtzwUF.js';
 import { I as IconVerified } from './check-uTyAzPSy.js';
 
 var IconStar2 = ` <svg width="18" height="17" view-box="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -171,7 +171,7 @@ const SallaReviewCard = class {
         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: '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()));
+        return h("div", { key: '251b76f2f2935ab7be248f589badaebe0f297cb2', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: '2621097a4115e278b1b99d46b6be22341a7ea064', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: 'cd641970280867954f431fc3a2812080ebe32bd9', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/salla-reviews-page.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { e as require_root, f as requireIsObject, i as requireIsSymbol, d as getDefaultExportFromCjs, r as registerInstance, h, a as getElement } from './index-CtDnNMoY.js';
+import { e as require_root, f as requireIsObject, i as requireIsSymbol, d as getDefaultExportFromCjs, r as registerInstance, h, a as getElement } from './index-CRmtzwUF.js';
 import { S as ShoppingBag } from './shopping-bag-DiKTtDW5.js';
 import { H as Helper } from './Helper-Bt5Zv9cl.js';
 import './anime.es-CgtvEd63.js';
@@ -681,7 +681,7 @@ const SallaReviewsPage = class {
         return options.map(option => (h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
     }
     render() {
-        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 => {
+        return (h("host", { key: '5e3b4042e6412dd2fdef3d776d4204c731df6c80' }, h("div", { key: 'a9daf869bac109b7c627c9fd8fd7c84cd4dd2965', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '01cd6892650d8288003d79b4c12e82c4693e1cb6', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '935329858a3cc699da6fb6fb8c8515348ded9eb4', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: 'e74312403c6dc7625c0c2090e6627a8a6b5fca9b', class: "s-reviews-page-filter-wrapper" }, h("label", { key: 'bf51576936b030ee59836861b03fa3b06471ed1f', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '72f09a679c5f42b08f55b908f67f3d3627b3a50c', 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/esm/salla-reviews.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-CtDnNMoY.js';
+import { r as registerInstance, h } from './index-CRmtzwUF.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 import { H as Helper } from './Helper-Bt5Zv9cl.js';
 import './anime.es-CgtvEd63.js';
@@ -96,7 +96,7 @@ const SallaReviews = class {
         });
     }
     render() {
-        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: arrowLeft }))) : 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 }))))))))));
+        return (h("div", { key: 'aa4937182950d1b0fbcb67aa577d6fb3c413af79', class: "s-reviews-container" }, h("div", { key: 'dbfb22a037c29a0bf88b73481aa8ea4988ef819a', class: "s-reviews-header-wrapper" }, h("h1", { key: '7b874af56f8933777942d829d1311cd0854e5a12', 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: arrowLeft }))) : null), h("salla-slider", { key: '0050aac87a3aadc858aa352ba7ac82158bb586de', 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: '7d1801d35aeba19fa913609202128b6866ca7118', 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 }))))))))));
     }
 };
 SallaReviews.style = sallaReviewsCss;

package/dist/esm/salla-social.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CtDnNMoY.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CRmtzwUF.js';
 import { f as facebook, t as twitter } from './twitter-Dz7o69vX.js';
 
 var instagram = `<!-- Generated by IcoMoon.io -->
@@ -55,7 +55,7 @@ const SallaSocial = class {
     }
     render() {
         const linksArray = this.getLinksArray();
-        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
+        return (h(Host, { key: 'a0bcd60fddd2fd8e86f32cd71d484ec76d02cf49' }, h("ul", { key: 'b595d8de59199de5081370b9440c8a46cb8c751f', 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()) })))))));