@tet/tet-components 1.3.92-testing → 1.3.93-production

package/dist/collection/components/advanced/cards/tet-b2b-compare-card/tet-b2b-compare-card.js

@@ -0,0 +1,301 @@
+import { a11yBtnClick } from "../../../../services/utils/a11y";
+import { Host, forceUpdate, h } from "@stencil/core";
+import { processTranslations, t } from "../../../../services/translations/index";
+/** Custom breakpoint for component, requested by designers to be different than usual 360, 768, 1440 */
+const CUSTOM_BREAKPOINT = 422;
+export class TetB2bCompareCard {
+    constructor() {
+        /** @private The suffix for the price displayed - "€/mēn."). */
+        this.priceSuffix = '€/mēn.';
+        /**
+         * @private Initializes localCount based on options.counterOptions.defaultValue or defaults to 1.
+         */
+        this.initCount = () => {
+            var _a, _b;
+            this.localCount = (_b = (_a = this.options.counterOptions) === null || _a === void 0 ? void 0 : _a.defaultValue) !== null && _b !== void 0 ? _b : 1;
+        };
+        /**
+         * @private Updates localCount and emits the countChange event.
+         * @param newCount - The new count value to be emitted.
+         */
+        this.updateCountAndEmit = (newCount) => {
+            if (typeof newCount === 'number') {
+                this.localCount = newCount;
+            }
+            this.countChange.emit({ cardId: this.options.id, count: newCount });
+        };
+        /**
+         * @private Handles the card click event, setting localIsSelected to true and emitting selectedChange.
+         */
+        this.handleSelect = (e) => {
+            const isLinkOrDescendant = e.target.closest('a');
+            if (isLinkOrDescendant) {
+                return;
+            }
+            if (!this.localIsSelected) {
+                this.localIsSelected = true;
+                this.selectedChange.emit(true);
+            }
+        };
+        /**
+         * @private Handles the value change event from the nested tet-stepper-input component.
+         * @param detail - The event containing the new quantity value.
+         */
+        this.handleCounterValueChange = ({ detail }) => {
+            if (this.added) {
+                this.updateCountAndEmit(detail);
+            }
+            else {
+                this.localCount = detail;
+            }
+        };
+        /**
+         * @private Handles the "Add to Basket" action, stops event propagation, and emits the new count.
+         * @param e - The DOM event.
+         */
+        this.handleAdd = (e) => {
+            e.stopPropagation();
+            this.updateCountAndEmit(this.localCount);
+        };
+        /**
+         * @private Handles the "Remove from Basket" action, stops event propagation, and emits a null count.
+         * @param e - The DOM event.
+         */
+        this.handleRemove = (e) => {
+            e.stopPropagation();
+            this.updateCountAndEmit(null);
+        };
+        this.localCount = 0;
+        this.localIsSelected = false;
+        this.isTablet = false;
+        this.theme = 'light';
+        this.options = undefined;
+        this.count = undefined;
+        this.isSelected = false;
+    }
+    /**
+     * @private Signals whether the item is currently considered "added" to the cart.
+     * Derived from the external 'count' prop being a defined number.
+     */
+    get added() {
+        return this.count !== null && this.count !== undefined;
+    }
+    /**
+     * @watch syncCount
+     * Synchronizes the internal count state with the external 'count' property.
+     */
+    syncCount(newCount) {
+        if (typeof newCount !== 'number') {
+            this.initCount();
+        }
+        else if (this.localCount !== newCount) {
+            this.localCount = newCount;
+        }
+    }
+    /**
+     * @watch syncSelected
+     * Synchronizes the internal selection state with the external 'isSelected' property.
+     */
+    syncSelected(newSelected) {
+        if (this.localIsSelected !== newSelected) {
+            this.localIsSelected = newSelected;
+        }
+    }
+    componentWillLoad() {
+        this.initCount();
+        processTranslations('tet-components', 'lv').then(() => forceUpdate(this));
+    }
+    componentDidLoad() {
+        this.resizeObserver = new ResizeObserver((entries) => {
+            for (let entry of entries) {
+                this.isTablet = entry.contentRect.width > CUSTOM_BREAKPOINT;
+            }
+        });
+        this.resizeObserver.observe(this.hostElement);
+    }
+    disconnectedCallback() {
+        if (this.resizeObserver) {
+            this.resizeObserver.unobserve(this.hostElement);
+            this.resizeObserver.disconnect();
+        }
+    }
+    render() {
+        const { localIsSelected, localCount, options, priceSuffix } = this;
+        const { title, subtitle, isBestChoice, price, discountPrice, benefits, contract } = options;
+        const currentPrice = discountPrice !== null && discountPrice !== void 0 ? discountPrice : price;
+        const currentTotal = (localCount * currentPrice).toFixed(2);
+        const oldTotal = (localCount * price).toFixed(2);
+        const detailsId = `details-${options.id}`;
+        const titleId = `title-${options.id}`;
+        return (h(Host, { key: '06e7dfc1c810f4ca54ec3fd28113e6d369fb1bc8' }, h("div", { key: '0f043d5ee2c903c1bfce63fd1a8f5b4e403d57fb', class: { card__wrapper: isBestChoice } }, isBestChoice && (h("div", { key: '97af10522d049928f683165883af233f202ce3f9', class: { 'card__badge': true, 'card__badge--is-tablet': this.isTablet } }, t('components-b2b-configurator-best-choice'))), h("div", { key: 'f66fc87a1a9378b964d0ff5ca816663f8fe9bda9', class: { 'card': true, [`${this.theme}`]: true, 'card--selected': localIsSelected }, onClick: this.handleSelect, onKeyDown: a11yBtnClick, tabindex: 0, role: "button", "aria-expanded": localIsSelected, "aria-controls": detailsId, "aria-labelledby": titleId }, h("section", { key: 'eb2950cdd83c8397aa635f2268ff67fd61f86437', class: { 'offer': true, 'offer--is-tablet': this.isTablet } }, h("div", { key: '2c5154ac157fe6e03b8020c571f991b0153d466c', class: "offer__header" }, h("div", { key: '6bcd1f8ecd5f672937cd05cccafbd31a7836eb0a', class: { 'offer__top-info': true, 'offer__top-info--is-tablet': this.isTablet } }, h("h3", { key: '5909278d4661616c2259b647c849e5233df21eb5', id: titleId, class: { 'offer__title': true, 'offer__title--is-tablet': this.isTablet } }, title), h("p", { key: 'b88d3c9378d459f97aeae7d207795b7586373600', class: { 'offer__price': true, 'offer__price--is-tablet': this.isTablet } }, currentPrice, h("span", { key: '6f04810cda176175afc42982f2533cd88e792962', class: { 'offer__price-suffix': true, 'offer__price-suffix--is-tablet': this.isTablet } }, ' ', priceSuffix))), h("p", { key: '58807ffd2405067030b75860b6005438aa85bcf5', class: { 'offer__subtitle': true, 'offer__subtitle--is-tablet': this.isTablet } }, subtitle)), h("hr", { key: 'e1382fcfb293b07fa735f6d56190df64bfc7c878', class: "divider divider--slim" }), h("tet-text-list", { key: '1da2a6f511a8fedb9c386c61f5d6ab6ee2da0e2a', class: "offer__benefits", withIcon: true, listIcon: "tc-check", theme: this.theme }, benefits.map((benefit) => (h("span", null, benefit)))), contract && (h("div", { key: '447288a15955982e456b8fd7a575e2165aba22d4', class: "offer__contract-link" }, h("a", { key: '5c10745a26bc4ceeb36eae3fbc6166eee382087a', class: { 'tet-link': true, [`${this.theme}`]: true }, href: contract, target: "_blank", rel: "noopener noreferrer" }, t('components-b2b-configurator-contract-link-label'), h("span", { key: '11cd90f891ecd58a602e27e950c505e13c9a83cb', class: "sr-only" }, t('components-a11y-open-link-in-new-window')))))), localIsSelected && [
+            h("hr", { key: '295839d5f410009b8f4752ba68f838080ec6c859', class: "divider" }),
+            h("section", { key: '421ab3a6aadb577829a1f3e09da914573c157860', id: detailsId, role: "region", "aria-labelledby": titleId, class: { 'details': true, 'details--is-tablet': this.isTablet } }, h("div", { key: '5bf69e7293345c9975056884dca4fe4178070a5f', class: { 'details__price-block': true, 'details__price-block--is-tablet': this.isTablet } }, h("span", { key: 'ac73b260add59343d8616762720cbd2d346c6350' }, t('components-b2b-configurator-monthly-payment')), h("div", { key: 'c9153ae0621e27dcf5514db92707146d05e4f74b', class: "details__total", "aria-live": "polite" }, h("span", { key: 'ee6fcb1a273c24ebab76439569da984e92ebc5df', class: "details__total--current" }, currentTotal, " ", priceSuffix), discountPrice != null && discountPrice < price && (h("span", { key: 'ed892b2d3dd86483714e3796284c06f4fe39e7f0', class: "details__total--original" }, oldTotal, " ", priceSuffix)))), h("hr", { key: '2264d6a95f8614f375e1c1caefb571f4d42f33f9', class: "divider" }), h("div", { key: '072ab1bc2ebb383b102b04ede3cb60644f4716b6', class: { 'details__actions': true, 'details__actions--is-tablet': this.isTablet } }, h("div", { key: '4ad80af4325fa27a0a62ffb9266b2013672ed554', class: "details__quantity-control" }, options.counterOptions && [
+                h("span", { key: 'd30b66eca5c5c990c41dd784af577d7ab4956c6b', id: `qty-label-${options.id}`, class: "details__quantity-label" }, t(options.counterOptions.label)),
+                h("tet-stepper-input", { key: 'dd14d925b3c96eb37e4926adfb2253ac03cca053', class: {
+                        'details__quantity-counter': true,
+                        'details__quantity-counter--is-tablet': this.isTablet
+                    }, onInputValueChanged: this.handleCounterValueChange, value: localCount, min: options.counterOptions.minValue, max: options.counterOptions.maxValue, step: 1, theme: this.theme, accessibilityLabel: t(options.counterOptions.label), "aria-labelledby": `qty-label-${options.id}` })
+            ]), h("tet-button", { key: '4811b137265df7c3babaceee651bae05e22e5919', class: "details__submit-button", onClick: this.added ? this.handleRemove : this.handleAdd, size: "medium", type: this.added ? 'secondary' : 'primary', theme: this.theme, iconName: this.added ? 'tc-trash' : 'tc-cart-outline', iconPosition: "left" }, this.added
+                ? t('components-b2b-configurator-remove-from-basket')
+                : t('components-b2b-configurator-add-to-basket'))))
+        ]))));
+    }
+    static get is() { return "tet-b2b-compare-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tet-b2b-compare-card.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tet-b2b-compare-card.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'light' | 'dark'",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "'light'"
+                        }],
+                    "text": "The theme used for the component's styling."
+                },
+                "attribute": "theme",
+                "reflect": false,
+                "defaultValue": "'light'"
+            },
+            "options": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "B2BCard",
+                    "resolved": "{ id: string; title: string; subtitle: string; isBestChoice: boolean; price: number; discountPrice?: number; benefits: string[]; contract?: string; counterOptions?: { defaultValue: number; minValue: number; maxValue: number; label: string; }; }",
+                    "references": {
+                        "B2BCard": {
+                            "location": "local",
+                            "path": "/__w/internal-tet-web-components-tet-components/internal-tet-web-components-tet-components/src/src/components/advanced/cards/tet-b2b-compare-card/tet-b2b-compare-card.tsx",
+                            "id": "src/components/advanced/cards/tet-b2b-compare-card/tet-b2b-compare-card.tsx::B2BCard"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The core data object containing the title, prices, benefits, and counter options."
+                }
+            },
+            "count": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number | undefined | null",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The current quantity count for the item (eg. count that is added to cart in the parent)"
+                },
+                "attribute": "count",
+                "reflect": false
+            },
+            "isSelected": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "Tracks whether the card is visually expanded/selected."
+                },
+                "attribute": "is-selected",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "localCount": {},
+            "localIsSelected": {},
+            "isTablet": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "countChange",
+                "name": "countChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "event",
+                            "text": undefined
+                        }],
+                    "text": "Emitted when the user changes the quantity counter value and submits; or on card close event."
+                },
+                "complexType": {
+                    "original": "B2bCardUpdateEvent",
+                    "resolved": "{ cardId: string; count: number; }",
+                    "references": {
+                        "B2bCardUpdateEvent": {
+                            "location": "local",
+                            "path": "/__w/internal-tet-web-components-tet-components/internal-tet-web-components-tet-components/src/src/components/advanced/cards/tet-b2b-compare-card/tet-b2b-compare-card.tsx",
+                            "id": "src/components/advanced/cards/tet-b2b-compare-card/tet-b2b-compare-card.tsx::B2bCardUpdateEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "selectedChange",
+                "name": "selectedChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "event",
+                            "text": undefined
+                        }],
+                    "text": "Emitted when the card is clicked to change its selected state"
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "hostElement"; }
+    static get watchers() {
+        return [{
+                "propName": "count",
+                "methodName": "syncCount"
+            }, {
+                "propName": "isSelected",
+                "methodName": "syncSelected"
+            }];
+    }
+}

