@tet/tet-components 1.3.68-testing → 1.3.69-production

package/dist/collection/components/advanced/cards/tet-compare-cards-tab/compare-cards-tab-products-filters.js

@@ -0,0 +1,93 @@
+class CompareCardsTabProductsFilters {
+    constructor(onFilterSelect) {
+        this.onFilterSelect = onFilterSelect;
+        this.availableTvFilters = [];
+        this.allFilters = [];
+        this.currentProducts = {};
+        this.initialize = (productCodes) => {
+            const products = productCodes['products'];
+            const productTags = productCodes['productTags'];
+            this.currentProducts = products;
+            this.availableTvFilters = this.resolveFilters(products, productTags);
+            this.updateDisabledFilters();
+            this.onFilterSelect([...this.availableTvFilters], this.getActiveFilterIds(), this.getFilteredProductIds());
+        };
+        this.getAvailableFilters = () => {
+            return [...this.availableTvFilters];
+        };
+        this.clearFilters = () => {
+            this.availableTvFilters.forEach(filter => (filter.active = false));
+            this.updateDisabledFilters();
+            this.onFilterSelect([...this.availableTvFilters], [], this.getFilteredProductIds());
+        };
+        this.resolveFilters = (products, productTags) => {
+            const productCodeSet = new Set(Object.values(products).map(product => product.productCode));
+            return (productTags || [])
+                .map(tag => {
+                const localProducts = (tag.products || []).filter(productCode => productCodeSet.has(productCode));
+                return {
+                    id: tag.tag,
+                    title: tag.title,
+                    products: localProducts,
+                    active: false,
+                    disabled: false,
+                    clickAction: this.filterClickAction.bind(this),
+                };
+            })
+                .filter(filter => filter.products.length > 0);
+        };
+        this.filterClickAction = (filter) => {
+            const availableFilter = this.availableTvFilters.find(({ id }) => id === filter.id);
+            if (!availableFilter)
+                return;
+            if (availableFilter.disabled)
+                return;
+            availableFilter.active = !availableFilter.active;
+            availableFilter.showIcon = !availableFilter.showIcon;
+            this.updateDisabledFilters();
+            this.onFilterSelect([...this.availableTvFilters], this.getActiveFilterIds(), this.getFilteredProductIds());
+        };
+        this.updateDisabledFilters = () => {
+            const activeFilters = this.availableTvFilters.filter(f => f.active);
+            const activeCount = activeFilters.length;
+            let intersection = null;
+            if (activeCount > 0) {
+                intersection = new Set(activeFilters[0].products);
+                for (let i = 1; i < activeFilters.length; i++) {
+                    intersection = new Set([...intersection].filter(productCode => activeFilters[i].products.includes(productCode)));
+                }
+            }
+            for (const filter of this.availableTvFilters) {
+                if (filter.active || activeCount === 0) {
+                    filter.disabled = false;
+                }
+                else {
+                    let simulatedIntersection = intersection ? [...intersection] : filter.products;
+                    if (intersection) {
+                        simulatedIntersection = simulatedIntersection.filter(code => filter.products.includes(code));
+                    }
+                    filter.disabled = simulatedIntersection.length <= 1;
+                    filter.showIcon = false;
+                }
+            }
+        };
+        this.getActiveFilterIds = () => {
+            return this.availableTvFilters.filter(filter => filter.active).map(filter => filter.id);
+        };
+        this.getFilteredProductIds = () => {
+            const activeTags = this.availableTvFilters.filter(tag => tag.active);
+            const allProductCodes = Object.values(this.currentProducts).map(p => p.productCode);
+            if (activeTags.length === 0) {
+                return allProductCodes;
+            }
+            let intersection = [...activeTags[0].products];
+            for (let i = 1; i < activeTags.length; i++) {
+                intersection = intersection.filter(productCode => activeTags[i].products.includes(productCode));
+            }
+            const validSet = new Set(allProductCodes);
+            intersection = intersection.filter(code => validSet.has(code));
+            return intersection;
+        };
+    }
+}
+export { CompareCardsTabProductsFilters };

package/dist/collection/components/advanced/cards/tet-compare-cards-tab/tet-compare-cards-tab.css

@@ -52,8 +52,13 @@
 }
 .tet-compare-cards-tab__header-container {
   display: flex;
+  flex-direction: column;
   padding-bottom: 0.75rem;
 }
