@tet/tet-components 1.4.47-testing → 1.4.48-staging

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

@@ -0,0 +1,172 @@
+import { h } from "@stencil/core";
+export class TetMiniCompareCard {
+    constructor() {
+        this.benefits = undefined;
+        this.products = undefined;
+        this.price = undefined;
+        this.oldPrice = undefined;
+        this.currency = undefined;
+        this.buttonLabel = undefined;
+    }
+    /**
+     * Renders benefits list of icons / images and titles.
+     */
+    renderBenefitsList = (benefit) => {
+        const { iconName, imageSrc, title } = benefit;
+        return (h("div", { class: "card__list-item" }, !!iconName && h("tet-icon", { class: "card__list-item-icon", name: iconName }), !!imageSrc && h("img", { class: "card__list-item-image", src: imageSrc, alt: title }), h("p", { class: "card__list-item-title" }, title)));
+    };
+    /**
+     * Function to render benefits block if benefits provided.
+     */
+    renderBenefitsBlock = () => {
+        if (this.benefits.length === 0) {
+            return null;
+        }
+        return h("div", { class: "card__list" }, this.benefits.map((benefit) => this.renderBenefitsList(benefit)));
+    };
+    /**
+     * Render badge block content.
+     */
+    renderBadgeContent = () => {
+        const { price, currency, oldPrice } = this;
+        if (!price) {
+            return null;
+        }
+        const mainPrice = price.toFixed(2).toString().split('.');
+        return (h("div", { class: "card__badge-content-item" }, h("div", { class: "card__badge-content-item__price-container" }, h("span", { class: "card__badge-content-item__price" }, mainPrice[0]), h("div", { class: "card__badge-content-item__price-details" }, h("span", { class: "card__badge-content-item__price-details__header" }, mainPrice[1]), h("span", { class: "card__badge-content-item__price-details__description" }, currency))), !!oldPrice && (h("span", { class: "card__badge-content-item__footer" }, oldPrice.toFixed(2), " ", currency))));
+    };
+    /**
+     * Render Badge block with title, price and content if provided.
+     */
+    renderBadgeBlock = () => {
+        const { products, buttonLabel, price } = this;
+        const productsTitle = products.join(' + ');
+        return (h("div", { class: "card__badge" }, h("p", { class: { 'card__badge-title': true, 'large': !price } }, productsTitle), h("div", { class: "card__badge-content-wrapper" }, this.renderBadgeContent(), h("tet-button", { class: "card__badge-content-item__button", type: "primary", theme: "light" }, buttonLabel))));
+    };
+    /**
+     * Render mini card.
+     */
+    render() {
+        return (h("div", { key: '73c109b87c53bf25584c8471fc752cfaf3ae3e3e', class: "card-wrapper" }, this.renderBenefitsBlock(), this.renderBadgeBlock()));
+    }
+    static get is() { return "tet-mini-compare-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tet-mini-compare-card.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tet-mini-compare-card.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "benefits": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "MiniCompareCardBenefits[]",
+                    "resolved": "MiniCompareCardBenefits[]",
+                    "references": {
+                        "MiniCompareCardBenefits": {
+                            "location": "local",
+                            "path": "/__w/internal-tet-web-components-tet-components/internal-tet-web-components-tet-components/src/src/components/advanced/cards/tet-mini-compare-card/tet-mini-compare-card.tsx",
+                            "id": "src/components/advanced/cards/tet-mini-compare-card/tet-mini-compare-card.tsx::MiniCompareCardBenefits"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Data for list of benefits to show in card."
+                }
+            },
+            "products": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Products titles to show in card."
+                }
+            },
+            "price": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Price of product on card."
+                },
+                "attribute": "price",
+                "reflect": false
+            },
+            "oldPrice": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Old price of product to show on card."
+                },
+                "attribute": "old-price",
+                "reflect": false
+            },
+            "currency": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Currency of product on card."
+                },
+                "attribute": "currency",
+                "reflect": false
+            },
+            "buttonLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Button label to render."
+                },
+                "attribute": "button-label",
+                "reflect": false
+            }
+        };
+    }
+}

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

