@tet/tet-components 1.4.87-testing → 1.4.88-staging

package/dist/cjs/tet-address-offers_4.cjs.entry.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-3242ff3f.js');
-const index = require('./index-4b423f33.js');
-const httpCodes = require('./http-codes-0eae7bd3.js');
-const translations = require('./translations-3b76d1ce.js');
+const index$1 = require('./index-faec4c52.js');
+const index = require('./index-19a7608f.js');
+const httpCodes = require('./http-codes-3b8718ff.js');
+const translations = require('./translations-d1d3bb81.js');
 const buildFormUrl = require('./build-form-url-323431e4.js');
 const price = require('./price-74db7788.js');
-const assets = require('./assets-f0cfef4d.js');
-const phone = require('./phone-f6be08ae.js');
+const assets = require('./assets-294836fa.js');
+const phone = require('./phone-76ec1bae.js');
 const required = require('./required-253932be.js');
 require('./typecheck-d48810dc.js');
-require('./async-request-a617bfe6.js');
+require('./async-request-2739d46b.js');
 
 class AddressOffersFilters {
     onFilterSelect;
@@ -482,7 +482,7 @@ const TetAddressOffers = class {
      * Prepares the translations before the component is rendered.
      */
     async componentWillLoad() {
-        translations.processTranslations(this.translationsGroup, this.language).then(() => index$1.forceUpdate(this));
+        await translations.processTranslations(this.translationsGroup, this.language);
     }
     /**
      * Triggers the loading of the catalog when component is fully loaded for the first time.
@@ -834,7 +834,7 @@ const TetAddressOffers = class {
         })));
     };
     render() {
-        return (index$1.h(index$1.Host, { key: '15466862e81fe36fb8f001019c24a71b0f6c881e' }, this.showLoader ? this.renderLoader() : state.catalog && this.renderTopCategories()));
+        return (index$1.h(index$1.Host, { key: 'a90403ed6ae0cb197da686df01b82bd61f0a22ee' }, this.showLoader ? this.renderLoader() : state.catalog && this.renderTopCategories()));
     }
     static get watchers() { return {
         "addressKey": ["onAddressKeyChange"],
@@ -863,8 +863,8 @@ const TetAddressOffersFilters = class {
     /**
      * Lifecycle method
      */
-    componentWillLoad() {
-        translations.processTranslations('tet-components', this.language).then(() => index$1.forceUpdate(this));
+    async componentWillLoad() {
+        await translations.processTranslations('tet-components', this.language);
     }
     /** Render Clear Filter button if defined it should be included. */
     renderClearFilterBtn = () => {
@@ -888,7 +888,7 @@ const TetAddressOffersFilters = class {
      * @returns {FunctionalComponent}
      */
     render() {
-        return (index$1.h(index$1.Host, { key: '1d8b08d4857d04ab99490216be0b39bc4336ece0' }, state.availableFilters.length === 0 && this.renderLoader(), index$1.h("tet-tag-group", { key: '7cbab7f9fea9b81f903f21e353e62b4eb7bf0857', tags: state.availableFilters, language: this.language, theme: this.theme }), this.renderClearFilterBtn()));
+        return (index$1.h(index$1.Host, { key: 'e0595dd4daebecb99d9297f009c6ac9c7ad267f9' }, state.availableFilters.length === 0 && this.renderLoader(), index$1.h("tet-tag-group", { key: '67746a7dd75d0228aa1e31e5c837937338dd9544', tags: state.availableFilters, language: this.language, theme: this.theme }), this.renderClearFilterBtn()));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"]
@@ -1184,7 +1184,7 @@ const TetAvailabilityContactForm = class {
         return (index$1.h("div", null, index$1.h("tet-dialog", { ref: (element) => this.dialogElement = element, "footer-display": "hidden", "is-open": this.showAvailabilityContactForm, closeOnEscape: true, closeOnOverlayClick: true }, index$1.h("div", { class: "form-container" }, index$1.h("tet-icon", { name: "confirm-md", class: "icon icon-success icon-size" }), this.showTitle && index$1.h("h2", { class: "form-title" }, translations.translate('components-availability-contact-form-success-title')), index$1.h("p", { class: "form-subtitle" }, translations.translate('components-availability-contact-form-success-subtitle')), index$1.h("tet-button", { class: "form-container-close", clickCallback: this.closeDialogElement, size: "medium", type: "primary", theme: "light" }, index$1.h("span", null, translations.translate('components-availability-contact-form-success-close')))))));
     }
     render() {
-        return (index$1.h("div", { key: 'ff9558fb4b908ed6e074aebe4c50d71d735bb25a', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (index$1.h("div", { key: '129434838d50dd8303900924a4a637fe81eaa3c4', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"]

package/dist/cjs/tet-address-search.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
-const translations = require('./translations-3b76d1ce.js');
-const address = require('./address-d3d97441.js');
-require('./http-codes-0eae7bd3.js');
-const debounce = require('./debounce-e63291de.js');
+const index = require('./index-faec4c52.js');
+const translations = require('./translations-d1d3bb81.js');
+const address = require('./address-db3de695.js');
+require('./http-codes-3b8718ff.js');
+const debounce = require('./debounce-d7387668.js');
 const string = require('./string-6b03516f.js');
 const a11y = require('./a11y-bd966702.js');
 require('./typecheck-d48810dc.js');
@@ -88,7 +88,7 @@ const TetAddressSearch = class {
         this.removeIconRight();
     }
     async componentWillLoad() {
-        translations.processTranslations('tet-components', this.language).then(() => index.forceUpdate(this));
+        await translations.processTranslations('tet-components', this.language);
     }
     async componentDidLoad() {
         this.nativeInput = await this.inputComponent?.getInputHtmlElement();
@@ -348,21 +348,21 @@ const TetAddressSearch = class {
         const submitButtonColorTheme = (isButtonActive && isDarkContainerTheme && this.alwaysExpanded)
             ? 'adaptive-yellow'
             : undefined;
-        return (index.h(index.Host, { key: 'cce6dd419ef73b284cef7ecad4674240544b7717', class: {
+        return (index.h(index.Host, { key: '37b917408f0d33fe99a7e568eb64d83ec73959ad', class: {
                 "address-search": true,
                 "address-search--redesigned": this.redesignedStyle,
                 "always-expanded": this.alwaysExpanded,
                 "keyboard-focus": this.focusVisible,
                 "active": this.elementActive,
                 [this.theme]: true,
-            } }, index.h("tet-autocomplete", { key: '3848900d426561d10da70ec97a5815584e24227f', class: `address-search--redesigned__autocomplete
+            } }, index.h("tet-autocomplete", { key: '4d2e8c2d872eaa557121bd9ed5086bb0d5a2cd3e', class: `address-search--redesigned__autocomplete
             ${isDarkContainerTheme ? 'dark' : ''}
           `, part: "autocomplete", optionsFilterAction: this.debounceAddressFilter, onOptionSelected: this.handleAutocompleteOptionSelection, noOptionsMessage: translations.translate('components-address-search-not-found-message'), noOptionsRenderFunction: this.manualAddressTriggers ? this.renderManualAddressInputNoOptionsMessage : undefined, clearCallback: this.autocompleteClearInputCallback, finishedLoading: this.finishedLoading, darkTheme: isDarkContainerTheme, newStyle: this.newStyle, ref: (el) => (this.autocomplete = el), optionsIcon: "location", redesignedStyle: this.redesignedStyle, highlightOptionsKeyword: this.highlightOptionsKeyword }, this.redesignedStyle ? (index.h("div", { class: "address-search--redesigned__autocomplete-content" }, index.h("div", { class: `address-search--redesigned__input-wrapper
                 ${isDarkContainerTheme ? 'dark' : ''}` }, index.h("tet-input", { class: `address-search__input address-search--redesigned__input
                     ${isDarkContainerTheme ? 'dark' : ''}`, part: "input", "input-class": inputClasses.join(' '), "input-placeholder": this.placeholder, "input-disabled": this.inputDisabled, label: this.label, accessibilityLabel: this.accessibilityLabel, iconLeft: this.newFormsStyle ? '' : 'tc-search-short', iconRight: this.inputIconRight, iconRightClickCallback: this.clearInputAction, ref: (el) => (this.inputComponent = el), error: this.isInputInvalid, autocomplete: "off" }, this.isLoading &&
             index.h("tet-spinner", { theme: isDarkContainerTheme ? 'dark' : 'light', class: "address-search__spinner", size: "small" }))), index.h("div", { class: `address-search--redesigned__button-wrapper
                 ${isDarkContainerTheme ? 'dark' : ''}` }, index.h("tet-button", { class: "submit-address js-button-mobile button-icon", type: "primary", theme: submitButtonTheme, colorTheme: submitButtonColorTheme, customColorCode: submitButtonColor, "accessibility-label": translations.translate('components-address-search-search'), iconName: "arrow-right", iconMode: true, onClick: this.handleSearchSubmit }), index.h("tet-button", { class: "submit-address button js-button", type: "primary", size: "medium", theme: submitButtonTheme, colorTheme: submitButtonColorTheme, customColorCode: submitButtonColor, onClick: this.handleSearchSubmit }, this.searchButtonText)))) : (index.h("tet-input", { class: "address-search__input", part: "input", "input-class": inputClasses.join(' '), "input-placeholder": this.placeholder, "input-disabled": this.inputDisabled, label: this.label, accessibilityLabel: this.accessibilityLabel, iconLeft: this.newFormsStyle ? '' : 'search', iconRight: this.inputIconRight, iconRightClickCallback: this.clearInputAction, theme: this.theme, ref: (el) => (this.inputComponent = el), error: this.isInputInvalid, autocomplete: "off" }, this.isLoading &&
-            index.h("tet-spinner", { theme: this.theme === 'dark' ? 'dark' : 'light', class: "address-search__spinner", size: "small" })))), this.redesignedStyle && (index.h("div", { key: '17f5d468123f4312a9d76b989f1ec1d41a13d7e6', class: "address-search--redesigned__close-button" }, index.h("tet-button", { key: 'f2e3d8b1170da1bd22444bc4bd8d9dac452524d8', type: "link", iconName: "close", theme: "dark", onMouseDown: (event) => event.preventDefault(), onClick: this.handleCloseButtonClick }, this.closeButtonText)))));
+            index.h("tet-spinner", { theme: this.theme === 'dark' ? 'dark' : 'light', class: "address-search__spinner", size: "small" })))), this.redesignedStyle && (index.h("div", { key: '4636f89998b22788092074f869bd4e9237490411', class: "address-search--redesigned__close-button" }, index.h("tet-button", { key: '82224c1574fbd29c5e176efe1a72428da11946e5', type: "link", iconName: "close", theme: "dark", onMouseDown: (event) => event.preventDefault(), onClick: this.handleCloseButtonClick }, this.closeButtonText)))));
     }
     static get watchers() { return {
         "language": ["onLanguageChanged"],

package/dist/cjs/tet-assembler.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
-const httpCodes = require('./http-codes-0eae7bd3.js');
+const index = require('./index-faec4c52.js');
+const httpCodes = require('./http-codes-3b8718ff.js');
 const buildFormUrl = require('./build-form-url-323431e4.js');
-const translations = require('./translations-3b76d1ce.js');
+const translations = require('./translations-d1d3bb81.js');
 const price = require('./price-74db7788.js');
 require('./typecheck-d48810dc.js');
 

package/dist/cjs/tet-asset-addresses.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
-require('./http-codes-0eae7bd3.js');
-const assets = require('./assets-f0cfef4d.js');
+const index = require('./index-faec4c52.js');
+require('./http-codes-3b8718ff.js');
+const assets = require('./assets-294836fa.js');
 
 const tetAssetAddressesCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;--address-selection-background:rgb(237, 245, 252);--address-selection-color:rgb(8, 53, 104);--address-selection-background-selected:rgb(8, 53, 104);--address-selection-color-selected:rgb(237, 245, 252);--address-selection-box-shadow:0 0 0.125rem 0 rgb(215, 219, 224)}.dark{--address-selection-background:rgb(22, 25, 29);--address-selection-color:rgb(153, 160, 174);--address-selection-background-selected:rgb(67, 75, 86);--address-selection-color-selected:rgb(255, 255, 255);--address-selection-box-shadow:0 0 0.125rem 0 rgb(67, 75, 86)}.list-container{border-radius:0.5rem;overflow:hidden;box-shadow:0 0 0.125rem 0.0625rem rgb(215, 219, 224);color:var(--address-selection-color);margin-bottom:0.5rem}.selection-list{--item-spacing:0}::part(icon),.icon{--icon-color:var(--address-selection-color);margin-right:0.5rem}::part(icon-right){position:absolute;right:0}.selection-list-item-container,::part(selection-list-item-container){cursor:pointer;font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";--padding:.5rem;--background:var(--address-selection-background);--border-radius:0;--container-border-width:1;--box-shadow:var(--address-selection-box-shadow)}::part(container-selected){--background:var(--address-selection-background-selected);color:var(--address-selection-color-selected)}::part(icon-selected){--icon-color:var(--address-selection-color-selected)}.address-search::part(input){--input-background-color:rgb(255, 255, 255)}";
 const TetAssetAddressesStyle0 = tetAssetAddressesCss;

package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
+const index = require('./index-faec4c52.js');
 const string = require('./string-6b03516f.js');
 
 var IconName;
@@ -95,7 +95,7 @@ const TetAutocompleteDropdown = class {
         return this.options.filter(({ label }) => label.toLowerCase().includes(string.normalize(filterValue)));
     };
     render() {
-        return (index.h(index.Host, { key: 'c4388b4c456d9b742177feaec11ef70d63679c9c' }, index.h("tet-autocomplete", { key: '6df636a6f5f4659845f3278ca16925ca02e67e20', newStyle: true, defaultOptions: this.options, showOptionsOnEscapeClear: true, noOptionsMessage: this.noOptionsMessage, optionsFilterAction: this.optionsFilterAction, clearCallback: this.autocompleteClearInputCallback, onOptionSelected: this.handleAutocompleteOptionSelection, ref: (element) => (this.autocomplete = element), darkTheme: this.theme === 'dark' }, index.h("tet-input", { key: '130948785a7880cbc721af3fed3e4f40d8000fa8', class: "input", label: this.label, error: this.hasError, "icon-right": this.rightIconName, "input-class": "autocomplete-input", "input-placeholder": this.placeholder, ref: (element) => (this.inputComponent = element), iconRightClickCallback: this.iconRightClickCallback, theme: this.theme })), this.hasError && this.errorMessage && index.h("p", { key: '842876ed0c69af55bff0c91afd269ca237dd36c7', class: "error-message" }, this.errorMessage)));
+        return (index.h(index.Host, { key: '74b8a18546e867db025896dd46c970a1ef9ab15d' }, index.h("tet-autocomplete", { key: '7192a8569b41fc22339860741062c5853cb78c92', newStyle: true, defaultOptions: this.options, showOptionsOnEscapeClear: true, noOptionsMessage: this.noOptionsMessage, optionsFilterAction: this.optionsFilterAction, clearCallback: this.autocompleteClearInputCallback, onOptionSelected: this.handleAutocompleteOptionSelection, ref: (element) => (this.autocomplete = element), darkTheme: this.theme === 'dark' }, index.h("tet-input", { key: 'b41667ee2a4152c684c2a076097f2a6093b59826', class: "input", label: this.label, error: this.hasError, "icon-right": this.rightIconName, "input-class": "autocomplete-input", "input-placeholder": this.placeholder, ref: (element) => (this.inputComponent = element), iconRightClickCallback: this.iconRightClickCallback, theme: this.theme })), this.hasError && this.errorMessage && index.h("p", { key: '58e3ee0abcc075877c84351cede7dd4510542bbd', class: "error-message" }, this.errorMessage)));
     }
 };
 TetAutocompleteDropdown.style = TetAutocompleteDropdownStyle0;

package/dist/cjs/tet-autocomplete.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
-const debounce = require('./debounce-e63291de.js');
+const index = require('./index-faec4c52.js');
+const debounce = require('./debounce-d7387668.js');
 const string = require('./string-6b03516f.js');
 const typecheck = require('./typecheck-d48810dc.js');
 const random = require('./random-f29aa577.js');
@@ -132,6 +132,7 @@ const TetAutocomplete = class {
     disconnectedCallback() {
         this.inputElement?.origin.removeEventListener('input', this.onInputChange);
         this.inputElement?.origin.removeEventListener('focus', this.tryToDisplayOptions);
+        this.debouncedUpdateFilteredOptions.cancel();
     }
     onPointerUp(event) {
         event.stopPropagation();
@@ -480,10 +481,10 @@ const TetAutocomplete = class {
             }, part: "autocomplete-options-container", role: "combobox", "aria-expanded": this.showOptions, "aria-activedescendant": this.activeOption ? `${this.internalUniqueId}-${this.filteredOptions.indexOf(this.activeOption)}` : undefined }, index.h("ul", { class: "autocomplete-options", ref: (el) => (this.optionsContainer = el), role: "listbox", tabindex: "-1" }, showNoOptionsMessage && this.renderNoOptionsMessage(), options.map(this.renderOption))));
     };
     render() {
-        return (index.h(index.Host, { key: '6bb231d9688cd756a5bbec7ec3fa0cf4f9b1dd30', class: {
+        return (index.h(index.Host, { key: 'a3c86da4919477b06621b4e7fc4f520100e0148f', class: {
                 'autocomplete': true,
                 'dark': this.darkTheme,
-            } }, index.h("slot", { key: 'fb794345a2b6ac36b5ff40c30272cd0d5c838110' }), this.renderOptionsLoader(), this.renderOptions(this.filteredOptions)));
+            } }, index.h("slot", { key: '0183e5e5239ae5d00919278173c8c1279ca62548' }), this.renderOptionsLoader(), this.renderOptions(this.filteredOptions)));
     }
 };
 TetAutocomplete.style = TetAutocompleteStyle0;

package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
-const translations = require('./translations-3b76d1ce.js');
+const index = require('./index-faec4c52.js');
+const translations = require('./translations-d1d3bb81.js');
 const required = require('./required-253932be.js');
 const a11y = require('./a11y-bd966702.js');
 const price = require('./price-74db7788.js');
 const TooltipPosition = require('./TooltipPosition-03ffa8a1.js');
 require('./typecheck-d48810dc.js');
-require('./http-codes-0eae7bd3.js');
+require('./http-codes-3b8718ff.js');
 
 /**
  * The phone validator class.
@@ -327,11 +327,11 @@ const TetAvailabilityContactForm = class {
     }
     render() {
         const { theme } = this;
-        return (index.h("tet-dialog", { key: '7012e007389b45790cff730c8ed243cd475291c1', class: "modal-form-card", headerTitle: translations.translate('components-b2b-check-out-form-header'), theme: theme, closeOnOverlayClick: false, footerDisplay: "right", ref: (el) => {
+        return (index.h("tet-dialog", { key: '73d17b405beaa329dcdc142ce900e033856a8f90', class: "modal-form-card", headerTitle: translations.translate('components-b2b-check-out-form-header'), theme: theme, closeOnOverlayClick: false, footerDisplay: "right", ref: (el) => {
                 this.dialogElement = el;
-            } }, index.h("div", { key: '757108cbc232e91e5db507d6e44cb6a9c4ae24d1', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, index.h("div", { key: 'ea781a249a3d817b4f97625e7aa28680f07fa4ee', class: "modal-form-card-content-header" }, index.h("div", { key: 'e1d91e657be5b4e570447c29bb69a06eb71cf1c6', class: "icon-wrapper" }, index.h("tet-icon", { key: '5aee04766679b484c460838e571917c853e79508', class: "icon", name: "tc-company-1" })), index.h("span", { key: '01906c6d923c02f05b382525f200590fd36fb1d0', class: "modal-form-card-content-header__title" }, translations.translate('components-b2b-check-out-form-title')), index.h("span", { key: 'ddfb3c9cb711c2b4f077b0905228c245b136342e', class: "modal-form-card-content-header__description" }, translations.translate('components-b2b-check-out-form-description'))), index.h("div", { key: 'eacc5483b6924da65e30fd244351facf8bd86fff', class: "modal-form-card-content-accordion-wrapper" }, index.h("slot", { key: 'f9d57f738606f9f79344be5becca6fdcbc1e66f6', name: "cart" })), index.h("form", { key: '756fbe7232bf1ca98312bb5f1a77445f247f660c', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, index.h("div", { key: '7b11eba9271b9551a71d6aee45d60d77589fa7e5', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', translations.translate('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001', 'company-reg', '11'), this.renderInput('companyName', translations.translate('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', translations.translate('components-b2b-check-out-form-address-input-label'), translations.translate('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', translations.translate('components-b2b-check-out-form-name-input-label'), '', 'name'), index.h("div", { key: 'be2d3d2fa6e1c9900dbd2f8703c878db90ef1bf4', class: "modal-form-card-input__row" }, this.renderInput('email', translations.translate('components-b2b-check-out-form-email-input-label'), 'contact@company.com', 'email'), this.renderInput('phoneNr', translations.translate('components-b2b-check-out-form-phone-number-input-label'), '22222222', 'phone', '8')), index.h("tet-checkbox", { key: '2e7b66967f87b4e2bcc6217c609f7a36fd1473af', class: "modal-form-card-content-checkbox", label: translations.translate('components-check-out-form-privacy-policy'), theme: theme }), index.h("slot", { key: '77e48b338a83d8d0da07886da94f9d9a65fde0c0', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), index.h("div", { key: 'ed611190ec2bdcb6cd5f99ae86351d8f4e1e9680', slot: "footer", class: "modal-form-card-footer" }, index.h("tet-button", { key: '0ff5e2eb1e41adf60400ae4e5c20da80d56252aa', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, index.h("div", { key: '9cf8933b99b5d0967983ade602edd63c91762e86', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, index.h("div", { key: 'e0eac6b7d46724265036a434face62578b78c4de', class: "modal-form-card-content-header" }, index.h("div", { key: 'ecb884840ba37f36767a43fbb1ed4203f1183410', class: "icon-wrapper" }, index.h("tet-icon", { key: 'e36de21f7b88a0cf789dd3701d43937f80078f14', class: "icon", name: "tc-company-1" })), index.h("span", { key: '00382689298fed70908d118f63447564e310dfe3', class: "modal-form-card-content-header__title" }, translations.translate('components-b2b-check-out-form-title')), index.h("span", { key: 'e0256939a5166e9ca549919bea6e25fb9d72bcb6', class: "modal-form-card-content-header__description" }, translations.translate('components-b2b-check-out-form-description'))), index.h("div", { key: '6935744129160976ffcecf26a2fa4f1ab85a1b15', class: "modal-form-card-content-accordion-wrapper" }, index.h("slot", { key: 'e95a4a8f60832022e8118ec66fd723931cb41b9c', name: "cart" })), index.h("form", { key: 'da295f32025a963b8180fd931a6bbbca4c7abf02', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, index.h("div", { key: '96308a157dc2d67eb6ee6414028b6240f53a8958', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', translations.translate('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001', 'company-reg', '11'), this.renderInput('companyName', translations.translate('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', translations.translate('components-b2b-check-out-form-address-input-label'), translations.translate('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', translations.translate('components-b2b-check-out-form-name-input-label'), '', 'name'), index.h("div", { key: '25d031e98c593e472d6c5acd4b5a5561622319a4', class: "modal-form-card-input__row" }, this.renderInput('email', translations.translate('components-b2b-check-out-form-email-input-label'), 'contact@company.com', 'email'), this.renderInput('phoneNr', translations.translate('components-b2b-check-out-form-phone-number-input-label'), '22222222', 'phone', '8')), index.h("tet-checkbox", { key: 'bfa467f71ec091fb4f1808cc0300323cdc7ece72', class: "modal-form-card-content-checkbox", label: translations.translate('components-check-out-form-privacy-policy'), theme: theme }), index.h("slot", { key: 'bf1696229ff13bf26a7ba7819de5415eb2e8b999', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), index.h("div", { key: 'af75d291adb00a7e140e58a4c7d39a5ea764b12c', slot: "footer", class: "modal-form-card-footer" }, index.h("tet-button", { key: '54981801046a9532bb5158e77b542e8092d8e640', type: "secondary", size: "medium", theme: theme, onClick: () => {
                 this.dialogElement.close();
-            } }, translations.translate('components-b2b-check-out-form-close-button-label')), index.h("tet-button", { key: '5e0fc037a2ca53273ac0a7d2b90567d94cdd3a13', type: "primary", size: "medium", theme: theme, onClick: () => this.handleSubmit() }, translations.translate('components-b2b-check-out-form-submit-button-label')))));
+            } }, translations.translate('components-b2b-check-out-form-close-button-label')), index.h("tet-button", { key: '031adc46bba159f30ab7c741806c7e12316f91ad', type: "primary", size: "medium", theme: theme, onClick: () => this.handleSubmit() }, translations.translate('components-b2b-check-out-form-submit-button-label')))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"]
@@ -400,9 +400,9 @@ const TetB2bCompareCard = class {
      * @event
      */
     selectedChange;
-    componentWillLoad() {
+    async componentWillLoad() {
         this.initCount();
-        translations.processTranslations('tet-components', 'lv').then(() => index.forceUpdate(this));
+        await translations.processTranslations('tet-components', 'lv');
     }
     componentDidLoad() {
         this.resizeObserver = new ResizeObserver((entries) => {
@@ -487,15 +487,15 @@ const TetB2bCompareCard = class {
         const oldTotal = price.formatPrice(localCount * price$1, { currency: '' });
         const detailsId = `details-${options.id}`;
         const titleId = `title-${options.id}`;
-        return (index.h(index.Host, { key: 'cfafcdb6cb324b425402cc971e6cfaf8994b7b23' }, index.h("div", { key: '6f5f780f74bf15a70c0a03bd5cace6558dc1a60f', class: { card__wrapper: isBestChoice } }, isBestChoice && (index.h("div", { key: '14c89ce34a4836938939e6423b5db0866f1bf0e7', class: { 'card__badge': true, 'card__badge--is-tablet': this.isTablet } }, translations.translate('components-b2b-configurator-best-choice'))), index.h("div", { key: '80884c73bc5a1873927fafeff7780365c0263513', class: { 'card': true, [`${this.theme}`]: true, 'card--selected': !!this.count || localIsSelected }, onClick: this.handleSelect, onKeyDown: a11y.a11yBtnClick, tabindex: 0, role: "button", "aria-expanded": localIsSelected, ...(localIsSelected ? { 'aria-controls': detailsId } : {}), "aria-labelledby": titleId }, index.h("section", { key: 'f9552c0cae20fbb9fe5f8b72c965b8734c4a4276', class: { 'offer': true, 'offer--is-tablet': this.isTablet } }, index.h("div", { key: '5a44822a056b0f753e438352a3201985fb8bfac6', class: { 'offer__header': true, "offer__header--is-tablet": this.isTablet } }, index.h("div", { key: '62de23f2432d1fe76c0e885e13dd89febbaca4c3' }, index.h("h3", { key: '52e257e29cd16bc960ec8babb7e786407f78bc82', id: titleId, class: { 'offer__title': true, 'offer__title--is-tablet': this.isTablet } }, title), !this.isTablet && this.renderHeaderPriceBlock(currentPrice, priceSuffix, price$1), index.h("p", { key: '8472167fd202ccac0ceccef601d40d833eed563f', class: { 'offer__subtitle': true, 'offer__subtitle--is-tablet': this.isTablet } }, subtitle)), this.isTablet && this.renderHeaderPriceBlock(currentPrice, priceSuffix, price$1)), index.h("hr", { key: 'd81acacf7b731d4b1ce87c4d0c35e81cc31c83a2', class: "divider divider--slim" }), index.h("tet-text-list", { key: 'd3af56970c35faa4924799954d09d8a06c065f8f', class: "offer__benefits", withIcon: true, listIcon: "tc-check", theme: this.theme }, benefits.map((benefit) => (index.h("span", null, benefit)))), contract && (index.h("div", { key: '5db87cc7bc78383380a825140a8f31c90e8628aa', class: "offer__contract-link" }, index.h("a", { key: '3c866930c63f0a3db8a0ef8850b465508b2d8920', class: { 'tet-link': true, [`${this.theme}`]: true }, href: contract, target: "_blank", rel: "noopener noreferrer" }, translations.translate('components-b2b-configurator-contract-link-label'), index.h("span", { key: '67c0da1395dd3dcc59967ca839ab1cd75d424496', class: "sr-only" }, translations.translate('components-a11y-open-link-in-new-window')))))), localIsSelected && [
-            index.h("hr", { key: 'b5d074705b176741c0af2bdef6b06526936d4c2e', class: "divider" }),
-            index.h("section", { key: '4adbbd671f766ed50dcf97d5753ff987f2820b6b', id: detailsId, role: "region", "aria-labelledby": titleId, class: { 'details': true, 'details--is-tablet': this.isTablet } }, index.h("div", { key: '27dd4515adf7fd3842cee105d567413ebc392d97', class: { 'details__price-block': true, 'details__price-block--is-tablet': this.isTablet } }, index.h("span", { key: 'aab92ed20426be0ccbe1e6da1719a405af433a59' }, translations.translate('components-b2b-configurator-monthly-payment')), index.h("div", { key: '1a47befb8b31f96266d4529daa495196057d5c26', class: "details__total", "aria-live": "polite" }, index.h("div", { key: 'dc5ff8c7686932b6d93a469de4940898ff8caa2d', class: "details__total--current" }, currentTotal, " ", priceSuffix), discountPrice != null && discountPrice < price$1 && (index.h("div", { key: 'b3f994bb6683a5ee96bc06006166f02b66f88e2e', class: "details__total--original" }, oldTotal, " ", priceSuffix)))), index.h("hr", { key: '67d6aa90a198b0f7279442c7c843ade73eb19e66', class: "divider" }), index.h("div", { key: '080e1f2ff183cf72b92da75d7e7261b488944ff1', class: { 'details__actions': true, 'details__actions--is-tablet': this.isTablet } }, index.h("div", { key: 'ee504e4e5f319c2efcd75fad695182ec6f20cc92', class: "details__quantity-control" }, options.counterOptions && [
-                index.h("span", { key: 'c99813859d0718bad4b398cfb00f4627f78169a1', id: `qty-label-${options.id}`, class: "details__quantity-label" }, translations.translate(options.counterOptions.label)),
-                index.h("tet-stepper-input", { key: 'e9a63e01bc74168efc3baf363c32c54766179b4d', class: {
+        return (index.h(index.Host, { key: 'a134f854b14195783bc5a6f36b4e39f7a4d8b731' }, index.h("div", { key: '9685691b4ba13464cb1e024ea10368883cb48a2e', class: { card__wrapper: isBestChoice } }, isBestChoice && (index.h("div", { key: '9d4c244d5475bfca375e85c60c51963236c8474f', class: { 'card__badge': true, 'card__badge--is-tablet': this.isTablet } }, translations.translate('components-b2b-configurator-best-choice'))), index.h("div", { key: '70f709bc59324addb04d957297fc792cb9d76c0c', class: { 'card': true, [`${this.theme}`]: true, 'card--selected': !!this.count || localIsSelected }, onClick: this.handleSelect, onKeyDown: a11y.a11yBtnClick, tabindex: 0, role: "button", "aria-expanded": localIsSelected, ...(localIsSelected ? { 'aria-controls': detailsId } : {}), "aria-labelledby": titleId }, index.h("section", { key: '5e6890a1dda89ef9ea96251591b803bad1797bb7', class: { 'offer': true, 'offer--is-tablet': this.isTablet } }, index.h("div", { key: 'e81a1d97c400956e4bfa1e7b7255e954ac4b8546', class: { 'offer__header': true, "offer__header--is-tablet": this.isTablet } }, index.h("div", { key: '49080f432d2031fe135c2c447798093b4b1437c4' }, index.h("h3", { key: '894e55fcbc7dd6ded955bb64d4e8479c1b9d8970', id: titleId, class: { 'offer__title': true, 'offer__title--is-tablet': this.isTablet } }, title), !this.isTablet && this.renderHeaderPriceBlock(currentPrice, priceSuffix, price$1), index.h("p", { key: '0f8ecd9356141a2931ca8dc714a559f8dd2ca716', class: { 'offer__subtitle': true, 'offer__subtitle--is-tablet': this.isTablet } }, subtitle)), this.isTablet && this.renderHeaderPriceBlock(currentPrice, priceSuffix, price$1)), index.h("hr", { key: '7b03360df284a43381592dcfb93254f6143e4e84', class: "divider divider--slim" }), index.h("tet-text-list", { key: 'ace971c0ecf369599eb767ac6adae005d957f5a1', class: "offer__benefits", withIcon: true, listIcon: "tc-check", theme: this.theme }, benefits.map((benefit) => (index.h("span", null, benefit)))), contract && (index.h("div", { key: 'b24e5f83cdd78591ae192d2a107cd844d86c4210', class: "offer__contract-link" }, index.h("a", { key: 'ce4ce59d34fb010c87f00952e6bb01dc9f0d1381', class: { 'tet-link': true, [`${this.theme}`]: true }, href: contract, target: "_blank", rel: "noopener noreferrer" }, translations.translate('components-b2b-configurator-contract-link-label'), index.h("span", { key: '6f348ea73af60c5da0920b2933ec2e3984ec7d7a', class: "sr-only" }, translations.translate('components-a11y-open-link-in-new-window')))))), localIsSelected && [
+            index.h("hr", { key: '6276a025520ae95159a58dfbaa9f8731bc9fdb91', class: "divider" }),
+            index.h("section", { key: 'db071d2f2b0c403c3e0438cbbc870ab0a0484cc5', id: detailsId, role: "region", "aria-labelledby": titleId, class: { 'details': true, 'details--is-tablet': this.isTablet } }, index.h("div", { key: '7c7bc9546bb5e7fa02f0a2e5898b5a925d1eb79e', class: { 'details__price-block': true, 'details__price-block--is-tablet': this.isTablet } }, index.h("span", { key: 'bb5c46552a73aea973781e26e88e83acb9db127b' }, translations.translate('components-b2b-configurator-monthly-payment')), index.h("div", { key: '276a451351e2a5851ccdcf1c36a68e0a2902f68b', class: "details__total", "aria-live": "polite" }, index.h("div", { key: 'd1834801ef332ae04cbd88a37a1dc384060497c9', class: "details__total--current" }, currentTotal, " ", priceSuffix), discountPrice != null && discountPrice < price$1 && (index.h("div", { key: '4f2a92726fd0fba55d8a938fe1d3a84f49cb1f49', class: "details__total--original" }, oldTotal, " ", priceSuffix)))), index.h("hr", { key: '79d29d539c12faa30051c9183fd0744f38eb3e80', class: "divider" }), index.h("div", { key: '1d92d4205b542a25a2ce5476880075c56acd0319', class: { 'details__actions': true, 'details__actions--is-tablet': this.isTablet } }, index.h("div", { key: '34d2da54b08fb9998fdcb4b2b4fd58b25ae2f89d', class: "details__quantity-control" }, options.counterOptions && [
+                index.h("span", { key: '7e5923d473d1d9b1e9ae52a17ebfc810aa70abc3', id: `qty-label-${options.id}`, class: "details__quantity-label" }, translations.translate(options.counterOptions.label)),
+                index.h("tet-stepper-input", { key: 'a7abf5c7120c7574f8f744df69c80eae874dadd3', class: {
                         'details__quantity-counter': true,
                         'details__quantity-counter--is-tablet': this.isTablet
                     }, onInputValueChanged: this.handleCounterValueChange, value: localCount, min: options.counterOptions.minValue, max: options.counterOptions.maxValue, step: 1, theme: this.theme, accessibilityLabel: translations.translate(options.counterOptions.label), "aria-labelledby": `qty-label-${options.id}` })
-            ]), index.h("tet-button", { key: 'c9c003e11d8e61b76c71e77a374b38c9722ffd39', onClick: this.added ? this.handleRemove : this.handleAdd, size: "medium", type: this.added ? 'secondary' : 'primary', theme: this.theme, iconName: this.added ? 'tc-trash' : 'tc-cart-outline', iconPosition: "left" }, this.added
+            ]), index.h("tet-button", { key: '368681cc7bf029d23206a92b7ab559d721b15bc2', onClick: this.added ? this.handleRemove : this.handleAdd, size: "medium", type: this.added ? 'secondary' : 'primary', theme: this.theme, iconName: this.added ? 'tc-trash' : 'tc-cart-outline', iconPosition: "left" }, this.added
                 ? translations.translate('components-b2b-configurator-remove-from-basket')
                 : translations.translate('components-b2b-configurator-add-to-basket'))))
         ]))));
@@ -554,8 +554,8 @@ const TetB2bConfiguratorCart = class {
     checkStickyClassOnCartEmptyChange() {
         this.addStickyClassConditionally();
     }
-    componentWillLoad() {
-        translations.processTranslations('tet-components', 'lv').then(() => index.forceUpdate(this));
+    async componentWillLoad() {
+        await translations.processTranslations('tet-components', 'lv');
     }
     /**
      * Initiates observer to check when cart sticks to bottom
@@ -678,12 +678,12 @@ const TetB2bConfiguratorCart = class {
         const isEditMode = this.context === 'edit';
         const isCheckoutMode = this.context === 'checkout';
         const showSummary = !this.isCartEmpty && (isEditMode || (isCheckoutMode && this.isAccordionOpen));
-        return (index.h(index.Host, { key: '13c4b7138d7f5f9a517d30a3caa5e13a7767fdb7' }, index.h("div", { key: '22be4607b0c62ba120da3e33d2353c62a61df297', ref: (el) => (this.cartEl = el), class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, index.h("tet-accordion", { key: '28e2d7473e099644aa9f1e2862e587debf440a95', ref: (el) => (this.accordionEl = el), class: {
+        return (index.h(index.Host, { key: '36539b22278ca7ed9ec8cf7ab9880d3b395f1586' }, index.h("div", { key: '1c7744a72118d89d3cbb1aa6df7b36c546362fbb', ref: (el) => (this.cartEl = el), class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, index.h("tet-accordion", { key: '920c380b15cd861daefd952ae3bb31aa1c615475', ref: (el) => (this.accordionEl = el), class: {
                 'cart__accordion': true,
                 [`cart__accordion--${this.context}`]: true,
                 'cart__accordion--rounded': this.isCartEmpty || (isCheckoutMode && !this.isAccordionOpen),
                 'cart__accordion--closed': !this.isAccordionOpen
-            }, isOpen: this.isAccordionOpen, onOpenChanged: this.handleAccordionChanged, header: cartTitle, theme: this.theme, transparentBackground: true, indicatorDirection: this.isDesktopResolution || isCheckoutMode ? 'down' : 'up' }, index.h("div", { key: '38499db31b74f85046cbdc4a7c4e3c2d0c4f4f00', class: `cart__title--${this.context}` }, cartTitle), index.h("div", { key: 'e87cebe69774834ae78af1e31bbe4a726c7ccef7', class: { cart__content: true, [`cart__content--${this.context}`]: true } }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
+            }, isOpen: this.isAccordionOpen, onOpenChanged: this.handleAccordionChanged, header: cartTitle, theme: this.theme, transparentBackground: true, indicatorDirection: this.isDesktopResolution || isCheckoutMode ? 'down' : 'up' }, index.h("div", { key: '6609bb6c0a6ecd25056815bcd841da26767ab1dc', class: `cart__title--${this.context}` }, cartTitle), index.h("div", { key: '290c7af5dae1ea57f18a639df09e0ae411630aac', class: { cart__content: true, [`cart__content--${this.context}`]: true } }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
     }
     static get watchers() { return {
         "isDesktopResolution": ["openAccordionOnResolutionChange"],
@@ -718,12 +718,12 @@ const TetBusinessNavigation = class {
     menuClickEvent;
     /** Event emitter for menu expand/collapse state changes. */
     menuExpandEvent;
-    componentWillLoad() {
+    async componentWillLoad() {
         if (!this.menuItems || this.menuItems.length === 0) {
             return;
         }
         this.handleNavInitialState();
-        translations.processTranslations('tet-components', this.language || 'lv').then(() => index.forceUpdate(this));
+        await translations.processTranslations('tet-components', this.language || 'lv');
     }
     /** Method to run on menu item selection */
     async selectMenuItem(id, mainMenuId) {
@@ -865,7 +865,7 @@ const TetBusinessNavigation = class {
     /** Render Functional Component*/
     render() {
         const { menuItems, theme, expandable } = this;
-        return (index.h("div", { key: 'bbf742aea43100235185bf365e2b505eed0152ca', class: { 'business-navigation': true, [`${theme}`]: true, 'expandable': expandable, 'closed': !this.expanded }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, this.renderExpandButton(), expandable && index.h("hr", { key: '08a4fccdb485be3270647fab773f25605416cd6e', class: "business-navigation-divider" }), menuItems && menuItems.map(this.renderMenuItem)));
+        return (index.h("div", { key: 'a0964d6c02ef1c2afc33f76c8577ff62c261d64a', class: { 'business-navigation': true, [`${theme}`]: true, 'expandable': expandable, 'closed': !this.expanded }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, this.renderExpandButton(), expandable && index.h("hr", { key: 'e4ad1043ee967ae380df320a2a0c5c7cc323bef5', class: "business-navigation-divider" }), menuItems && menuItems.map(this.renderMenuItem)));
     }
 };
 TetBusinessNavigation.style = TetBusinessNavigationStyle0;
@@ -901,7 +901,7 @@ const TetBusinessSummaryCardComponent = class {
     /** Emit event when amount of products changed */
     amountChange;
     async componentWillLoad() {
-        translations.processTranslations('tet-components', this.language).then(() => index.forceUpdate(this));
+        await translations.processTranslations('tet-components', this.language);
     }
     /** Function to render stepper label if provided */
     renderLabel = (withValue) => {
@@ -943,7 +943,7 @@ const TetBusinessSummaryCardComponent = class {
             : translations.translate(`components-term-month-${contractTerm % 10 === 1 && contractTerm !== 11 ? 'single' : 'plural'}`, {
                 term: contractTerm
             });
-        return (index.h("div", { key: '761c7306ef92540e3c40ab54b613e287fa62c0ea', class: { 'business-summary-card': true, [`theme-${theme}`]: true } }, index.h("div", { key: '23857c790a377dc7bcf6e6151e18e60fd9c8fdc9', class: "business-summary-card-content" }, index.h("div", { key: '5cd326ac24f6662bea0d46d6a4beef9a7d5db933', class: "business-summary-card-content__left" }, index.h("div", { key: 'f805239b2222129fdd2c326ca590573f15f5f057', class: "content-wrapper" }, index.h("div", { key: '78d091d0cbbc1d29d1c2c09cb6f629e8e218627d', class: "title" }, productName), index.h("div", { key: '0876a7663c1d9c4b87b4896f7fd36b92b65a42fb', class: "description" }, productDescription))), index.h("div", { key: '627212835c6a120d236dac60f05dd024c7087b9a', class: "business-summary-card-content__right" }, index.h("div", { key: '13007fd62486f67451edfad33962d2f535e31fc2', class: "content-wrapper" }, index.h("div", { key: 'febb5b7985fb7a100f7a76a0803a178f91acbfcc', class: "title title--end" }, `${price.formatPrice(discountPrice || price$1, { currency: '' })} ${currency}`), !!discountPrice && (index.h("div", { key: 'fafb8e77a30af0d8be6a82583ce9d1d317d00cfa', class: { description: true, price: !!discountPrice } }, `${price.formatPrice(price$1, { currency: '' })} ${currency}`))))), index.h("div", { key: 'a551586b72e5cdbee532569379666457eeec7e84', class: "business-summary-card-content" }, index.h("span", { key: 'cd26d167dbcc47e870771714eb6193c66e42fed6', class: "contract-term" }, translations.translate('components-offers-contract-terms-label'), ": ", termWithUnit), this.context === 'checkout' && this.renderLabel(true)), this.context === 'edit' && index.h("div", { key: '167239af368682128e74d7afa23d9495b9fb8cbd', class: "business-summary-card-content" }, index.h("div", { key: 'ed1ce726c5fe01373666637652293a4105282d68', class: "business-summary-card-content__left" }, this.renderStepper()), index.h("div", { key: 'b286d4c65d8f8930b18d3068cc4748f3f2ea6988', class: "business-summary-card-content__right" }, index.h("div", { key: 'e373516bc18b4ba869ca26b0f8f0608cdc07c11f', class: "button-wrapper" }, this.renderIconButton('tc-edit-box'), this.renderIconButton('tc-trash-can'))))));
+        return (index.h("div", { key: '0b98cafde3e297da0994dc9595f33dfdb1e6d800', class: { 'business-summary-card': true, [`theme-${theme}`]: true } }, index.h("div", { key: 'ae071a23d63aab39a3c5ce24494511fe0c760b45', class: "business-summary-card-content" }, index.h("div", { key: '9e69abfb1146e5cdbc1af4cc58b9cbc3835abfe7', class: "business-summary-card-content__left" }, index.h("div", { key: '17a8c6e0fc5e9f242cf133c660c37a1b223e8db2', class: "content-wrapper" }, index.h("div", { key: '3664df7375a5fbbe69795c33941951bae9b8b1f0', class: "title" }, productName), index.h("div", { key: '20518cdd35527a4ff17c64298dbed575ca4fa5bf', class: "description" }, productDescription))), index.h("div", { key: '858df4b8d5cdc4ba169e37edc8071ac58cae7089', class: "business-summary-card-content__right" }, index.h("div", { key: '777956ce823e537f9ec842c1d49f57340a09846c', class: "content-wrapper" }, index.h("div", { key: 'e68124df381f956688dc92e9dbcec799b30ecd63', class: "title title--end" }, `${price.formatPrice(discountPrice || price$1, { currency: '' })} ${currency}`), !!discountPrice && (index.h("div", { key: '1a819e7b196654eb5cc32ed3ada3cca07b335b31', class: { description: true, price: !!discountPrice } }, `${price.formatPrice(price$1, { currency: '' })} ${currency}`))))), index.h("div", { key: 'a83dc7cdbc8b9dc11da892bbedcc939f4e539495', class: "business-summary-card-content" }, index.h("span", { key: '993a1283eceb50be57e1d6891b4bfce7647c852f', class: "contract-term" }, translations.translate('components-offers-contract-terms-label'), ": ", termWithUnit), this.context === 'checkout' && this.renderLabel(true)), this.context === 'edit' && index.h("div", { key: 'a98947f6bdb0c54e1405297472c44013d7d582c5', class: "business-summary-card-content" }, index.h("div", { key: '1687959c0c273dfd23c5f38951a2f5800c5fc24b', class: "business-summary-card-content__left" }, this.renderStepper()), index.h("div", { key: '8e3925f5e4363ce055f176577c2e19f4ea8c4778', class: "business-summary-card-content__right" }, index.h("div", { key: '68e8d55ce94dadd24a3a0bccd1d5487a8f6c23cd', class: "button-wrapper" }, this.renderIconButton('tc-edit-box'), this.renderIconButton('tc-trash-can'))))));
     }
 };
 TetBusinessSummaryCardComponent.style = TetBusinessSummaryCardStyle0;

package/dist/cjs/tet-b2b-configurator.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-3242ff3f.js');
-const httpCodes = require('./http-codes-0eae7bd3.js');
+const index$1 = require('./index-faec4c52.js');
+const httpCodes = require('./http-codes-3b8718ff.js');
 const price = require('./price-74db7788.js');
-const index = require('./index-4b423f33.js');
-const translations = require('./translations-3b76d1ce.js');
+const index = require('./index-19a7608f.js');
+const translations = require('./translations-d1d3bb81.js');
 require('./typecheck-d48810dc.js');
 
 const b2bConfigurator = () => {

package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
-const translations = require('./translations-3b76d1ce.js');
+const index = require('./index-faec4c52.js');
+const translations = require('./translations-d1d3bb81.js');
 require('./typecheck-d48810dc.js');
-require('./http-codes-0eae7bd3.js');
+require('./http-codes-3b8718ff.js');
 
 const REMOTE_SERVICE_UNIT_PRICE_EUROS = 11;
 const FULL_SERVICE_UNIT_PRICE_EUROS = 21;
@@ -33,8 +33,8 @@ const TetB2bServiceCalculator = class {
     onControlChange() {
         this.totalPrice = this.calculateServiceUnitTotalPrice(this.unitCountSelected);
     }
-    componentDidLoad() {
-        translations.processTranslations('tet-components', this.language).then(() => index.forceUpdate(this));
+    async componentWillLoad() {
+        await translations.processTranslations('tet-components', this.language);
     }
     calculateServiceUnitTotalPrice = (unitCount) => {
         let price;
@@ -62,7 +62,7 @@ const TetB2bServiceCalculator = class {
         this.withInPersonServiceSupport = detail.checked;
     };
     render() {
-        return (index.h("section", { key: '442c41d3d4cd337904b124de2fc0927c5d076f6c', class: "container" }, index.h("div", { key: '6e744e286f8dcfec8cc65d651471171654edbe0c', class: "title-block" }, translations.translate('components-b2b-calculator-title')), index.h("div", { key: '8e91be0a45375cda0d6824ec82b4d319d8e6e645', class: "calculator-block" }, index.h("p", { key: '86d262b0f61da15673d0fd088b45d985e26b20b8', class: "slider-title" }, translations.translate('components-b2b-calculator-computer-count')), index.h("tet-range-slider", { key: 'ddda0c9e470031f8b5ec8788247a3562fc521af1', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), index.h("div", { key: 'da127918a198d393e7ead7c4fcd2c0ce7062d053', class: "control-container" }, index.h("div", { key: '2df7ecd5a9694b699d446792c016cfecc2367f54', class: "control" }, index.h("tet-checkbox", { key: '7892ddff27d74b36c8a9e446d55229311328519c', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, translations.translate('components-b2b-calculator-it-admin-checkbox-label'))), index.h("div", { key: '583b5ab6cf3b32de72c7f0a87091289d3c74ce15', class: "control" }, index.h("tet-switch", { key: 'ce92bb8cb9566e6b110994e19334dc2ef9344f50', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, translations.translate('components-b2b-calculator-in-person-support-switch-label')))), index.h("div", { key: 'e00213a749e2536cda622e8a896ec62b8038e4fd', class: "monthly-payment-block" }, index.h("p", { key: 'cec9d2b05199d93a2fafb35399ffb322f1e73fa6', class: "title" }, translations.translate('components-b2b-calculator-potential-monthly-payment')), index.h("p", { key: 'a2aedfd78c0e595b6e0425735546489a909bdd87' }, index.h("span", { key: '2cecda075c983d6041226259c81ec69f9981cc11', class: "price" }, this.totalPrice), index.h("span", { key: '6f976490b14b90f362dbf75c56974fc3ddd12aa9', class: "currency" }, translations.translate('components-euro-per-month')))))));
+        return (index.h("section", { key: '3c15349286befa930603bed29af4b5a8895fec3c', class: "container" }, index.h("div", { key: '67a8e1327fefc443c041c1845be5638480da9974', class: "title-block" }, translations.translate('components-b2b-calculator-title')), index.h("div", { key: '8afcfe2144d036b9d9d2e1195926f63bc21a5eb7', class: "calculator-block" }, index.h("p", { key: '5ae0cc4c968011bac5cb61804fbca8270f2da749', class: "slider-title" }, translations.translate('components-b2b-calculator-computer-count')), index.h("tet-range-slider", { key: '38445e2722781f2fda3c4b4aa19f8b83fc1edfcc', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), index.h("div", { key: 'a0e37d9c9db552bdeb73cb20ba31d0252ec6825e', class: "control-container" }, index.h("div", { key: '58f470e2e6497de019ac3edc83ef083947ac17a9', class: "control" }, index.h("tet-checkbox", { key: 'cfb9bc04a13e0478472e06e5407c9bb813d073b5', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, translations.translate('components-b2b-calculator-it-admin-checkbox-label'))), index.h("div", { key: '8620ec4daeace0011d6ebc21e815acb865984e2c', class: "control" }, index.h("tet-switch", { key: '8108d4279c4e856a7c75c8fbac033ac477b0b507', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, translations.translate('components-b2b-calculator-in-person-support-switch-label')))), index.h("div", { key: '786c447e65a18df119bc3b22283cae3ec40b183d', class: "monthly-payment-block" }, index.h("p", { key: 'b01d77742cec00ce1378ee3a61fab1e2a2d289c6', class: "title" }, translations.translate('components-b2b-calculator-potential-monthly-payment')), index.h("p", { key: '645ef2082122fb2fe6829e2e9fbec5f67831bee6' }, index.h("span", { key: 'd72cfa8b54b22ee2f9c1c584239dedfe27abba33', class: "price" }, this.totalPrice), index.h("span", { key: '8f6ed56a296363f61db05ac0dfcf493fa27e651c', class: "currency" }, translations.translate('components-euro-per-month')))))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"],

package/dist/cjs/tet-banner-nav.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
-const translations = require('./translations-3b76d1ce.js');
+const index = require('./index-faec4c52.js');
+const translations = require('./translations-d1d3bb81.js');
 require('./typecheck-d48810dc.js');
-require('./http-codes-0eae7bd3.js');
+require('./http-codes-3b8718ff.js');
 
 const tetBannerNavCss = ".banner-navigation{display:inline-flex;align-items:flex-end}.banner-navigation--light{color:var(--tc-icon-primary);--fill-color:var(--tc-icon-primary);--outline-color:var(--tc-blue-40, rgba(25, 98, 212, 1));--hover-color:rgba(12, 12, 14, 0.10);--done-hover-color:var(--tc-grey-80);--pause-icon-color:var( --tc-icon-primary);--active-color:var(--tc-grey-110);--inactive-color:var(--tc-grey-60)}.banner-navigation--dark{color:var(--tc-icon-primary-dark);--fill-color:var(--tc-icon-primary-dark);--outline-color:var(--tc-blue-40-dark, rgba(52, 129, 247, 1));--hover-color:rgba(187, 189, 191, 0.2);--done-hover-color:var(--tc-grey-80-dark);--pause-icon-color:var(--tc-icon-primary-dark);--active-color:var(--tc-grey-110-dark);--inactive-color:var(--tc-grey-60-dark)}.banner-navigation__pause{display:flex;align-items:center;border:none;background:none;padding:0.125rem;margin-right:0.375rem;cursor:pointer}.banner-navigation__pause:focus-visible{outline:var(--outline-color) auto 1px}.banner-navigation__pause tet-icon{--icon-color:var(--pause-icon-color)}.banner-navigation__pause:hover tet-icon{--icon-color:var(--done-hover-color)}.banner-navigation__button-container{margin:0 0 2px 0}.banner-navigation__button{display:flex;align-items:flex-end;justify-content:center;appearance:none;border:none;background:none;cursor:pointer;padding:0.125rem;color:var(--inactive-color)}.banner-navigation__button:hover .hover-rect{fill:var(--hover-color)}.banner-navigation__button--done:hover .rect-opacity,.banner-navigation__button--active:hover .rect-opacity{fill:var(--done-hover-color)}.banner-navigation__button--done:hover .outer-rect,.banner-navigation__button--active:hover .outer-rect{color:var(--done-hover-color)}.banner-navigation__button .clip-rect{width:22px}.banner-navigation__button--active,.banner-navigation__button--done{color:var(--active-color)}.banner-navigation__button--active .clip-rect{animation:fill-progress var(--progress-duration, 5000ms) linear forwards}.banner-navigation__button--done .clip-rect{width:22px}.banner-navigation__button--active.banner-navigation__button--paused .clip-rect{animation:none;width:0}@keyframes fill-progress{from{width:0}to{width:22px}}.svg-wrapper{position:relative;display:inline-block;width:12px;height:12px;transition:width 0.2s linear;pointer-events:none}.svg-wrapper .nav-svg{position:absolute;top:50%;left:0;transform:translateY(-50%);transform-origin:left center;height:12px;pointer-events:none}.svg-wrapper .rect{transition:width 0.2s linear, rx 0.2s ease-out}.nav-svg--unfilled .rect-opacity{opacity:0;width:22px;transition:width 0.2s linear, rx 0.2s ease-out, opacity 0.2s ease-in}.nav-svg--unfilled .rect{rx:10;width:11px}.nav-svg--filled .rect-opacity{opacity:1}.nav-svg--filled .rect{width:11px;rx:10}.banner-navigation__button--active .svg-wrapper{width:23px}@media (prefers-reduced-motion: reduce){.banner-navigation__button--active .clip-rect,.rect,.rect-opacity{transition:none;width:22px}}.banner-navigation__button:focus-visible{position:relative;width:fit-content;height:fit-content;outline:none}.banner-navigation__button:focus-visible::after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;scale:1.2;transform-origin:center center;outline:2px solid;outline-offset:-0.125rem;outline-color:var(--outline-color);border-radius:11px}.banner-navigation--mobile .banner-navigation__button{padding:0.3125rem}.banner-navigation--mobile .banner-navigation__pause{padding:0.3125rem;margin-right:0.4375rem;outline-offset:-0.25rem}.banner-navigation--mobile .banner-navigation__button:focus-visible::after{outline-offset:-0.3125rem}";
 const TetBannerNavStyle0 = tetBannerNavCss;
@@ -48,10 +48,10 @@ const TetBannerNavigation = class {
     async onLanguageChange(language) {
         translations.processTranslations('tet-components', language).then(() => index.forceUpdate(this));
     }
-    componentWillLoad() {
+    async componentWillLoad() {
         this.isPaused = this.paused;
         this.firstLoad = true;
-        translations.processTranslations('tet-components', this.language).then(() => index.forceUpdate(this));
+        await translations.processTranslations('tet-components', this.language);
     }
     componentDidLoad() {
         if (!this.isPaused) {

package/dist/cjs/tet-bar-graph.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
+const index = require('./index-faec4c52.js');
 
 const tetBarGraphCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;--bar-graph-bar-border-radius:0.5rem;--bar-graph-bar-height:2rem;--bar-graph-bar-primary-color:var(--tc-alert-accent-warning);--bar-graph-bar-secondary-color:var(--tc-background-tertiary);--bar-graph-label-primary-color:var(--tc-text-primary);--bar-graph-label-primary-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-primary-line-height:1.5rem;--bar-graph-label-secondary-color:var(--tc-text-tertiary);--bar-graph-label-secondary-font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-secondary-line-height:1.5rem;--bar-graph-value-color:var(--tc-text-primary);--bar-graph-value-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--bar-graph-data-grid-line-width:0.0625rem;--bar-graph-data-grid-line-color:var(--tc-border-quaternary);--bar-graph-animation-duration:0.5s}.dark{--bar-graph-bar-primary-color:var(--tc-alert-accent-warning-dark);--bar-graph-bar-secondary-color:var(--tc-background-tertiary-dark);--bar-graph-label-primary-color:var(--tc-text-primary-dark);--bar-graph-label-secondary-color:var(--tc-text-tertiary-dark);--bar-graph-value-color:var(--tc-text-primary-dark);--bar-graph-data-grid-line-color:var(--tc-border-quaternary-dark)}.bar-graph__container{display:flex;flex-direction:row}.bar-graph__label-container{padding:0.5rem 0;display:flex;flex-direction:column;gap:0.5rem}.bar-graph__label-container .bar-graph__label{color:var(--bar-graph-label-secondary-color)}.bar-graph__graph-container{padding:0.5rem 0;display:flex;flex-direction:column;flex:1;gap:0.5rem;transform-origin:0% 0%;width:100%;position:relative}.bar-graph__item-container{display:contents}.bar-graph__item{display:flex;flex-direction:column}.bar-graph__bar-container{position:relative;flex:1;flex-direction:row;display:flex;transition:width var(--bar-graph-animation-duration);width:100%}.bar-graph--large .bar-graph__bar-container{width:auto}.bar-graph__label{padding-right:0.5rem;box-sizing:border-box}.bar-graph__label--primary{font:var(--bar-graph-label-primary-font);color:var(--bar-graph-label-primary-color);line-height:var(--bar-graph-label-primary-line-height)}.bar-graph__label--secondary{font:var(--bar-graph-label-secondary-font);color:var(--bar-graph-label-secondary-color);line-height:var(--bar-graph-label-secondary-line-height)}.bar-graph__label--inline{display:flex;align-items:center;justify-content:right;text-align:right;padding-left:0.5rem;height:var(--bar-graph-bar-height)}.bar-graph__bar{display:flex;border-radius:var(--bar-graph-bar-border-radius);height:var(--bar-graph-bar-height);align-items:center;box-sizing:border-box;flex:1;min-width:0.5rem}.bar-graph__bar--primary{background-color:var(--bar-graph-bar-primary-color)}.bar-graph__bar--primary .bar-graph__bar-value{color:var(--tc-text-primary)}.bar-graph__bar--secondary{background-color:var(--bar-graph-bar-secondary-color)}.bar-graph__bar-value{font:var(--bar-graph-value-font);color:var(--bar-graph-value-color);padding-left:1rem;box-sizing:border-box;white-space:nowrap;position:absolute}.bar-graph__bar-value--after{position:absolute;padding:0 0.5rem;display:flex;text-align:right;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph__bar-value-container{position:absolute;transition:left var(--bar-graph-animation-duration)}.bar-graph__data-grid{position:absolute;display:flex;justify-content:space-between;height:100%;width:100%;padding:0 0.5rem;box-sizing:border-box;pointer-events:none}.bar-graph__data-grid--line{display:flex;border-right-style:solid;border-right-width:var(--bar-graph-data-grid-line-width);border-right-color:var(--bar-graph-data-grid-line-color)}.bar-graph .hidden{display:none}";
 const TetBarGraphStyle0 = tetBarGraphCss;
@@ -71,6 +71,9 @@ const TetBarGraph = class {
         if (this.parentContainer === null) {
             this.parentContainer = this.element;
         }
+        if (this.size !== 'auto') {
+            this.componentSize = this.size;
+        }
         this.element.style.setProperty('--bar-graph-animation-duration', `${this.animationDuration / 1000}s`);
         this.calculateDisplayData();
     }
@@ -78,9 +81,6 @@ const TetBarGraph = class {
      * Aligns displayed content, adds observers to the values and labels.
      */
     componentDidLoad() {
-        if (this.size !== 'auto') {
-            this.componentSize = this.size;
-        }
         this.autoSetComponentSize();
         this.animateDisplayDataChanges();
     }
@@ -315,14 +315,14 @@ const TetBarGraph = class {
         return lineElements;
     }
     render() {
-        return (index.h(index.Host, { key: 'c1f6fe2b1c893358352525c4c3e0915f998611a0' }, index.h("div", { key: 'fbce6bcebc16524c1b96beb7cc3aab3ed81d60b4', class: {
+        return (index.h(index.Host, { key: '8e352d9a7c2c50afcd083f44713b5f1a9c0642da' }, index.h("div", { key: 'dd925f77864b71daca09beb04176104fd57b86c7', class: {
                 'bar-graph': true,
                 [`bar-graph--${this.componentSize}`]: true,
                 [this.theme]: true,
-            } }, index.h("div", { key: 'f21b826061e2ea51e5c2a7dde07c39f0f9731b41', class: "bar-graph__container" }, index.h("div", { key: '260462ae89ad6930598f5f4874fa137e35b220ff', class: {
+            } }, index.h("div", { key: '27cff8b7171565b2f061ee37ec36c03373c73b3b', class: "bar-graph__container" }, index.h("div", { key: 'b788378a6035159fa72a08416e7e932921cbdd91', class: {
                 'bar-graph__label-container': true,
                 'hidden': this.labelPosition === 'responsive' && this.componentSize === 'small',
-            }, ref: element => (this.barLabelContainerRef = element) }, this.displayData.map(displayItem => this.renderLabel(displayItem, true))), index.h("div", { key: '07506f33c019fa244b6e0774a38abb02deb8cc17', class: "bar-graph__graph-container" }, index.h("div", { key: 'b1e539f8d57da615748577864895599ab62394d5', class: { 'bar-graph__data-grid': true, 'hidden': !this.withGrid } }, this.renderGridLines()), index.h("div", { key: '1e604b2732520f2f00e411d6e282d01567c331fb', class: "bar-graph__item-container", ref: element => (this.barContainerRef = element) }, this.displayData.map(displayItem => this.renderBar(displayItem))))))));
+            }, ref: element => (this.barLabelContainerRef = element) }, this.displayData.map(displayItem => this.renderLabel(displayItem, true))), index.h("div", { key: '4db66d0189e5eca8a24950a7d401251185751f39', class: "bar-graph__graph-container" }, index.h("div", { key: '272628e531a5a32afa36a095c9e9e9763e91c76b', class: { 'bar-graph__data-grid': true, 'hidden': !this.withGrid } }, this.renderGridLines()), index.h("div", { key: 'ba3f78aecebd757318784f8817563c6222d99567', class: "bar-graph__item-container", ref: element => (this.barContainerRef = element) }, this.displayData.map(displayItem => this.renderBar(displayItem))))))));
     }
     static get watchers() { return {
         "size": ["onSizeChange"],