@salla.sa/twilight-components 2.14.427 → 2.14.429

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

@@ -0,0 +1,566 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { h, Host } from "@stencil/core";
+export class SallaSearchableDropdown {
+    constructor() {
+        this.placeholder = '';
+        this.items = [];
+        this.selectedItem = null;
+        this.loading = false;
+        this.searching = false;
+        this.disabled = false;
+        this.required = false;
+        this.noResultsText = '';
+        this.inputId = '';
+        this.searchQuery = '';
+        this.clientSearch = false;
+        this.dropUp = false;
+        this.isOpen = false;
+        this.focusedIndex = -1;
+        this.clientSearchQuery = '';
+        this.scrollableAncestor = null;
+        this.handleTriggerClick = () => {
+            if (this.isOpen) {
+                this.close();
+            }
+            else {
+                this.open();
+            }
+        };
+        this.handleTriggerKeyDown = (e) => {
+            if (e.key === 'Enter' || e.key === ' ' || e.key === 'ArrowDown') {
+                e.preventDefault();
+                if (!this.isOpen)
+                    this.open();
+            }
+            else if (e.key === 'Escape') {
+                this.close();
+            }
+        };
+        this.handleSearchInputChange = (e) => {
+            const value = e.target.value;
+            if (this.clientSearch) {
+                this.clientSearchQuery = value;
+            }
+            this.searchInput.emit(value);
+            this.focusedIndex = -1;
+        };
+        this.handleSearchKeyDown = (e) => {
+            const visibleItems = this.filteredItems;
+            const itemCount = visibleItems.length;
+            switch (e.key) {
+                case 'ArrowDown':
+                    e.preventDefault();
+                    this.focusedIndex = itemCount > 0
+                        ? (this.focusedIndex + 1) % itemCount
+                        : -1;
+                    this.scrollFocusedIntoView();
+                    break;
+                case 'ArrowUp':
+                    e.preventDefault();
+                    this.focusedIndex = itemCount > 0
+                        ? (this.focusedIndex - 1 + itemCount) % itemCount
+                        : -1;
+                    this.scrollFocusedIntoView();
+                    break;
+                case 'Enter':
+                    e.preventDefault();
+                    if (this.focusedIndex >= 0 && this.focusedIndex < itemCount) {
+                        this.selectItem(visibleItems[this.focusedIndex]);
+                    }
+                    break;
+                case 'Escape':
+                    e.preventDefault();
+                    this.close();
+                    break;
+            }
+        };
+    }
+    connectedCallback() {
+        this.boundHandleClickOutside = this.handleClickOutside.bind(this);
+        document.addEventListener('mousedown', this.boundHandleClickOutside);
+    }
+    disconnectedCallback() {
+        document.removeEventListener('mousedown', this.boundHandleClickOutside);
+        if (this.scrollableAncestor) {
+            this.scrollableAncestor.style.overflow = '';
+            this.scrollableAncestor = null;
+        }
+    }
+    onItemsChange() {
+        this.focusedIndex = -1;
+    }
+    normalizeArabic(text) {
+        return text.replace(/[أإآا]/g, 'ا');
+    }
+    get filteredItems() {
+        if (!this.clientSearch || !this.clientSearchQuery.trim()) {
+            return this.items;
+        }
+        const query = this.normalizeArabic(this.clientSearchQuery.trim().toLowerCase());
+        return this.items.filter(item => {
+            const normalizedName = this.normalizeArabic(item.name.toLowerCase());
+            const normalizedNameEn = item.name_en ? item.name_en.toLowerCase() : '';
+            return normalizedName.includes(query) || normalizedNameEn.includes(query);
+        });
+    }
+    getDisplayName(item) {
+        const lang = salla?.config?.get('user.language_code');
+        if (lang && lang !== 'ar' && item.name_en?.trim()) {
+            return item.name_en.trim();
+        }
+        return item.name;
+    }
+    handleClickOutside(e) {
+        if (!this.isOpen)
+            return;
+        const target = e.target;
+        if (!this.host.contains(target)) {
+            this.close();
+        }
+    }
+    findScrollableAncestor() {
+        let el = this.host.parentElement;
+        while (el) {
+            const style = getComputedStyle(el);
+            const overflowY = style.overflowY;
+            if (overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'hidden' || style.overflow === 'clip') {
+                return el;
+            }
+            el = el.parentElement;
+        }
+        return null;
+    }
+    open() {
+        if (this.disabled || this.loading)
+            return;
+        this.isOpen = true;
+        this.focusedIndex = -1;
+        this.scrollableAncestor = this.findScrollableAncestor();
+        if (this.scrollableAncestor) {
+            this.scrollableAncestor.style.overflow = 'visible';
+        }
+        this.dropdownOpened.emit();
+        requestAnimationFrame(() => this.searchInputRef?.focus());
+    }
+    close() {
+        if (!this.isOpen)
+            return;
+        this.isOpen = false;
+        this.focusedIndex = -1;
+        this.clientSearchQuery = '';
+        if (this.scrollableAncestor) {
+            this.scrollableAncestor.style.overflow = '';
+            this.scrollableAncestor = null;
+        }
+        this.dropdownClosed.emit();
+    }
+    scrollFocusedIntoView() {
+        if (this.focusedIndex < 0)
+            return;
+        requestAnimationFrame(() => {
+            const listEl = this.panelRef?.querySelector('.s-searchable-dropdown-list');
+            const focused = listEl?.children[this.focusedIndex];
+            focused?.scrollIntoView({ block: 'nearest' });
+        });
+    }
+    selectItem(item) {
+        this.itemSelected.emit(item);
+        this.close();
+    }
+    render() {
+        const hasSelection = this.selectedItem != null;
+        const listboxId = `${this.inputId}-listbox`;
+        return (h(Host, { key: '1e413d4391362f274223724ab37f5842a196f936', class: "s-searchable-dropdown" }, h("div", { key: 'c1c0b595a458db8918bc7c72b949cd514d764613', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '576831e0383f561d5512792cb52d1c6d40156015', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '290e1edb52971f5af6c6555f82ad595e97c9994d', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'e3c9aaea5697839e67aab1b91d07cb825ee76c7b', 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: 'f1e95e38ebffc358a9045f0fd38dd205eb2a14bb', 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: 'a5c6b4650d8de5467c1d53e67700168a0795ff0b', class: {
+                's-searchable-dropdown-panel': true,
+                's-searchable-dropdown-panel--up': this.dropUp,
+            }, ref: (el) => (this.panelRef = el) }, h("div", { key: '5ddf73d6d8cb96881ac6f94ef25a9f58b883a6c0', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: 'ec52897c25962c6d1e84986f25bdac2dd8ecdac0', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: 'e14dd7a0dae605dd37782cdd8c235e875105fcc9', 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: '80daad72643001e400a9ff43444bbad5077ffa2d', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+    }
+    renderListContent() {
+        if (this.searching || this.loading) {
+            return (h("div", { class: "s-searchable-dropdown-loading" }, h("svg", { class: "s-searchable-dropdown-spinner", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", opacity: "0.25" }), h("path", { d: "M12 2a10 10 0 0 1 10 10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }))));
+        }
+        const visibleItems = this.filteredItems;
+        if (visibleItems.length === 0) {
+            return (h("div", { class: "s-searchable-dropdown-empty" }, this.noResultsText || salla?.lang?.get('common.elements.no_options') || 'No results found'));
+        }
+        return visibleItems.map((item, index) => {
+            const isSelected = this.selectedItem?.id === item.id;
+            const isFocused = this.focusedIndex === index;
+            return (h("button", { key: item.id, type: "button", role: "option", class: {
+                    's-searchable-dropdown-item': true,
+                    's-searchable-dropdown-item--selected': isSelected,
+                    's-searchable-dropdown-item--focused': isFocused && !isSelected,
+                }, "aria-selected": isSelected ? 'true' : 'false', onClick: () => this.selectItem(item) }, h("span", { class: {
+                    's-searchable-dropdown-item-name': true,
+                    's-searchable-dropdown-item-name--selected': isSelected,
+                } }, this.getDisplayName(item)), isSelected && (h("i", { class: "sicon-check s-searchable-dropdown-item-check", "aria-hidden": "true" }))));
+        });
+    }
+    static get is() { return "salla-searchable-dropdown"; }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "attribute": "label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "placeholder": {
+                "type": "string",
+                "attribute": "placeholder",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "items": {
+                "type": "unknown",
+                "attribute": "items",
+                "mutable": false,
+                "complexType": {
+                    "original": "DropdownItem[]",
+                    "resolved": "DropdownItem[]",
+                    "references": {
+                        "DropdownItem": {
+                            "location": "import",
+                            "path": "./interfaces",
+                            "id": "src/components/salla-searchable-dropdown/interfaces.ts::DropdownItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "selectedItem": {
+                "type": "unknown",
+                "attribute": "selected-item",
+                "mutable": false,
+                "complexType": {
+                    "original": "DropdownItem | null",
+                    "resolved": "DropdownItem",
+                    "references": {
+                        "DropdownItem": {
+                            "location": "import",
+                            "path": "./interfaces",
+                            "id": "src/components/salla-searchable-dropdown/interfaces.ts::DropdownItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "null"
+            },
+            "loading": {
+                "type": "boolean",
+                "attribute": "loading",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "searching": {
+                "type": "boolean",
+                "attribute": "searching",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "required": {
+                "type": "boolean",
+                "attribute": "required",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "noResultsText": {
+                "type": "string",
+                "attribute": "no-results-text",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "inputId": {
+                "type": "string",
+                "attribute": "input-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "searchQuery": {
+                "type": "string",
+                "attribute": "search-query",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "clientSearch": {
+                "type": "boolean",
+                "attribute": "client-search",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "dropUp": {
+                "type": "boolean",
+                "attribute": "drop-up",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isOpen": {},
+            "focusedIndex": {},
+            "clientSearchQuery": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "itemSelected",
+                "name": "itemSelected",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "DropdownItem",
+                    "resolved": "DropdownItem",
+                    "references": {
+                        "DropdownItem": {
+                            "location": "import",
+                            "path": "./interfaces",
+                            "id": "src/components/salla-searchable-dropdown/interfaces.ts::DropdownItem"
+                        }
+                    }
+                }
+            }, {
+                "method": "searchInput",
+                "name": "searchInput",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }, {
+                "method": "dropdownOpened",
+                "name": "dropdownOpened",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "dropdownClosed",
+                "name": "dropdownClosed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "items",
+                "methodName": "onItemsChange"
+            }];
+    }
+}

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: '9f9448d939ba69f60eca8dc6ea2ff98a047d6770', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '3b43bb472316b5541a90081a5f3cb6ef91558212', class: classes }, "\u00A0")));
+        return (h(Host, { key: '2e14c27cb5a5403df46898ec1ae460fdd92f651f', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '771d8d0c6640486cab15a70e47e8418edc77863e', 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: '27639596a37f52686c1ac4b1a825fa143747216c' }, h("ul", { key: '9f6a6c96fe124fda09d2b879e3825ef73ec29c2c', 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: '921a2e9387ec6d8c450f222ecbb36f81be06cb30' }, h("ul", { key: 'b65fa02b40dcd077ec89076aea55f9cc664eb92e', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
                 .replace(/\{icon\}/g, this.iconsList[link.type])
                 .replace(/\{type\}/g, link.type)
                 .replace(/\{link\}/g, link.value.toString()) })))))));

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

@@ -122,7 +122,7 @@ export class SallaSocialShare {
         window.a2a?.init('page');
     }
     render() {
-        return (h("div", { key: 'b3e61354de13c16f9bce1dd4cd397375d9a42da9', class: "s-social-share-wrapper" }, h("slot", { key: 'ef44d8cda6967977a59a0fe85777add8a73ffa59', name: 'widget' }, h("salla-button", { key: '243916c3a241c9dceb11a406faabe033c71820d2', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: 'a6fd2be4e2990f285960308cfd985d37e464d205', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '27fa3a6ae2306cb61d97e71bb6591dd3614b5977', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
+        return (h("div", { key: 'e8585bb94b5e8c8b3136fa242bccdbf5406b350e', class: "s-social-share-wrapper" }, h("slot", { key: '15e2187a3df06ccb32b505d5437ebcf9241046a4', name: 'widget' }, h("salla-button", { key: '99467cafadf06a67b087e6ba13709d0d1a612ecc', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '2b6538e88a074cd769af24b72f2629e21dff45a5', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: 'dc42096ad383c9e7504c5e132e8fe65f25192748', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
             return (h("li", null, h("a", { class: `a2a_button_${platform}`, "aria-label": `Share Via ${platform}` }, this.platformIcons.map((icon) => {
                 if (icon.name === platform) {
                     return h("span", { class: "s-social-share-icon", innerHTML: icon.icon });

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

@@ -30,7 +30,7 @@ export class SallaTabContent {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: '8678e860af6640f0ff1a92593fbe624416412b49', class: classes }, h("slot", { key: '10951e5230f9c5fbfbd5959d3773d44b66e85315' })));
+        return (h("div", { key: '32762c93a41db3a20cd9fa98db182af388ecb084', class: classes }, h("slot", { key: '40caefc56a772c6f3f9a41650aec01a72e9e899b' })));
     }
     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: '02bd540222ec3bd4adac0dd08132c366e29c6d9d', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '9e6de884cb209d499e4bbd055e40c525680a7c37' })),
+            h("div", { key: 'ac33877e26aac4d67f1d0f1dfdd6f34197739d8f', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'bc8b9b519b480f0df2203b06bde1b82086f48a1e' })),
         ];
     }
     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: 'ecbcdc11af92d35afe933b11676bcf4769d19162', class: "s-tabs" }, h("div", { key: 'fa4fdecbc995dded92e3d64bf770d6375ad53fd2', class: "s-tabs-header" }, h("slot", { key: '730c1a278e95b7fa98da29956fee23dcd06e641d', name: "header" })), h("div", { key: '9721096ba8e1236500855a80f569e6ea8a4c1c32', class: "s-tabs-content-wrapper" }, h("slot", { key: 'ce82c43fd21bd1f28a7658b927646d0ff6052ea7', name: "content" })))
+            h("div", { key: 'b9b534860c70c17b22cad198696b80a5fae10d90', class: "s-tabs" }, h("div", { key: '7285d740077583bf211e7744d2db22e361989778', class: "s-tabs-header" }, h("slot", { key: '951159808cd26ce4994cbf69a3b0bed6100929dd', name: "header" })), h("div", { key: 'db550a026743862e8056b1a0f361da06cb78b4a3', class: "s-tabs-content-wrapper" }, h("slot", { key: '3b5dacf111e5e911c1f821e38bcbf578699cae33', 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: '0ed711498e5b2987a4299bd36bebb6963a5082ea', class: "s-tel-input" }, h("input", { key: '8beb06377cefe6b4e02ca82f04941025949ea304', 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: '90295738a19bae3c61f4cb149c162ae8e3e1b08c', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'a15b9f99bbae0be5af7bd00335a4174e9609d507', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: 'b7c80fe9322f6f0ddd519042387ded7f7be3b33e', class: "s-tel-input" }, h("input", { key: '839b34b164c5dca31c917f514fe3fabd6bc4dfa3', 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: '81be950bd3b0dffc5637b02687c9b4318485757f', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '4f6a8e7888bf8e28d8029fd12851bb77286893a1', 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: '789e7e8e0653d68b5387b2199e05f287c8b91c92', class: "s-tooltip-container" }, h("div", { key: '0342a96fa7c3d316cfc9f5435dc7321920044a12', 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: 'e88949e9f1d97170bc61a0ab37e221863b9bc79f', class: "s-tooltip-container" }, h("div", { key: '1e65ce349cab58449512ba02ab11028de7fd6aa4', 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() {