@@ -122,7 +122,7 @@ export class TetCustomerAssets {
         return (h("tet-selection-list", { items: assets, itemRenderFunction: assetRenderFunction, multipleSelections: false, class: "item", exportparts: "label", onItemSelected: this.selectAsset }));
     };
     render() {
-        return (h(Host, { key: '39a2431640a03f083f744aed9a82c63254e17840' }, h("div", { key: '6a8cd4754bddd1e1602ba56d49cdb2fbf2889d6b', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: '1d93375afc8dc4b320d539a123d5eeba2ff12930' }, h("div", { key: '97a4174912784fa62d8e256f2d0956b513fe1d28', 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

@@ -47,9 +47,9 @@ export class TetReferral {
         });
     };
     render() {
-        return (h(Host, { key: '3a5f76da5d569a15a32fd375276ee4ae6c3c15e3' }, h("div", { key: '8a6d25a74b718d1f5c4f018e947422eb1cfa2c87', class: "wrapper" }, h(ThemeWrapper, { key: '9d0c14182244d46f3ecc650705cafa95dc0502e0', theme: this.theme }, h("div", { key: '873961ef171adbb95b6cb52b07b448b623bc6eb9', class: "image-container" }, h("img", { key: '6fc18bdc1a98fa10fd300d8373de3c429100f2ca', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '95b1f6b5d667f2a1f966f2f210581f67e6aa79c5', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '9d97139d5a4cb294d560a63d26253d47f0caa1e1', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '0eb2a055122264219e436465687ae5f10ee7b2c4', class: "referral-block" }, h("div", { key: 'f128a1aff8d8167f071c9ce6aa94053159516cfe', class: "url-wrapper" }, h("div", { key: '104794d21dfb14814d25f32dea87f2560584fe68', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'cf78fdd42447790d662d31fbfd71ee0b8d83ffe6' }, h("div", { key: '3742a0c2c278590a83683d4ff79da2be50a5757a', class: "button-wrapper" }, h("tet-tooltip", { key: 'edb8b51d0b30006832f74cd23ee054e114d9166b', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: '818a9ef1703cca91f0a9a1086e0008803fc364de' }, h("div", { key: '2ab9e1c59c1cd7706d1929a7e06b16163e075bd4', class: "wrapper" }, h(ThemeWrapper, { key: '6589f6edf230d1e3eea0e36e9e8bef8ea71f5d85', theme: this.theme }, h("div", { key: '590152adfd71168cc119c4aaedebd7c51a19ac5c', class: "image-container" }, h("img", { key: '28ef193dd38c7b07a5a05f291555b3ffe8e205a5', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '9cb3eddb27916b8b00b5e1f2ba36730e5cbd2ca7', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '46f99b9ece9ed8091bed87df0bc631ef0a7ec8dd', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '8dc7f58371b056d22fb6123ecc8f3d00965daf5d', class: "referral-block" }, h("div", { key: '97d89c6c3fa4a7de0711ebb411b72ff76997c7af', class: "url-wrapper" }, h("div", { key: '04de98b8852cfe1e716152aa74786b3cb02a06e4', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'ad036347c2dab6b7880d44f7edd784853502c165' }, h("div", { key: '89788f1195853966829541940f4e7713502278fb', class: "button-wrapper" }, h("tet-tooltip", { key: '1592bbded056e833d9a4dabf68433895c2b45f6e', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: 'acab794234d8b934f4515fcb0bb224e0a7f19061', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: '9290641592c6c94c115ef273674fdb97999df848', 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

@@ -130,7 +130,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: '4f5b617d22dd672c2e441e79164ed7842bbca7d3', class: "multi-step-dialog" }, h("tet-dialog", { key: '23e2a4c3e2a544e6da39bdf06e33f9f85784472a', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el, theme: this.theme, onCloseDialog: this.handleCloseDialog, onOpenDialog: this.handleOpenDialog }, h("div", { key: 'bbb973ab7f3a0b156bf2f12888a0b655987424f1', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: 'aa9558c6c9c3bfcae3b0126d57c052744c2fa5db', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-go-back')), h("tet-button", { key: 'd73779cb37e7ab7d3f6e883d93afda18eeb9cbf4', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-next-step')))));
+        return (h(Host, { key: '74c009bae55d08426b18c74e21f103fe9afb78d0', class: "multi-step-dialog" }, h("tet-dialog", { key: '81e708314199645db72a86e11916f52b973a5f06', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el, theme: this.theme, onCloseDialog: this.handleCloseDialog, onOpenDialog: this.handleOpenDialog }, h("div", { key: 'e16b2a212086cec5f111a58453601d0db12229ca', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '36954d2def9b358caef5659841b0f4486af82a4f', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-go-back')), h("tet-button", { key: '76ef017d264e244f4f3808ad90193db5ed3f3a4f', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, 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

@@ -132,7 +132,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: 'e5f0febbd9d36c3fc998e7c91d0f929c3ff0e1dc', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: 'a8205702537b339c43b1bd4ab745946792fd4db6', 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-b2b-check-out-form/tet-b2b-check-out-form.js

@@ -150,11 +150,11 @@ export class TetAvailabilityContactForm {
     }
     render() {
         const { theme } = this;
-        return (h("tet-dialog", { key: 'fe6e4cef838ca38c7561a4b8af64e5ed80a086dc', class: "modal-form-card", headerTitle: t('components-b2b-check-out-form-header'), theme: theme, closeOnOverlayClick: false, footerDisplay: "right", ref: (el) => {
+        return (h("tet-dialog", { key: '11623a3778e60eb67b676f90a4e340eb9edbb9a8', class: "modal-form-card", headerTitle: t('components-b2b-check-out-form-header'), theme: theme, closeOnOverlayClick: false, footerDisplay: "right", ref: (el) => {
                 this.dialogElement = el;
-            } }, h("div", { key: 'cbe807db5ac1608179b4591bb37172f876b25ab6', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '5175ad6d894854f2779c3ddeeee0921698e4e611', class: "modal-form-card-content-header" }, h("div", { key: '2189c1ebced3262ae29ab6cce6f19922f6731917', class: "icon-wrapper" }, h("tet-icon", { key: 'e0ce3263190bc9adc15722380f6522351a7ea28f', class: "icon", name: "tc-company-1" })), h("span", { key: '87e9237c18f486935aa9ba7ec86f2d3169b7883c', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '1e82c160a5e21ee580284eb07e72411686d1ea93', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '20d5a6af0dd7cb96ca522e6a3888ab926fec5d94', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: '324af5a41a662d95addaca543ebef157f2324317', name: "cart" })), h("form", { key: '2fa196a5d6ee689bc4a1548f8d047c3d28dd707b', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '850431b63a7c3fa74165eab1ae3092c8130c86bd', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001', 'company-reg', '11'), this.renderInput('companyName', t('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', t('components-b2b-check-out-form-address-input-label'), t('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', t('components-b2b-check-out-form-name-input-label'), '', 'name'), h("div", { key: '5128c6338c6944e6c504172ad23c256e0146dd45', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com', 'email'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '22222222', 'phone', '8')), h("tet-checkbox", { key: 'c0b6a4620112c0416c98acf6e6f06bf256450234', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: 'da8caa6fd3bd1b975bfadc4ee5a31dd6a928cb05', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '3f52a9b69f5904d168b8fc24e5657df4f720c862', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: 'a86fd8abc7cef5252d6c48d3573ddb85a9bcd925', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, h("div", { key: '454a43cc93cb22ea9c61e62bf2d1090763230319', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '0f79d9d98024e0453f95e44d785bc17aa441ec96', class: "modal-form-card-content-header" }, h("div", { key: '61b3b3e9872bfa8a07ee77a696df5d55fa04d1ce', class: "icon-wrapper" }, h("tet-icon", { key: 'f729b6ce96b5336fbb16ce40273e2f9dc11d2c80', class: "icon", name: "tc-company-1" })), h("span", { key: '4cfe40705602507dff089f18aa44bf00459d1633', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '7b32b6ac680593c92e10dcb21cac9fa77d976043', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: 'ee191917bff0c32e38e7f12dbed1fe08ad19e6f4', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: '2006d27fdff5ff5f67250bbd9985d15980dac5dc', name: "cart" })), h("form", { key: 'a150f88ccf062c0fc7378da36ae19a9ab781681c', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: 'e573aaf4e66aa86e0320ef0a8ad028f2913a020a', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001', 'company-reg', '11'), this.renderInput('companyName', t('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', t('components-b2b-check-out-form-address-input-label'), t('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', t('components-b2b-check-out-form-name-input-label'), '', 'name'), h("div", { key: 'b7ec3ceaad287ffc778035e8041eeea7bc8733b5', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com', 'email'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '22222222', 'phone', '8')), h("tet-checkbox", { key: '24e7b49bb1293b85ddcec1b40c0ff0d3a84cf25b', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '517ef55d02e847cd6f39c2465204beb3b142bff8', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '28a7d6665688eb8c962c0682de3d7df07877463b', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '5c81c96dd1fdc770161e2b6db2fae87fd9c15719', type: "secondary", size: "medium", theme: theme, onClick: () => {
                 this.dialogElement.close();
-            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: 'd72a9d5b0b08027a78ef50346fe150d16bf51fa2', type: "primary", size: "medium", theme: theme, onClick: () => this.handleSubmit() }, t('components-b2b-check-out-form-submit-button-label')))));
+            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: 'aa1612b5e59d56c95519bcfdbc0334328141235b', type: "primary", size: "medium", theme: theme, onClick: () => this.handleSubmit() }, t('components-b2b-check-out-form-submit-button-label')))));
     }
     static get is() { return "tet-b2b-check-out-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,7 +73,7 @@ export class TetContactForm {
         return (h("div", { class: "loader-overlay" }, h("tet-loader", { class: "loader" })));
     };
     render() {
-        return (h("div", { key: 'bad557d795d51e0a465bf21cb010fb6b7089b750', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'bd9bdd11d33360cae762bbf1bb876938a58ce4d8', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '0adcd1623629ea2cd5b8945cc3e44fe514aa9215', class: "form-container" }, this.showTitle && h("h2", { key: 'c820c405f17872c4d6b4f0f25e8f7d2c84b0489d', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '89c814cb1c18bfbadc7cd198153490734085c1c2', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'af3439bd9d9410315b9fd532c0ebad02e43a9f37', 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", { key: '80287b00db2adf8400829c628682c084e41e822b', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit'), ...this.submitButtonProps })))));
+        return (h("div", { key: '8c3e33351ec884d4795ccacda764682d5744c120', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '01c8254612c4a71685a4df1f2a81d9c1f1cc3d53', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '4e4153d8e58ee8d365d03bb81865999d9f924ebf', class: "form-container" }, this.showTitle && h("h2", { key: 'c0413726bff33fe23bb4bda34aaaef0139576182', class: "form-title" }, t('components-contact-form-title')), h("p", { key: 'c500523e58bfbb3f4b7e6c518c5ab041bc9dc290', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '34f7e5b773bc4afbf58210465c965cdf839c7e71', 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", { key: 'c89070aea86a7421969a4b69ccf3ce22a596948e', 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

@@ -33,7 +33,7 @@ export class TetTvGiftBlock {
         }
     };
     render() {
-        return (h(Host, { key: 'fdc459cb6d90ab920444b9f6be52312e0809c977' }, h("div", { key: 'a47546d7e6f935ce0f3ea89d17bc4f2dbf7878eb', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '561bc73db0bcd68af49616979c8aa0ae431370a1', class: "tv-gift__header" }, h("slot", { key: '5c78e31ce628e5159bec6b728666da60ca1ff62c', name: "header" }, this.headerImageSrc && h("img", { key: '81722d857af5c252990c930328cb61d53fb6c2aa', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '41eb9533058fb9ac066a6e69130603d9cbe9e1c1', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '8f419b9685d67d5c82da68975e323bf1a046286f', class: "tv-gift__content" }, h("slot", { key: '9410379308676fb323d57fb412639dea3d968997' })), h("div", { key: 'fa1472a01332346e33030d4237cc87955a875077', class: "tv-gift__footer" }, h("slot", { key: '51eabc4426c1dd40b4c9fa8d7bdbbcf685f30b94', name: "footer" }, h("span", { key: 'af90d43ff8ef7c17724976a40e851ff6417d949c', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '2a369ba2f26b3f47313bb84d2fb7cc7e06d80363', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: 'da85bd7ab8b796885407cd6e59acc6fe4eda4eff' }, h("div", { key: '0e24dfadb4e2f0fbf2548615add534dd61adc2d1', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: 'b0504fd586c36a11ea3d77996fb1b16b823fcba4', class: "tv-gift__header" }, h("slot", { key: 'f5a9c43f17b5589a04802d10458e545a5a78cb0e', name: "header" }, this.headerImageSrc && h("img", { key: '5a3321cea2e9e1fc3bc42eedd520dfce0145dd3d', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '8c35005d36c604ebcf80be213676bbe7237f803a', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '31293e735263adfbf0c3f5cf838d1073edfd7365', class: "tv-gift__content" }, h("slot", { key: '29590e7bb7543a1d432793858d15570419555c18' })), h("div", { key: '7294c2b404664dd49653029b71a311ebebe2db8d', class: "tv-gift__footer" }, h("slot", { key: '116a024b080812aab56286c7d265cd619f51b1aa', name: "footer" }, h("span", { key: '3642fa003f8a28a7a3de09eea57efc851effa779', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '72006b91eafd39187bca741797ff54c9bd0b80fa', 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

@@ -36,11 +36,11 @@ export class TetTvGiftList {
         }
     };
     render() {
-        return (h(Host, { key: 'e59346b7dc5d002d767608c9f1200b5994a07534' }, h("div", { key: '30aff343520a10d2d81e4d20ec50cb6255a86c0c', class: {
+        return (h(Host, { key: 'ed3c027a443e8d457ef8d878ca0e298a7a39d81c' }, h("div", { key: '6400c120dc4e8d413bc414c6836ae44b993abce9', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: '34d4bab68d9da8d1da6ca9a2d5c9ce643ccce8a4', class: "tv-gift-list__image__wrapper" }, h("img", { key: '28022fed11e9f4d88fb56cf08d09a5ca3fa57d28', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '9c611d8c22de77c98b01085295af35c16e09ea42', class: "tv-gift-list__list__wrapper" }, h("span", { key: '7bbc672726ffeba4ec7c861da5b1929cd456e0e5', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '97b17e2b7b20c9949c3c8f966944d6f2f6d400d7', 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: 'bc5de4853a6b02bb0136f0f37a8fd9c1d5fa8112', class: "tv-gift-list__image__wrapper" }, h("img", { key: '5a262fc5db89447202f040858774571b90dc0b3b', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'aeeacb0fe1c16911674a869c54fa13daa8215e5e', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'bde7c8858b0eb66091d167201dbe752bede393ff', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '57786524f9e7b41f1554efde9e5ce5c46f732eac', 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

@@ -161,11 +161,11 @@ export class TetTabContent {
         this.selectedId = id;
     }
     render() {
-        return (h(Host, { key: '92bbc56cff3dc3f0f091f6dba01823df484d3609' }, h("div", { key: '7ba0ff2ea9f5d10d9d88cfcdd875cc37b6a13345', class: {
+        return (h(Host, { key: '957e1ac5e1ce466a05969883b905b26322ab4b55' }, h("div", { key: 'be88626b4e435610e16b5e99a5329191c0a25e3e', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, h("slot", { key: '1d6b636346a3538faf3ea61b7d13faf93a09fc23' }))));
+            } }, h("slot", { key: 'd0cead5dc1597c23ef9ead47d7fb3f19bab5bc38' }))));
     }
     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

@@ -609,7 +609,7 @@ export class TetTabHeader {
     }
     render() {
         const shouldRenderOverflowGradients = this.showOverflowGradients;
-        return (h(Host, { key: 'd05e4b4a6ddd051f02b4386019ee2d640f8bcb21', "data-id-suffix": this.idSuffix }, h("div", { key: 'cb016536a6ac1f5fa09ae197bf4d1b849b01d0fb', class: {
+        return (h(Host, { key: '9fe9dae2271ec9e9c4c6f1169513faae3b76b58a', "data-id-suffix": this.idSuffix }, h("div", { key: 'd68c488af7f574ebacb2cbba49a7fe098411f508', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 'tabs--overflow-left': this.hasOverflowLeft,
@@ -618,7 +618,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" }, shouldRenderOverflowGradients && h("div", { key: 'c4dc94d9d508255fe05eca81c0b6b1ee55b7142b', class: "tabs-gradient tabs-gradient-left", "aria-hidden": "true" }), h("slot", { key: '0952417f6292c1742c0b4f839f686aaf6fd5d607', onSlotchange: () => this.updatePositionClass(), ref: (slot) => (this.tabContainer = slot) }), shouldRenderOverflowGradients && h("div", { key: '24b2b4f52039bfb65fd1439de0becbb00a59f978', class: "tabs-gradient tabs-gradient-right", "aria-hidden": "true" })), h("div", { key: 'ab20f6e1e96719de2a6673a5d2ded8cb4f98d94a', class: {
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, shouldRenderOverflowGradients && h("div", { key: '62a91c406b1eec7e4fea833fba53d10d12fef700', class: "tabs-gradient tabs-gradient-left", "aria-hidden": "true" }), h("slot", { key: 'af802aebc253827c9ddebde865a246cf099b1e6a', onSlotchange: () => this.updatePositionClass(), ref: (slot) => (this.tabContainer = slot) }), shouldRenderOverflowGradients && h("div", { key: '74ac3e267e40e57b732994d1205b84594cb3bc75', class: "tabs-gradient tabs-gradient-right", "aria-hidden": "true" })), h("div", { key: 'ad2a8b4e77c1d532371baf74f7e9f12448f1e02f', class: {
                 'tabs-line': !this.segmented,
                 'no-underline': this.hideHeaderUnderline || this.type === 'pill',
                 [this.theme]: true

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: '1d2c56239d2098dc6870ae848ab02b6fb5d3f6c4' }, h("button", { key: '3269cb7d11c61cd914f2b9a25070d63629769469', class: {
+        return (h(Host, { key: 'fe74cdcd4b83eaee2b546f6c47bda05bb9fadf4c' }, h("button", { key: 'ad9e37e45fe5ff09398a7bc70087dc25abf33099', 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: '25039aebf8de020eb018e6d63bc4238f402f4121', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '70d4277d86d48157d64454d62ee03f42a2d274b9', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '01f756240a3f14a4c182b09c4a62aae3ae582619', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: 'd6ea64c06cfc7a65fb4e7d321bdadc009c0b46ac', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'a5249ca44a70cd6c918e6a8574eaf1f9e7d6dcb3', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '6e24db90737c5b33c5cd6d2b6b4cd0fb4278455b', 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

@@ -927,22 +927,22 @@ export class TetCarousel {
                 trackTransition = 'none';
             }
         }
-        return (h(Host, { key: '88f13a557d1be75e15b45d14f04bba6a707455fa' }, h("div", { key: '0305db6dfa7622dfa3ecfa657e04272aa4d740bb', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '49fc65eb45471f718e1238528e8065d37e2ebd7d', class: "tet-carousel__container" }, h("div", { key: '4c57e157d314af7b0810d7c300ef2342e3c5b91e', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: 'cf38e235a5afbf01f6d7a39f4e8a2b5429978187' }, h("div", { key: '36e55acfea5303f28e588e803f318e56d14a3d82', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'a3cb94f942a8bfa36ff87404fbbc2a22488c1963', class: "tet-carousel__container" }, h("div", { key: 'da140fc326507460564cf93c9c31bab2daa71e8d', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: 'c68b987fa6406738d710fb526b6135bb2ad56d66', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: 'cb624143205c63dce10dcf1ca555eb57be20c42c', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: '16c0001a2c8b62f20fa3c3bf5201d3b2873f12d3', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: '736dd6e3d32914b88e6636a6809ecca899485fe7', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
                 transform: `translate3d(${this.dragOffset}px, 0, 0)`,
                 transition: trackTransition,
                 willChange: 'transform'
-            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: 'b67a4f41bc1b68a80d9893b0055f02fca7444850', class: {
+            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: '0b0ce1bdc54a2d52c95990852ecdaca6d7c01df7', class: {
                 'tet-carousel__track-content': true,
                 'tet-carousel__track-content--nudge': this.isNudgeAnimating
             }, ref: (el) => (this.trackContentElement = el), style: {
                 '--tet-carousel-nudge-distance': `${TetCarousel.NUDGE_DISTANCE_PX}px`
-            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: '01c7a49dbbc17fdce0c4d5a548d2c9422ee1c9de' })))), !!this.label && h("div", { key: '91230f2a40f5ceb05808b4eebf9defb7537b6753', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: 'a1787904e94145b54e63509de8504cfa3a5a41e5', class: "tet-carousel__controls" }, showButtons && (h("div", { key: 'e24030bca7aba62f73f3b50bb5eedeb06c2e0f78', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: 'cfea1e2fd8dc41ff124347dc2a2f7230a3ff4299', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: '3b8939633e5a907cd514fd1831b427278fecbfa3', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
+            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: 'e5c5a8855cfd39787bffc7d6707912aa74119d3c' })))), !!this.label && h("div", { key: '921ecbd4a5c6e22f065aa3293143bb460e807117', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: '8b393bb4c325eaa82564371bc7209df2285a010f', class: "tet-carousel__controls" }, showButtons && (h("div", { key: '5081ee78a7e899b3066fd3516fce84de8c96c1fc', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: '847f0765347d311df9774ecd5ab8e63a19ff5fda', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: '9e60673d0d07a1876b8f3eac5b6c32ac63b5c202', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
                 ? t('components-carousel-indicator-button-active')
-                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: '9ef48770e24ca47f71b99d97fb20dbdbc6f001e7', class: "tet-carousel__buttons" }, h("tet-button", { key: '7541393b398032ecb5e1554bc01a6a611e51f74d', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: 'c7e74f9d65fc80bf3dc8bc658968caa7709bb8ac', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
+                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: 'e12023fd4cacb60d29eb34485aaf09fd39b34074', class: "tet-carousel__buttons" }, h("tet-button", { key: '48274702797d73b8126560153bdb1216544c8a94', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: '80a9558cb46964597fdf5f568b7cdd988a7585f4', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
     }
     static get is() { return "tet-carousel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@ export class TetIcon {
     };
     shouldUseDefaultColor = () => (this.useDefaultColor || defaultColorIcons.includes(this.name));
     render() {
-        return (h("span", { key: '578d73873f6ca3ae6e60589a464c1cd8c366cebb', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: '623de6e2ce8ff246200eb90a264a88c90b49dc40', class: {
+        return (h("span", { key: 'b1ca0070a7ee3bb617d6ffd7dcee70935b53d98f', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: '2385e9dd50e8ee4c99e0b0878dbbeb28d9fef13f', 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: '057f69daf1bcabb1ef28806a1c9b1b04fb16ddd9', class: "loader" }, h("div", { key: 'a0ae5d84293210ec2c8dbe696479aa2d132a62b9', class: "loader-inner" })));
+        return (h("div", { key: 'b651b82cfae638e67343be61934129e5c3760ec9', class: "loader" }, h("div", { key: 'ee83b13beae7797ec75501702129df680729d946', 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: 'aaaff59e365f93ca4bb533a18c4468fae899396a', style: { width: this.width, height: this.height } }, h("div", { key: '3cd4a42ac92a11e4c22fb607d5c30c50b26aa1db', class: { 'dark-theme': this.darkTheme } }, h("div", { key: 'b991466742ae3188c6ab120d3884312f3aac41a6', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: '09466c27e7c3a5c465055612bf4098a4b365fd77', style: { width: this.width, height: this.height } }, h("div", { key: '550950faa4f6e32066552161e12ffe1225f1854d', class: { 'dark-theme': this.darkTheme } }, h("div", { key: 'c8527c7135f275a401285967901bca6bc1bae2f6', 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

@@ -48,13 +48,13 @@ export class TetSpinner {
         foreignObject.setAttribute('clip-path', 'url(#clip)');
     };
     render() {
-        return (h("div", { key: 'c7b3ec15f00e9caa85f23df789f541e60600804f', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: 'b969d3c8d7a1f6c96cbce5e2e84e719e779dbb9f', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: 'f1d0f45c754512833731e7a1e71cc80bd5785c39', viewBox: "0 0 40 40" }, h("clipPath", { key: 'e819e565fc43397b84d281df55e1c57e2f6a1850', id: "clip" }, h("path", { key: '5773fb96664b2b61973b114751a68b9bbd594777', 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: 'dd024174beb7cd8bdb67d2eb44702a3d145a1737' }, h("div", { key: 'dc738a388fd86f3edae451f00a3dbd76833a9f2d', class: "spinner__gradient" })))));
+            } }, h("svg", { key: 'b0e5b33be6b0e2dab87ff64abaf926604e89ebb0', viewBox: "0 0 40 40" }, h("clipPath", { key: 'ac9c236bd348b10b6abf859829c29b2b4de72288', id: "clip" }, h("path", { key: 'dd607c3b6fae5639f459e123cc1eb0937d4489b8', 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: '20b3b460740e1dd2ad1b07381ac97a7a327a7bb0' }, h("div", { key: 'ae1b8a05113ae24e79c44d94ba2f727a45386271', class: "spinner__gradient" })))));
     }
     static get is() { return "tet-spinner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -119,7 +119,7 @@ export class TetCountdown {
     }
     render() {
         const hostClass = `static-text-color-${this.staticTextColor}`;
-        return (h(Host, { key: 'b7d2aaeaa17a562101d2bd9b8e5ef2574973fbb2', class: hostClass }, this.countdownTitle && (h("div", { key: '3c067d3a78a3dcd7d330fbc5aa80ed1c1d9e1df5', class: "countdown-title", part: "title", "aria-hidden": "true" }, this.countdownTitle)), h("div", { key: '7bae1117f7c472df0504219bcd4fe7d5ebb00989', class: "countdown", part: "countdown", "aria-hidden": "true" }, this.renderUnit(this.countdown.days, this.getUnitLabel('days', this.countdown.days), 'days'), this.renderUnit(this.countdown.hours, this.getUnitLabel('hours', this.countdown.hours), 'hours'), this.renderUnit(this.countdown.minutes, this.getUnitLabel('minutes', this.countdown.minutes), 'minutes'), this.renderUnit(this.countdown.seconds, this.getUnitLabel('seconds', this.countdown.seconds), 'seconds')), h("div", { key: '63a235d1578ccf0f0d309b460804ee7b30395d40', class: "sr-only" }, this.getCountdownAriaLabel())));
+        return (h(Host, { key: 'f6d1c44dd5c4e3ca09f8d26549b065da68b374b8', class: hostClass }, this.countdownTitle && (h("div", { key: '8624bef4058f57e1706ac13a6a8298da35204bd9', class: "countdown-title", part: "title", "aria-hidden": "true" }, this.countdownTitle)), h("div", { key: '2bb768a59430372ef8c9947631a9ae964d23bd31', class: "countdown", part: "countdown", "aria-hidden": "true" }, this.renderUnit(this.countdown.days, this.getUnitLabel('days', this.countdown.days), 'days'), this.renderUnit(this.countdown.hours, this.getUnitLabel('hours', this.countdown.hours), 'hours'), this.renderUnit(this.countdown.minutes, this.getUnitLabel('minutes', this.countdown.minutes), 'minutes'), this.renderUnit(this.countdown.seconds, this.getUnitLabel('seconds', this.countdown.seconds), 'seconds')), h("div", { key: '011a2b5feff0d85ccb97360b721f0fe76f2ab355', class: "sr-only" }, this.getCountdownAriaLabel())));
     }
     static get is() { return "tet-countdown"; }
     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: 'cc76d5686cd9f65cf1117e82be2ed5efd216bf89' }, h("div", { key: '0afe30cd4ab92bc5bf5ddee37758c305a589b981', class: {
+        return (h(Host, { key: '7afde21d27792b49ab94f34b6cbcc68431203c11' }, h("div", { key: '4459f089219e88dbf70281058d972bc363a882f0', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: '73221c9c80f4ef67e15f7447ffc85dc6a0a2af37', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '58c0bb8377261ff610b7ceba8ffa0b323bc10d62', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: '4a0639ec32ad14221a67342c71e50720bf02fd6c', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '2f9cf02a5255142ac6fcfd9d61f9375747a18c31', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-header/tet-datepicker-header.js

@@ -55,9 +55,9 @@ export class TetDatepickerHeader {
         this.datepickerViewChanged.emit(view);
     };
     render() {
-        return (h("div", { key: '8319cdf938529c05440c989adee62c318329bea2', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: 'a52ac6cf868eb72b502b92af4907519a860d4039', class: "header" }, this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.subtractDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-left" })))
-            : h("div", null), h("div", { key: '2b96ac64a31ce48feb09101f869b6543acda7cc1', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '831e3686213c8d25587358d9569aca78eac3f419', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: 'fa422efee1d0b065aea4dd8777800cc929c0fe33', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '0e3c9707e303dc2cb6a2c3716e7f5d9569431ec7', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.addDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-right" })))
             : h("div", null)));
     }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-month-view/tet-datepicker-month-view.js

@@ -159,7 +159,7 @@ export class TetDatepickerMonthView {
         };
     };
     render() {
-        return (h(Host, { key: 'a4f7be4b7ae091cd2590327faa1c7cd1525f85fe' }, h("div", { key: 'e1dc4952597698666654eff8102a28913c9d669e', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '57b7152b6d071433dc5ce9d9d8f7d7bf67843fea', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
+        return (h(Host, { key: 'e5fe4825d3bf79697faba78f5b89a30f074de344' }, h("div", { key: '4aec34905abc72b6224f9d19b546759baac757e5', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'b94133d063d9fea2a6eb6d778cb697603a22ae29', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
     }
     static get is() { return "tet-datepicker-month-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-multi-year-view/tet-datepicker-multi-year-view.js

@@ -32,7 +32,7 @@ export class TetDatepickerMultiYearView {
         return { year: true, current: year === currentYear, selected: this.isSelectedYear(year) };
     };
     render() {
-        return (h("div", { key: '8fb65992b68a2f1a57cd1a511957223ac31b479f', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '5888ae4618c714460fa346b812293ee5aa1a16de', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
     }
     static get is() { return "tet-datepicker-multi-year-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-year-view/tet-datepicker-year-view.js

@@ -39,7 +39,7 @@ export class TetDatepickerYearView {
         };
     };
     render() {
-        return (h("div", { key: '74fff2b0830c6e1e84a405150e82fa1f8aa27270', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
+        return (h("div", { key: 'abaf34cc87ba09ad3d9924ef38e5037a4592f0b7', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
     }
     static get is() { return "tet-datepicker-year-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/tet-datepicker.js

@@ -100,10 +100,10 @@ export class TetDatepicker {
         return { overlay: true, closed: !this.isOpen, 'overlay-effect': this.overlayEffect };
     };
     render() {
-        return (h("div", { key: 'ef4cd00c1976d8e7d90652db9d45862429a4530d', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '9d44b4b847c458688d76a23637a6e3f888061a2d', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '5085f13fe1bed0de280bd6b98ddfa29c3f307707', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '6f85f52ed3be72a11d4485df8e21cd00a745ac13', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '0dcb51c8c83c6c5c1b01c684dee0f616acf4926b', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: 'b47d1b9267ab29f69931c26a58e2181ecc60cd91', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: '304858cb2878b20765aa07e5a4f874bfc37fdf0e', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'f61500674fb354d927675ce2febe9d8ea802e6ac', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '57176ad48867a898ec13d3a37a91ebcd1528dd16', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: 'a37f564194a32e650d89f29f9062ff3e217a8683', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '9cf2e20343643d3e04270392909a773bf6bbb392', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: '051be6a41f885a121c8ff9673d67a945c513fdd5', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     static get is() { return "tet-datepicker"; }
     static get encapsulation() { return "shadow"; }