package/dist/collection/components/advanced/cards/tet-business-compare-card/tet-business-compare-card.js

@@ -28,10 +28,10 @@ export class TetBusinessCompareCard {
     }
     render() {
         const { mainTitle, bulletPoints, theme, pricePrefix, price, currency } = this;
-        return (h("div", { key: '5cf7c27be14b92dde785b9e66f3edc75eec64b04', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: '749ac8325a11b218fdc998af80a1e06287e7b29c', class: "tet-business-compare-card__body" }, h("div", { key: '6a6186b50cf44eea4f4f07cc70ab98ce11f0f4ec', class: "tet-business-compare-card__title" }, h("slot", { key: '232ebb2bde3b8f88e27e9bb5037e056df48b22aa', name: "title" }, h("h3", { key: '009c40856d9295f7bb7ccd8dc0ce97a164486e6b' }, mainTitle))), h("div", { key: '477ea288b5a362758b74001a5d482645c008c708', class: "tet-business-compare-card__content" }, h("slot", { key: 'c1901af9365e113378db89c27923a7775b995163', name: "content" }, !!(bulletPoints === null || bulletPoints === void 0 ? void 0 : bulletPoints.length) && (h("tet-text-list", { key: '2f5806b3c0af98bce159d977f4be5744fc29cbaa', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: 'f05ce0dc75895096faad7ee3bbd641e20f598203', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: '2df091d3959d0e16c09f4755af37b0b671a770b2', class: "tet-business-compare-card__price" }, h("span", { key: '5d614b748f71fb1e29c13f08689db40c14ed43bd', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: 'e9a5cf352b4505b4c6ac125fa0b2106f39202db1', class: "tet-business-compare-card__price" }, price), h("div", { key: '8c7dd7317125a4165c52aca6d6772393b6cac768', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: '4b4f3bd6d53642d866d23496ce88158e090ad2b0', class: {
+        return (h("div", { key: '35ca4e2b3df38720b9edf185be47efa21840513e', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: '7109e4601fae8a53cecec12f1c756acbdbce768d', class: "tet-business-compare-card__body" }, h("div", { key: '8afbb5e28e5cb08416256a090521790707bfaae3', class: "tet-business-compare-card__title" }, h("slot", { key: 'db1b22bce281b23c37ab974819bae15cfea0ac47', name: "title" }, h("h3", { key: 'bec3a7806cceb353d7e895c2a9d862d6d9041166' }, mainTitle))), h("div", { key: '14797e43dd41185295a8b684178641bef5b72ebe', class: "tet-business-compare-card__content" }, h("slot", { key: '6394090fb55d3e8aa3082c43569be73a2a9a51ed', name: "content" }, !!(bulletPoints === null || bulletPoints === void 0 ? void 0 : bulletPoints.length) && (h("tet-text-list", { key: '2e35c5ad4f2f7555c392b98497d4b2144cc1921d', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: 'b82ddb751f43ff2dca9e719e34084241a542b00a', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: '4b26e18cd6fa1ea5bdc6ecdfac5334f6b14ab9ea', class: "tet-business-compare-card__price" }, h("span", { key: 'f589e2ace04e497ca8e259b83b086de4a7bef8dc', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: '6680817ecbaf472db827d89abd44290d5a37ac9d', class: "tet-business-compare-card__price" }, price), h("div", { key: 'a6d5369d5d35c267e8d1d7e8dda3e44e53fa1969', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: 'da2035dc950fc8142ff00bf04d3c3e84bf3a3b0c', class: {
                 'tet-business-compare-card__footer': true,
                 'tet-business-compare-card__footer--show': this.hasContentInFooter,
-            } }, h("slot", { key: 'c9499d825848aa623bdb4b08c3f237219e0e194d', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), h("slot", { key: 'eae6fb4e431f0c1dc73fb817fd2bcbeba80cdece', ref: (slot) => (this.linkSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "link" }))));
+            } }, h("slot", { key: '669ded1714b3127b5cafa61aac1ff59fbb33c486', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), h("slot", { key: 'f95a1eab115b7056caa0ddd81a2f80d2a6afa360', ref: (slot) => (this.linkSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "link" }))));
     }
     static get is() { return "tet-business-compare-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/cards/tet-card-list/tet-card-list.js

@@ -646,19 +646,19 @@ export class TetCardList {
         this.dimensions.element.width = elementRect.width;
     }
     render() {
-        return (h(Host, { key: 'ba1eec9601d03fbc4577c62d8c6038c2d4828360' }, h("div", { key: '14d8df437a71eaba5fb86939ea4ed26e8135fede', class: {
+        return (h(Host, { key: '28390b3ae883aa090c9edcfdd99cae59b1beb5e2' }, h("div", { key: 'c21db66f3b5935308fb8770a515bcbca6e3fb103', class: {
                 'tet-card-list__container': true,
                 'tet-card-list--no-scroll': this.disableScroll,
                 [this.theme]: true,
-            }, part: "card-list-container" }, h("div", { key: 'e3d642e7a10591621917e7cf231773795d3dfa4d', class: "tet-card-list__scroll-container" }, h("div", { key: '376c7f750c3f63a2b9f7e1331d103b45254547c6', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: 'f60bf5346854d2b083dd9d3eeb4507b000f5b743' }))), h("tet-button", { key: 'aa8f7fb3786b60b1057ec5da2975b474af52ed4d', theme: this.theme, iconMode: true, class: {
+            }, part: "card-list-container" }, h("div", { key: 'c0c87835eedf89098ff9663c6f7bf5822593afe8', class: "tet-card-list__scroll-container" }, h("div", { key: '903c160b99be9b9f3eb0a41907b57919483f7513', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '6349638760d42c535eebf84d680c9da174e10aac' }))), h("tet-button", { key: '85cf93e22b332ad7ed9b651ca93aaaaed30a573d', theme: this.theme, iconMode: true, class: {
                 'tet-card-list__control': true,
                 'tet-card-list__control--left': true,
                 'tet-card-list__control--hidden': !this.controlVisibility.left,
-            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, onKeyUp: this.handleLeftControlKeyUp }, h("tet-icon", { key: '399cb33fbbdd4aaecc4f68fa7d474659f67b31aa', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: '7d69bde58b12453ca3a86055e8d11c30c5750e96', theme: this.theme, iconMode: true, class: {
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, onKeyUp: this.handleLeftControlKeyUp }, h("tet-icon", { key: '0be1c1c8ae3d5a2f90531ced42c0edf50d1b3e29', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: '15d1a6c7adc0f397094bf57656a496dcb656c980', theme: this.theme, iconMode: true, class: {
                 'tet-card-list__control': true,
                 'tet-card-list__control--right': true,
                 'tet-card-list__control--hidden': !this.controlVisibility.right,
-            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, onKeyUp: this.handleRightControlKeyUp }, h("tet-icon", { key: '9bf045c8c76a5edec871ae6b09e36834fc98ac38', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: 'fde82d4330368dc82e40fbdfec2afa051554311b', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: '4c353a5543738cd2fb6810bf1a54b77e51caea50', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, onKeyUp: this.handleRightControlKeyUp }, h("tet-icon", { key: 'f14e143a9d30ea8e3248bcf8f2a5a2145e52fcc2', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '75c30dac7b7645a1cffc0cc2497a5d64f7dcbe13', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: '5853fdb0dedc8729d967ed160c1465118d68fe16', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
     }
     static get is() { return "tet-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/customer/tet-customer-assets/tet-customer-assets.js

@@ -117,7 +117,7 @@ export class TetCustomerAssets {
         return provisioningStatus === 'Active' && tetProductType !== 'ConsumerGoods';
     }
     render() {
-        return (h(Host, { key: '03e2386df6de8157fd536b3ab482c85ce4900c59' }, h("div", { key: '758d781e0fa63e06519b500595d32095b271b9da', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: 'd157f956d1af0e71afdec8428cdcd9f864327d2d' }, h("div", { key: 'a842c6960677131ef1ef6602ae7a0426c782cec5', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
             ? h("tet-loader", { class: "loader-single" })
             : this.showLoader ? this.renderLoader() : this.renderAssetsList())));
     }

package/dist/collection/components/advanced/customer/tet-referral/tet-referral.js

@@ -42,9 +42,9 @@ export class TetReferral {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: 'd3893051919ecff6805c87a71de44871a2372f94' }, h("div", { key: '044e6036efa2075739f7c4ef65b01f524d5fb330', class: "wrapper" }, h(ThemeWrapper, { key: '55005a9598ee3553e2b528d27aaaa3ca7847afad', theme: this.theme }, h("div", { key: '0477a5bf99a563a4807e83ef59f92b93fcdae492', class: "image-container" }, h("img", { key: 'c81ac767143da86a8f5f9b06231a177914d217ce', src: t('components-referral-image-url'), alt: "" })), h("div", { key: 'bb859b90da4cf1e3bcf4304f625e0b575a868ebb', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '0456b873f3430668dfa49bcd62f945697c433935', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '03f861040bf70da4f8b442d80b52f561f98dfc46', class: "referral-block" }, h("div", { key: '0f306e2f28cb4b5db328d78bd1adda5d801d4dbf', class: "url-wrapper" }, h("div", { key: 'd87c87af240dda6ce5ad0bed6f444dd34619ea20', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'e133352fb780ee6416da770de0dc3e614d811d2d' }, h("div", { key: '3414e2f7d8a4c73f3cca3ac884a3ac2927e005e9', class: "button-wrapper" }, h("tet-tooltip", { key: '4b1f6f540e0c65891b3f039297e4dec34504f130', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: '8d221adfe8a3b5bae5e52d769c523ac6ff98a6f6' }, h("div", { key: '9879856f747004efd35619c25e0c8a3235201f48', class: "wrapper" }, h(ThemeWrapper, { key: 'e61e6fb96d35875c4c134b0865950cd21e4425b7', theme: this.theme }, h("div", { key: '777a3dd5f157801f36c09e9bd6b9acdd6bf0d6f0', class: "image-container" }, h("img", { key: 'f5818dc251071154a9e79caf89bc2bb51b318676', src: t('components-referral-image-url'), alt: "" })), h("div", { key: 'eddbe49d1654114d5043d86b8b014bd0692f68af', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: 'f377f9aa6a8a44fe8f7cc323ede85c6148c925d6', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: 'f7a987d60e60e9b69a14b8b7c64e6a61a6459ac2', class: "referral-block" }, h("div", { key: '7dc3dea2c4910a635f1fe5d8e8a8a17b33796b82', class: "url-wrapper" }, h("div", { key: '33cf0a61dd7419a975f13effbc98b113e087b4c8', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '3f530451e795f721842f34d3f45d83f467df4299' }, h("div", { key: 'eee3deb626d0bc30a5c75554f8524bed7437ccab', class: "button-wrapper" }, h("tet-tooltip", { key: '76d361082fb1c4416188eba31570dcc2d2e3f738', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: '5f6689c8e38c58d275d03b1d2af90cf0c6b3963b', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: '438808bb41dbdc77a0d3fc833c744bc4dad59260', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
     }
     static get is() { return "tet-referral"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/dialog/tet-multi-step-dialog/tet-multi-step-dialog.js

@@ -107,7 +107,7 @@ export class TetMultiStepDialog {
         return (h("div", { innerHTML: step, "data-step": Number(index) + 1, class: "multi-step-dialog__step", ref: this.setStepBlocks }));
     }
     render() {
-        return (h(Host, { key: 'd4ef90604d3f040d6cad4045ff0f5ddcf8a62a6b', class: "multi-step-dialog" }, h("tet-dialog", { key: '1445ade28a8273a0da385539ab1c91b1182ad1e7', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el }, h("div", { key: '02035bc0daa0110507a7669d5412bf5ece36e43a', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: 'f1faebb48aaa24bff680fcec0437e48627769b99', class: "footer-button", slot: "footer", size: "medium", theme: "light", type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-go-back')), h("tet-button", { key: '1f995ae147be7496d0b57a6c4ab8e9c5c80563fa', class: "footer-button", slot: "footer", size: "medium", theme: "light", ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-next-step')))));
+        return (h(Host, { key: '9ca3f147e9c2cf9459a2c5a8a6b8cf7f40fb687d', class: "multi-step-dialog" }, h("tet-dialog", { key: '1266930ee05b6e0785f1b5b01a1b377e0366d195', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el }, h("div", { key: '50d8cc87c7beded569f11f7c27132c99d9a7f012', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '43e41d87867ceaf9a87080df83247cfb0140bf73', class: "footer-button", slot: "footer", size: "medium", theme: "light", type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-go-back')), h("tet-button", { key: 'be885020478b0cb08ac0494932012a00af11a111', class: "footer-button", slot: "footer", size: "medium", theme: "light", ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-next-step')))));
     }
     static get is() { return "tet-multi-step-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/forms/tet-availability-contact-form/tet-availability-contact-form.js

@@ -121,7 +121,7 @@ export class TetAvailabilityContactForm {
         return (h("div", null, h("tet-dialog", { ref: (element) => this.dialogElement = element, "footer-display": "hidden", "is-open": this.showAvailabilityContactForm, closeOnEscape: true, closeOnOverlayClick: true }, h("div", { class: "form-container" }, h("tet-icon", { name: "confirm-md", class: "icon icon-success icon-size" }), this.showTitle && h("h2", { class: "form-title" }, t('components-availability-contact-form-success-title')), h("p", { class: "form-subtitle" }, t('components-availability-contact-form-success-subtitle')), h("tet-button", { class: "form-container-close", clickCallback: this.closeDialogElement, size: "medium", type: "primary", theme: "light" }, h("span", null, t('components-availability-contact-form-success-close')))))));
     }
     render() {
-        return (h("div", { key: 'c90e37076d2130414342d14b488784be8397330b', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: '63c7b8453a97abf60f00dabed340cf2f860a1c74', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
     }
     static get is() { return "tet-availability-contact-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/forms/tet-contact-form/tet-contact-form.js

@@ -64,7 +64,7 @@ export class TetContactForm {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("div", { key: '6588e9028cb3a6d47ce453f9e9650b1b29316fbb', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '6dd69d743e10901f9b59d7416daa6626394d2723', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '1f5392d59a7a38db30c925bc9968db648eff778f', class: "form-container" }, this.showTitle && h("h2", { key: '800ab1fb2337042722dce2621ca0d7233fc97acd', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '2f3c8b17c29af7d05f157b23dc8d355173cc9075', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '891cd6dd5bbe898dfda21d7ad64dd7e1e3384dfa', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? t('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), h("tet-button", Object.assign({ key: 'd13f2fe309e7c20dce2f24b2234f90399a988f03', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit') }, this.submitButtonProps))))));
+        return (h("div", { key: '7cbbbb904b090dd60858e0cfec5704e28f174fb6', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '96b3a8c916b4e450a8d3daf647066947f6f99a45', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '0bea47bb81facf096655a456015def705b8b2c33', class: "form-container" }, this.showTitle && h("h2", { key: 'fbe360ffb62197b0a5ecd503f1c2ea0ce80240a1', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '0b7467e8ca330342d93805c8667f1577052ab082', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'a5043132b9239b6e7ea986c71a654693742f755a', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? t('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), h("tet-button", Object.assign({ key: 'b9800f791dabf4034f0019a2e1445192ed022130', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit') }, this.submitButtonProps))))));
     }
     static get is() { return "tet-contact-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-block/tet-tv-gift-block.js

@@ -32,7 +32,7 @@ export class TetTvGiftBlock {
         this.setContainerSize();
     }
     render() {
-        return (h(Host, { key: 'f39930403e10f1e281e9279216351d7afc73ad64' }, h("div", { key: 'bf810cdd3302bd5cd1169fab6706840549a83f78', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: 'df9a77be9f09829ab996586451a00e179d663528', class: "tv-gift__header" }, h("slot", { key: 'ad9ae4e733a1e4fa7533407bc0b396fc390cf517', name: "header" }, this.headerImageSrc && h("img", { key: '9e6a3155474239c3aaab877c39b26cc45963e23c', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '9752f77a6662ec7677a93c4facb882e36b0b79aa', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: 'e124fe98652bacb9ef6240c6af19ce577bbb20af', class: "tv-gift__content" }, h("slot", { key: '04e2a9229415920764895c0c2d69ef2dd7812fd0' })), h("div", { key: 'd08a2e0e3a66d7b61b769fc3b919116debd5d322', class: "tv-gift__footer" }, h("slot", { key: '4d6bff279b8be55179ebbb464402ec0634d8956e', name: "footer" }, h("span", { key: '4ed0da5b3b6efc60675b14b1032293554e134428', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '5059692b1b215b8fd82047bc63315e71af52619b', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: '6fa5c3643ec1cbf8a980dd7dcf4add062fee41f3' }, h("div", { key: 'ad2415ba70d3d9cd18c9ba07b75aedc8df81b8de', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '2e27bc8a519ac1ebc05dfd90f19290151a77597c', class: "tv-gift__header" }, h("slot", { key: '76959cad03453cfda3ac123908c948805c9fdc1a', name: "header" }, this.headerImageSrc && h("img", { key: '5e57011cee51a0214376b5fbbf44c4e5084836c4', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '47eb671de082cadf963e89176ee1a115ae696256', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '78422d61d3c717c6a217af79a4d9ebe1a90df98d', class: "tv-gift__content" }, h("slot", { key: '0cc59553976cdcff8ee58847381f068987de1391' })), h("div", { key: '9705da254c39522ce568a8b3f26703bd24a48683', class: "tv-gift__footer" }, h("slot", { key: 'f81d442f192c265e0ecfa2ae992690932fce7758', name: "footer" }, h("span", { key: 'eee26914b62077c5001b2dc7ee5aef112aca9a6e', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '3553056fd948fefcb1a0601425e35f0d2daee011', class: "tv-gift__footer__text" }, this.footerText))))));
     }
     static get is() { return "tet-tv-gift-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-list/tet-tv-gift-list.js

@@ -34,11 +34,11 @@ export class TetTvGiftList {
         this.setContainerSize();
     }
     render() {
-        return (h(Host, { key: '916d6aa1bf9b6a276884aeec360e4661f94dd010' }, h("div", { key: 'b085817d08774c713a023220cfebb994daffb339', class: {
+        return (h(Host, { key: '80c3e1fefd3ca6a55b7373d26bc149bb242e6f41' }, h("div", { key: '56757c3c2fa7b169328637ce78f14824028c9a3d', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: '3fc658b74df4db34863af722d939697335cf96f5', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'e19f509340e1d59037bff948ca72975014c5582f', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '678edcbe863d7dd45c03c19c8b997e0c22adc868', class: "tv-gift-list__list__wrapper" }, h("span", { key: '4d8026096d8569360aeccc5a7312d2241af37ba8', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'effab6c7e881913a19ebc0ef4e31dfd5ed2591cc', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
+            } }, this.imageSource && (h("div", { key: '6417daa090839bb35ae145dcf7c4518b42bc62e3', class: "tv-gift-list__image__wrapper" }, h("img", { key: '4656cfba436c5fd42c80fffb68a8cecf77fb23da', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'b680d531cd3c2ae35965fe945757cc3789271aa3', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'e91fb3bd9aeade554f352cbbd955d867f39963a9', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '38240537eb7893bdaf65b63c05b87cafa1f34791', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
     }
     static get is() { return "tet-tv-gift-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-content/tet-tab-content.js

@@ -151,11 +151,11 @@ export class TetTabContent {
         this.selectedId = id;
     }
     render() {
-        return (h(Host, { key: 'cc2d47c56bb6d99670fc4072186e2f3fef926e21' }, h("div", { key: 'b3c2a1796e3eec54f893cfe5b092869a0e9e3d0e', class: {
+        return (h(Host, { key: '3905734ec605f86ae0ede23c30a2c69a4e03dc4f' }, h("div", { key: '01921c53660cfd1f71a0febe26b457299828be78', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, h("slot", { key: '14533f1a88f6429dd76c0eb963ef9c2bef870d09' }))));
+            } }, h("slot", { key: 'e0647e264feb46e582bb1ea813c2a56a0ec139cb' }))));
     }
     static get is() { return "tet-tab-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.js

@@ -470,7 +470,7 @@ export class TetTabHeader {
         return {};
     }
     render() {
-        return (h(Host, { key: '6ea0901fd1e00a77f21c510a7a267b372cd6d08d', "data-id-suffix": this.idSuffix }, h("div", { key: 'a118a3c884c227afedbc79dcff49d62dd02466a5', class: {
+        return (h(Host, { key: '575c8d810e80af2791b022fdf71dea2448090a28', "data-id-suffix": this.idSuffix }, h("div", { key: 'c241f89fd0656b8db17f9dd8032f00aa7a585974', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 'dark': this.darkMode,
@@ -478,7 +478,7 @@ export class TetTabHeader {
                 [this.theme]: true,
                 [this.sizing]: true,
                 [this.type]: !!this.type
-            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, h("slot", { key: '261e93e59e6b2f97d607f4172f8bf6a985938b1d', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: '31255fb173b05d9e9fb3816a73cb38e66fe0837e', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, h("slot", { key: '7ef4e7e08144dca09ab93f4dddb6222a5809d6d4', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: '4f5388597cec44056b6d8f0196539705d0b28dcc', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
     }
     static get is() { return "tet-tab-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-tag/tet-tag.js

@@ -20,12 +20,12 @@ export class TetTag {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: '6b22a7fbfada68a4a1a89db5ea10d8c1c15d4a2d' }, h("button", { key: '6e970a28689f994a1e989f42fcb37ea59015796d', class: {
+        return (h(Host, { key: 'cf0f36ac5f23bd7d2f01b9dcfea807db47a46219' }, h("button", { key: '9e0e8ca9a934c8ef37ded4a7ce7fe9cca7eeb342', class: {
                 tag: true,
                 'tag-active': this.active,
                 'tag--icon': this.showIcon,
                 [`theme-${this.theme}`]: true,
-            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: 'db99c711d9a4044fa86502e379e19ec9476f8b69', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '6fa2093fd85ea9e27bb6f5f8175aee0278a02a0e', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '07440df78b1fa8b9a26b77a6b21324efd3250f64', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: '1ed39713ae948576326c306eb80e08e5ea7c1ad9', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'b81819a3c030ddd0b4450a7b9f2e0aa30daf0270', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: 'd271c7f5040129da82aa6ad5120a6ad8adbb7645', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/carousel/tet-carousel/tet-carousel.js

@@ -185,10 +185,10 @@ export class TetCarousel {
         window.removeEventListener('resize', this.getScreenCount.bind(this));
     }
     render() {
-        return (h(Host, { key: '255a521b354949d9ba0e9a0f4bcb0230f13c8e65' }, h("div", { key: '16a76ddaf78beea978c8921b9fc33dcc5e923c78', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '0d0efbca0d92fff5dac31b252e7d9fd6bc7115e7', class: "tet-carousel__container" }, h("div", { key: 'dd48c6d78e0a92b046b8c331fcdb35a74acd49c2', class: "tet-carousel__track", ref: (el) => (this.trackElement = el), style: {
+        return (h(Host, { key: '9d5d17eb8407d5cf85f7d1da1ba976e099e0ca4a' }, h("div", { key: 'db301001e7a4e27f5bf2240d58ffca110b85bf23', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '0771fc98d2118bea3c8a6c2bc3735bbaddbd4f00', class: "tet-carousel__container" }, h("div", { key: 'b2d6159c82a2dc92e75b553003d167eb5704fa77', class: "tet-carousel__track", ref: (el) => (this.trackElement = el), style: {
                 transform: `translateX(${this.dragOffset}px)`,
                 transition: this.isDragging ? 'none' : `transform ${this.transitionDuration}ms ${this.transitionTiming}`
-            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: 'c5dd9947e507922fa4208da24e66cbe58aef7cf5' }))), h("div", { key: '0f6566ad2cb21bc8dfe42defd586ae3a4c81b244', class: "tet-carousel__controls" }, this.showButtons && (h("div", { key: 'a64b7c46aa79c0d2e5340c5a2832232a3157ee0e', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '631a208ca03b3727db5c91237564b0d71d88acb0', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, onClick: this.handlePrev, "aria-label": "Previous", disabled: this.screenCount <= 1 || this.activeIndex === 0 }))), this.showDots && (h("div", { key: '2ff28ace1dbf26f006de113fe9bcdb753486cc6e', class: "tet-carousel__dots" }, Array.from({ length: this.screenCount }).map((_, idx) => (h("span", { class: `tet-carousel__dot${idx === this.activeIndex ? ' active' : ''}`, key: idx, onClick: () => this.handleDotClick(idx) }))))), this.showButtons && (h("div", { key: '6607ecd96414f5f6690b47af6518bd75e95516ee', class: "tet-carousel__buttons " }, h("tet-button", { key: '16d495f917e93207067ace6dc35d17f8bf4b4b57', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, onClick: this.handlePrev, "aria-label": "Previous", disabled: this.screenCount <= 1 || this.activeIndex === 0 }), h("tet-button", { key: 'f74d97a6adceaac940cec5de045b1c3e4c284c6e', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, onClick: this.handleNext, "aria-label": "Next", disabled: this.screenCount <= 1 || this.activeIndex === this.screenCount - 1 })))))));
+            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '5a694914d92cdc1240ebcd5695dc96bfd984f3f7' }))), h("div", { key: 'ecbabb88d417d7b988e621c7b58b622b6ebf39be', class: "tet-carousel__controls" }, this.showButtons && (h("div", { key: '999f31dec00863712eb22b84ed1851a382840e9d', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '703ea759681f0deddceeae3d1a6cf2e02601c5ae', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, onClick: this.handlePrev, "aria-label": "Previous", disabled: this.screenCount <= 1 || this.activeIndex === 0 }))), this.showDots && (h("div", { key: 'b47562c9a32e2c473f3877b2d5ef96e6aba5b94d', class: "tet-carousel__dots" }, Array.from({ length: this.screenCount }).map((_, idx) => (h("span", { class: `tet-carousel__dot${idx === this.activeIndex ? ' active' : ''}`, key: idx, onClick: () => this.handleDotClick(idx) }))))), this.showButtons && (h("div", { key: '7e42421d3e72ec427606f5ff0230ac43ceb87d24', class: "tet-carousel__buttons " }, h("tet-button", { key: '63d3de05405317d08b8ad0109a4b25f218ddcd33', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, onClick: this.handlePrev, "aria-label": "Previous", disabled: this.screenCount <= 1 || this.activeIndex === 0 }), h("tet-button", { key: '35807ee3df9f6c786a6b213b9b70097c12aba8fe', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, onClick: this.handleNext, "aria-label": "Next", disabled: this.screenCount <= 1 || this.activeIndex === this.screenCount - 1 })))))));
     }
     static get is() { return "tet-carousel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/icon/tet-icon.js

@@ -49,7 +49,7 @@ export class TetIcon {
         });
     }
     render() {
-        return (h("span", { key: '47b8dfa2b0eec3a36e6a268f9ee6b7e1a5d00762', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: 'e16b6c35eddf919bc15db91d3508be841b476033', class: {
+        return (h("span", { key: 'e70f786551aa30c0da08c84a0a97c75952c0ef2f', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: '8ce04feab01d9ca4e038a24da49e6d408a7edfc0', class: {
                 'icon-container': true,
                 'default-color': this.shouldUseDefaultColor(),
                 [this.theme]: true,

package/dist/collection/components/basic/loaders/tet-loader/tet-loader.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class TetLoader {
     render() {
-        return (h("div", { key: 'b59b99f715b3d462d62daa77af483f1f0a14dc2e', class: "loader" }, h("div", { key: '55cf3c77b38f5214eaadfa226cbc5bb5beef8876', class: "loader-inner" })));
+        return (h("div", { key: '89c692f31a49d021a7b273d1b014030b54076df2', class: "loader" }, h("div", { key: '205122d466cf6778217bbc67a66ff9252e9ab157', class: "loader-inner" })));
     }
     static get is() { return "tet-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/loaders/tet-placeholder/tet-placeholder.js

@@ -9,7 +9,7 @@ export class TetPlaceholder {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: 'acbed8ea9816488f33863eaddbccee5f10e96c6f', style: { width: this.width, height: this.height } }, h("div", { key: 'd3a6ebcbc6cec24c9967fceccf6b12e204f96993', class: { 'dark-theme': this.darkTheme } }, h("div", { key: 'c4b7f4c86aa10cd24024828df73f8f62cec20e73', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: '366bac6a9630484c54d6ab565db7a0bab2d9d3a0', style: { width: this.width, height: this.height } }, h("div", { key: '0bb9d52da084d9634c923c727f2f14f9e0bff144', class: { 'dark-theme': this.darkTheme } }, h("div", { key: 'e0d463ebcae4fc94ffb0a10ecc19fb79a5352923', class: "placeholder", style: { height: this.height } }))));
     }
     static get is() { return "tet-placeholder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/loaders/tet-spinner/tet-spinner.js

@@ -47,13 +47,13 @@ export class TetSpinner {
         this.setForeignObjectAttributes();
     }
     render() {
-        return (h("div", { key: 'cde8ebc3053e18613821df28c595802e8a28504c', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: 'd18e1b1784c18ab83fc174bcee964c666ed5a06a', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: '756e19382cbdb827ee9bba96abea56c515dcfdcf', viewBox: "0 0 40 40" }, h("clipPath", { key: '8cc684c34240c16741aaeed57f85b79782d94a0e', id: "clip" }, h("path", { key: 'b300672040a9977bb6296bcf9acb3b2027f6d833', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
-              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: '7d11fdafea3cf34dbaeeaf4d39619d2205503a67' }, h("div", { key: 'd26bf343b25d9f70e0aa9ba95867b8ea2274a18e', class: "spinner__gradient" })))));
+            } }, h("svg", { key: 'dd176aa4d93d3838ff6b84365abcead5a40327ff', viewBox: "0 0 40 40" }, h("clipPath", { key: '3fe9945177f2df1ef95e576184edf1ea81ef0064', id: "clip" }, h("path", { key: '6b222355721e1f0ed02f305602e6ed5351381865', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
+              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: '0ca874272ba9a9e1104d88521b370ed2745460d4' }, h("div", { key: '2d1d8ad03618ea9b8ab66152ecdaf957e6c0a9b5', class: "spinner__gradient" })))));
     }
     static get is() { return "tet-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/misc/tet-label/tet-label.js

@@ -13,12 +13,12 @@ export class TetLabel {
         this.showIcon = false;
     }
     render() {
-        return (h(Host, { key: 'f4b0e5485b9b28727b97e681d2101d265c3d9c1d' }, h("div", { key: '8ab6db411018345824da18681a79147d09e626ae', class: {
+        return (h(Host, { key: 'd085902408f606d07d13f35542a338acb2ef1dd6' }, h("div", { key: '4422eebeef7045c3180b3a914808d7ed1c5d39fe', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: '8423d4e4b4d545b0bf6be240705602eeef8c6bc5', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '345ec206dc39bd2a005ee1fe5e7a19720760e986', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: '48a9ea51ddf8f9560765355cad3c52536440bb80', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '293d0b34b255e39760371fbe8c0cc6ab446a99a6', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-label"; }
     static get encapsulation() { return "shadow"; }