@salla.sa/twilight-components 2.14.489 → 2.14.491

package/dist/collection/components/salla-review-factors-tags/salla-review-factors-tags.js

@@ -0,0 +1,135 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { Host, h } from "@stencil/core";
+import Star2 from "../../assets/svg/star2.svg";
+import { fetchOrder, resolveReviewFactors } from "./helpers";
+export class SallaReviewFactorsTags {
+    constructor() {
+        this.factors = [];
+    }
+    async componentWillLoad() {
+        await salla.onReady();
+        await this.loadFactors();
+    }
+    async loadFactors() {
+        if (!this.orderId) {
+            this.factors = [];
+            return;
+        }
+        try {
+            const order = await fetchOrder(this.orderId);
+            this.factors = resolveReviewFactors(order, this.ratingId, this.productId, this.itemId);
+        }
+        catch (error) {
+            console.error('[salla-review-factors-tags] failed to load order rating factors', error);
+            this.factors = [];
+        }
+    }
+    renderFactorTags() {
+        const factors = this.factors || [];
+        if (!factors.length) {
+            return null;
+        }
+        return (h("div", { class: "s-review-factors-tags-factors" }, factors.map(factor => (h("div", { class: "s-review-factors-tags-factor-tag" }, h("span", { class: "s-review-factors-tags-factor-name" }, factor.name), h("span", { class: "s-review-factors-tags-factor-star", innerHTML: Star2 }), h("span", { class: "s-review-factors-tags-factor-rating" }, factor.rating || ''))))));
+    }
+    render() {
+        return (h(Host, { key: '2645f00c58f3ecbd3b486756dd9977edc9ae66fd', class: "s-review-factors-tags-wrapper" }, this.renderFactorTags()));
+    }
+    static get is() { return "salla-review-factors-tags"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["salla-review-factors-tags.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["salla-review-factors-tags.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "orderId": {
+                "type": "number",
+                "attribute": "order-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Order ID used to fetch rating factors from `GET /orders/{order_id}`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "ratingId": {
+                "type": "number",
+                "attribute": "rating-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Product rating feedback ID."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "productId": {
+                "type": "number",
+                "attribute": "product-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Product ID used to match the rated line item."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "itemId": {
+                "type": "number",
+                "attribute": "item-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Order item ID used to match the rated line item."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "factors": {}
+        };
+    }
+}

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

@@ -85,7 +85,7 @@ export class SallaReviews {
         });
     }
     render() {
-        return (h("div", { key: '24e50ca2634208ad3ffcb9ca503aa7e18331b3a1', class: "s-reviews-container" }, h("div", { key: 'a1632306fc1a92051d030707aab075c825537e01', class: "s-reviews-header-wrapper" }, h("h1", { key: 'e2a4df75011da111e89c1b732e7741ddf452b9d5', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: '89009e55e3a5121c241295efd510405b623f45c3', 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: '8b6b8df42043c8ecdb05dbbc30ecacde297f0dda', 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: '242c98e813b49a8fae5b1f58a1bc7e61425834bd', class: "s-reviews-container" }, h("div", { key: 'a896d0fda0e9c5a784e813590ded4cdf9ae0e6ae', class: "s-reviews-header-wrapper" }, h("h1", { key: 'ff085d49e3363d305389ae36e14ebb01151ebe46', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: 'a6baa7db6f0a1233a46897caaea76469b945f681', 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: 'edb56b99674d534fc4b18178816cbced4ed22882', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
     }
     static get is() { return "salla-reviews"; }
     static get originalStyleUrls() {

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

@@ -142,7 +142,7 @@ export class SallaReviewsPage {
         return options.map(option => (h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
     }
     render() {
-        return (h("host", { key: 'b82b491ae189f825367881b7b4f03ad64e471aae' }, h("div", { key: 'd124f10806cfabd1c1f85044786541011edff3ff', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '30c58bb14bea27da968e874a0c1454a35e8db207', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '8850771469ae20d1b07efcb45be58738de377e6d', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '5a0060c5bdbfe4d37003b04d4c6368460be8cd38', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '637d1aeec005ae662c6019c423ef3f1c3a6ff264', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '5b68b9441d4647f12583c71da61958c30c0dcda6', 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: '3bb188bd0ddcff6333a47ad3821ad9f75706ac6a' }, h("div", { key: 'ae139cb0f8e4921e95c695ececc6633e79486ae0', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '422bc1b53c10d0c0e87b701580e049fde71f2871', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'd43661c7d358ba1bc99762fdd92b0c9e68a86427', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '3255662d8c1895bf640ae02e480a1c597e37ff87', class: "s-reviews-page-filter-wrapper" }, h("label", { key: 'c2d02265c6adde573a9e282380e670ed2926e68a', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '67de9329c56bd70740e66c3c119a6396ce1c6006', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
                 this.wrapper = el;
             } }, this.reviews.map(review => (h("salla-review-card", { key: review.id, review: review }))))
             : h("div", { class: "s-products-list-placeholder" }, h("span", { innerHTML: ShoppingBag }), h("p", null, this.placeholderText)), this.pagination?.links?.next && this.reviews.length ? (h("div", { class: "s-reviews-page-load-more-container" }, h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => this.infiniteScroll?.loadNextPage(), onKeyUp: () => this.infiniteScroll?.loadNextPage() }, this.langLoadMore))) : null));

package/dist/collection/components/salla-reviews-summary/salla-reviews-summary.css

@@ -1,3 +1,63 @@
 :host {
   display: block;
+}
+
+.s-reviews-summary-overall-section {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.35rem;
+  padding: 0 0.5rem;
+}
+
+.s-reviews-summary-overall-label {
+  color: #111827;
+  font-size: 1.15rem;
+  font-weight: 600;
+  line-height: 1.3;
+  margin-bottom: 0.75rem;
+}
+
+.s-reviews-summary-overall-row {
+  display: inline-flex;
+  align-items: flex-start;
+  gap: 0.7rem;
+}
+
+.s-reviews-summary-factors {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  justify-content: flex-start;
+  margin-bottom: 0.6rem;
+}
+
+.s-reviews-summary-factor-tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  border-radius: 999px;
+  border: 1px solid #e8e8e8;
+  background: rgba(255, 255, 255, 0.3);
+  color: #374151;
+  font-size: 0.85rem;
+  line-height: 1;
+  padding: 0.4rem 0.65rem;
+}
+
+.s-reviews-summary-factor-rating {
+  font-weight: 600;
+  color: #0f6a7c;
+}
+
+.s-reviews-summary-factor-star {
+  display: inline-flex;
+  width: 0.8rem;
+  height: 0.8rem;
+  fill: #0f6a7c;
+}
+
+.s-reviews-summary-factor-star svg {
+  width: 100%;
+  height: 100%;
 }

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

@@ -33,10 +33,12 @@ export class SallaReviewsSummary {
         return Salla.lang.onLoaded(() => {
             Salla.lang.addBulk({
                 "blocks.comments.based_on": { ar: "بناءً على", en: "Based on" },
-                "blocks.comments.recommended": { ar: "أوصوا بالمنتج", en: "Recommended" }
+                "blocks.comments.recommended": { ar: "أوصوا بالمنتج", en: "Recommended" },
+                "blocks.comments.overall_rating": { ar: "التقييم العام", en: "Overall rating" }
             });
             this.basedOnLabel = salla.lang.get('blocks.comments.based_on');
             this.recommendedLabel = salla.lang.get('blocks.comments.recommended');
+            this.overallRatingLabel = salla.lang.get('blocks.comments.overall_rating');
         });
     }
     async loadSummary() {
@@ -60,6 +62,13 @@ export class SallaReviewsSummary {
             console.error('Error loading reviews summary:', error);
         }
     }
+    renderFactorTags() {
+        const factors = this.data?.factors || [];
+        if (!factors.length) {
+            return null;
+        }
+        return (h("div", { class: "s-reviews-summary-factors" }, factors.map(factor => (h("div", { class: "s-reviews-summary-factor-tag" }, h("span", { class: "s-reviews-summary-factor-name" }, factor.name), h("span", { class: "s-reviews-summary-factor-star", innerHTML: Star2 }), h("span", { class: "s-reviews-summary-factor-rating" }, factor.rating || ''))))));
+    }
     renderRecommendation() {
         if (!this.showRecommendation || !this.data?.recommendation) {
             return null;
@@ -87,7 +96,7 @@ export class SallaReviewsSummary {
             const percentage = ratings[rating];
             return (h("div", { key: rating, class: "s-reviews-summary-row" }, h("div", { class: "s-reviews-summary-row-rate" }, rating, " ", h("span", { innerHTML: Star2 })), h("salla-progress-bar", { class: "s-reviews-summary-progress", value: percentage, target: 100, hideUnits: true, height: '16px' }), h("span", { class: "s-reviews-summary-percentage" }, percentage, "%")));
         });
-        return (h(Host, { class: "s-reviews-summary-wrapper" }, h("div", { class: "s-reviews-summary-header" }, h("div", { class: "s-reviews-summary-header-section" }, h("h3", { class: "s-reviews-summary-average" }, this.data.rating), h("div", null, h("salla-rating-stars", { size: 'large', value: this.data.rating }), h("p", { class: "s-reviews-summary-count" }, this.basedOnLabel, " ", salla.helpers.number(salla.lang.choice('pages.rating.reviews', this.data.count))))), this.renderRecommendation()), h("div", { class: "s-reviews-summary-rows" }, reviewElements)));
+        return (h(Host, { class: "s-reviews-summary-wrapper" }, h("div", { class: "s-reviews-summary-header" }, h("div", { class: "s-reviews-summary-overall-section items-start" }, h("p", { class: "s-reviews-summary-overall-label" }, this.overallRatingLabel), h("div", { class: "s-reviews-summary-overall-row" }, h("h3", { class: "s-reviews-summary-average" }, this.data.rating), h("div", null, h("salla-rating-stars", { size: 'large', value: this.data.rating }), h("p", { class: "s-reviews-summary-count" }, this.basedOnLabel, " ", salla.helpers.number(salla.lang.choice('pages.rating.reviews', this.data.count)))))), this.renderFactorTags(), this.renderRecommendation()), h("div", { class: "s-reviews-summary-rows" }, reviewElements)));
     }
     static get is() { return "salla-reviews-summary"; }
     static get originalStyleUrls() {
@@ -129,6 +138,7 @@ export class SallaReviewsSummary {
             "canRender": {},
             "basedOnLabel": {},
             "recommendedLabel": {},
+            "overallRatingLabel": {},
             "showRatingSummary": {},
             "recommendationOnly": {},
             "showRecommendation": {}

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

@@ -127,10 +127,10 @@ export class SallaSearch {
         this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';
     }
     render() {
-        const searchContent = (h("div", { key: 'ca8dec5eb90cd0893a1a3364df34ba0ee4d60891', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: '212f8180ecca220a8b89231311dec6cdf3ef0b06', class: "s-search-input-wrapper" }, h("span", { key: '51fb0f9a2e342afd35eb82b57f55471aa9e1519f', class: "s-search-icon-wrap" }, h("span", { key: 'e75117068c51c6d200e8e20fa0f00ca02ed0c61d', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '442b1704b75a33e8c9e02da8200151a1d8e8db72', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => (this.searchInput = input), style: {
+        const searchContent = (h("div", { key: '4b97f190e4fcceb6d3f0bafecffc46aca578a657', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: '4ce6eff390279cdca5dccf26fc2d27a53511b8d3', class: "s-search-input-wrapper" }, h("span", { key: 'bee65f6f7735601d44aa6fb58482d4632f70ed68', class: "s-search-icon-wrap" }, h("span", { key: '4d95d81c5ac952aabf40e70b1f06c17ec9d0df50', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: 'bf605abb622e46632be9e2cc47b8eaec5823b3cf', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => (this.searchInput = input), style: {
                 height: this.height + 'px',
                 borderRadius: this.oval ? this.height / 2 + 'px' : '',
-            } }), this.showAction ? (h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search }))) : null), h("div", { key: 'f3b40ce4ec24678f6d8421f3da8ac9e1bd631c3a', class: "s-search-results" }, this.results?.data.map(product => (h("a", { href: product.url + '?from=search-bar', class: {
+            } }), this.showAction ? (h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search }))) : null), h("div", { key: '46b979e82da5d5b03cdb348bbb3f0f5828087949', class: "s-search-results" }, this.results?.data.map(product => (h("a", { href: product.url + '?from=search-bar', class: {
                 's-search-product': true,
                 's-search-product-not-available': !product.is_available,
             }, innerHTML: this.productSlot
@@ -139,9 +139,9 @@ export class SallaSearch {
                 .replace(/\{regular_price\}/g, product.is_on_sale && product.regular_price
                 ? salla.money(product.regular_price)
                 : '')
-                .replace(/\{image\}/g, product.image.url) }))), h("p", { key: 'fdbb21061c599a59c6d828eec80e8d591a708cca', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
-        const modalContent = (h("salla-modal", { key: 'ca90aea3fb92d1ba7d8270c26e2ecd82d5018784', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
-        const placeholderContent = (h("div", { key: '73333ce51cabadc4963a9fe9d1372bb7d63925c8', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: '77a66e9bba504557160c8c50d91f1216cc68f253', class: "s-search-input-wrapper" }, h("span", { key: '18fb5ce6e3e72874e76dd1ef2c6db8718a68f778', class: "s-search-icon-wrap" }, h("span", { key: '63b9e9af1c51647df734cc4d5cf7a825b922ce38', class: "s-search-icon", innerHTML: Search })), h("button", { key: 'b70169ed2d80ec2ad6b09952ad104824610212df', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
+                .replace(/\{image\}/g, product.image.url) }))), h("p", { key: '484dbcb11952df2a5d100dfc176c98359b059070', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
+        const modalContent = (h("salla-modal", { key: 'b35ef402291810a005673d3d55227cc7919c593a', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
+        const placeholderContent = (h("div", { key: 'cff9e90ce4641545cd97d2946f52f49e4fbada91', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: 'd48ebc0c07ef4dc154cca5d99cfa652bf06cb84c', class: "s-search-input-wrapper" }, h("span", { key: 'b0c4055476bc996d3be3df9af49dc7fead72dabc', class: "s-search-icon-wrap" }, h("span", { key: '55c84b48d01ed6da83e802904ca1e0df7afc6060', class: "s-search-icon", innerHTML: Search })), h("button", { key: '86356037f4bf117bef07d4afd1569342e2e729c7', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
                 height: this.height + 'px',
                 borderRadius: this.oval ? this.height / 2 + 'px' : '',
             } }, salla.lang.get('blocks.header.search_placeholder'))), modalContent));

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

@@ -188,18 +188,18 @@ export class SallaSearchableDropdown {
     render() {
         const hasSelection = this.selectedItem != null;
         const listboxId = `${this.inputId}-listbox`;
-        return (h(Host, { key: 'e95aedae8c83fe27ef5e94065bd34a0c105ab565', class: "s-searchable-dropdown" }, h("div", { key: '3bd95a9a3652934d7a0904b6813f372a517dc415', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '85b95c812b9aa2c496b394a750c362d69c50546a', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: 'a863108db25faffd654d2a49832c9ab78c4d3124', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'fb3ce40726d9b5f0060d1279bd0a17339da978b1', class: {
+        return (h(Host, { key: '2186dbcef9e4926620a4756ce1cd6050a83ea390', class: "s-searchable-dropdown" }, h("div", { key: 'cb43fc429e50e64b56bd136254da1369bf407fed', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '07369f279ec000a2ac158f2a4f8f3df79c64be45', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '26859210300466d5ae3934e5d99ee6b3eb118a0d', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: '225d02066f038cfae7d94324b27a68f398a869a6', class: {
                 's-searchable-dropdown-trigger': true,
                 's-searchable-dropdown-trigger--disabled': this.disabled || this.loading,
                 's-searchable-dropdown-trigger--open': this.isOpen,
-            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: '493e615e79b3483aca3bf2b40c45b8be38190788', class: {
+            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: '5a8b9eae4425b704b9c3a23fc543ce191bd976fb', class: {
                 'sicon-keyboard_arrow_down': true,
                 's-searchable-dropdown-trigger-icon': true,
                 's-searchable-dropdown-trigger-icon--open': this.isOpen,
-            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: 'db839d1fcc73c7bc68cd324ca2e8c91f42bb991c', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: 'adc8cbb28c042e8ea253e5449c946ba5e85874e9', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: 'd3b91389e90e87345672cd7ec630b555114372b2', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '67d56ff8ad837b683d12fb750ccee6412bd8de4c', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: 'f400a683b9b54ae8e448279ce19130cb346dcc5f', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h("div", { key: '75bd2f369824326cb1ef87c5f3dad2e80975f4d9', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: 'ec8ec623a82eefb8d893b31e23384047b343475f', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: 'ffeb5f7b1c9e456ca5145f76dfa80c46c3639f28', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: 'b9bc781fc7429735999b1e88f775fb8ddfb9c249', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h("div", { key: '5ac1e061dfccf92c437c5df02f02797b9e281eb9', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
     }
     renderListContent() {
         if (this.searching || this.loading) {

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

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

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

@@ -31,7 +31,7 @@ export class SallaSocial {
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (h(Host, { key: 'e7d69dbae46ef54588471875ada751103d14d393' }, h("ul", { key: 'ff4b15127e6664cca17fa7f6f49e4cda25829d74', 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: '26d3fc5383ae5779a4b077b5487d363045c305fb' }, h("ul", { key: '70f9a23a493c1cadeeb0f097fde1f601525eb0e8', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
                 .replace(/\{icon\}/g, this.iconsList[link.type])
                 .replace(/\{type\}/g, link.type)
                 .replace(/\{link\}/g, link.value.toString()) })))))));

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

@@ -345,7 +345,7 @@ export class SallaSocialShare {
         })));
     }
     render() {
-        return (h("div", { key: 'e934ffb94fea491d445e62f26fcf98914ff0a399', class: "s-social-share-wrapper" }, h("slot", { key: '8dbf4a0c3fb6fb17a0a7c32ace57b357708c0678', name: "widget" }, h("salla-button", { key: 'eb6459bc99d4587bbfc6c0399003a2860d6992b0', "aria-label": "Share", onClick: () => this.toggle(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '3394f64755bd0bc07839b1a513f5459c8258f096', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
+        return (h("div", { key: '39624373671142e55397431ea0fa5e9562f67c35', class: "s-social-share-wrapper" }, h("slot", { key: 'e6a09f4b0a93ae3356982cd9a278633f94f8d6cb', name: "widget" }, h("salla-button", { key: 'e07ee3d79e39f2c2eefa07d89aafa316040085dc', "aria-label": "Share", onClick: () => this.toggle(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '0aa867b61db4fbaac7c087e28501f0eaf6800d5d', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
     }
     static get is() { return "salla-social-share"; }
     static get originalStyleUrls() {

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

@@ -30,7 +30,7 @@ export class SallaTabContent {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: 'f5cfa9676bc8314149cb78e103b9ef580c0d7559', class: classes }, h("slot", { key: '1b86591377c09f1acb25cda20024b3af9c6a874d' })));
+        return (h("div", { key: 'cc5ef1c683b375542a5ae62747288b5aabd12341', class: classes }, h("slot", { key: '5c131ec54cfa1f5044af6aa652acb66f0135946b' })));
     }
     static get is() { return "salla-tab-content"; }
     static get originalStyleUrls() {

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

@@ -52,7 +52,7 @@ export class SallaTabHeader {
             's-tabs-active': this.isSelected,
         };
         return [
-            h("div", { key: 'a9548ed2a74d30e6fcf365dbe26aa5f7fdab2468', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '547edd40aab5843c6035bd3c36a34d9449dc12d3' })),
+            h("div", { key: 'b895bb8a17ac2d2e4c4e573402c4307dfa8f0b65', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '89099b6e7c217a61632c3ff8e6fcf6c141f4a755' })),
         ];
     }
     static get is() { return "salla-tab-header"; }

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

@@ -50,7 +50,7 @@ export class SallaTabs {
     }
     render() {
         return [
-            h("div", { key: 'e9054cb114c2bd66940b6afa98d7c7c230353a74', class: "s-tabs" }, h("div", { key: 'd245f64aef9b7fd77c9c51eb1d86ddfd9202e5fb', class: "s-tabs-header" }, h("slot", { key: 'f1b9a982cd746d637db5d514cb691f188af0cb7e', name: "header" })), h("div", { key: '0ba8441707b087a8c4d068b1a72bf10c8efb41cc', class: "s-tabs-content-wrapper" }, h("slot", { key: 'afcee28724a5a9ce263fcc3a38d624a631069945', name: "content" })))
+            h("div", { key: 'bc2ee0fc01451eec9ecc1b4cf341fd46acffa719', class: "s-tabs" }, h("div", { key: 'b6ccd64ef599c25510a8c7f2f1ea602fa09ed939', class: "s-tabs-header" }, h("slot", { key: '8c8826aa6ecd214018a71cc36c34343ccec6172b', name: "header" })), h("div", { key: '01444adfa11f0daccbd3814b938955f374715ccb', class: "s-tabs-content-wrapper" }, h("slot", { key: '9d520842f16e6eee3a515f04f577d0f8f09c484e', name: "content" })))
         ];
     }
     static get is() { return "salla-tabs"; }

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

@@ -123,7 +123,7 @@ export class SallaTelInput {
         }
     }
     render() {
-        return (h(Host, { key: '727fa47d71bd8fd98f76c66b3bafb2348a586303', class: "s-tel-input" }, h("input", { key: '19f5d3e2ff8902733e21f39038f716b18ae065ae', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: 'ad6b735fa4d5574b8717f460171c13a56a031451', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '07c8732dc276613fc5ed2928a2d47af51c49d942', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: '17ba242a4a378ef83e44cdf0114c0f3e3b48adbc', class: "s-tel-input" }, h("input", { key: '6fce02afd1bde804aa7f29d0f25f2b37253db372', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: '95d781eaa114bcc4f67a3104c434818c768bcd7c', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'f5aa842015af4b327ea9bde37bd919eba77918c7', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initTelInput();

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

@@ -27,7 +27,7 @@ export class SallaTooltip {
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (h("div", { key: '84dfb23d4eb2689ff71b65c4a8b24dd36f8cb6ca', class: "s-tooltip-container" }, h("div", { key: '59d3bac320e20f99de1c4bf49531a61962190efc', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
+        return (h("div", { key: '449a90d32ba963fcccd459a59c89ccd7a1d987cb', class: "s-tooltip-container" }, h("div", { key: '4d0a51aeb7e1b640d618948b1bda7170fa4b1264', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
     }
     static get is() { return "salla-tooltip"; }
     static get originalStyleUrls() {

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

@@ -56,7 +56,7 @@ export class SallaUserSettings {
         await salla.profile.delete().finally(() => this.confirmationModal.close());
     }
     render() {
-        return (h(Host, { key: 'ae94c12d52ff04f41f08d4a107a35aa2bd94ee0a', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '5b46a680b85fc72976c5c3d4f478b64b6c1d483c', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'b41bb42ea03a2ed63c7664d0b98ee045110c31d0' }, h("div", { key: '29abb43471c5160b7817f153c8968593332e7826', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '3fd763ac2437570eed2073acb6b57cbdd0f1cdac', innerHTML: UserCancel })), h("div", { key: 'cbff9be1b97a31a11d1b10d88d2408070047fd3b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '5fd0a91c56d9b8deeed04fb52a033fe5c1ad84ee', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '81ed76bd7b69ae7b16440f131cd78905d33da607', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'ae98c8814636b4e6008c421b291353ba2c4b91e7', class: "s-toggle" }, h("input", { key: '0c01d7706053667e80539a0a293ea21f4304e423', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '31d91e01bc2a28a6cd81af024b99bd42f1a04947', class: "s-toggle-switcher" }))))), h("div", { key: '7dd3c504babb5b79d07d08c5665cd5e080cb9a4d', class: "s-user-settings-section" }, h("salla-list-tile", { key: '9573ce56a617ac5c3e64f7cd868269f7f5f991cd' }, h("div", { key: 'deb424768ebb4b1086067816f4359e5b56da6044', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'db74169678f85313ef3b6c9a5ff92f8afaf012c2', innerHTML: Bullhorn })), h("div", { key: '569cc0dd9462bb606dab18116c071acb49fd8f48', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'fbe15f41b42ee2f98585ae29ff985cbe3b6f0ef1', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'c1a4fd8a0a340a73adb9efac7c7d75534b13ce3a', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'fade0f4d1a9214169bb087900561afd482674a75', class: "s-toggle" }, h("input", { key: '87cf0b041a89d79b23c2dd0d929c3b14dd18fb96', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '7812c9a8f51a7ad64172db275ac050f8b45ec6e5', class: "s-toggle-switcher" }))))), h("div", { key: '7224d14d365a9fd767e2b900dd1e30c6bee69e7e', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: 'cb61e0a146115885a36455159d808d7edbbdff5b' }, h("div", { key: 'c073c1bbca5ae9496a4116323611d15f33d68566', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'ed78cb19724511219f35ed85e3d915ced708d46c', innerHTML: UserOff })), h("div", { key: 'f8a9ba483b7af0216536a130554186b722f9ad6e', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: 'fd9cdf72725204e320c56b1bd6ac4cf2d77d2176', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '739a99cfb762cd18d91c955b218ab0d06a289a9a', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'c2fd322ae8ff4060c21c65cfdd8b1d89bb338e3f', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: 'f8c8a2922ffd79d2dc04a35cf964882526b6b91c', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: 'b036e50b12f521c0f623ae7afded1113b0fc20ab', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '0ae61369ece6d96056e0b461ba7a3e0104e00583', class: "s-user-settings-confirmation" }, h("div", { key: 'ef2eef33396e9eaa0c43d2196e43b61917f3c5fe', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '1656cb466302c11990d5e0d9833b21cb47766846', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'ce75f721106b103e6c7f2cfc75f8be08aba54f9c', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '006ceecf237eee2febde96ff584eb8256b820049', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (h(Host, { key: '76e95ae08b8d3d934076fdadb87b23c4606eadde', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: 'feb63389157a1a007becfa45cbfd564adc63dd68', class: "s-user-settings-section" }, h("salla-list-tile", { key: '8506e24e228e9a59b4fa59e3a866686d2cc255c0' }, h("div", { key: 'a6bc59a84423e8a5f65a2a3ea1ab9db251ddc1e2', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '828ba49bef3821ba4fbbea23e07f37d57984b0ff', innerHTML: UserCancel })), h("div", { key: 'ed332f5854e5a3d028a94df3b2538c5b0bdb0ca1', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '19f89aa5d12f4c08f41be28a1c862eba2c86150e', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '5a4f9b9e130ad72101ff6a493b78bdf0738db0fe', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '00cee0e5c9bf4a919c7be37ac62df607ad106209', class: "s-toggle" }, h("input", { key: '5bdd4026041443e79ed95242aae0ae8f1c61cd28', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '7cb153f865d56a081448bf130d0dfd2bc1ede203', class: "s-toggle-switcher" }))))), h("div", { key: '5620b4facff1e9c674abc240ee2bf8b6237f1fbb', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'b4a692bae833373a3b6581418af8ffa00b7f73a7' }, h("div", { key: 'c6537db1d992c558c93b9c5af60989ebe3c63348', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '4bcf789ad42596769768d7e5ae5a88bdc9ee231b', innerHTML: Bullhorn })), h("div", { key: '976f8915e679d754948dd08a5ff7d8b0320b4da3', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '10f4d900aded91b3cb20fa5b035469a7fc450ad1', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'dd05f000aa1e957ac2e8af717a473823145ff5b4', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'a5aea06c99e51feaa830dc1ca8c3c3822ad65f53', class: "s-toggle" }, h("input", { key: '2dc941eff3db9c3e19dbfb37031b61dfc316411e', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '264de991096e020e35f76818478ccbc391aef974', class: "s-toggle-switcher" }))))), h("div", { key: '0f3d06196ee4834a23cced30a825c65302346216', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '24a610796c16ff56a669370f51bca809cbed4c71' }, h("div", { key: '5077fc40225254a6229809cf7c0cd189a09ce4f3', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '233ebdeadb3e334bde45ff13cfd44d969392d7c7', innerHTML: UserOff })), h("div", { key: '33a12b3922ad71198d165e1f8664bfe4a493ee94', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: 'e2a872d965bf1c549cb074d312e31e520ae1f093', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '10b3e3fa5d708a2410d7dc59e408c2dde46a3b75', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'fd70ec26eb9c8ccd9091c525589cb2dd6ea54726', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: 'c44d0984c20285753fb24471ad96bd760442405c', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: 'd40430003d5a59367a3be7060452dfccfb96407f', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: 'e9222043b55fe1afe6d7a77b1b97f97b089c256d', class: "s-user-settings-confirmation" }, h("div", { key: '39142484741c00634eaf278fc31c65ece79f683a', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '3a251ff22553250d972b99a959a6fc8cca7e3566', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'c69bbdaacaaf144aeb75ff50c71859db3189a18c', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '38355dfb44f8639cc01e075ea5a9ef7acb68e55f', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
     static get is() { return "salla-user-settings"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-wishlist-actions/salla-wishlist-actions.js

@@ -325,7 +325,7 @@ export class SallaWishlistActions {
         }
     }
     render() {
-        return (h(Host, { key: '6329ecd00f2d08cd0fc485c371e98fe7984502d0' }, h("div", { key: '6e24cd1109ae290196337fe3e1e05cfd074966a9', class: "s-wishlist-actions" }, h("div", { key: '82c29d5b203368059c7883272c36576b19bdfd2d', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, h("div", { key: '3f85ad6a6e72308b71d506d2fc8687672b00ea7a', class: "s-wishlist-actions-dropdown relative" }, h("salla-button", { key: '56c109a338bc9fa06aebdadb041b6587440fa71a', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, h("div", { key: 'f0cf0dc66dd8ce00ac878481bbf21662d1853eba', class: "flex flex-row justify-center items-center gap-2" }, h("svg", { key: '3b97ef84df832a0bc1198319cc63b753da915b37', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: 'e8c626812dad32a5fc3165b58ce76a5c39586f09', d: "M26.667 21.333c-1.699 0-3.196 0.812-4.173 2.052l-11.912-5.211c0.044-0.276 0.085-0.553 0.085-0.841 0-0.472-0.081-0.923-0.197-1.359l12.361-6.952c0.971 1.009 2.328 1.644 3.836 1.644 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333-5.333 2.392-5.333 5.333c0 0.472 0.081 0.923 0.197 1.359l-12.361 6.952c-0.971-1.009-2.328-1.644-3.836-1.644-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c1.699 0 3.196-0.812 4.173-2.052l11.912 5.211c-0.044 0.276-0.085 0.553-0.085 0.841 0 2.941 2.392 5.333 5.333 5.333s5.333-2.392 5.333-5.333-2.392-5.333-5.333-5.333zM26.667 2.667c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM5.333 20c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667zM26.667 29.333c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z" })), this.shareLabel, h("svg", { key: '731093a2d4393fe53d63e96ecc48fcb4c4a360d2', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: 'af87c9481389b4b1e544e0ab2eac43db6c164aac', d: "M26.212 10.996c-0.556-0.484-1.396-0.428-1.881 0.127l-8.331 9.519-8.331-9.52c-0.485-0.555-1.327-0.611-1.881-0.125s-0.609 1.328-0.124 1.881l9.333 10.667c0.253 0.291 0.617 0.456 1.003 0.456s0.749-0.165 1.003-0.456l9.333-10.667c0.485-0.553 0.429-1.396-0.124-1.881z" })))), this.menuOpen && (h("ul", { key: '62ce5ade389fb563d2548fd94939f697dbc03d8a', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, h("li", { key: '7cb443687290ce4c7144b71140b68c020bb52dd4' }, h("button", { key: 'd55410bb2f164d267a9c21af2648fbef3fdc1928', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), h("li", { key: 'f921f5241b0e7b7ebb228049f84dfe3996081d92' }, h("button", { key: 'dbc903542086266571c21ada73d54dab62f5a3e2', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), h("salla-social-share", { key: '0e3aec575c1b4aa4cdd5bb2c61f3cc3e90687f23', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, h("span", { key: 'bafce0670b980b583398b3d1a997020298e35bed', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (h("div", { key: '216cd3409541b0f93b26e2f2bfe256a36d0ff37b', class: "s-wishlist-actions-panel flex items-center justify-between gap-4 flex-wrap p-4 mt-3 mb-3 bg-white rounded-lg" }, h("label", { key: '4bf9a1cc508bfc87c229f69a7134bdefae0f9535', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, h("input", { key: 'fbc39c6513eec5f4b1f281046b509c642ddce3db', type: "checkbox", class: "s-products-list-select-checkbox s-wishlist-actions-select-all", checked: this.isAllSelected, ref: el => (this.selectAllCheckbox = el), "aria-label": this.selectAllLabel, onChange: () => this.toggleSelectAll() }), h("span", { key: '02ba3b818ecb802d8976734738c8042163b6cdae', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), h("div", { key: '447df46aa76c1ecb165b7680465ff6c6dfcc967d', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, h("salla-button", { key: '36a6360b83dd07d20ca7763e2f12dc93f169c645', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), h("salla-button", { key: '3aa46bcd91bf605f7715fcaa5692e4ca0e8f199e', class: "s-wishlist-actions-share", color: "primary", fill: "outline", type: "button", disabled: !this.selectedCount, loading: this.isSharing, onClick: () => this.shareSelected() }, this.shareLabel)))))));
+        return (h(Host, { key: '944b6422bfba4a6d243866bc9c37d8035a44df5d' }, h("div", { key: '4bc2b5c2ff67c4b78b578a434d0b831127ee296e', class: "s-wishlist-actions" }, h("div", { key: '89680ee97dfc92640639806f03ff9d5c1e34fe2a', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, h("div", { key: 'd4e0df8eb1afaacbae1d19c811b746f861f298c2', class: "s-wishlist-actions-dropdown relative" }, h("salla-button", { key: 'c8d0932f278391ee8cd8e8c962c807cd4027fbb4', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, h("div", { key: 'b3afc332535ad851c6b4f69bf8857dfc2fe82630', class: "flex flex-row justify-center items-center gap-2" }, h("svg", { key: 'a71c080825b75616417f3cafca72472e8e51293f', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: 'a1f025824128c9612f28a08d70f32965eac0e24b', d: "M26.667 21.333c-1.699 0-3.196 0.812-4.173 2.052l-11.912-5.211c0.044-0.276 0.085-0.553 0.085-0.841 0-0.472-0.081-0.923-0.197-1.359l12.361-6.952c0.971 1.009 2.328 1.644 3.836 1.644 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333-5.333 2.392-5.333 5.333c0 0.472 0.081 0.923 0.197 1.359l-12.361 6.952c-0.971-1.009-2.328-1.644-3.836-1.644-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c1.699 0 3.196-0.812 4.173-2.052l11.912 5.211c-0.044 0.276-0.085 0.553-0.085 0.841 0 2.941 2.392 5.333 5.333 5.333s5.333-2.392 5.333-5.333-2.392-5.333-5.333-5.333zM26.667 2.667c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM5.333 20c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667zM26.667 29.333c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z" })), this.shareLabel, h("svg", { key: '9411b9da4d81961bb32a0577b39b429e1c1c965f', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: 'd9a5ae414ddc8b3d73403271b2c36a7562fbf056', d: "M26.212 10.996c-0.556-0.484-1.396-0.428-1.881 0.127l-8.331 9.519-8.331-9.52c-0.485-0.555-1.327-0.611-1.881-0.125s-0.609 1.328-0.124 1.881l9.333 10.667c0.253 0.291 0.617 0.456 1.003 0.456s0.749-0.165 1.003-0.456l9.333-10.667c0.485-0.553 0.429-1.396-0.124-1.881z" })))), this.menuOpen && (h("ul", { key: '827753681d4b785e4881fd2b3b9c0ea9eadc196d', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, h("li", { key: 'd7db89f5e2d35bf745f4fd452cb253a42abddc92' }, h("button", { key: 'ed26ea310c9c736721801c5ba3082ee9a5795246', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), h("li", { key: 'd9dfe8c03c06f0dc2351c97c5fa65afdb21434af' }, h("button", { key: 'bb6d478be61ebebae69aed968df87f4c674ecea6', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), h("salla-social-share", { key: 'ec9d7848c88d88189aaadd8d142b2d2425d18c77', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, h("span", { key: '4cc856e9916d823d1eae1f1438ceef27afff61de', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (h("div", { key: '0378d758c20ffb30e43f5c833ea9adc26d62dc56', class: "s-wishlist-actions-panel flex items-center justify-between gap-4 flex-wrap p-4 mt-3 mb-3 bg-white rounded-lg" }, h("label", { key: 'dbe68424b609667ae57a14e6a7b268e7d3fcb70b', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, h("input", { key: '43933b5d67b6629974d0fdd43731046b83bc8def', type: "checkbox", class: "s-products-list-select-checkbox s-wishlist-actions-select-all", checked: this.isAllSelected, ref: el => (this.selectAllCheckbox = el), "aria-label": this.selectAllLabel, onChange: () => this.toggleSelectAll() }), h("span", { key: '794e0c0f27cf9a91c351f586bf69be2fd0ebd917', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), h("div", { key: '40f84f47845e32eacfb21a1bf937bcd287a869e3', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, h("salla-button", { key: '42976baa9eb980e26bc93b41d23972c17441aa96', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), h("salla-button", { key: '48b182f5d518b7d761f3fe59339755ab78fd1f19', class: "s-wishlist-actions-share", color: "primary", fill: "outline", type: "button", disabled: !this.selectedCount, loading: this.isSharing, onClick: () => this.shareSelected() }, this.shareLabel)))))));
     }
     static get is() { return "salla-wishlist-actions"; }
     static get originalStyleUrls() {