@salla.sa/twilight-components 2.14.312 → 2.14.338

package/dist/components/salla-apps-icons.js

@@ -10,7 +10,7 @@ const SallaAppsIcons$1 = /*@__PURE__*/ proxyCustomElement(class SallaAppsIcons e
         super();
         this.__registerHost();
         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/components/salla-button2.js

@@ -9,7 +9,6 @@ const SallaButton = /*@__PURE__*/ proxyCustomElement(class SallaButton extends H
     constructor() {
         super();
         this.__registerHost();
-        this.hostAttributes = {};
         /**
          * Button Type
          */
@@ -97,23 +96,40 @@ const SallaButton = /*@__PURE__*/ proxyCustomElement(class SallaButton extends H
         return this.host;
     }
     getBtnAttributes() {
+        const hostAttributes = {};
         for (let i = 0; i < this.host.attributes.length; i++) {
             if (!['color', 'fill', 'size', 'width', 'id'].includes(this.host.attributes[i].name)) {
-                this.hostAttributes[this.host.attributes[i].name] = this.host.attributes[i].value;
+                hostAttributes[this.host.attributes[i].name] = this.host.attributes[i].value;
             }
         }
-        this.hostAttributes.type = this.hostAttributes.type || this.type;
-        this.hostAttributes.class +=
+        hostAttributes.type = hostAttributes.type || this.type;
+        const buttonClass = hostAttributes.class || '';
+        hostAttributes.class = buttonClass +
             ' s-button-element s-button-' + this.shape
-                + ' s-button-' + (this.fill == "none" ? 'fill-none' : this.fill)
-                + (this.size != "medium" ? ' s-button-' + this.size : '')
-                + (this.width != "normal" ? ' s-button-' + this.width : '')
-                + (this.shape == "link" ? ' s-button-' + this.color + '-link' : '')
-                + (this.shape != "link" && this.fill != 'outline' ? ' s-button-' + this.color : '')
-                + (this.fill == 'outline' ? ' s-button-' + this.color + '-outline' : '')
-                + (this.disabled ? ' s-button-disabled ' : '')
-                + (this.shape == 'icon' ? ' s-button-loader-center' : ' s-button-loader-' + this.loaderPosition);
-        return this.hostAttributes;
+            + ' s-button-' + (this.fill == "none" ? 'fill-none' : this.fill)
+            + (this.size != "medium" ? ' s-button-' + this.size : '')
+            + (this.width != "normal" ? ' s-button-' + this.width : '')
+            + (this.shape == "link" ? ' s-button-' + this.color + '-link' : '')
+            + (this.shape != "link" && this.fill != 'outline' ? ' s-button-' + this.color : '')
+            + (this.fill == 'outline' ? ' s-button-' + this.color + '-outline' : '')
+            + (this.disabled ? ' s-button-disabled ' : '')
+            + (this.shape == 'icon' ? ' s-button-loader-center' : ' s-button-loader-' + this.loaderPosition);
+        if (!hostAttributes['aria-label'] && !hostAttributes['aria-labelledby']) {
+            const buttonText = (this.host.textContent || '').trim();
+            // Only add aria-label for buttons without visible text (icon buttons)
+            // Buttons with visible text don't need aria-label as screen readers already announce the text
+            if (!buttonText) {
+                // Check if it's a wishlist button and add aria-label automatically
+                const isWishlistButton = buttonClass.includes('btn--wishlist') || buttonClass.includes('wishlist');
+                if (isWishlistButton) {
+                    hostAttributes['aria-label'] = salla.lang.getWithDefault('pages.products.add_to_wishlist', 'Add or remove to wishlist');
+                }
+                else if (this.shape === 'icon') {
+                    console.warn('Icon button is missing aria-label attribute');
+                }
+            }
+        }
+        return hostAttributes;
     }
     button() {
         return (h("button", { ...this.getBtnAttributes(), disabled: this.disabled }, h("span", { class: "s-button-text", ref: el => this.text = el }, h("slot", null)), this.loading ? h("span", { class: "s-button-loader" }) : ''));

package/dist/components/salla-comment-item2.js

@@ -138,15 +138,20 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
         }
         localStorage.setItem('liked_comments', JSON.stringify(this.likedComments));
     }
+    PinnedIcon() {
+        return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", color: "#555555", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M12 16V21" }), h("path", { d: "M8 5.2918C8 5.02079 8 4.88529 8.01312 4.77132C8.1194 3.84789 8.84789 3.1194 9.77133 3.01312C9.88529 3 10.0208 3 10.2918 3H13.7082C13.9792 3 14.1147 3 14.2287 3.01312C15.1521 3.1194 15.8806 3.84789 15.9869 4.77132C16 4.88529 16 5.02079 16 5.2918C16 5.37885 16 5.42237 15.9967 5.46264C15.9708 5.78281 15.7927 6.07104 15.5179 6.2374C15.4834 6.25832 15.4444 6.27779 15.3666 6.31672L15.1055 6.44726C14.7021 6.64897 14.5003 6.74983 14.3681 6.90564C14.26 7.03286 14.1856 7.18509 14.1515 7.34846C14.1097 7.54854 14.1539 7.76968 14.2424 8.21197L15 12H15.3333C15.9533 12 16.2633 12 16.5176 12.0681C17.2078 12.2531 17.7469 12.7922 17.9319 13.4824C18 13.7367 18 14.0467 18 14.6667C18 14.9767 18 15.1317 17.9659 15.2588C17.8735 15.6039 17.6039 15.8735 17.2588 15.9659C17.1317 16 16.9767 16 16.6667 16H7.33333C7.02334 16 6.86835 16 6.74118 15.9659C6.39609 15.8735 6.12654 15.6039 6.03407 15.2588C6 15.1317 6 14.9767 6 14.6667C6 14.0467 6 13.7367 6.06815 13.4824C6.25308 12.7922 6.79218 12.2531 7.48236 12.0681C7.73669 12 8.04669 12 8.66667 12H9L9.75761 8.21197C9.84606 7.76968 9.89029 7.54854 9.84852 7.34846C9.81441 7.18509 9.73995 7.03286 9.63194 6.90564C9.49965 6.74983 9.29794 6.64897 8.89452 6.44726L8.63344 6.31672C8.55558 6.27779 8.51665 6.25832 8.48208 6.2374C8.20731 6.07104 8.02917 5.78281 8.00326 5.46264C8 5.42237 8 5.37885 8 5.2918Z" })));
+    }
     render() {
         let isAdmin = this.comment.type == 'admin';
-        return (h(Host, { key: '23f7ca8136164177f5cf8f96b91193ff511e4fbb', class: isAdmin ? 's-comments-item-admin' : 's-comments-item' }, h("div", { key: 'dfbc3e5b58ddbcce247e1de767b477bab1eab2e3', class: { "s-comments-item-wrapper": !isAdmin, "s-comments-item-admin-wrapper": isAdmin }, id: `s-comments-item-${this.comment.id}` }, h("div", { key: 'b6c77afa13d1ede6145bd85942dca414414e4e9c', class: "s-comments-item-inner s-comments-flex-1" }, isAdmin && h("span", { key: 'cd8515e5bbe6b71ae23857cb7c3dca069b685475', class: "s-comments-item-reply-icon", innerHTML: Reply }), h("div", { key: 'b12ce64b8afc4f1c77d20ac4e76c25e02ecd2f4b', class: "s-comments-item-avatar" }, h("img", { key: 'fd554e59e550c22618249ef76ef784bc380bba22', "data-src": this.comment?.avatar, alt: this.comment?.name, src: this.comment?.avatar, class: "s-comments-item-avatar-img lazy" })), h("div", { key: '2e6c9beb412773bd117372768f67c28ac024a9c4', class: "s-comments-flex-1" }, h("div", { key: 'a4ea92bb3416fc603fcbe98a163ed506b1c43a49', class: "s-comments-item-user-wrapper" }, h("div", { key: '22c882510812ba6f0ac51818015e7863c27c16d3', class: "s-comments-item-user-info" }, h("h3", { key: 'b69e6dec2c1000b91fa112cbdefe0d173d975a45', class: "s-comments-item-user-info-name" }, this.comment?.name), (this.comment.has_order || !!this.comment.rating) && !this.comment.is_pending && !this.hideBought ?
+        return (h(Host, { key: '05979122884df06d634ab4f75f61d12cee93b228', class: isAdmin ? 's-comments-item-admin' : 's-comments-item' }, h("div", { key: 'd3be984afb159d8d6a1d4c0daf0bb72c97136a3a', class: { "s-comments-item-wrapper": !isAdmin, "s-comments-item-admin-wrapper": isAdmin }, id: `s-comments-item-${this.comment.id}` }, h("div", { key: '29a48174434b634e4afa5a1f2339b04705ea9f90', class: "s-comments-item-inner s-comments-flex-1" }, isAdmin && h("span", { key: 'b2536843c0549b2eb24759a09f51a97b68e36654', class: "s-comments-item-reply-icon", innerHTML: Reply }), h("div", { key: '553ad8fd8a3ada5cbca3c744f8b80a259ae7d2c2', class: "s-comments-item-avatar" }, h("img", { key: '57d429fa1dc545d3fe16c1f4713b960d1d7ef9f8', "data-src": this.comment?.avatar, alt: this.comment?.name, src: this.comment?.avatar, class: "s-comments-item-avatar-img lazy" })), h("div", { key: '8b2a3206dfa97c41a731baf18794e44ce096876f', class: "s-comments-flex-1" }, h("div", { key: '95ebefb4d82bb66d7cbc567554d0b9da2e4b416a', class: "s-comments-item-user-wrapper" }, h("div", { key: '1e6091d08973e5fc2ae8a982e6b09e5d349fede3', class: "s-comments-item-user-info" }, h("h3", { key: 'ee5ea0ea457fc43ee49cae033097297ab8358f76', class: this.comment.is_pinned ? "s-comments-item-user-info-name" : "s-comments-item-user-info-name-with-margin" }, this.comment?.name), this.comment.is_pinned ?
+            h("div", { class: "s-comments-item-pinned-icon-with-margin" }, this.PinnedIcon())
+            : null, (this.comment.has_order || !!this.comment.rating) && !this.comment.is_pending && !this.hideBought ?
             h("div", { class: "s-comments-flex" }, this.comment.has_order ?
                 [h("span", { class: "s-comments-item-has-order-check-icon", innerHTML: IconVerified }), h("span", { class: "s-comments-item-has-order-check-text" }, this.has_bought_trans, " ", this.comment.rating ? ', ' : '')] : null, !!this.comment.rating ?
                 h("span", { class: "s-comments-item-rated-widget" }, this.rated_trans) : null)
-            : null), h("p", { key: 'cc89bf414f7cd2f512fac82312f412abc38a022a', class: "s-comments-item-timestamp s-ltr" }, " ", this.getDate(this.comment.created_at?.date), " ", h("span", { key: 'ccc1a1c62a1584a25f165db0366d9c30dca54e4b', class: "s-comments-item-time" }, " - ", this.getTime(this.comment.created_at?.date), " ")), !!this.comment.rating || !!this.comment.stars ?
+            : null), h("p", { key: '80c430d77b6ae3e959db9bc089fd7fe834e56bd2', class: "s-comments-item-timestamp s-ltr" }, this.getDate(this.comment.created_at?.date), h("span", { key: '49a1b26309490d6252f0fbd53b50374cbf10071d', class: "s-comments-item-time" }, " - ", this.getTime(this.comment.created_at?.date))), !!this.comment.rating || !!this.comment.stars ?
             h("salla-rating-stars", { size: "mini", class: "s-comments-item-stars", value: this.comment.rating || this.comment.stars })
-            : null), h("div", { key: 'c8de0a5afdb23c5c3cf78f0e0bee2f90e4222424', class: "s-comments-item-content" }, h("p", { key: 'a56d8cd320200f11b546f85729aac9c8e36a28e1', innerHTML: this.comment.content }), this.allowAttachImages && h("div", { key: 'b693e349105bb69a3f411f1ffcf84b700ac6aef5', class: "s-comments-item-images" }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "", onClick: () => this.modal.open() }))), h("salla-modal", { key: 'cd57384d102f513beb82a8004663af1067a5b119', ref: modal => this.modal = modal, width: "sm" }, h("salla-slider", { key: '07e998f014edf222aab402ba8a0a7e0d05d19f53', id: `s-comments-item-${this.comment.id}-images`, class: "s-comments-item-images-slider", type: "thumbs", "auto-height": true, showControls: this.comment.images.length > 1 ? true : false, "show-thumbs-controls": "false" }, h("div", { key: '95edb3475172c8262eb98d32d5750b2dbdc866fc', slot: 'items' }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "" })))), h("div", { key: '1c8b6d610fe47c20bd2f41fae5df1c069c0f8894', slot: "thumbs" }, this.comment.images.map((image, index) => (h("div", { class: "s-comments-item-images-slider-thumb" }, h("img", { key: index, src: image, alt: "" })))))))), this.allowLikes && !isAdmin && salla.url.is_page('product.single') ? h("salla-button", { ref: el => this.likeBtn = el, class: `s-comments-item-like-btn ${this.likedComments.includes(this.comment.id) ? 'liked' : ''}`, loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleLike() }, h("span", null, this.helpfulLabel, " ", this.likesCount > 0 ? `(${this.likesCount})` : ''), h("span", { innerHTML: ThumbsUp })) : '', this.comment.is_pending ?
+            : null), h("div", { key: '780bee1166000b296e6956921c71cfd4f48e8153', class: "s-comments-item-content" }, h("p", { key: '9ff2a32cbd551ff911300ce6cfa1065770117a18', innerHTML: this.comment.content }), this.allowAttachImages && h("div", { key: 'f47022f4916c3d4e0641273612b4a5f7c69a4595', class: "s-comments-item-images" }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "", onClick: () => this.modal.open() }))), h("salla-modal", { key: '8e70ec00301d369bbed5c1f11a1887a0498e2b0c', ref: modal => this.modal = modal, width: "sm" }, h("salla-slider", { key: '65cb35fd60869f64780fbb5bfc61fbc3cddc49c9', id: `s-comments-item-${this.comment.id}-images`, class: "s-comments-item-images-slider", type: "thumbs", "auto-height": true, showControls: this.comment.images.length > 1 ? true : false, "show-thumbs-controls": "false" }, h("div", { key: 'bb0cf465f99ecfe9ee10dfb96949cd7b5793da90', slot: 'items' }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "" })))), h("div", { key: 'e195759f1df5a87b761478ac4a379411f284785c', slot: "thumbs" }, this.comment.images.map((image, index) => (h("div", { class: "s-comments-item-images-slider-thumb" }, h("img", { key: index, src: image, alt: "" })))))))), this.allowLikes && !isAdmin && salla.url.is_page('product.single') ? h("salla-button", { ref: el => this.likeBtn = el, class: `s-comments-item-like-btn ${this.likedComments.includes(this.comment.id) ? 'liked' : ''}`, loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleLike() }, h("span", null, this.helpfulLabel, " ", this.likesCount > 0 ? `(${this.likesCount})` : ''), h("span", { innerHTML: ThumbsUp })) : '', this.comment.is_pending ?
             h("span", { class: "s-comments-item-pending-text" }, this.waiting_approval_trans) : null))), !!this.getReplies().length && !isAdmin ?
             this.getReplies().map((reply) => {
                 return h("div", null, h("salla-comment-item", { comment: reply }));

package/dist/components/salla-comments.js

@@ -279,7 +279,7 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
             return (h("div", null, !!this.total && !this.hideTitle ? h("h2", { class: "s-comments-title" }, this.blockTitle ? this.blockTitle : this.comment_title) : '', !this.hideForm && !this.testimonials ? h("salla-comment-form", { showAvatar: this.showFormAvatar, type: this.type, "item-id": this.itemId }) : '', h("div", { class: "s-comments-placeholder" }, h("span", { innerHTML: ChatBubbles }), h("p", null, this.noComments))));
         }
         return (h("div", { class: `s-comments s-comments-${this.testimonials ? 'testimonials' : this.type}` }, h("div", { class: `${this.type === CommentType.PAGE ? "s-comments-page-container" : "s-comments-container"}` }, !!this.total && !this.hideTitle ? h("h2", { class: "s-comments-title" }, this.blockTitle ? this.blockTitle : this.comment_title) : '', !this.hideForm && h("salla-comment-form", { showAvatar: this.showFormAvatar, type: this.type, "item-id": this.itemId }), salla.url.is_page('product.single') ? h("salla-reviews-summary", { itemId: this.itemId }) : '', h("div", { class: `s-comments-header ${this.total ? "has-total" : ""}` }, !!this.total && h("span", { class: "s-comments-count-label", innerHTML: this.pluralize(this.comment_name, this.total) }), !!this.total && !this.testimonials && this.type !== CommentType.BLOG ?
-            h("div", { class: "s-comments-filter-wrapper" }, h("label", { class: "s-comments-filter-label", htmlFor: "comments-filter" }, salla.lang.get('pages.categories.sorting')), h("select", { id: "comments-filter", class: "s-form-control s-comments-sort-input", onChange: (e) => {
+            h("div", { class: "s-comments-filter-wrapper" }, h("label", { class: "s-comments-filter-label", htmlFor: "comments-filter" }, salla.lang.get('pages.categories.sorting')), h("select", { id: "comments-filter", "aria-label": salla.lang.get('pages.categories.sorting'), class: "s-form-control s-comments-sort-input", onChange: (e) => {
                     this.sort = e.target.value;
                     this.reload();
                 } }, h("option", { value: "latest", selected: true }, salla.lang.get("pages.testimonials.sort_by_date_desc")), h("option", { value: "oldest" }, salla.lang.get("pages.testimonials.sort_by_date_asc")), this.allowLikes && h("option", { value: "most_helpful" }, this.mostHelpfulLabel)))

package/dist/components/salla-filters-widget2.js

@@ -33,16 +33,21 @@ const SallaFiltersWidget = /*@__PURE__*/ proxyCustomElement(class SallaFiltersWi
         super();
         this.__registerHost();
         this.changed = createEvent(this, "changed", 7);
-        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');
         });
@@ -52,8 +57,25 @@ const SallaFiltersWidget = /*@__PURE__*/ proxyCustomElement(class SallaFiltersWi
         });
     }
     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`;
     }
     /**
@@ -95,10 +117,21 @@ const SallaFiltersWidget = /*@__PURE__*/ proxyCustomElement(class SallaFiltersWi
     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).
@@ -112,7 +145,22 @@ const SallaFiltersWidget = /*@__PURE__*/ proxyCustomElement(class SallaFiltersWi
             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));
         });
@@ -142,12 +190,12 @@ const SallaFiltersWidget = /*@__PURE__*/ proxyCustomElement(class SallaFiltersWi
         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 this; }
     static get style() { return sallaFiltersWidgetCss; }
@@ -160,6 +208,8 @@ const SallaFiltersWidget = /*@__PURE__*/ proxyCustomElement(class SallaFiltersWi
         "showMoreLabel": [32],
         "showLessLabel": [32],
         "page": [32],
+        "searchQuery": [32],
+        "filteredCount": [32],
         "setWidgetHeight": [64],
         "reset": [64],
         "showMore": [64],

package/dist/components/salla-gifting.js

@@ -472,7 +472,7 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class SallaGifting exten
     }
     render() {
         return [
-            h("div", { key: '52ed7ef8e9908a42d1815aa021654557ac1eb77e' }, h("salla-list-tile", { key: 'd8732567c5d2fcf0a007679087af5bb4a6589649', class: this.generateClass() }, h("div", { key: '2d0b7cedaaa7b3248151dfa28683984accfbf57a', slot: "title" }, this.vertical ? h("span", { innerHTML: GiftSharing }) : '', h("h3", { key: '0089f484e18cb2da81c6c55e931298f80fd97348' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), h("div", { key: 'a5b6e824a20b10ec8d0b1b2e64ecb672799a0035', slot: "subtitle" }, h("div", { key: 'fb15018d2a456bac146dc1b3ad9c93ffe23bb8f8' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), h("div", { key: '7c10860a3881e933850ee7828d604c7a08b3700b', slot: "action" }, h("salla-button", { key: 'a9a4fc5c746c6e57851f9ea5bb6e026db92428e4', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, h("slot", { key: '2d94342daa320d9e374b7a9945860f1ba4b92abf', name: "widget-btn-content" }, h("div", { key: '74d29e05b046fa4d3cdd3dab35934f879e942be6', class: "s-gifting-widget-action-content" }, h("span", { key: '40818643fb4ca55a007cbecf1e94b26bbe3afbe3', innerHTML: GiftSharing }), " \u00A0", h("span", { key: '2bd1fbcb4c0bdedcf93f7c6f677fa177c088d8a4' }, this.sectionBtnText)))))), h("salla-modal", { key: '3bc1fe8bb1260983aae3750154025b6d5ce661bb', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, h("div", { key: '1fbd87115bde6dfcdf3c7c2753b051de51afda55', slot: "loading" }, h("div", { key: '47d7f1b00a4752192cfa42c2d725546194633e2f', class: "s-gifting-skeleton" }, h("div", { key: '189a65f204bd067e31ecdc7814b5cde81409f824', class: "s-gifting-modal-header" }, h("salla-skeleton", { key: 'bfe75d37f7933b1632c891eb1930e5a0f3efd4ac', type: 'circle', height: '5rem', width: '5rem' }), h("h2", { key: '2e5a16d86c0f0c79ec5d272f515ea64e52b07d83', class: "s-gifting-modal-title" }, h("div", { key: '931982ea16ad7b099ddc6c33929f96cf15c05307', class: "s-gifting-modal-badge-wrapper" }, h("salla-skeleton", { key: '724cb7f8e35c1319e974a53ac7de72090a71bf6a', height: '15px', width: '150px' })))), h("div", { key: '851f77aadad1f617129f03245bc8faa5eaf6f9f3', class: "s-gifting-skeleton-content" }, h("salla-skeleton", { key: 'd414c203fe82bc06c8fcaa596f3905e186757682', height: '10px', width: '150px' }), h("salla-skeleton", { key: 'a0bea49d6eae8d7a5c41f72f147ce7b702502f20', height: '230px' }), h("salla-skeleton", { key: '8d7af7c14a8adad6cfbf17a185148ce7b9324756', height: '10px', width: '150px' }), h("salla-skeleton", { key: '0e78d2bbe2035fd2fe3f3ad295e5901bf2a0e556', height: '30px' }), h("salla-skeleton", { key: '0a64e92db6ee425d22b332d3ada5c25ca5277076', height: '40px' })))), h("slot", { key: 'f79fa4c8d457619e77de8dc459f0a65c1078c8ef', name: "header" }), !!this.hasError ?
+            h("div", { key: '69f449221a2abf8e4d9264b46ab023eb7baca314' }, h("salla-list-tile", { key: '0072bab6171c9b11e54f0c6655c408b12d554e24', class: this.generateClass() }, h("div", { key: '38aa5f8decf6d9c97253c3c16b80a478d623985e', slot: "title" }, this.vertical ? h("span", { innerHTML: GiftSharing }) : '', h("h3", { key: '37fddbe7a80f38b3acca42220028208cab52ba15' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), h("div", { key: 'b3bf6bff40b60a3fbace637ed69f6aa72853c04b', slot: "subtitle" }, h("div", { key: '46643b7cd897524ca42c41da24e657401f85ab28' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), h("div", { key: '5129acfd67425ccfad68b3770843f11c9fa55b18', slot: "action" }, h("salla-button", { key: '0e93efc647444a26198e4631614b8590f75f122e', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, h("slot", { key: 'b88d95a25308cebc29b796bb2b0c25e4fa230406', name: "widget-btn-content" }, h("div", { key: '4cdbaaeb2bc67f056ea348755ffbdfbc831a1a5b', class: "s-gifting-widget-action-content" }, h("span", { key: '7dfec389970416df9be46c8ae5f0904dd64e17ad', innerHTML: GiftSharing }), " \u00A0", h("span", { key: '768f3621011bc3c984dce13ce83b3fb6cceb0171' }, this.sectionBtnText)))))), h("salla-modal", { key: 'b3c94ef80f955b42baecd963f5550f17a80c6fb4', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, h("div", { key: 'c09e12eabff63ba1a781c8980b449f854affc164', slot: "loading" }, h("div", { key: 'dbafa39345c573eae0d045a7d23e346f7068ec0b', class: "s-gifting-skeleton" }, h("div", { key: 'ff247ea5c79b87ca1c76e6035813d7ecb2caeff2', class: "s-gifting-modal-header" }, h("salla-skeleton", { key: '1e67bea2f1f957744c4f6f0af83ded347799916e', type: 'circle', height: '5rem', width: '5rem' }), h("h2", { key: '6486434a702624358211c22e7a6b48be16d96c42', class: "s-gifting-modal-title" }, h("div", { key: '688854d37e5ca46fcaa7957d3e72a52d7c706f8d', class: "s-gifting-modal-badge-wrapper" }, h("salla-skeleton", { key: '9fcbb2086aa25b02effdc873bbfd45087e673de6', height: '15px', width: '150px' })))), h("div", { key: '1b9bf709a01b20e87d68f92f3cb93600214460cd', class: "s-gifting-skeleton-content" }, h("salla-skeleton", { key: 'ba6b0c87442412398c360da1f6e8b5094812900f', height: '10px', width: '150px' }), h("salla-skeleton", { key: '6583783ace4e2668705c47c4bcac2a33b346a72b', height: '230px' }), h("salla-skeleton", { key: 'c76b038f100072d56a7cedd0438eeacc98bf7b42', height: '10px', width: '150px' }), h("salla-skeleton", { key: '1d331e7be7cd88ea5c108f331626dddc74699ed2', height: '30px' }), h("salla-skeleton", { key: '5cc3d1b8d67b7bf199219099af909591b8a8a869', height: '40px' })))), h("slot", { key: '9dc4c6f3a717e16e3527f9651b05a74ca1a6212c', name: "header" }), !!this.hasError ?
                 h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" }, this.errorMessage || salla.lang.get('common.errors.empty_results')), h("span", { slot: "description" }, " "))
                 :
                     [
@@ -486,9 +486,9 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class SallaGifting exten
                             h("span", { class: "s-gifting-error" }, this.errors['receiver.name']) : ''), h("div", { class: this.errors && this.errors['receiver.mobile'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { class: "s-form-label" }, this.receiverMobileFieldLabel), h("salla-tel-input", { class: "s-gifting-tel-input", phone: this.receiverMobile, countryCode: this.selectedCountryCode || this.receiverCountryCode, key: `tel-input-${this.selectedCountryCode || this.receiverCountryCode || 'default'}`, onPhoneEntered: (e) => this.handlePhoneInputChange(e) }), this.errors && this.errors['receiver.mobile'] ?
                             h("span", { class: "s-gifting-error" }, this.errors['receiver.mobile']) : ''), this.physicalProducts &&
                             h("div", null, h("div", { class: this.errors && this.errors['receiver.country'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { class: "s-form-label" }, this.receiverCountryFieldLabel), h("select", { name: "country", class: "s-form-control", onChange: (event) => this.handleCountryChange(event), required: true }, h("option", { value: "" }, this.selectCountry), this.gift?.countries?.map((country) => (h("option", { value: country.id }, country.name)))), this.errors && this.errors['receiver.country'] ?
-                                h("span", { class: "s-gifting-error" }, this.errors['receiver.country']) : ''), h("div", { class: this.errors && this.errors['receiver.city_id'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { class: "s-form-label" }, this.receiverCityFieldLabel), h("select", { name: "city", class: "s-form-control", onChange: (event) => this.handleReceiverCity(event), disabled: this.loadingCities }, h("option", { value: "", selected: true }, this.loadingCities ? salla.lang.get('common.elements.loading') : this.selectCity), this.gift?.cities?.map((city) => (h("option", { value: city.id }, city.name)))), this.errors && this.errors['receiver.city_id'] ?
+                                h("span", { class: "s-gifting-error" }, this.errors['receiver.country']) : ''), h("div", { class: this.errors && this.errors['receiver.city_id'] ? "s-form-group s-form-has-error anime-item opacity-0" : "s-form-group anime-item opacity-0" }, h("label", { class: "s-form-label" }, this.receiverCityFieldLabel), h("select", { name: "city", "aria-label": salla.lang.get('blocks.buy_as_gift.select_city'), class: "s-form-control", onChange: (event) => this.handleReceiverCity(event), disabled: this.loadingCities }, h("option", { value: "", selected: true }, this.loadingCities ? salla.lang.get('common.elements.loading') : this.selectCity), this.gift?.cities?.map((city) => (h("option", { value: city.id }, city.name)))), this.errors && this.errors['receiver.city_id'] ?
                                 h("span", { class: "s-gifting-error" }, this.errors['receiver.city_id']) : ''), h("div", { class: "s-gifting-info anime-item opacity-0" }, h("span", { innerHTML: Alert }), h("span", null, this.selectCityInfo))), !this.physicalProducts && h("div", { class: "anime-item opacity-0" }, h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: `schedule-${this.hostId}` }, h("input", { type: "checkbox", name: 'schedule', id: `schedule-${this.hostId}`, onChange: () => this.toggleCalendar(), class: "s-checkbox" }), h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), h("div", { class: this.getCalendarClasses(), ref: (el) => this.calendarFormGroup = el }, h("label", { class: "s-form-label" }, this.selectSendDateAndTime), h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d h:i K", onPicked: (event) => this.handleDateTimePicker(event) }), h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), h("div", { class: "s-gifting-step-two-footer anime-item opacity-0" }, h("a", { href: "#!", innerHTML: IconArrowLeft, onClick: (e) => this.goToStep1(e) }), h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, h("span", null, this.sendGift)))))
-                    ], h("slot", { key: '3a0375eeb53c624d60601045e695d56ba6b92838', name: "footer" })))
+                    ], h("slot", { key: '2ca6746edd5e72c996633b6d0b3ccdc5009198c4', name: "footer" })))
         ];
     }
     static get style() { return sallaGiftingCss; }

package/dist/components/salla-hook.js

@@ -13,7 +13,7 @@ const SallaHook$1 = /*@__PURE__*/ proxyCustomElement(class SallaHook extends HTM
         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/components/salla-list-tile2.js

@@ -25,7 +25,7 @@ const SallaListTile = /*@__PURE__*/ proxyCustomElement(class SallaListTile exten
         };
     }
     render() {
-        return (h(Host, { key: '2b73681383da172ed01bb199b117d2063228e01e' }, h("a", { key: 'af5913df51093694667751d16b5ec686103791a4', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: '49fdb468a67f0a015762a1539d2333ad694628ec', class: "s-list-tile-item-icon" }, h("slot", { key: '97417d4c9bf63e498510549d08dbf5df55050526', name: 'icon' })), h("div", { key: '53544687a14f2c992ad17d0194a10fba0ad40631', class: "s-list-tile-item-content" }, h("div", { key: 'a8803d707ccd88df74d425a004e5c180d0106c50', class: "s-list-tile-item-title" }, h("slot", { key: '27b091e8cf03dc9253baf135bdc6a8166eac566c', name: 'title' })), h("div", { key: 'c2ab48314fe243e6cea9dd7e8f0be4104a0b89e3', class: "s-list-tile-item-subtitle" }, h("slot", { key: '31c7e05be4026e990704926f6b29c8b1e570a548', name: "subtitle" }))), h("div", { key: '4fb89eaad3693b3b49e6d4ac72f09dca7c52eeeb', class: "s-list-tile-item-action" }, h("slot", { key: '7e587373e0282a22387028aaa6a801b9909f707a', name: 'action' })))));
+        return (h(Host, { key: '1e84d5e259adbf61502fbe1ee771ce948c87f218' }, h("a", { key: '5e28c64a0f1c62e6749a32859180e705f99af27e', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: 'ace3fdaae7332c4c23ab411f0b97cb0699c26ec2', class: "s-list-tile-item-icon" }, h("slot", { key: 'f8790cd45f2004691b156ef96d12a0f003d99899', name: 'icon' })), h("div", { key: 'a788d022e2afe3cd383c321f4100dafbae84f844', class: "s-list-tile-item-content" }, h("div", { key: 'a07afce13d054e11236ffb282901de9db3d23923', class: "s-list-tile-item-title" }, h("slot", { key: '43c23495cfb026ddba8739dcc1a619ec25fe98e0', name: 'title' })), h("div", { key: 'db5e2767a4220ee5d658b3b9384c28d0e105febb', class: "s-list-tile-item-subtitle" }, h("slot", { key: '245f602055419b1f32fa943805a72c6a207eea3f', name: "subtitle" }))), h("div", { key: '394a2d1402d3e8346cbc1ebd8d410405ed568c77', class: "s-list-tile-item-action" }, h("slot", { key: '6086eb6b1f9894f5a3a77ca484c74dd06f0d468f', name: 'action' })))));
     }
     static get style() { return sallaListTileCss; }
 }, [4, "salla-list-tile", {

package/dist/components/salla-loading2.js

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

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

@@ -110,7 +110,7 @@ const SallaLocalizationModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoc
         });
     }
     render() {
-        return (h("salla-modal", { key: '5dc52d55d6f0734fe012a0b2e0905726fe38d589', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: '4bca65d74ec913cd87a90013fef53f6be5211aae', slot: 'loading' }, h("div", { key: '0340dd7b21ee3f7aedc40d86f4b495ff9e837e2f', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: 'd68c42e1c0084cd0f34dde3db6379dc5419861a3', width: '25%', height: '15px' }), h("div", { key: 'b5dbb8ef6e18b9c01ad2100aec210b21ecade841', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: 'f7bd2e49a093a6c6e768db33571ddeaa59b4c436', width: '25%', height: '15px' }), h("div", { key: '81a89116ff23690183def7fd97a1e4c6372625cf', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: 'a10ab122c15b27161f4c451449dbf28975f3da2f', height: '40px', width: '100%' }))), !!this.hasError ?
+        return (h("salla-modal", { key: '8f37a27df315cdc0c28e3294dc91209c852be37f', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: 'f12693b51bd57a866dd5eb40dedfb824262d69c9', slot: 'loading' }, h("div", { key: 'cf40e4ae38a9bffe76b63688b59638a534dfbfeb', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: 'b58668b0c16863b7998832c4be120636b32e4b05', width: '25%', height: '15px' }), h("div", { key: '2277672008dd8895791954ad3f8ac0bf090095cd', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: 'e22fe136879a706972c05b2b9ea8ab85be57b82f', width: '25%', height: '15px' }), h("div", { key: '8800d040033db851d2903c05fe0ce947072aae2e', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '3248a10d8023fa2c8b411294da1072d4209e9a87', height: '40px', width: '100%' }))), !!this.hasError ?
             h("salla-placeholder", { alignment: "center" }, h("span", { slot: "description" }, this.errorMessage)) :
             h("div", { class: "s-localization-modal-inner" }, this.languages.length > 1 ?
                 h("div", { class: "s-localization-modal-section" }, h("label", { class: "s-localization-modal-title" }, salla.lang.get('common.titles.language')), h("div", { class: "s-localization-modal-section-inner" }, this.languages.length < 6 ?

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

@@ -231,8 +231,21 @@ const SallaLoginModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoginModal
                 Salla.log('Error on assign after handle iframe', err);
             }
             withCartReset && Salla.cart.reset();
-            !Salla.auth.api.isSessionless() && await Salla.auth.api.request('auth/jwt');
-            setTimeout(() => window.location.reload(), 100);
+            try {
+                !Salla.auth.api.isSessionless() && await Salla.auth.api.request('auth/jwt');
+                if (Salla.auth.api.canRedirect()) {
+                    setTimeout(() => window.location.reload(), 100);
+                }
+                else {
+                    // Match handlAfterAuthenticatedResponse order: loggedIn (fetches profile + emits) -> afterUserLogin
+                    // Note: auth::verified is omitted here since cart.assign() already handles cart sync above
+                    await Salla.auth.event.loggedIn({ data: { token } }).then(() => Salla.auth.api.afterUserLogin());
+                }
+            }
+            catch (err) {
+                this.modal.open();
+                Salla.log('Error on request auth/jwt after handle iframe', err);
+            }
             return;
         }
         withCartReset && Salla.cart.reset();

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

@@ -15,7 +15,7 @@ const SallaLoyaltyPrizeItem$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoya
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (h(Host, { key: '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"))));
     }
     static get style() { return sallaLoyaltyPrizeItemCss; }
 }, [0, "salla-loyalty-prize-item", {

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

@@ -79,7 +79,7 @@ const SallaWalletTable = /*@__PURE__*/ proxyCustomElement(class SallaWalletTable
         }
     }
     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: loyaltyProgramIcon }), 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: loyaltyProgramIcon }), 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'))))))))));
     }
     static get style() { return sallaLoyaltyProgramCss; }
 }, [0, "salla-loyalty-program", {

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

@@ -21,7 +21,7 @@ const SallaMaintenanceAlert$1 = /*@__PURE__*/ proxyCustomElement(class SallaMain
         this.host.style.display = 'none';
     }
     render() {
-        return (h(Host, { key: 'ffed38acd231d54e0d4df132b6d1713af73daacb', class: "s-maintenance-alert-wrapper" }, h("button", { key: '470e4bab2c7887985eb2f6cbb9660e8cde45b933', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '5de8c0fa8d3736ecb7ff943e4b221ec6bf02d5c0', class: "s-maintenance-alert-content" }, h("div", { key: '2b8dc5265cadee940c93956fe605480b9604b861', class: "s-maintenance-alert-container" }, h("div", { key: '18af440184afbfba639aa21f0831e58c1cb68bc8', class: "s-maintenance-alert-icon" }, h("img", { key: '9c9436340095cc0b512a71d5a19513e09ec0a20b', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '41aebccf4457a3c2dad233a3fd9f90cb044bc569', class: "s-maintenance-alert-text" }, h("h2", { key: 'd1ac960765a3d6dadd9a59534c02fb397d0f4f49' }, this.title), h("p", { key: '42b2e8f3bb14358f7bb701c44c6a9cb20bb74201' }, this.message))), h("div", { key: '41c618aaf1c711238f91d9508c3a4b72ceebd3e7' }, h("a", { key: 'af42812f260c486c9cf5bcfe9a2d9e812ea2ee27', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
+        return (h(Host, { key: 'f307529d9fa1a3cfdf33cc48dea142e274eb4f72', class: "s-maintenance-alert-wrapper" }, h("button", { key: 'a8a8d3d4c03151f9fe468153d4368ab66de0ba5f', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: 'f53e7ab72950f72b68eeb5ff6887203e8f6d0dbd', class: "s-maintenance-alert-content" }, h("div", { key: 'c3c69c738da0417114c87b03c49f0a8d36663558', class: "s-maintenance-alert-container" }, h("div", { key: 'af1ec8ff601873c04de610341f15775e05a5d185', class: "s-maintenance-alert-icon" }, h("img", { key: 'a1b6dd0d161749eff7f6e7d4e92fd161896b593b', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: 'f1f81302bbaf4d83d50770ff1f40416624bde583', class: "s-maintenance-alert-text" }, h("h2", { key: '79eab40b1cf6cf9d307d1e9bda24fe6dd8c03852' }, this.title), h("p", { key: '5bdbe219346851b9aff8c20fd41075853fe6b981' }, this.message))), h("div", { key: '8e2cd9ad611a551ee7960310f11a9f7f07668811' }, h("a", { key: '9658d9a3e82f9719c35caf362601a12a62475508', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
     }
     componentDidLoad() {
         //auto-hide the alert if close button is clicked before one hour

package/dist/components/salla-map2.js

@@ -708,11 +708,11 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class SallaMap extends HTMLEle
     }
     // render
     render() {
-        return (h(Host, { key: 'a01ad8517c8fc750d31af4259bc00e26a0cb7f42', class: "s-map-wrapper" }, h("salla-modal", { key: '2e99a7b59fb59fdd25984c534ee0f60c1678da12', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
+        return (h(Host, { key: 'f3b0f4e444e266a4f9c60782bea7920a1b4c34b4', class: "s-map-wrapper" }, h("salla-modal", { key: '5066a0f19b59509656350bd0a02bc8ff8bb3d9d7', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
                 this.locationModal = modal;
-            } }, this.getLocationModal()), h("slot", { key: '96a8702d408225075a18356a79f3597893186fdb', name: "button" }, h("salla-button", { key: 'e56b39a804f458d2a25cbbe3eb884d4b38855c92', onClick: () => {
+            } }, this.getLocationModal()), h("slot", { key: '884266b42b7c5532486c4e8bd1aba8b0e6bf2f89', name: "button" }, h("salla-button", { key: '32b96c45aca7589681a3819d165b38e8f9ee036e', onClick: () => {
                 this.open();
-            }, color: "primary", class: "s-map-location-button" }, h("span", { key: 'd362aba9fc12ddb34fb2cf13eb162d1d411694d8', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: '336253ca8c391854e28fde526b26df1b049191d3', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
+            }, color: "primary", class: "s-map-location-button" }, h("span", { key: 'd73a9837cb6a6df740300a4f52c35dd7f9499e73', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: '77a53ca7c0b51268813238d80db56a9b9449c3f9', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
     }
     get host() { return this; }
     static get style() { return sallaMapCss; }

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

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

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

@@ -179,10 +179,10 @@ const SallaMultipleBundleProductDetails = /*@__PURE__*/ proxyCustomElement(class
         }
     }
     render() {
-        return (h(Host, { key: '009238f9ea463ac6dcf5cf2daaff8a5a0bc9e7c6', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'c683c0a95aa5e6d429d59608b113ac3cf6f6d507', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
+        return (h(Host, { key: '2a7a27e8bfc7325575fec782139828333590eb9f', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'affcb43ee67e329a9a87d6234bb91b5494a69a35', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
             const selectedCount = this.selectedProducts[section.id]?.size || 0;
             return (h("salla-accordion", { key: section.id, collapsed: index === 0 ? false : true }, h("salla-accordion-head", null, this.renderAccordionHeader(section, selectedCount)), h("salla-accordion-body", null, h("salla-multiple-bundle-product-slider", { section: section, sectionIndex: index, selectedProducts: this.selectedProducts, onProductSelected: this.handleBundleSliderProductSelected, onProductOptionsSelected: this.handleBundleSliderProductOptionsSelected }))));
-        })), h("salla-multiple-bundle-product-options-modal", { key: '1fbc34fc1a72f24c70f15de33d0514806c993276' })));
+        })), h("salla-multiple-bundle-product-options-modal", { key: '6b9065e8f7872da72166979fc9ce61efaad21c0a' })));
     }
     get host() { return this; }
     static get style() { return sallaMultipleBundleProductDetailsCss; }

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

@@ -476,7 +476,7 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
         const cacheKey = this.generateCacheKey(this.sectionId, this.productIndex, productId);
         const resetToken = this.optionsResetTokens[cacheKey] || 0;
         const isDisabled = this.isLoading || optionsWithSelectedState.some(opt => opt.details.some(d => d.is_selected && d.is_out === true));
-        return (h(Host, { key: 'dd62350dcfa58a893ef2df53ec911fd8b5815e2b' }, h("salla-modal", { key: '3462904c6a7afd45b60e6834fb84256934d88250', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: '44fa4b732355fe67cb0210b1a2358dee0e87b971', slot: "loading" }, h("salla-skeleton", { key: '3406dcb4405fcb2bc8591ed76dbe06f4c33a6ed5', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '31083863740477cf51c9ae26ff67f8dd29480b68', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
+        return (h(Host, { key: '28786c060499c9bfbacf025b75f21d0e8a2d6ab1' }, h("salla-modal", { key: '6322c0542ca2769f50ed6fc616c6d5c72d456c9c', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: '812707c4108b5bdefa97e1ff7537998083e2403b', slot: "loading" }, h("salla-skeleton", { key: 'e82b875495873b66414ee4a75d845823373b4914', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: 'd3849a91153ede94ea06553cb40af29e06c916ae', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
                 centeredSlides: true,
                 centeredSlidesBounds: true,
                 slidesPerView: Math.min(5, Math.max(1, this.product?.images.length)),
@@ -485,13 +485,13 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
                 watchSlidesProgress: true,
                 direction: 'vertical',
                 spaceBetween: 10,
-            } }, h("div", { key: '9fe8ed837b38786c7b859a82e8660c68a67e8ea1', slot: "items" }, this.product?.images &&
+            } }, h("div", { key: 'd585f7a29cb9265c39c471876d3a0cb7d2460359', slot: "items" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, class: "swiper-slide" }, h("img", { src: image.url, alt: image.alt || `${this.product?.name} - Image ${index + 1}`, loading: "lazy", onError: e => {
                     e.target.style.display = 'none';
-                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: '49283e693516dc459f3787cc1c4d5509818b7e26', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: '1a6edb417a6715617303634b7d756eef0075a01a', slot: "thumbs" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, "data-caption": `${this.product?.name} - Image ${index + 1}` }, h("img", { src: image.url, loading: "eager", class: "s-multiple-bundle-product-options-modal-slider-thumb", title: `${this.product?.name} - ${index + 1}`, alt: image.alt || `${this.product?.name} - ${index + 1}`, onError: e => {
                     e.target.style.display = 'none';
-                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: '12cc11756bdd49d315f6afa406c117df3e37407c', slot: "footer" }, h("div", { key: 'd87fa48d3b7fec07cc0043cc24b9308a2c2cec70', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: 'c5b6c42452e2762a4c43800f18febb3398ef8f37', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
+                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: '22528e7438a30feffe5987ed86974a4eecea76a1', slot: "footer" }, h("div", { key: '7a891b1cd51d2f15e08523c2a4096ea4c50eb51b', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '4ed19c8cfdd3f37166a61fdbd452a8f205763469', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
             ? salla.lang.get('common.elements.saving')
             : salla.lang.get('common.elements.save')))))));
     }

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

@@ -93,7 +93,7 @@ const SallaMultipleBundleProductSlider = /*@__PURE__*/ proxyCustomElement(class
         return `bundle[${sectionId}][${productIndex}][id]`;
     }
     render() {
-        return (h(Host, { key: '4ef22b64a4a3392ccd2ddc029af11ba76ff4c47a' }, h("salla-slider", { key: 'dd84eb1d64a44a705d777c74e069ae80e1d944eb', type: "carousel", controlsOuter: false, showControls: false, id: `accordion-multiple-bundle-product-${this.section.id}`, pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: { spaceBetween: 0 } }, h("div", { key: 'aec640b2b29a0b0876af8b544df4c7ee15a74e27', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
+        return (h(Host, { key: 'a1e7d56d8a50d1c31ba102d3246b0251516e0a73' }, h("salla-slider", { key: '8308576a46ec71f557a3d686d59cd0109d5bef0f', type: "carousel", controlsOuter: false, showControls: false, id: `accordion-multiple-bundle-product-${this.section.id}`, pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: { spaceBetween: 0 } }, h("div", { key: '3ea742119ab77f129b8c60bbcc0f8c0f7bd3e97d', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
             const isChecked = this.selectedProducts[this.section.id]?.has(product.id) || false;
             const hasSavedOptions = this.savedOptionsByInstance[this.getProductInstanceKey(this.section.id, productIndex)];
             const optionsButtonLabel = hasSavedOptions
@@ -104,7 +104,7 @@ const SallaMultipleBundleProductSlider = /*@__PURE__*/ proxyCustomElement(class
                 : KeyBoardArrowRightIcon;
             return (h("div", { class: `s-multiple-bundle-product-slide-one-third ${product.quantity == 0
                     ? 's-multiple-bundle-product-slide-one-third-disabled'
-                    : ''}`, key: product.id }, h("div", { class: "s-multiple-bundle-product-card" }, h("div", { class: "s-multiple-bundle-product-image-wrapper", onClick: () => this.handleProductClick(product, productIndex) }, h("input", { id: this.generateEventName(this.section.id, productIndex), type: "checkbox", class: "s-multiple-bundle-product-checkbox", checked: isChecked, name: this.generateEventName(this.section.id, productIndex), value: product.id }), h("img", { src: product.image.url || salla.url.cdn('images/s-empty.png'), loading: "lazy", alt: product.image.alt || product.name, class: "s-multiple-bundle-product-image" })), h("div", { class: "s-multiple-bundle-product-content-wrapper" }, h("div", { class: "s-multiple-bundle-product-content" }, h("div", { class: "s-multiple-bundle-product-details" }, h("div", { class: "s-multiple-bundle-product-title-wrapper" }, h("h2", { class: "s-multiple-bundle-product-title" }, product.name)), h("div", { class: "s-multiple-bundle-product-price-wrapper" }, h("span", { class: "s-multiple-bundle-product-price" }, h("span", { innerHTML: salla.money(product.price) })), product.sale_price > 0 && (h("span", { class: "s-multiple-bundle-product-price-discount" }, h("span", { innerHTML: salla.money(product.sale_price) }))))), product.quantity_in_group > 0 && product.quantity !== 0 && (h("span", { class: "s-multiple-bundle-product-badge" }, salla.lang.get('pages.products.pieces'), h("span", null, product.quantity_in_group))), product.quantity === 0 && (h("span", { class: "s-multiple-bundle-product-badge" }, salla.lang.get('pages.products.quantity_in_group_finished')))), product.options?.length > 0 && (h("button", { class: "s-multiple-bundle-product-button", onClick: () => this.handleOptionsClick(product), type: "button" }, optionsButtonLabel, h("span", { class: "s-multiple-bundle-product-button-icon", innerHTML: optionsArrowIcon })))))));
+                    : ''}`, key: product.id }, h("div", { class: "s-multiple-bundle-product-card" }, h("div", { class: "s-multiple-bundle-product-image-wrapper", onClick: () => this.handleProductClick(product, productIndex) }, h("input", { id: this.generateEventName(this.section.id, productIndex), type: "checkbox", class: "s-multiple-bundle-product-checkbox", checked: isChecked, name: this.generateEventName(this.section.id, productIndex), value: product.id }), h("img", { src: product.image.url || salla.url.cdn('images/s-empty.png'), loading: "lazy", alt: product.image.alt || product.name, class: "s-multiple-bundle-product-image" })), h("div", { class: "s-multiple-bundle-product-content-wrapper" }, h("div", { class: "s-multiple-bundle-product-content" }, h("div", { class: "s-multiple-bundle-product-details" }, h("div", { class: "s-multiple-bundle-product-title-wrapper" }, h("h2", { class: "s-multiple-bundle-product-title" }, h("a", { href: product?.url || '#', target: "_blank", rel: "noopener noreferrer" }, product.name))), h("div", { class: "s-multiple-bundle-product-price-wrapper" }, h("span", { class: "s-multiple-bundle-product-price" }, h("span", { innerHTML: salla.money(product.price) })), product.sale_price > 0 && (h("span", { class: "s-multiple-bundle-product-price-discount" }, h("span", { innerHTML: salla.money(product.sale_price) }))))), product.quantity_in_group > 0 && product.quantity !== 0 && (h("span", { class: "s-multiple-bundle-product-badge" }, salla.lang.get('pages.products.pieces'), h("span", null, product.quantity_in_group))), product.quantity === 0 && (h("span", { class: "s-multiple-bundle-product-badge" }, salla.lang.get('pages.products.quantity_in_group_finished')))), product.options?.length > 0 && (h("button", { class: "s-multiple-bundle-product-button", onClick: () => this.handleOptionsClick(product), type: "button" }, optionsButtonLabel, h("span", { class: "s-multiple-bundle-product-button-icon", innerHTML: optionsArrowIcon })))))));
         })))));
     }
     get host() { return this; }

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

@@ -77,7 +77,7 @@ const SallaMultipleBundleProduct$1 = /*@__PURE__*/ proxyCustomElement(class Sall
         this.parseProducts(this.bundleSections);
     }
     render() {
-        return (h(Host, { key: 'f97e22f3a04a75514d348c6f0fc3f820991d0726', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
+        return (h(Host, { key: '91666a9a9d0302d7f93f001b39d06160f2dc6960', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
     }
     static get watchers() { return {
         "bundleSections": ["parseProducts"]