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

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

@@ -149,7 +149,7 @@ export class TetDropdown {
      */
     renderButton() {
         const { label, labelLogo, labelLogoGrayscale, labelRight, currentButtonLabel, currentButtonLabelRight, currentButtonLabelRightColor, isOpen, disabled } = this;
-        return (h("div", { ref: el => (this.dropdownWrapperElement = el), class: { 'dropdown__wrapper': true, 'disabled': disabled } }, label && h("label", { id: 'dropdown-label', htmlFor: 'dropdown-button', class: "tet-input__label" }, label), h("div", { class: "dropdown__button-wrapper" }, h("button", { id: 'dropdown-button', class: "dropdown__button", "aria-labelledby": `dropdown-label`, "aria-haspopup": "listbox", "aria-controls": 'dropdown-options', "aria-expanded": isOpen, ref: el => (this.dropdownButtonElement = el), onClick: this.handleDropdownToggle(), onKeyDown: this.handleButtonKeydown(), disabled: disabled, tabIndex: 0 }, !disabled && labelLogo && h("img", { src: labelLogo, alt: label }), disabled && labelLogoGrayscale && h("img", { src: labelLogoGrayscale, alt: label }), h("span", { class: { 'dropdown__button__selected': true, 'dropdown__button__selected--flex': this.flexLayout } }, currentButtonLabel), labelRight && h("span", { class: "dropdown__button__labelright", style: { 'color': currentButtonLabelRightColor } }, currentButtonLabelRight), h("tet-icon", { class: "dropdown__icon dropdown__chevron-icon", name: isOpen ? 'chevron-up' : 'chevron-down' })))));
+        return (h("div", { ref: el => (this.dropdownWrapperElement = el), class: { 'dropdown__wrapper': true, 'disabled': disabled } }, label && h("label", { id: 'dropdown-label', htmlFor: 'dropdown-button', class: "tet-input__label" }, label), h("div", { class: "dropdown__button-wrapper" }, h("button", { id: 'dropdown-button', class: "dropdown__button", "aria-labelledby": `dropdown-label`, "aria-haspopup": "listbox", "aria-controls": 'dropdown-options', "aria-expanded": isOpen, ref: el => (this.dropdownButtonElement = el), onClick: this.handleDropdownToggle(), onKeyDown: this.handleButtonKeydown(), disabled: disabled, tabIndex: 0 }, !disabled && labelLogo && h("img", { src: labelLogo, alt: label }), disabled && labelLogoGrayscale && h("img", { src: labelLogoGrayscale, alt: label }), h("span", { class: { 'dropdown__button__selected': true, 'dropdown__button__selected--flex': this.flexLayout } }, currentButtonLabel), labelRight && h("span", { class: "dropdown__button__labelright", style: { 'color': currentButtonLabelRightColor } }, currentButtonLabelRight), h("tet-icon", { class: "dropdown__icon dropdown__chevron-icon", name: isOpen ? 'tc-chevron-up' : 'tc-chevron-down' })))));
     }
     /**
      * Renders the dropdown options menu.
@@ -177,7 +177,7 @@ export class TetDropdown {
                 'dropdown__option': true,
                 'dropdown__option--single': true,
                 'dropdown__option--selected': selected
-            }, role: "option", tabindex: "0", "aria-selected": selected, "data-value": value, onClick: handleClick, onKeyDown: handleKeyDown }, label, selected && h("tet-icon", { class: "dropdown__icon", name: "check" })));
+            }, role: "option", tabindex: "0", "aria-selected": selected, "data-value": value, onClick: handleClick, onKeyDown: handleKeyDown }, label, selected && h("tet-icon", { class: "dropdown__icon", name: "tc-check" })));
     }
     /**
      * Renders a dropdown option item.
@@ -376,7 +376,7 @@ export class TetDropdown {
     }
     render() {
         const { theme, isOpen, isKeyboardFocus } = this;
-        return (h(Host, { key: 'e900a0def029cb84517259407b4debe18f47cda2' }, h("div", { key: '66e7468b67b4b17fb3c11c0a133c3dd58d2e54e3', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
+        return (h(Host, { key: '1655c138e62650e444a3386f9370f1df136f5c47' }, h("div", { key: '5ee30cc48cb03bcb3cbbb7f83592dac56de8f9b6', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
     }
     static get is() { return "tet-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-number-input/tet-number-input.js

@@ -192,7 +192,7 @@ export class TetInput {
             return [];
         return this.suffixes.map((_suffix, i) => {
             const isActive = this.suffix === _suffix;
-            return (h("div", { ref: el => { this.dropdownItemRefs[i] = el; }, onClick: () => this.onDropdownItemClick(_suffix), onKeyDown: this.handleOptionKeydown(() => this.onDropdownItemClick(_suffix)), class: { 'number-input__dropdown-item': true, 'active': isActive }, tabIndex: 0 }, _suffix.name, isActive && h("tet-icon", { class: "check", name: "check" })));
+            return (h("div", { ref: el => { this.dropdownItemRefs[i] = el; }, onClick: () => this.onDropdownItemClick(_suffix), onKeyDown: this.handleOptionKeydown(() => this.onDropdownItemClick(_suffix)), class: { 'number-input__dropdown-item': true, 'active': isActive }, tabIndex: 0 }, _suffix.name, isActive && h("tet-icon", { class: "check", name: "tc-check" })));
         });
     };
     /**
@@ -271,8 +271,8 @@ export class TetInput {
      */
     render() {
         const { label, helperText, value, disabled, error, completed, isOpen, suffix } = this;
-        return (h("div", { key: '6a054d26228a4233571ddffa7dee4c9826063623', class: { 'number-input': true, [this.theme]: !!this.theme,
-                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '3ff6085f69d016330e0e93b953b5e3c95a0d48f7', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '9d4c53fa3f3373e98acabaaf67c00f192048e0e5', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: 'f780cf7a45a23ed8e595bfa727ae5854c088bf00', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("div", { key: '56c20a8985258abaa980c0ff3f681b2d260b70fe', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: '3b1694260d640d2bb56721e70ae1513523eb3e18', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '539ce1bc9d1cde63aba31166ab1fe2d443f1bfd0', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: '1c64a7552cfcf71c0455599c0b53bf31f4f334b0', name: "chevron-down" }), isOpen && h("tet-icon", { key: '32f2981677402e34824443fd4f9977f6de886188', name: "chevron-up" }))), isOpen && (h("div", { key: '585c332f9f008d56ad57587ffe669e6c211e61e4', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: 'fcf07e1c2453a743687f6adf6337a4f1a3c20fb7', class: "number-input__helper-text" }, helperText)));
+        return (h("div", { key: 'feae1ad639de2fc7b386f2f65f617bbd3b973d74', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: 'cb1e2335de5c4c85c3559c922ade309504d17d5b', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '854e806e94eb3f32f3adbef5dd19be913934ccd8', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: 'f7ccea6b013ba0de4c0f7e0431b1e32abce2b363', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("div", { key: '1def932239435fc15abc95c1653045444ca57058', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'ce4af507961ae66ea05c83b4c0042e812bbbecf7', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: 'c47daa4c299dccdd093e220d24d6339d837cf3c0', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: '3ac6eaeb4c171aaf369d470cc274547dc2426a13', name: "tc-chevron-down" }), isOpen && h("tet-icon", { key: 'b3b07f5296caf47666fe3d7cba5a7f1850c4ca49', name: "tc-chevron-up" }))), isOpen && (h("div", { key: 'dab19a35546f14fa51fda6351a299ea0b34ce5fa', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: 'f4dc1e8cdc62a43e49fb39069661237e8e4d5d68', class: "number-input__helper-text" }, helperText)));
     }
     static get is() { return "tet-number-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-range-slider/tet-range-slider.js

@@ -766,31 +766,31 @@ export class TetRangeSlider {
         return dataListItem;
     };
     render() {
-        return (h(Host, { key: 'e7fad102c3aef38ef954e75bebab02c487792c51' }, h("div", { key: 'fc5db19e6de273ca66c5c57f9cd31ded42e7a53d', class: {
+        return (h(Host, { key: 'c6049889221a263b1d492c02d70b413e9490e159' }, h("div", { key: 'c5e899a2bf32310db125fa1acc9bfe4b391623c0', class: {
                 'range-slider': true,
                 [`range-slider--${this.containerSize}`]: true,
                 [`range-slider--${this.type}`]: true,
                 'range-slider--no-controls': !this.withControls,
                 'range-slider--no-input': !this.withInput,
                 [this.theme]: true,
-            } }, h("div", { key: 'fdf379be11d161455128a70dd401010be81779a1', class: {
+            } }, h("div", { key: 'fe66dd8828ecef685bf856e16875380c4589cced', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", { key: '5f9077d9c4f7f5b3fc0fc7404ea0f03b6e433aa2', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: '6c30534094b951b12339aedf114891e9514a85ac', class: "range-slider__container" }, h("tet-button", { key: 'e6033d817e0228715e46b45cd5d812093042ed43', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", { key: 'fafd33c3dd5e62254f900faa8e7f58703f3a5c32', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: 'b3208239ee7d51a3947f9be3549ebc8894055b0a', class: "range-slider__container" }, h("tet-button", { key: '02dc742e0532fe6107c4512a9e963f5afba691f6', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--left': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '62f09e8be8145052f922e55afe62ea2fec99e126', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'd670950303b0ab92ae8a97058076f12a834b4e77', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: '937865377b8bc07c5888d3ab0fb0ff8a664adc5c', class: "range-slider__slider-wrapper" }, h("input", { key: 'd59cbb96c466ad5701d88d0a42f166cbc1aa8fab', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: 'b02d50f8d7c53bba14d900159f7937614db3918a', class: "range-slider__track range-slider__track--background" }), h("div", { key: '3673af11bca399a90d7dfde6e1c9c0a896ee086f', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'b211210c2771f32d3b0252553c82ab5655f767f2', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '2c6b54e96f81924fe990ccf14b759f078bd8a70b', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '2fbe0a88d1dfaab316bea2235594a7ab1a768fcd', name: "tc-remove", class: "range-slider__control--icon" })), h("div", { key: '25077cfef59fdafcaa377a8b3e85be5385a21164', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: 'c231f37e4aba849e18439b8d5f0b42b416113fca', class: "range-slider__slider-wrapper" }, h("input", { key: '76f0486c05692c8e134b848c14d7f959a47c711e', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: '9e4f2f61dab19015b1b15a049788f803fe11a67b', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'e1771bbcdfeadc95fe012164a7e7004960175135', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'c09b4f76fdffb8b990e37cee99a7d64676118d53', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'c34f618bdf2b6f22cf79307c837f2745e662a549', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '2b66b9808e458265595a2b714cc8706768d5f040', class: {
+            } })), h("div", { key: '708ad792e02499c3136b54eba424da2fad29965b', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: 'c9fac963de36a02126035758d99fde33c77936d5', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'e60f72f284720e8b6ffc86d21ca6de4dc92d5493', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'e39b699c5af627e42f0774ea2be667bd1e7730d3', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: 'eab8f48f5e61e77cb644b977c8cfacf72299a6cf', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: '38148bc50d6f37e6cb83a7f9337306df3f836a13', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '25cfe7e79cc95bb082ea4e6e81f8369aaad7a055', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '6577ba28b90a4daf34edd76fb88f6741d3d04f1a', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '3c32be6fd5887d1f5e64b577ddbe86ca069601f1', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--right': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: '793f1e43fa923096431968df84e456ea0f306e47', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: '7bcacdcef3d41791260582790d2b9618e79e70db', name: "tc-add", class: "range-slider__control--icon" }))))));
     }
     static get is() { return "tet-range-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-stepper-input/tet-stepper-input.js

@@ -145,7 +145,7 @@ export class TetStepperInput {
             }, class: "stepper-input__input", type: "number", value: String(value ?? ''), disabled: disabled, theme: theme, ...(accessibilityLabel ? { accessibilityLabel } : {}) }));
     }
     render() {
-        return (h("div", { key: 'a3425a8dc8c4ce73bbe438d3906c9dbeb29e1db6', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: 'dc285a01a031e256a46ff45d5b2978e9775d509c', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
+        return (h("div", { key: 'd02d9aeb050938ecbac69a6097dfdd45c0f9cd17', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: '3955df35d49d347ff8e9c2a982dee0eec46c2322', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
     }
     static get is() { return "tet-stepper-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,8 +59,8 @@ export class TetTextarea {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: 'd8c65c379d0c3da3a1b9e84c0f91343a469501f9' }, h("label", { key: '7e40137b4514f96776ed4b202052a7725a79f781', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '0f9ff5ad68af5e2277f7bac8d74611f7acda3352', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '87e3692b2cb8ce018aa18ba36489cbd3d414b3fc', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '964e679659272ea9f179117df67dfbb1a1c65c91', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: '8d1da87f68ae54c367eee2564583e191fc0feb87' }, h("label", { key: '64e13138c4b10ff122dd8a665042ace530b14b08', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '6711540ce9a9d197e92db9c4f3a35fbd588d9a0e', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'ea9255c74f65416ff2ca04fcd4834a8a4344ddc4', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '82ae71f360eb7a2d9b6f21030f97657a6b90959a', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
     }
     static get is() { return "tet-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/lists/tet-link-card-list/tet-link-card-list.js

@@ -61,7 +61,7 @@ export class TetLinkCardList {
     }
     render() {
         const { theme, layout, items } = this;
-        return (h(Host, { key: 'b350be64dc3e5373d3c7c3a7b34ff57bfe6a10d4' }, h("ul", { key: '05b95c13595a4797e19b030934e53a0057e67348', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
+        return (h(Host, { key: '422ccf00f1cfbc0482e23977d62fface1fe25f63' }, h("ul", { key: '2bfab4fbbc1330d844f003c6dc6d9fb68cc27aca', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
             ? items.map(this.renderListItem.bind(this))
             : this.renderPlaceholders())));
     }

package/dist/collection/components/simple/lists/tet-news-card-list/tet-news-card-list.js

@@ -54,7 +54,7 @@ export class TetNewsCardList {
         return (h("div", { class: {
                 "tet-news-card": true,
                 [this.theme]: true,
-            }, part: "card-list-item" }, h("a", { class: "tet-news-card__link-container", "data-index": index, href: item.redirectHref, target: item.redirectNewTab ? '_blank' : '', onMouseOver: this.handleCardMouseOver, onMouseLeave: this.handleCardMouseLeave, onFocus: this.handleCardMouseOver, onBlur: this.handleCardMouseLeave, onClick: item.clickCallback }, h("div", { class: "tet-news-card__image__container" }, h("div", { class: "tet-news-card__image", onMouseDown: this.disableImageEvents }, h("img", { src: item.imageSrc, alt: item.imageAlt ?? '' }))), item.date && h("span", { class: "tet-news-card__date" }, item.date), h("span", { class: "tet-news-card__title" }, item.title), h("span", { class: "tet-news-card__divider" }), h("div", { class: "tet-news-card__link" }, h("span", { class: "tet-news-card__underline" }, item.redirectText), ' ', h("tet-icon", { class: "tet-news-card__link-icon", name: "chevron-right" })))));
+            }, part: "card-list-item" }, h("a", { class: "tet-news-card__link-container", "data-index": index, href: item.redirectHref, target: item.redirectNewTab ? '_blank' : '', onMouseOver: this.handleCardMouseOver, onMouseLeave: this.handleCardMouseLeave, onFocus: this.handleCardMouseOver, onBlur: this.handleCardMouseLeave, onClick: item.clickCallback }, h("div", { class: "tet-news-card__image__container" }, h("div", { class: "tet-news-card__image", onMouseDown: this.disableImageEvents }, h("img", { src: item.imageSrc, alt: item.imageAlt ?? '' }))), item.date && h("span", { class: "tet-news-card__date" }, item.date), h("span", { class: "tet-news-card__title" }, item.title), h("span", { class: "tet-news-card__divider" }), h("div", { class: "tet-news-card__link" }, h("span", { class: "tet-news-card__underline" }, item.redirectText), ' ', h("tet-icon", { class: "tet-news-card__link-icon", name: "tc-chevron-right" })))));
     };
     render() {
         const { withControls, withMouseDrag, withScrollbar, withVirtualScroll, initialScrollAmount, disableScroll, scrollFullWidth, controlScrollAmount, } = this;
@@ -68,7 +68,7 @@ export class TetNewsCardList {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: '41772943f65e00829eff7169ea8076e7d56523ed' }, h("tet-card-list", { key: 'c83c8d6bf483725848e9765b0457cb8c7581db36', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
+        return (h(Host, { key: 'eb5c5fdcde3ee8d9ad2537f523d3737bb69ccbd8' }, h("tet-card-list", { key: 'f1c6527f3db914fa4667841ee0f2dc4c182aafae', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     static get is() { return "tet-news-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/menu/tet-business-navigation/tet-business-navigation.js

@@ -154,7 +154,7 @@ export class TetBusinessNavigation {
         const { expanded, openedMenuIds } = this;
         const withSublevels = expanded && sublevels && sublevels.length > 0;
         const isActiveSublevel = !!(withSublevels && sublevels.some((item) => (item.id === this.selectedItemId)));
-        return (h("div", { class: "business-navigation-item__wrapper" }, h("button", { key: id, class: { 'business-navigation-item': true, 'selected': this.selectedItemId === id, 'active-sublevel': isActiveSublevel }, onClick: () => (withSublevels ? this.toggleSublevels(id, name) : this.onMenuItemClick(id, name)), "aria-label": name }, icon && h("tet-icon", { class: "business-navigation-item__icon", name: icon }), !this.expandable || expanded ? (h("span", { class: "business-navigation-item__title" }, name)) : (h("tet-tooltip", { class: "business-navigation-item__tooltip", position: TooltipPosition.RIGHT, theme: this.theme }, name)), withSublevels && (h("tet-icon", { class: { 'business-navigation-item__chevron': true, 'sublevelOpened': openedMenuIds.has(id) }, name: openedMenuIds.has(id) ? 'chevron-up' : 'chevron-down' }))), withSublevels && this.renderSublevelItems(sublevels, id, name)));
+        return (h("div", { class: "business-navigation-item__wrapper" }, h("button", { key: id, class: { 'business-navigation-item': true, 'selected': this.selectedItemId === id, 'active-sublevel': isActiveSublevel }, onClick: () => (withSublevels ? this.toggleSublevels(id, name) : this.onMenuItemClick(id, name)), "aria-label": name }, icon && h("tet-icon", { class: "business-navigation-item__icon", name: icon }), !this.expandable || expanded ? (h("span", { class: "business-navigation-item__title" }, name)) : (h("tet-tooltip", { class: "business-navigation-item__tooltip", position: TooltipPosition.RIGHT, theme: this.theme }, name)), withSublevels && (h("tet-icon", { class: { 'business-navigation-item__chevron': true, 'sublevelOpened': openedMenuIds.has(id) }, name: openedMenuIds.has(id) ? 'tc-chevron-up' : 'tc-chevron-down' }))), withSublevels && this.renderSublevelItems(sublevels, id, name)));
     };
     /** Render button to expand and minimize the menu container. */
     renderExpandButton = () => {
@@ -168,7 +168,7 @@ export class TetBusinessNavigation {
     /** Render Functional Component*/
     render() {
         const { menuItems, theme, expandable } = this;
-        return (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 && h("hr", { key: 'e4ad1043ee967ae380df320a2a0c5c7cc323bef5', class: "business-navigation-divider" }), menuItems && menuItems.map(this.renderMenuItem)));
+        return (h("div", { key: '5cb73b841047b73e7ad84276d9ea36f43a28c4fc', class: { 'business-navigation': true, [`${theme}`]: true, 'expandable': expandable, 'closed': !this.expanded }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, this.renderExpandButton(), expandable && h("hr", { key: 'afa783c813d8c3a81bd77c39acbdd4a0f3d07305', class: "business-navigation-divider" }), menuItems && menuItems.map(this.renderMenuItem)));
     }
     static get is() { return "tet-business-navigation"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/menu/tet-menu/tet-menu.js

@@ -324,7 +324,7 @@ export class TetMenu {
             return '';
         }
         const theme = this.type === 'login' ? (this.darkMode ? 'light' : 'dark') : this.darkMode ? 'dark' : 'light';
-        return h("tet-icon", { name: "chevron-down", class: "chevron", theme: theme });
+        return h("tet-icon", { name: "tc-chevron-down", class: "chevron", theme: theme });
     }
     /**
      * Renders the checkmark icon for language menu if the element is active.
@@ -364,7 +364,7 @@ export class TetMenu {
         });
         const hasSubMenuItems = !!subMenuItems?.length;
         const hasActiveDescendant = this.hasActiveSubLevels(subLevel.subLevels ?? []);
-        const subMenuChevronName = 'chevron-right';
+        const subMenuChevronName = 'tc-chevron-right';
         let iconLeft = '';
         let iconRight = '';
         if (!this.isMegaMenuLayout) {
@@ -515,7 +515,7 @@ export class TetMenu {
     }
     render() {
         const { type } = this;
-        return (h(Host, { key: 'b0a4e5339b6f8592d1d8fb4a83647c19059da562' }, h("div", { key: '772c2a709c8d0d2bc5e93e9f2a8f3df7bcf05093', class: {
+        return (h(Host, { key: '1ef7ec6cf96162d56d60d445eaf517d1c2bde4b6' }, h("div", { key: '68c2cdeb170c08f4246b95941c2d42f042238288', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

package/dist/collection/components/simple/menu/tet-menu-mobile/tet-menu-mobile.js

@@ -169,16 +169,16 @@ export class TetMenuMobile {
         if (!this.hasDropdownContent) {
             return null;
         }
-        return (h("tet-icon", { class: "menu__chevron", name: this.isExpanded ? "chevron-up" : "chevron-down", theme: this.darkMode ? "dark" : "light", type: useSecondaryType ? 'secondary' : 'primary' }));
+        return (h("tet-icon", { class: "menu__chevron", name: this.isExpanded ? "tc-chevron-up" : "tc-chevron-down", theme: this.darkMode ? "dark" : "light", type: useSecondaryType ? 'secondary' : 'primary' }));
     }
     /**
      * Renders the chevron icon if the menu has content.
      */
     renderSubChevron(key, useSecondaryType = false) {
-        return (h("tet-icon", { class: "menu__chevron", name: this.subMenuState.includes(key) ? "chevron-up" : "chevron-down", theme: this.darkMode ? "dark" : "light", type: useSecondaryType ? "secondary" : "primary" }));
+        return (h("tet-icon", { class: "menu__chevron", name: this.subMenuState.includes(key) ? "tc-chevron-up" : "tc-chevron-down", theme: this.darkMode ? "dark" : "light", type: useSecondaryType ? "secondary" : "primary" }));
     }
     render() {
-        return (h(Host, { key: 'f73813e8244660221b83f40e1fbe4a3122e4f9de' }, h("div", { key: '5eafee743bc8c24ffd2a6ed75e4b657960f6e104', class: {
+        return (h(Host, { key: 'f17d05562fde214a15ffadc87e64a5c1588363ce' }, h("div", { key: '2eb7e44b66b2e22e4956b572b11013c3059c7f15', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

package/dist/collection/components/simple/menu/tet-navigation-mobile/tet-navigation-mobile.js

@@ -62,13 +62,13 @@ export class TetNavigationMobile {
         await processTranslations('tet-components', this.language || 'lv');
     }
     render() {
-        return (h(Host, { key: '5674d7d43464bb27e19b481d8396105db440371d' }, h("navigation", { key: '7dbd2ee6e8dcbade7aa70de4ebcc5e8ba13aad88', class: {
+        return (h(Host, { key: 'f657ec5184c24e6b561ecbd14657defa9e95a394' }, h("navigation", { key: '4222afe62cae45379a67029b0e663454726008d2', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'd50f98ff7f9299c2890eddcb824f6b70a6559c2d', class: "navigation__nav-bar" }, h("slot", { key: 'd37c3e81d84fa55339ead52799e50bcbc612f17f' })), this.isTogglerVisible && (h("button", { key: 'f574df4ea396ae4e61196767687233a7cf2aea34', type: "button", class: "navigation__toggler", "aria-controls": "tet-navigation-mobile-dropdown", "aria-expanded": this.isTogglerExpanded.toString(), "aria-label": t(this.isTogglerExpanded ? 'components-navigation-mobile-close-menu-label' : 'components-navigation-mobile-open-menu-label'), onClick: this.onTogglerClick }, h("tet-icon", { key: '9fd958859c3c58c4c9f8b7c0ccf41acf5375a630', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '0636925eb9eae10079de2248bed890c4ebcb6a69', id: "tet-navigation-mobile-dropdown", class: {
+            } }, h("div", { key: '356d77378fccc2d3ca02c7a48f848a54c427c10f', class: "navigation__nav-bar" }, h("slot", { key: 'ddce6918a5290f63464236737d6d4bee935b8fa8' })), this.isTogglerVisible && (h("button", { key: '22fd7396874af6db3e10cf2c477e30a99fc73f00', type: "button", class: "navigation__toggler", "aria-controls": "tet-navigation-mobile-dropdown", "aria-expanded": this.isTogglerExpanded.toString(), "aria-label": t(this.isTogglerExpanded ? 'components-navigation-mobile-close-menu-label' : 'components-navigation-mobile-open-menu-label'), onClick: this.onTogglerClick }, h("tet-icon", { key: '689225703f8e4626855d49c2647b86f984a79572', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "tc-close" : "tc-burger" }))), h("div", { key: '639a622da8bc0cb8f4f9908a68040a8b3ffd4d6f', id: "tet-navigation-mobile-dropdown", class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'afe80299b7dbe6c4e7bd5aae0d2800208cc2e531', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'e7f1e2193753a02dfcb448b6b8fcedda433875d4', name: "dropdown" })))));
     }
     static get is() { return "tet-navigation-mobile"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/structural/tet-accordion/tet-accordion.js

@@ -130,13 +130,13 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: 'b86cdf8aa26237d2c69a7251f2d016404f44aab7' }, h("div", { key: 'a40fbb6210558cc403142cec0d68a31a4e4f7d9e', class: {
+        return (h(Host, { key: 'abd2258aef5f7b20275ebc84a154cca6da27e224' }, h("div", { key: '580dedd434b319cf06e56daba7244308fda64809', class: {
                 'tet-accordion': true,
                 'tet-accordion--border': this.withBorder,
                 [`${this.theme}-theme`]: true,
                 [`tet-accordion--breakpoint-${this.breakpoint}`]: true,
                 'transparent-bg': this.transparentBackground,
-            } }, h("div", { key: '67d3055d8ea86a5e74c6550d9b13aebd3b4d8d47', class: {
+            } }, h("div", { key: '48797037e427685534ed291314d19b0dee2db6bb', class: {
                 "tet-accordion__header": true,
                 [this.theme]: true,
                 "tet-accordion__header--non-interactive": !this.isHeaderInteractive,
@@ -144,15 +144,15 @@ export class TetAccordion {
                 onClick: this.toggleOpenState,
                 onKeyDown: this.toggleAccessibilityOpenState,
                 tabIndex: 0
-            } : {}) }, h("slot", { key: '9769e74b9523a22d36fac43a87b3135086564a3f', name: "header" }, this.headerIconName && (h("tet-icon", { key: '4dd1dfc27cc57ca3c23731749443be7483acd9d3', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'accee0492ea45bb4d062ca4ed5567d23fd7d85d1', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '276281140ee22feaaa2d23352cce5c17b0472b1a', name: `chevron-${this.indicatorDirection}`, class: {
+            } : {}) }, h("slot", { key: '4ca02980ca7f8d4e4d5664a7fe746727d0cd79bd', name: "header" }, this.headerIconName && (h("tet-icon", { key: '504994480017a3468bf66bbc609cfde515e035ae', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'c3d7c1c5af62a8e29ab4901029845ccbfe5f0461', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: 'a33fb44daf412662072ea52b67eb2bf2b9f921c5', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: 'bf262d87ea07f5ba6a9993771837800eec1840be', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: '18daea76d4e67b247d6da18549a433e2ef4c8897', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: 'ff3d19f23556f7bfdc5aa6bbb0896a30c31441c8', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: 'a413cd578c1b4a4d1a1af53205fae00deb2bd1dc', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '0106eff6d849b7b709b31a4a99132dc7ec2075bb' }))))));
+            } }, h("slot", { key: 'fb6ab873cf1e514c8f2a4374101a1abac7cdf6c7' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/structural/tet-expansion-panel/tet-expansion-panel.js

@@ -62,7 +62,7 @@ export class TetExpansionPanel {
         this.state = this.state === 'open' ? 'closed' : 'open';
     };
     render() {
-        return (h("div", { key: '572c1140d9d0372fad3f6dbb8fb2602c8fcf7fbf', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'bfca11010c18c6753980a7af2cc9e934fc6b717c', class: "tet-expansion-panel-content" }, h("slot", { key: 'd0564890e594b87c99785455f08cf3a5a33e81c7' }))));
+        return (h("div", { key: '5a5c08417d0cf1e8f68cc3eb965151daa57d3b1b', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '7368f0eb6825c72887a8d4c9fa86a706cf0a1feb', class: "tet-expansion-panel-content" }, h("slot", { key: '55fefef6f536ea9f2e27a282cf1a43a43b4748b6' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/tables-and-graphs/tet-table/tet-table.js

@@ -156,7 +156,7 @@ export class TetTable {
      * @returns JSX element containing an info icon and tooltip.
      */
     renderTooltip = (value) => {
-        return (h("span", { class: "tooltip-wrapper" }, h("tet-icon", { theme: this.theme, type: "secondary", class: "info-icon", name: "info-circle", tabindex: "0" }), h("tet-tooltip", { position: TooltipPosition.TOP, theme: this.theme }, value)));
+        return (h("span", { class: "tooltip-wrapper" }, h("tet-icon", { theme: this.theme, type: "secondary", class: "info-icon", name: "tc-info-circle", tabindex: "0" }), h("tet-tooltip", { position: TooltipPosition.TOP, theme: this.theme }, value)));
     };
     /**
      * Renders a single data cell for desktop size table.
@@ -326,7 +326,7 @@ export class TetTable {
         return { 'table__cell--inner': inner };
     }
     render() {
-        return (h(Host, { key: '80f0a080e5b657f130b7200945a05a73077be565' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
+        return (h(Host, { key: '3846239004e6f3a71b7ce3e2e3e29c7950843f9d' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
     }
     static get is() { return "tet-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/simple/text-blocks/tet-inline-message/tet-inline-message.js

@@ -8,17 +8,17 @@ export class TetInlineMessage {
         this.theme = 'light';
     }
     iconMapping = {
-        attention: 'attention',
-        info: 'info-circle',
-        danger: 'close-circle',
-        success: 'check-circle'
+        attention: 'tc-attention',
+        info: 'tc-info-circle',
+        danger: 'tc-close-circle',
+        success: 'tc-check-circle'
     };
     render() {
-        return (h("div", { key: 'd61d14862260fe2da46ea48db1596984b7751578', class: {
+        return (h("div", { key: '7a18701aa7b5388dce18aa0a2082d7fb861600d0', class: {
                 "container": true,
                 [this.theme]: true,
                 [this.variant]: true
-            } }, h("tet-icon", { key: '08424812c14637fc87e7d13ddc708e1c1c677d24', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: 'c0f70f8884e1799a80aa27b22e168e44394e8429', class: "content" }, h("slot", { key: '80b75a86fc5a9b934dd9a92c4ccf14cd89e1bf09', name: "title" }), "\u00A0", h("slot", { key: 'cfc5589ca77670c34f63b7d46fbcb8a7e9791da3', name: "description" }))));
+            } }, h("tet-icon", { key: '4e5ae4694baca31f7c9197596b661cf219909f49', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '23f5d02757c602a89eb5db0bceeee78b710178e4', class: "content" }, h("slot", { key: '0008eab5d35763f6b0c89e308d2ea15e14ed1682', name: "title" }), "\u00A0", h("slot", { key: '18bd3159757336fdece6ec0948907513a63fd4d7', name: "description" }))));
     }
     static get is() { return "tet-inline-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/text-blocks/tet-notification/tet-notification.js

@@ -18,10 +18,10 @@ export class TetNotification {
     TYPE_WARNING = 'warning';
     TYPE_SUCCESS = 'success';
     TYPE_DANGER = 'danger';
-    ICON_CIRCLE = 'info-circle';
-    ICON_CHECK = 'check-circle';
-    ICON_ATTENTION = 'attention';
-    ICON_CLOSE = 'close-circle';
+    ICON_CIRCLE = 'tc-info-circle';
+    ICON_CHECK = 'tc-check-circle';
+    ICON_ATTENTION = 'tc-attention';
+    ICON_CLOSE = 'tc-close-circle';
     /**
      * The root element of the stepper component.
      */
@@ -81,7 +81,7 @@ export class TetNotification {
         if (!this.canClose()) {
             return '';
         }
-        return (h("div", { class: 'close-icon-wrapper', onClick: this.onClose, onKeyDown: this.onClose, tabindex: 0 }, h("tet-icon", { class: "notification-icon close-icon", name: "close" })));
+        return (h("div", { class: 'close-icon-wrapper', onClick: this.onClose, onKeyDown: this.onClose, tabindex: 0 }, h("tet-icon", { class: "notification-icon close-icon", name: "tc-close" })));
     }
     /**
      * Render the icon for all except `neutral` type notifications
@@ -120,7 +120,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: 'e3e9bf136a9a69eeac3a7421fd9849ca78bf525b' }, h("div", { key: '44b7741f55a7d89f22de4e1b53ca31dd4d04d4f2', class: { notification: true, [this.theme]: true } }, h("div", { key: '23d1cbf818e3bdffc950314b75babc8cd402f964', class: { item: true, [this.type]: true } }, h("div", { key: '87d1ab660e7d14e7a297bb93b19178e43ae5d03e', class: "header" }, this.renderTypeIcon(), h("div", { key: '8857b530ace215d9d37c5c45093ebcd8a7d7e128', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '3d673f1e372ef8f76d904ee9ef1af1b71bb04da7', class: "content" }, h("span", { key: 'fc0bc9a80738e84d3da9873200d2fdffe371a50c', innerHTML: content }), h("div", { key: 'e36383369f2336e74c08bc7eb1521964d495ed22' }, h("slot", { key: '9969a2013fbb697f8d1f7c60a381f12cc45577c3', name: "button" })))))));
+        return (h(Host, { key: 'd56fa6e985f6661bb4ed3f3a8b5942c88ba4069d' }, h("div", { key: 'ab3355780f5e695977056f2f0dd6bff2cf3d1403', class: { notification: true, [this.theme]: true } }, h("div", { key: '133c5942569abce0eec2ecc27a7985a9bd96e212', class: { item: true, [this.type]: true } }, h("div", { key: '3be6f669a14e76f24a58e37b6aa0628a67efda31', class: "header" }, this.renderTypeIcon(), h("div", { key: '3cd09e50d2b717621f4e4e4b57a27ca14665586d', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '595e135392f336f850e7332604b897c90f73bd12', class: "content" }, h("span", { key: 'e793256692b021ef9ba58e2e58a40dff41a876c7', innerHTML: content }), h("div", { key: '1a48cc0e152a55eb26824d9f422405bc882e2e64' }, h("slot", { key: '087f16bbca41697d72dce6b32af3f822a620d55b', name: "button" })))))));
     }
     static get is() { return "tet-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/text-blocks/tet-tooltip/tet-tooltip.js

@@ -383,7 +383,7 @@ export class TetTooltip {
         return (h("div", { class: { tooltip: true, [`${this.theme}`]: true }, role: "tooltip", "aria-hidden": this.showTooltip ? 'false' : 'true', "aria-live": this.showTooltip ? 'polite' : undefined }, h("div", { class: "tooltip-pointer", ref: (el) => (this.tooltipPointer = el) }), h("slot", null)));
     };
     render() {
-        return h(Host, { key: '6a38faff0a98a733caf205fca433df05b925452c', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '94a19fbf90a71c435d45364cdee4da62f9474ba8', class: { visible: this.showTooltip } }, this.renderTooltip());
     }
     static get is() { return "tet-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-address-offers-view/tet-address-offers-view.js

@@ -137,7 +137,7 @@ export class TetAddressOffersView {
         return h(Fragment, null);
     }
     render() {
-        return (h(Host, { key: '2ea125d5bf75382fb6f437a183c0440b62317117' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '108ca4e8f6e51302fa1ec8e6e662744c121d7848' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
     }
     static get is() { return "tet-address-offers-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-b2b-configurator/partials/tet-b2b-configurator-cart/tet-b2b-configurator-cart.js

@@ -153,7 +153,7 @@ export class TetB2bConfiguratorCart {
                     this.secondaryBlockEl = el;
                 }
             };
-            return (h("div", { hidden: !slotFilled, class: "block__wrapper" }, h("tet-accordion", { ref: refCallback, key: block.type, class: "block", isOpen: blockOpen, header: block.name, theme: this.theme, transparentBackground: true }, h("div", { slot: "header", class: "block__header" }, h("div", { class: "block__header-row" }, h("div", null, block.name), h("div", { class: "block__header-amount" }, `${amount} ${this.priceSuffix}`)), h("div", { class: "block__header-row" }, h("div", { class: "block__header-details" }, `${count} ${countValue}`), h("div", { class: "block__header-indicator" }, blockOpen ? t('components-b2b-cart-accordion-less') : t('components-b2b-cart-accordion-more'), h("tet-icon", { class: "block__header-icon", name: `chevron-${blockOpen ? 'up' : 'down'}`, theme: this.theme })))), h("slot", { onSlotchange: this.handleSlotChanged, name: block.type }))));
+            return (h("div", { hidden: !slotFilled, class: "block__wrapper" }, h("tet-accordion", { ref: refCallback, key: block.type, class: "block", isOpen: blockOpen, header: block.name, theme: this.theme, transparentBackground: true }, h("div", { slot: "header", class: "block__header" }, h("div", { class: "block__header-row" }, h("div", null, block.name), h("div", { class: "block__header-amount" }, `${amount} ${this.priceSuffix}`)), h("div", { class: "block__header-row" }, h("div", { class: "block__header-details" }, `${count} ${countValue}`), h("div", { class: "block__header-indicator" }, blockOpen ? t('components-b2b-cart-accordion-less') : t('components-b2b-cart-accordion-more'), h("tet-icon", { class: "block__header-icon", name: `tc-chevron-${blockOpen ? 'up' : 'down'}`, theme: this.theme })))), h("slot", { onSlotchange: this.handleSlotChanged, name: block.type }))));
         });
         return content;
     };
@@ -167,12 +167,12 @@ export class TetB2bConfiguratorCart {
         const isEditMode = this.context === 'edit';
         const isCheckoutMode = this.context === 'checkout';
         const showSummary = !this.isCartEmpty && (isEditMode || (isCheckoutMode && this.isAccordionOpen));
-        return (h(Host, { key: '36539b22278ca7ed9ec8cf7ab9880d3b395f1586' }, h("div", { key: '1c7744a72118d89d3cbb1aa6df7b36c546362fbb', ref: (el) => (this.cartEl = el), class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: '920c380b15cd861daefd952ae3bb31aa1c615475', ref: (el) => (this.accordionEl = el), class: {
+        return (h(Host, { key: '5a3fbc4cc2a8de173702015706a3ed02cc11ea48' }, h("div", { key: 'b55d398c42c83f65ebd1cdf90957ddc7b9fdc8de', ref: (el) => (this.cartEl = el), class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: 'f178f0786fed63f4440cfa65fd6583a26116b9f7', 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' }, h("div", { key: '6609bb6c0a6ecd25056815bcd841da26767ab1dc', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: '290c7af5dae1ea57f18a639df09e0ae411630aac', 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' }, h("div", { key: 'e4f4dbda9e6bcb958875a61a4ade346158047c88', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: '8314534e2aefdf150195b1f3cf4d3a4932fe5836', class: { cart__content: true, [`cart__content--${this.context}`]: true } }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
     }
     static get is() { return "tet-b2b-configurator-cart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-b2b-configurator/test/mocks/page-loaded.js

@@ -72,7 +72,7 @@ export default `
      </tet-b2b-check-out-form>
      <tet-dialog class="light" theme="light">
        <div class="action-dialog">
-         <tet-icon class="action-dialog__attention-icon action-dialog__icon" name="attention"></tet-icon>
+          <tet-icon class="action-dialog__attention-icon action-dialog__icon" name="tc-attention"></tet-icon>
          <div class="action-dialog__title">
            components-b2b-item-remove-confirmation-title
          </div>

package/dist/collection/components/views/tet-b2b-configurator/test/mocks/page-loading.js

@@ -31,7 +31,7 @@ export default `
        </tet-b2b-check-out-form>
        <tet-dialog class="light" theme="light">
          <div class="action-dialog">
-           <tet-icon class="action-dialog__attention-icon action-dialog__icon" name="attention"></tet-icon>
+          <tet-icon class="action-dialog__attention-icon action-dialog__icon" name="tc-attention"></tet-icon>
            <div class="action-dialog__title">
              components-b2b-item-remove-confirmation-title
            </div>

package/dist/collection/components/views/tet-b2b-configurator/tet-b2b-configurator.js

@@ -240,7 +240,7 @@ export class TetB2bConfigurator {
     };
     /** Renders confirmation dialog, shown on product removal action */
     renderConfirmationDialog = () => {
-        return (h("tet-dialog", { ref: (el) => (this.confirmationDialogEl = el), class: this.theme, closeOnOverlayClick: false, onCloseDialog: this.onConfirmationClose, theme: this.theme }, h("div", { class: "action-dialog" }, h("tet-icon", { class: "action-dialog__icon action-dialog__attention-icon", name: "attention" }), h("div", { class: "action-dialog__title" }, t('components-b2b-item-remove-confirmation-title'))), h("div", { slot: "footer", class: "action-dialog__footer" }, h("tet-button", { class: "action-dialog__button", type: "secondary", theme: this.theme, size: "large", onClick: () => this.confirmationDialogEl.close() }, t('components-b2b-item-remove-confirmation-decline')), h("tet-button", { class: "action-dialog__button", type: "primary", theme: this.theme, size: "large", iconName: "tc-trash", iconPosition: "left", onClick: () => {
+        return (h("tet-dialog", { ref: (el) => (this.confirmationDialogEl = el), class: this.theme, closeOnOverlayClick: false, onCloseDialog: this.onConfirmationClose, theme: this.theme }, h("div", { class: "action-dialog" }, h("tet-icon", { class: "action-dialog__icon action-dialog__attention-icon", name: "tc-attention" }), h("div", { class: "action-dialog__title" }, t('components-b2b-item-remove-confirmation-title'))), h("div", { slot: "footer", class: "action-dialog__footer" }, h("tet-button", { class: "action-dialog__button", type: "secondary", theme: this.theme, size: "large", onClick: () => this.confirmationDialogEl.close() }, t('components-b2b-item-remove-confirmation-decline')), h("tet-button", { class: "action-dialog__button", type: "primary", theme: this.theme, size: "large", iconName: "tc-trash", iconPosition: "left", onClick: () => {
                 removeFromCart(this.itemToRemove);
                 this.confirmationDialogEl.close();
             } }, t('components-b2b-item-remove-confirmation-accept')))));
@@ -459,7 +459,7 @@ export class TetB2bConfigurator {
         return (h("tet-b2b-check-out-form", { ref: (el) => (this.checkoutFormEl = el), theme: this.theme, "onSubmit-check-out-form": this.submit }, h("div", { slot: "cart" }, this.renderCart('checkout'))));
     };
     render() {
-        return (h(Host, { key: '56657da2252a65ded133d94a900f65ac09d833ec' }, h("div", { key: 'fd9ac1fd32e09a4639ddeb12b78f85c52f8239d8', class: { configurator: true, [`${this.theme}`]: true } }, this.isLoading ? this.renderPlaceholder() : b2bState.data && [this.renderOffer(), this.renderCart()]), this.renderCheckoutForm(), this.renderConfirmationDialog(), this.renderSubmissionStateDialog()));
+        return (h(Host, { key: 'ddcfcf295cc965d6391e79541629258f002a7876' }, h("div", { key: 'd9df9e5a0ec1ecbd32b84c7b5c82a5a8698d1a1d', class: { configurator: true, [`${this.theme}`]: true } }, this.isLoading ? this.renderPlaceholder() : b2bState.data && [this.renderOffer(), this.renderCart()]), this.renderCheckoutForm(), this.renderConfirmationDialog(), this.renderSubmissionStateDialog()));
     }
     static get is() { return "tet-b2b-configurator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-b2b-service-calculator/tet-b2b-service-calculator.js

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         this.withInPersonServiceSupport = detail.checked;
     };
     render() {
-        return (h("section", { key: '3c15349286befa930603bed29af4b5a8895fec3c', class: "container" }, h("div", { key: '67a8e1327fefc443c041c1845be5638480da9974', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '8afcfe2144d036b9d9d2e1195926f63bc21a5eb7', class: "calculator-block" }, h("p", { key: '5ae0cc4c968011bac5cb61804fbca8270f2da749', class: "slider-title" }, t('components-b2b-calculator-computer-count')), 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 }), h("div", { key: 'a0e37d9c9db552bdeb73cb20ba31d0252ec6825e', class: "control-container" }, h("div", { key: '58f470e2e6497de019ac3edc83ef083947ac17a9', class: "control" }, h("tet-checkbox", { key: 'cfb9bc04a13e0478472e06e5407c9bb813d073b5', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '8620ec4daeace0011d6ebc21e815acb865984e2c', class: "control" }, h("tet-switch", { key: '8108d4279c4e856a7c75c8fbac033ac477b0b507', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '786c447e65a18df119bc3b22283cae3ec40b183d', class: "monthly-payment-block" }, h("p", { key: 'b01d77742cec00ce1378ee3a61fab1e2a2d289c6', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '645ef2082122fb2fe6829e2e9fbec5f67831bee6' }, h("span", { key: 'd72cfa8b54b22ee2f9c1c584239dedfe27abba33', class: "price" }, this.totalPrice), h("span", { key: '8f6ed56a296363f61db05ac0dfcf493fa27e651c', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: 'c6cddf21b1824af1f61684fdab3a1a6d89070c78', class: "container" }, h("div", { key: '11e01571122d9c63838c3639b13faa588e7b9c85', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'e61d8e624405718ddca99c418cc5262877d5c01c', class: "calculator-block" }, h("p", { key: 'df6514c66c1512e207faba06dcf0a3c615d26aad', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'a79af96385dcacb6fa9c87a879da3bf06af35b80', 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 }), h("div", { key: '7fb00b8ce61c6806013ea68cee1b178bd89306fe', class: "control-container" }, h("div", { key: 'f84b8f78431ea5f7acae552275af163130fe48ee', class: "control" }, h("tet-checkbox", { key: 'aed7437fe8d43febb3efaeb065320aa5c163466e', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'a5cb9f889a402a30eb92c22cea6efd93b73527fd', class: "control" }, h("tet-switch", { key: '281adf502ac7fa293a0a568659b049b5d40a6855', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '73ab0deb68bbc8c36f4c46dcf446c4245e91aa44', class: "monthly-payment-block" }, h("p", { key: 'cf9c6cccdcfeb9f11038feef5781d486a97c0bf3', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'bc2261aa35d3439194ce077f7227a8cf0d41dd7a' }, h("span", { key: '81f689ce5a643dd6b46245ad697d3d52f73c31cc', class: "price" }, this.totalPrice), h("span", { key: '4f69da0e30bf982f6f02527789f79c164e3bac73', class: "currency" }, t('components-euro-per-month')))))));
     }
     static get is() { return "tet-b2b-service-calculator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-business-lines/tet-business-lines.js

@@ -42,10 +42,10 @@ export class TetBusinessLines {
         window.open(this.translate(url));
     };
     renderBusinessLineItem = (businessLine) => {
-        return (h("div", { class: "business-line-item", onClick: () => this.handleBusinessLineSelection(businessLine) }, h("div", { class: "name-container" }, h("tet-icon", { name: businessLine.iconName }), this.translate(businessLine.name)), h("tet-icon", { class: "chevron-icon", name: "chevron-right" })));
+        return (h("div", { class: "business-line-item", onClick: () => this.handleBusinessLineSelection(businessLine) }, h("div", { class: "name-container" }, h("tet-icon", { name: businessLine.iconName }), this.translate(businessLine.name)), h("tet-icon", { class: "chevron-icon", name: "tc-chevron-right" })));
     };
     render() {
-        return (h("div", { key: '5c02bb77fc02367c6ea6bacf8160e3abd87ccc78', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '5af16b0bb8af145afe8fe48d92434024924e0f66', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '9be515946da62126afa0762e26b15d3279a7bafc', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '1a7100bffdaea79033a85b6469eb73a72cbceb62', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-cloud-configurator/tet-cloud-configurator.js

@@ -415,7 +415,7 @@ export class TetCloudConfigurator {
             return this.renderPlaceholder();
         }
         processTranslations('cloud-configurator', this.language);
-        return (h(Host, null, h("div", { class: { 'cloud-configurator': true, [this.theme]: !!this.theme } }, h("div", { class: { header: true, [this.theme]: !!this.theme }, part: "header", ref: (el) => (this.headerRef = el) }, h("div", { class: "inner-wrapper" }, h("tet-tab-header", { class: "header__segment-switch", segmented: true, position: "center", defaultTab: "small", theme: this.theme, onTabSelected: this.onTabSelected }, h("button", { "data-name": CloudTabName.SMALL }, h("p", null, t('components-cloud-configurator-type-small'))), h("button", { "data-name": CloudTabName.AVERAGE }, h("p", null, t('components-cloud-configurator-type-average'))), h("button", { "data-name": CloudTabName.LARGE }, h("p", null, t('components-cloud-configurator-type-large'))), h("button", { "data-name": CloudTabName.INDIVIDUAL }, h("p", null, t('components-cloud-configurator-type-custom')))))), h("div", { class: "content", part: "content" }, this.renderTitle(), h("div", { class: "form", part: "form" }, h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, t('components-cloud-configurator-group-vcpu')), this.renderNumberInput('v_cpu_standard'), this.renderNumberInput('v_cpu_performance')), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, t('components-cloud-configurator-group-vram')), this.renderNumberInput('v_ram'), h("div", { class: "form__input" })), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, t('components-cloud-configurator-group-storage')), this.renderNumberInput('storage_bronze'), this.renderNumberInput('storage_silver'), this.renderNumberInput('storage_gold'), this.renderNumberInput('storage_platinum')), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, t('components-cloud-configurator-group-extra-storage')), this.renderNumberInput('storage_backup'), this.renderNumberInput('storage_object')), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, t('components-cloud-configurator-group-license')), this.renderNumberInput('license_windows'), this.renderNumberInput('license_veeam')), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, t('components-cloud-configurator-group-ms-license')), h("div", { class: { 'expandable-list': true, 'expanded': this.isListExpanded } }, this.renderExpandableItem('sql_server_standard_core'), this.renderExpandableItem('win_rds'), this.renderExpandableItem('win_server_standard_core'), this.renderExpandableItem('win_server_dc_core'), this.renderExpandableItem('sql_server_standard'), this.renderExpandableItem('office_standard'), this.renderExpandableItem('office_professional_plus'), this.renderExpandableItem('cis_suite_standard_core'), this.renderExpandableItem('project_standard'), this.renderExpandableItem('sharepoint_server'), h("div", { class: "expandable-list__toggle-row" }, this.isListExpanded && (h(Fragment, null, h("button", { class: "expandable-list__toggle", onClick: this.onExpandableListToggle, tabIndex: 0 }, t('components-cloud-configurator-ms-license-collapse'), ' ', h("tet-icon", { name: "chevron-up", theme: this.theme })), h("div", { innerHTML: t('components-cloud-configurator-ms-license-full-list') }))), !this.isListExpanded && (h("button", { class: "expandable-list__toggle", onClick: this.onExpandableListToggle, tabIndex: 0 }, t('components-cloud-configurator-ms-license-expand'), ' ', h("tet-icon", { name: "chevron-down", theme: this.theme })))))), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, t('components-cloud-configurator-group-bandwidth')), this.renderNumberInput('bandwidth_ip'), this.renderNumberInput('bandwidth_router'), this.renderNumberInput('bandwidth_capacity', {
+        return (h(Host, null, h("div", { class: { 'cloud-configurator': true, [this.theme]: !!this.theme } }, h("div", { class: { header: true, [this.theme]: !!this.theme }, part: "header", ref: (el) => (this.headerRef = el) }, h("div", { class: "inner-wrapper" }, h("tet-tab-header", { class: "header__segment-switch", segmented: true, position: "center", defaultTab: "small", theme: this.theme, onTabSelected: this.onTabSelected }, h("button", { "data-name": CloudTabName.SMALL }, h("p", null, t('components-cloud-configurator-type-small'))), h("button", { "data-name": CloudTabName.AVERAGE }, h("p", null, t('components-cloud-configurator-type-average'))), h("button", { "data-name": CloudTabName.LARGE }, h("p", null, t('components-cloud-configurator-type-large'))), h("button", { "data-name": CloudTabName.INDIVIDUAL }, h("p", null, t('components-cloud-configurator-type-custom')))))), h("div", { class: "content", part: "content" }, this.renderTitle(), h("div", { class: "form", part: "form" }, h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, t('components-cloud-configurator-group-vcpu')), this.renderNumberInput('v_cpu_standard'), this.renderNumberInput('v_cpu_performance')), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, t('components-cloud-configurator-group-vram')), this.renderNumberInput('v_ram'), h("div", { class: "form__input" })), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, t('components-cloud-configurator-group-storage')), this.renderNumberInput('storage_bronze'), this.renderNumberInput('storage_silver'), this.renderNumberInput('storage_gold'), this.renderNumberInput('storage_platinum')), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, t('components-cloud-configurator-group-extra-storage')), this.renderNumberInput('storage_backup'), this.renderNumberInput('storage_object')), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, t('components-cloud-configurator-group-license')), this.renderNumberInput('license_windows'), this.renderNumberInput('license_veeam')), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, t('components-cloud-configurator-group-ms-license')), h("div", { class: { 'expandable-list': true, 'expanded': this.isListExpanded } }, this.renderExpandableItem('sql_server_standard_core'), this.renderExpandableItem('win_rds'), this.renderExpandableItem('win_server_standard_core'), this.renderExpandableItem('win_server_dc_core'), this.renderExpandableItem('sql_server_standard'), this.renderExpandableItem('office_standard'), this.renderExpandableItem('office_professional_plus'), this.renderExpandableItem('cis_suite_standard_core'), this.renderExpandableItem('project_standard'), this.renderExpandableItem('sharepoint_server'), h("div", { class: "expandable-list__toggle-row" }, this.isListExpanded && (h(Fragment, null, h("button", { class: "expandable-list__toggle", onClick: this.onExpandableListToggle, tabIndex: 0 }, t('components-cloud-configurator-ms-license-collapse'), ' ', h("tet-icon", { name: "tc-chevron-up", theme: this.theme })), h("div", { innerHTML: t('components-cloud-configurator-ms-license-full-list') }))), !this.isListExpanded && (h("button", { class: "expandable-list__toggle", onClick: this.onExpandableListToggle, tabIndex: 0 }, t('components-cloud-configurator-ms-license-expand'), ' ', h("tet-icon", { name: "tc-chevron-down", theme: this.theme })))))), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, t('components-cloud-configurator-group-bandwidth')), this.renderNumberInput('bandwidth_ip'), this.renderNumberInput('bandwidth_router'), this.renderNumberInput('bandwidth_capacity', {
             disabled: true,
             hidden: Boolean(this.formValues['ddos_protection_enabled']?.value)
         }), this.renderNumberInput('ddos_protection_bandwidth', {