+.tet-compare-cards-tab__filters {
+  align-self: center;
+  margin-bottom: 1rem;
+}
 .tet-compare-cards-tab__header--image {
   max-height: 0.875rem;
   align-self: center;

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

@@ -2,20 +2,22 @@ import { Host, h } from "@stencil/core";
 import { fillProductData } from "../utils";
 import { productComparison } from "../../../../services/api/index";
 import { fillOldProductData } from "../old-utils";
+import { CompareCardsTabProductsFilters } from "./compare-cards-tab-products-filters";
 /**
  * List of cards for product comparison, sorted by tabs.
  */
 export class TetTabCompareCards {
     constructor() {
         /**
-         * Renders the loader.
+         * Handles filtered products changed event from tet-address-offers-filters-products.
          */
-        this.renderLoader = () => {
-            return (h("div", { class: {
-                    'tet-compare-cards-tab__placeholder': true,
-                    'visible': this.showLoader
-                } }, [...Array(3)].map(() => [h("tet-placeholder", { class: "tet-placeholder", height: "27rem", width: "21.5rem" })])));
+        this.handleFilteredProductsChanged = (event) => {
+            this.filteredProductCodes = event.detail.filteredProductIds;
         };
+        this.renderLoader = () => (h("div", { class: {
+                'tet-compare-cards-tab__placeholder': true,
+                'visible': this.showLoader
+            } }, [...Array(3)].map(() => h("tet-placeholder", { class: "tet-placeholder", height: "27rem", width: "21.5rem" }))));
         this.data = undefined;
         this.forceColumn = false;
         this.layout = 'default';
@@ -27,10 +29,8 @@ export class TetTabCompareCards {
         this.productDataLoaded = false;
         this.showLoader = true;
         this.productSACData = undefined;
+        this.filteredProductCodes = [];
     }
-    /**
-     * If the product codes are provided, get product data from SAC.
-     */
     async componentWillLoad() {
         const productCodes = this.addProductCodes(this.data, []);
         if (productCodes.length > 0) {
@@ -95,11 +95,21 @@ export class TetTabCompareCards {
         productComparison(productCodes).then((response) => {
             this.productSACData = response;
             this.productDataLoaded = true;
+            this.initCompareCardFilters();
             this.element.shadowRoot.querySelectorAll('tet-tab-content').forEach((tabContent) => {
                 tabContent.parentContainer = this.element.shadowRoot;
             });
         });
     }
+    /**
+     * Runs after productSACData is set, sets up the filtering helper and filteredProductCodes.
+     */
+    initCompareCardFilters() {
+        this.compareCardsFiltersHelper = new CompareCardsTabProductsFilters((_filters, _activeFilterIds, filteredIds) => {
+            this.filteredProductCodes = filteredIds;
+        });
+        this.compareCardsFiltersHelper.initialize(this.productSACData);
+    }
     /**
      * Renders the tab header.
      *
@@ -123,12 +133,12 @@ export class TetTabCompareCards {
                 tab.disabled = true;
             }
         });
-        return (h("div", { class: "tet-compare-cards-tab__header-container" }, h("tet-tab-header", { darkMode: this.darkHeader ? true : this.darkMode, position: tabList.tabHeader.position, "default-tab": `tab-${level}-${tabList.tabHeader.defaultTabIndex}`, segmented: tabList.tabHeader.segmented, sizing: tabList.tabHeader.sizing, "data-name": tabList.tabHeader.dataName, class: "tet-compare-cards-tab__header" }, tabList.tabs.map((element, index) => (h("button", { "data-name": `tab-${level}-${index}`, class: { disabled: element.disabled || this.showLoader, 'button': true } }, element.image && !element.imagePositionRight ?
+        return (h("div", { class: "tet-compare-cards-tab__header-container" }, tabList.withProductFilters && (h("tet-address-offers-filters-products", { productCodes: this.productSACData, class: "center tet-compare-cards-tab__filters", clearFilterButton: true, onFilteredProductsChanged: this.handleFilteredProductsChanged, theme: this.darkMode ? 'dark' : 'light' })), h("tet-tab-header", { darkMode: this.darkHeader ? true : this.darkMode, position: tabList.tabHeader.position, "default-tab": `tab-${level}-${tabList.tabHeader.defaultTabIndex}`, segmented: tabList.tabHeader.segmented, sizing: tabList.tabHeader.sizing, "data-name": tabList.tabHeader.dataName, class: "tet-compare-cards-tab__header" }, tabList.tabs.map((element, index) => (h("button", { "data-name": `tab-${level}-${index}`, class: { disabled: element.disabled || this.showLoader, 'button': true } }, element.image && !element.imagePositionRight ?
             h("img", { class: "tet-compare-cards-tab__header--image", src: element.image, alt: element.altText }) : '', element.title, element.image && element.imagePositionRight ?
             h("img", { class: { 'tet-compare-cards-tab__header--image': true, 'right': true }, src: element.image, alt: element.altText }) : ''))))));
     }
     /**
-     * Renders the tab header.
+     * Renders tab content.
      *
      * @param tabList tab data
      * @param level level of the tab
@@ -148,11 +158,15 @@ export class TetTabCompareCards {
      * @param cardScript A script for the compare cards component.
      */
     renderCompareCards(cards, vatText = '', cardScript = '') {
+        let filteredCards = cards;
+        if (this.filteredProductCodes && this.filteredProductCodes.length > 0) {
+            filteredCards = cards.filter(card => this.filteredProductCodes.includes(card.productCode));
+        }
         let cardsWithAddedSACData = [];
-        cards.forEach((element) => {
+        filteredCards.forEach((element) => {
             if (typeof element.productCode !== 'undefined') {
                 const requestedProduct = element.productCode;
-                const requestedProductData = this.productSACData[requestedProduct];
+                const requestedProductData = this.productSACData['products'][requestedProduct];
                 if (requestedProductData) {
                     if (this.newUrlGeneratorStructure) {
                         element = fillProductData(element, requestedProduct, requestedProductData, this.theme, this.darkMode, this.isNetflixCard);
@@ -167,7 +181,7 @@ export class TetTabCompareCards {
         return (h("div", { class: "tet-compare-cards-tab__content" }, h("tet-compare-cards", { theme: this.theme, "dark-mode": this.darkMode, "is-netflix-card": this.isNetflixCard, layout: this.layout, "force-column": this.forceColumn, "vat-text": vatText !== null && vatText !== void 0 ? vatText : false, "card-script": cardScript !== null && cardScript !== void 0 ? cardScript : false, data: cardsWithAddedSACData, newUrlGeneratorStructure: this.newUrlGeneratorStructure })));
     }
     render() {
-        return (h(Host, { key: '7058e7a89d8ca7993468913c87960e84883e4902' }, h("div", { key: 'ee7613f3e2f6e0c98fd446fb70cf2c50f3642373', class: "tet-compare-cards-tab-wrapper" }, this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '250357233316a3e84a5ae0072968f25750b1f5ec', class: {
+        return (h(Host, { key: '54a44d3d6d76143678f77c9fefe66902a1f1654a' }, h("div", { key: 'b52b3b1d124835ad6eeb4bfc4f14d386477b3ba1', class: "tet-compare-cards-tab-wrapper" }, this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '70ed32288ced853110f3675f535537519a4545da', class: {
                 'tet-compare-cards-tab__cards': true,
                 'hidden': this.showLoader
             } }, this.productDataLoaded ? this.renderContent(this.data, 1) : ''))));
@@ -351,7 +365,8 @@ export class TetTabCompareCards {
         return {
             "productDataLoaded": {},
             "showLoader": {},
-            "productSACData": {}
+            "productSACData": {},
+            "filteredProductCodes": {}
         };
     }
     static get elementRef() { return "element"; }

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: 'f43a6c6c1f5a5fe929ecfb8ef099863e2299b6fe' }, h("div", { key: '352e1a347740ae79f944480f0821630b6c0d2815', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: 'b673df48957c6ce5b4a6df1a1e89356ec840d64b' }, h("div", { key: '24f1756f8d4c83d02bc88197f37ec35bbdb32aef', 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: 'bab87a7f495f0493a88d914cc11e861f0e29b9b6' }, h("div", { key: 'd007cf9b2588d9d13b69ba422b7888212a5a6541', class: "wrapper" }, h(ThemeWrapper, { key: '778d1f5fa79ccf50f8ffe026269a2c38541e04fe', theme: this.theme }, h("div", { key: 'afc657102f82422017f9e80e268cd5445e8bdf81', class: "image-container" }, h("img", { key: '6b96746a518b289256b87b134f249e8d9c2b019b', src: t('components-referral-image-url'), alt: "" })), h("div", { key: 'dbcde7668f1e56ad95f8e6f385507e80d15bc4d6', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '1a42aeeaf825b83456f02a3a89ec31fe661ae286', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '08a259d418a02c0b5bfaa7ca4178d16ae73f0e89', class: "referral-block" }, h("div", { key: 'c3d03b9dd20ab20921ad78a7813a9a2cf79dab16', class: "url-wrapper" }, h("div", { key: '1c7ddaa67fbdfeeaaa18edb518ea4b00172f1631', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '6ca57526ab7d12fc69193330f114959dd9868ced' }, h("div", { key: '3a60f38fbd3cc95b1ecdda1314bca190a6378655', class: "button-wrapper" }, h("tet-tooltip", { key: 'e9673b86acba2cf49b2b5e8d479639d671168bc3', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: '3332ca8239b865cb6debc47b04c9cf937caa058d' }, h("div", { key: '17cc752818ad7818282bd9b2a4780e3d6c9c480f', class: "wrapper" }, h(ThemeWrapper, { key: '02c4f3bd64acf223dfdb767553430bb41bb4748d', theme: this.theme }, h("div", { key: 'f164eab70a3e58bc7e5a08afa399fdf8dd945bf6', class: "image-container" }, h("img", { key: '0e9df07212aa90ecfa5f2975ab2d4e8a12947eab', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '9fb0e7ae14ea53aefc989ffd0ea4b14130543919', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '2161eb3fb1fe81bbb7c3514284c6b0e206b96125', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '59b6e1a26ecb27ed69d02b630d9ffdfe5aeff4ef', class: "referral-block" }, h("div", { key: '632d18b77e3734dd358505824fcae50543322d6f', class: "url-wrapper" }, h("div", { key: '3dc7e060e2939768ffd2c490e3622cc675099622', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'b932a84100e6b4e15c88516b1b1b8159d669e656' }, h("div", { key: 'af8b3e26e26dce8f4e7211283d0487ba32331283', class: "button-wrapper" }, h("tet-tooltip", { key: 'd512ba811ad7d530fdd0697aa7a7ea6e843d5ef7', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: 'a4457d10568f570bb2dc08451ad53051ae9c0c46', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: '30f808697440c490728b68fafef3dfc824a87ce4', 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: '4737cad1acb4ec7427a172b971fede979440cfb0', class: "multi-step-dialog" }, h("tet-dialog", { key: '75ee834380eb198c6cb2f11b0327f39d722bbdc6', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el }, h("div", { key: 'b6de108525a7bb1d5fef1815ffa0dfb3b77e1162', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '7fdbc08d57e7e13a013daaf2c8dffd3e62a3f556', 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: '9863007f01df881291c17abe44c67eb51485a3e1', 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: '633893694bc160d5adca170f141a6274c55acb1c', class: "multi-step-dialog" }, h("tet-dialog", { key: 'f02b0aa33bb543fba871f7de01ef3c6d6632d88d', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el }, h("div", { key: 'e3707e61dcc1e9151ae973c0dd29fdf2f1fa9260', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '4a06311048bafe2a5f7ce9450e297ad01f9c5575', 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: 'a93ca8393597debe1b08dbd130fbf2a323b52889', 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: 'f1d8d9b0fff3d5c2e3f2f5fd4f8f69e6f899f8a0', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: 'b59f08b2e78fa184091772924ebc049e74fde605', 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: '6196c05370b4f09173f03d2d9f30749a5f5fd59a', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'bf6a4041396b415302ca1195d9381779ed3cdeac', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '1b9c26a1313c36484dfd35ceb19af7d0b452fdaa', class: "form-container" }, this.showTitle && h("h2", { key: 'e21c1de3df386efcf6919dbf108b90171e408e28', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '84dc326ec35f80129adb0bbb2c3014ec721fa188', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '90ce7d81245930a566e09e805ee758aa45948311', 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: '09da34dffae3a2d546dac59893d288821f195939', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit') }, this.submitButtonProps))))));
+        return (h("div", { key: 'a406dd58d8abbbd66e5a60c2a6fcc8ff9b43afed', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '16ee2ee05637aa41e05f88b9f20ce0faac043d2a', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '8200dcfa4d6cc25e6ad8adcece335415754ca11a', class: "form-container" }, this.showTitle && h("h2", { key: '36354fe11b6bb884f9d89ebe876f3ef140551a39', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '4b37d3198bd735f78284cfd15b4c156b50a65842', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '2b7381ca8fefdf1ce67578a6c41c35ed7b73785b', 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: '62f6169f6f1099486287e272e6ad248e974c8bb0', 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: '99b4ab8fcd16d55ed84c558e5bf5b81753daca88' }, h("div", { key: 'ad026ec85ebb0c04dabc7ef4e15b8eea77b6cd1f', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '83269cf57e6209fb16521a9c6e9c90150873efaa', class: "tv-gift__header" }, h("slot", { key: 'bc76e2dc5f482faf789df298ef8f14dad6af22aa', name: "header" }, this.headerImageSrc && h("img", { key: 'fcbb573a56c44fdf45d8e48d477b7c5a11c7d595', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '0e005d7d7cc416df5aa51bdb7c1604e97649193f', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '77ef7af23aac7768b7f47a80a6a1fb100cdbfbf7', class: "tv-gift__content" }, h("slot", { key: 'a77dc0307dbf41fd590a0013db84a37fbab22408' })), h("div", { key: '04dd6648a271e93d896e6bb8c745aec6ad310028', class: "tv-gift__footer" }, h("slot", { key: '30cfa96797dc307bcd7b765ee0fe9e10cf3db1da', name: "footer" }, h("span", { key: '52246cb549f3f29bd57b95d3c82cae39179abd7d', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: 'df9307c88f70a8c77b68f3ee2811d2b1f79cb001', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: '773c99d1d823ed554a985350636fa1348ee506aa' }, h("div", { key: '76a060efd5ba9e6cb55eab6b1b647d7dcad11141', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '0b8cef43b12b3348d50db5ca9a4f4189b96f3f3d', class: "tv-gift__header" }, h("slot", { key: '17822143d4254b3be6d587636579267c0a34c7b3', name: "header" }, this.headerImageSrc && h("img", { key: '217ac86bf1aa0ea3a1c99874bd3db5e45c9aae2e', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '768015eb08dd1c07e53f99c1292c256f72beffa9', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '74b7a7f8c819413294234782206863364937cb89', class: "tv-gift__content" }, h("slot", { key: 'e13aa5eb82c7df4e9cb944e593cb796ad8e330b1' })), h("div", { key: '2e4b475da19e1f865901956512f6cdb87c0ca3de', class: "tv-gift__footer" }, h("slot", { key: 'aeb0accc43dc733d9c4b7dbc5d1c7bf7f6c47c7e', name: "footer" }, h("span", { key: 'ad4a3cc8120bc42d32bf531bacca32293a0a908d', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '8b3d4880010b24d474b8f6d28095fa2f319ad685', 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: '082c9b3b3ec32cbf50be53c8da14f9c2d8a6c410' }, h("div", { key: '134348f495631fa9d32bc9c76e867016c9f95983', class: {
+        return (h(Host, { key: 'f78e2fd97372592e8b27c6ac7b313504591bbb45' }, h("div", { key: '17147eb3f22f40c0afdbd148116e79b4d71fa9ee', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: '377b2d87af0bcd1eeeb5d9ce87edc1577b1dc027', class: "tv-gift-list__image__wrapper" }, h("img", { key: '1a2b9a0f6eabb27091bd52d78f580ae9ebd46f2d', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'cd007d8fd0a48e0ef1ec2f48e658678deb1ac0b9', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'f109c565edcd19369fa56b86a4ef2b7613259720', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'df28840b32f8fef85c2355c08ca77c52bc60ea4c', 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: 'ad1a60ae4e733c844d18ea6b871b0b36785eb358', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'cd8524ed32af00412ed4fbe181d595fbc14f1540', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '3a2f652f73a10013d61dfceb5b733bcd6879b443', class: "tv-gift-list__list__wrapper" }, h("span", { key: '6452f20ba9a42b607c71b03cd4708b27193b8a3a', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '8ee50e9c915a4d02dd20d2932919c07e95e3ccb8', 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

@@ -113,10 +113,10 @@ export class TetTabContent {
         this.selectedId = id;
     }
     render() {
-        return (h(Host, { key: '618b5fdbf4d3a8f983ef8cbb7dd3ef2b75097f59' }, h("div", { key: '154a8982e2a0a78b6c0fffa98829277ca2762fb0', class: {
+        return (h(Host, { key: '33a0257fe61a77beff675c3b958c0d6b7d60bddc' }, h("div", { key: '9e3a94dc701de812ab6821c57b491b4b85d1c780', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility
-            } }, h("slot", { key: '5c021ef8a8bce686a615a7478a4312f842eb4248' }))));
+            } }, h("slot", { key: '85950b5eae8dbae7fe83362f696501071dba4c29' }))));
     }
     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

@@ -406,7 +406,7 @@ export class TetTabHeader {
         return {};
     }
     render() {
-        return (h(Host, { key: '1f88fc45d0662681f6f3433b63ff2fe6248b557f' }, h("div", { key: '61caff06646d46be93eb5f42aee61bb02f2c90ed', class: {
+        return (h(Host, { key: 'fcf2ce3f93ff2a99fe53a02b663e1b96df8218b6' }, h("div", { key: '214ff13ea8dc05a7317310f4e110829d0f054446', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 'dark': this.darkMode,
@@ -414,7 +414,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) }, h("slot", { key: 'e8fda4e0f7dc11cd8e60dfd8013f19d44ec816d2', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: 'a598ff2ee8d616a6b0d476a13a714b36f57e5cfa', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref) }, h("slot", { key: '038ee9768e998e1c4e5e497b3fd8f852109f48e8', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: '1790b1f8148e5ad06408182917589bff69b82d5d', 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.css

@@ -358,9 +358,11 @@
   *
   * @prop --tag-border-color: The border color of the tag.
   * @prop --tag-active-border-color: The border color of the tag when active.
+  * @prop --tag-disabled-border-color: The border color of the tag when disabled.
   *
   * @prop --tag-text-color: The text color of the tag.
   * @prop --tag-active-text-color: The text color of the tag when active.
+  * @prop --tag-disabled-text-color: The text color of the tag when disabled.
   */
   display: inline-block;
   --tag-background-color: rgb(255, 255, 255);
@@ -368,9 +370,11 @@
   --tag-active-background-color: rgb(10, 11, 13);
   --tag-border-color: rgb(153, 160, 174);
   --tag-active-border-color: rgb(10, 11, 13);
+  --tag-disabled-border-color: var(--tc-button-border-disabled);
   --tag-text-color: rgb(10, 11, 13);
   --tag-active-text-color: rgb(255, 255, 255);
   --tag-focus-outline-color:var(--tc-blue-40);
+  --tag-disabled-text-color: var(--tc-button-text-secondary-disabled);
 }
 
 .tag {
@@ -386,7 +390,7 @@
   border-color: var(--tag-border-color);
   border: 0.0625rem solid var(--tag-border-color);
 }
-.tag:hover {
+.tag:hover:not(:disabled) {
   background: var(--tag-hover-background-color);
 }
 .tag:focus-visible {
@@ -396,14 +400,20 @@
   outline-color: var(--tag-focus-outline-color);
   border-color: transparent;
 }
-.tag:active:not(:disabled), .tag.tag-active {
+.tag:active:not(:disabled), .tag.tag-active:not(:disabled) {
   color: var(--tag-active-text-color);
   background: var(--tag-active-background-color);
   border-color: var(--tag-active-border-color);
 }
-.tag:active:not(:disabled) .tag-icon, .tag.tag-active .tag-icon {
+.tag:active:not(:disabled) .tag-icon, .tag.tag-active:not(:disabled) .tag-icon {
   --icon-color: var(--tag-active-text-color);
 }
+.tag:disabled {
+  border-color: var(--tag-disabled-border-color);
+  color: var(--tag-disabled-text-color);
+  cursor: not-allowed;
+  background: transparent;
+}
 .tag--icon {
   padding: 0.375rem 0.625rem 0.365rem 0.75rem;
 }
@@ -414,8 +424,10 @@
   --tag-border-color: var(--tc-border-secondary);
   --tag-active-border-color: var(--tc-button-primary-background-default);
   --tag-focus-outline-color:var(--tc-blue-40);
+  --tag-disabled-border-color: var(--tc-button-border-disabled);
   --tag-text-color: var(--tc-button-text-secondary);
   --tag-active-text-color: var(--tc-button-text-primary);
+  --tag-disabled-text-color: var(--tc-button-text-secondary-disabled);
 }
 .tag.theme-dark {
   --tag-background-color: var(--tc-layer-primary-dark);
@@ -424,8 +436,10 @@
   --tag-border-color: var(--tc-border-secondary-dark);
   --tag-active-border-color: var(--tc-button-primary-background-default-dark);
   --tag-focus-outline-color:var(--tc-blue-40-dark);
+  --tag-disabled-border-color: var(--tc-button-border-disabled-dark);
   --tag-text-color: var(--tc-button-text-secondary-dark);
   --tag-active-text-color: var(--tc-button-text-primary-dark);
+  --tag-disabled-text-color: var(--tc-button-text-secondary-disabled-dark);
 }
 .tag.theme-mint {
   --tag-background-color: rgb(35, 40, 46);
@@ -433,8 +447,10 @@
   --tag-active-background-color: rgb(26, 213, 219);
   --tag-border-color: rgb(26, 213, 219);
   --tag-active-border-color: rgb(26, 213, 219);
+  --tag-disabled-border-color: var(--tc-button-border-disabled-dark);
   --tag-text-color: rgb(255, 255, 255);
   --tag-active-text-color: rgb(10, 11, 13);
+  --tag-disabled-text-color: var(--tc-button-text-secondary-disabled-dark);
 }
 .tag .tag-icon {
   --icon-size: 1rem;

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

@@ -10,6 +10,7 @@ export class TetTag {
         this.active = false;
         this.theme = 'classic';
         this.showIcon = false;
+        this.disabled = false;
         this.language = 'lv';
     }
     async onLanguageChange(language) {
@@ -19,12 +20,12 @@ export class TetTag {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: 'd655cc4962f99fc8dde924497c1f5c46a687cd60' }, h("button", { key: '1215e39e7ef627a0ce07cf95199c975c3d27eda5', class: {
+        return (h(Host, { key: '26e4d377e0bf498e773cf3bbb9a316eb5413c8db' }, h("button", { key: '7034a6c7ac6168c2c78bd6190d31f397dc436331', class: {
                 tag: true,
                 'tag-active': this.active,
                 'tag--icon': this.showIcon,
                 [`theme-${this.theme}`]: true,
-            }, "aria-pressed": this.active.toString() }, this.tagTitle && h("p", { key: '010ce65c48ab70eeeabb776a3859b9153881b3d4', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '26939dfeb844a989c427cdef01f031a9ab7a98ac', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: 'eb00138d84341c81ec5e781dc78b3809b45dd915', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: 'f6ff0d60f26afb6010949f59095d1ceca5a0df9d', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '65dc53b0ed299b49d80634c745916b04dde44325', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '4790727ca0ac7ee763a3c7047f89b1a65ab9b13c', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-tag"; }
     static get encapsulation() { return "shadow"; }
@@ -128,6 +129,24 @@ export class TetTag {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "State of the disabled tag"
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "language": {
                 "type": "string",
                 "mutable": false,

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

@@ -13,14 +13,14 @@ export class TetTagGroup {
          * @param tag
          */
         this.renderTag = (tag) => {
-            return (h("tet-tag", { class: "single-tag", part: "tag", tagTitle: tag.title, count: tag.count, active: tag.active, showIcon: tag.showIcon, language: this.language, theme: this.theme, onClick: () => isFunction(tag.clickAction) ? tag.clickAction(tag) : null }));
+            return (h("tet-tag", { class: "single-tag", part: "tag", tagTitle: tag.title, count: tag.count, active: tag.active, showIcon: tag.showIcon, language: this.language, theme: this.theme, disabled: tag.disabled, onClick: () => isFunction(tag.clickAction) ? tag.clickAction(tag) : null }));
         };
         this.language = 'lv';
         this.tags = [];
         this.theme = 'classic';
     }
     render() {
-        return h("div", { key: 'fbad853ff725a16c713d84a47f49c0e271ed5670', class: "tags" }, this.tags.map(this.renderTag));
+        return h("div", { key: 'f619e65de3bb1720a15764e3efdb076ea66a0ada', class: "tags" }, this.tags.map(this.renderTag));
     }
     static get is() { return "tet-tag-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -138,10 +138,10 @@ export class TetCarousel {
         window.removeEventListener('resize', this.getScreenCount.bind(this));
     }
     render() {
-        return (h(Host, { key: '82455d2dfb8240a27e0e1b11dd68faad64ddfce3' }, h("div", { key: '96c8f171564ba89c9ec4a1d27040bf76d0e8c839', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '14306d6b91013f12d914493b2e134a883841e689', class: "tet-carousel__container" }, h("div", { key: '3b3ab56bf32a4b696db69d05ace95314068c908b', class: "tet-carousel__track", ref: (el) => (this.trackElement = el), style: {
+        return (h(Host, { key: '2f61631952462d8faaac9fcaa32b7cd49d298f4a' }, h("div", { key: '222266efa037d5947d310a160eb1b1e01f1ce322', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '366cca532254f73d1302bed7a4c2f4d8cbdc24e8', class: "tet-carousel__container" }, h("div", { key: '1eee687244a642b9f038c5aed5abfa99017b3776', 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: '783ef1e0e5c558d698dd8591516d0cc4d613d890' }))), h("div", { key: '1fec30c7e26abc29218753da2c774c1736747b6b', class: "tet-carousel__controls" }, this.showButtons && (h("div", { key: '5d0e4c0dd7190384f8c96ff3aaed94db90e7d663', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '8a065ab58157140a87ba884254d7f3f5afe72c71', 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: '9c6231e50f7c469254eeaba757a07fd4169d4dc2', 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: 'aeb93d78f058d96f4e16253624b7cef6512ec167', class: "tet-carousel__buttons " }, h("tet-button", { key: '5bab8de73d3033df20101a810f89895d47f64fd5', 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: 'f624005ca2aeda63dd730162d9a0b1538ceef561', 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: 'c1c6a352df3f519745e7cbd5d442aaa6b0d279e6' }))), h("div", { key: '0a273ad667765abd8886816f9507ed766db3bbcb', class: "tet-carousel__controls" }, this.showButtons && (h("div", { key: '152a50e0e6b4600be42a97afc96202129208878e', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '85927a1665cb8ddeac1a38e7dfde1d91dd393c31', 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: 'a4c481ec8f7c79efbf71e8f87853759135074acb', 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: 'b04e56addc02346d2b78a8a87a41a33b3a40182a', class: "tet-carousel__buttons " }, h("tet-button", { key: 'de3e442e1dd33504132d68a1dd356eb688083c06', 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: 'a78a12c790e51ff0a91998db00771319eb6c523b', 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: '6413b597cede36555cd5c53911218d9de66d0383', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: 'e462b6570081c13987b68a29250f0be4530e215b', class: {
+        return (h("span", { key: '49816e3b2718ca788e5f144ea166f105e5ddd468', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: 'bcefb634abdab0de2dc09cbabc33655802d039b7', 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: '5693ed0c4c1f558b9aba3745ab82c65bce5e130e', class: "loader" }, h("div", { key: '0700c43da2dfad6d1b78bc7e0b7b6f00b84214d8', class: "loader-inner" })));
+        return (h("div", { key: '761206c2d51c653032b464e373f8f3845a39fbd0', class: "loader" }, h("div", { key: 'd58abc41d9f0c6e90c784cd5916ab0021c2a6b3c', 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: 'eb34706a5b84908ce5944ec5427e4da45dabcd75', style: { width: this.width, height: this.height } }, h("div", { key: 'ff19c33b66e5193fa5e429beb5c1bcf7925872c9', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '00564017cae2f1cb5c88f77be25ea3b3f97f0c68', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: '651d3da26f9038f81db353a840d03f93efb46611', style: { width: this.width, height: this.height } }, h("div", { key: '775a3fc39497c8ec7479082689891fe8364a2eb1', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '7e33692dd60e6df4f2f0c015e4f165052ec5f65f', 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: 'c31a7165f1cfa8e573ffacbc3e967f77f25d29c0', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: 'de948e2bbce4907d1647853bdee51a6b009dcc33', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: '86af11dccfc6a569c9ce8c0098bcca86ae686b52', viewBox: "0 0 40 40" }, h("clipPath", { key: 'a89ee9cd72fe6649168aecf3a3c7129afc7df7e4', id: "clip" }, h("path", { key: '051980da4ca3787a690d1daaabcf8717a2939624', 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: '6a81b30ca11a524a57224239a884acb010556838' }, h("div", { key: '714dc4bc3500325f79377cf71c6daf2cb1220dc7', class: "spinner__gradient" })))));
+            } }, h("svg", { key: '7a19bdb70adbc86a5d390393f015c9ecda79328d', viewBox: "0 0 40 40" }, h("clipPath", { key: '92e999cb64ab644d5f0cbd738ccfe18ad0533d19', id: "clip" }, h("path", { key: '394a1e358df9ab00d3955f4df105e8145406132c', 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: '7359114b0a47b1243a1e6483dfec8e28cd6185ca' }, h("div", { key: 'deeb55594d6a9364912e0faf59ce67f613e3e521', 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: 'c79b013da76bbd3f5706270beedf30cb5deb9843' }, h("div", { key: 'ed67d61ed71db156f4d9852ffe4f7f43995fbd70', class: {
+        return (h(Host, { key: 'fa064d6a3a9e8b3943ee29721f96e73995b13448' }, h("div", { key: 'ca6c788ffba25e2fc6ccaf6079568f6c99947887', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: 'f01967001f2e3b8e027f4649a285666973ab7fae', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '6af9e12aec914a5085be6d393121fa22d0a1e79a', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: '8e03672f466ecaca977d5c54004b2d70f7615a8a', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'e88406f52a10ae2e664ba066a9e693df5ac8b710', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-label"; }
     static get encapsulation() { return "shadow"; }