@tet/tet-components 1.3.90-testing → 1.3.91-staging

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

@@ -230,12 +230,12 @@ export class TetExpandableInput {
         return '';
     }
     render() {
-        return (h(Host, { key: '606e74b43f6f0784da854bcc916753463607717a', class: { small: this.size === 'small' } }, h("div", { key: 'f99fb88a8be40b50ddaafb71c2a34f9b88a0f2c8', class: {
+        return (h(Host, { key: '6cd2cab58f78b7e4ed9f40b39dfdf36d714baa50', class: { small: this.size === 'small' } }, h("div", { key: '647a7c5652618d30289ff778387dca88cae01071', class: {
                 container: true,
                 expanded: this.expanded,
                 [this.mode]: true,
                 dark: this.darkMode
-            }, tabIndex: -1 }, h("div", { key: '12c8c996e1acc053e138ea56107b90351b106906', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: '2d91f266517a28ad064b901a9431697f91fa2760', class: "tet-input expandable", label: this.label, "input-class": this.class, "input-placeholder": this.renderInputContent ? this.placeholder : '', "accessibility-label": this.accessibilityLabel, "input-type": this.type, "input-value": this.value, "input-disabled": this.disabled, error: this.error, "icon-left": this.iconLeft, "icon-right": this.renderInputContent ? this.iconRight : '', iconRightClickCallback: this.iconRightClickCallback, theme: this.theme, ref: (inputElement) => (this.inputHtmlElement = inputElement) }), this.closeButton))));
+            }, tabIndex: -1 }, h("div", { key: '847fab4cd5a24f904488338854ce365a2ce7ebdc', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: 'ce27e47efb55acaeed1e52b2a40b68a129f48c1a', class: "tet-input expandable", label: this.label, "input-class": this.class, "input-placeholder": this.renderInputContent ? this.placeholder : '', "accessibility-label": this.accessibilityLabel, "input-type": this.type, "input-value": this.value, "input-disabled": this.disabled, error: this.error, "icon-left": this.iconLeft, "icon-right": this.renderInputContent ? this.iconRight : '', iconRightClickCallback: this.iconRightClickCallback, theme: this.theme, ref: (inputElement) => (this.inputHtmlElement = inputElement) }), this.closeButton))));
     }
     static get is() { return "tet-expandable-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -257,8 +257,8 @@ export class TetInput {
      */
     render() {
         const { label, helperText, value, disabled, error, completed, isOpen, suffix } = this;
-        return (h("div", { key: '35d17591025fc3de61ab1bd04dde04b30c57e268', class: { 'number-input': true, [this.theme]: !!this.theme,
-                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: 'e519ecd56a8b5db29cc3f99dc40fee28abff8b3a', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '6d3010388dc4f446f0fa12a0c8339a2fa1a2de89', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", Object.assign({ key: '42aeb990d34cf7772c98b13e01e3a5f1431ce7d9', 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: '5e12388b16807666e6f51032ffb86c4bcb0b9f27', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: '8427ffd3a819313d7ce8bbc995424d2d1f7aa169', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '227da85994f2375199a62e48d455d9bf7f46933a', 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: '8f7b26995c546ad5f68beeccc9e60d9f95fc133c', name: "chevron-down" }), isOpen && h("tet-icon", { key: 'f34922d1b529ca150ec9f728e5d503852abd5696', name: "chevron-up" }))), isOpen && (h("div", { key: '13d8ecd0f936ba1cae2297c356e0755e4ee37080', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '8ba38c21cb65983caeb4e783c3333d42fbb8f03e', class: "number-input__helper-text" }, helperText)));
+        return (h("div", { key: '38083e1dd519ff70e2187e4014934de621af7c79', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: 'b822955d91311d81e36332cf3c735e9b092f2b4a', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: 'caba01b6d74c72570d809b0adb889f0e7e9c370e', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", Object.assign({ key: 'e6b46b67637a9fe30c445e3701086f30e17c4957', 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: '6850930f70f1a8a0c08b1c59e804f1df99d0b405', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: '9cf2bd81c162c35528dee9407d3b5ba7c72890e4', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '8faa8f13ef61786dae74c78322b42ad590c4b791', 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: '70d35808928faa2f767cd780e405da3e5eda34b1', name: "chevron-down" }), isOpen && h("tet-icon", { key: 'c42ecd4737febb9fae42ddb4efb6d2d974c689bc', name: "chevron-up" }))), isOpen && (h("div", { key: 'f8ee78a8f6529696d429843aa2634d105ee72c7d', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: 'd86f1a21011e2c5cc4365e4758028697016e1f2b', 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

@@ -747,31 +747,31 @@ export class TetRangeSlider {
         this.updateProgress();
     }
     render() {
-        return (h(Host, { key: 'fb9bab8d2cef2403bb42584daaeae7e2a68ddfe1' }, h("div", { key: 'f4e82592bc032aa9744307569ea655091df088f9', class: {
+        return (h(Host, { key: '36ae74552d67aba4a8a90025fe7372a5fb2dd932' }, h("div", { key: '546a09a5b9e0756ad1e777e4a41d0bc235ba1552', 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: 'd5e4d2f8ac062c3126c74ffd78dc6dfb3e0c711c', class: {
+            } }, h("div", { key: '9d6d7af81d1f8267633468d569f7920429e27113', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", Object.assign({ key: 'bfec93da1eb159defea695f8738305a772f2665a', "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: '88b0ca7f186c4814a62912d4e43593d07de8cd71', class: "range-slider__container" }, h("tet-button", Object.assign({ key: 'f993247f8e326448244df13f1295d973202a51c6', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", Object.assign({ key: '5791040326f62239d7c59ecb7066cd5fb00d555a', "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: '78fca64e7c7bb6a824b391e2ae7a634215c01f4b', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '81334cb87d944f75e48a2f935ada5937e5df0fd4', 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: '005b7d3a8a0a12c55a6ade0c0d2077067accdb3d', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'fcd1777c83a0ae1703033dbc84f5177fab0edc34', 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: 'b76d1246958d50bc6aec787cef38e79639a64e40', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '8a255b6a36bda6f4f0ac62f693bfae172ae9bf37', 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: 'c16a0e75da9b2eacb96e8ba792b5a9a44113e9a1', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'f90666a19743272aa297d6c2b3ca9cbc50290065', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '9a7e7c9e7bc1a3a597bdbb0966d1c7409879bf4a', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'f0611e474923ca4197230932aa2970c375a514b4', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: '19b9638256b695c52392df6f34aeddd23f15ca8c', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'f2cb6e63ee96ddfb771ebb76870d8fd994afcea7', 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: 'd8e326c9fc4c2639266b83609e7bf9470cbe4698', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '81a99ef9b8a057ea8c7e60471963e3b377c3d825', 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: 'c08e9149ca0bff5c1d926c2241775eb1492c5755', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'd5c268d469560a0d477ade5527f978f666f88f16', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'ccda929eb226466a76a3275c956ba9a7b93a649b', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '5092ff124883f36c8963035b6a06579526c4f338', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: 'f1fa8f7432dbefb7fa4c31f1de799d51140bab51', class: {
+            } })), h("div", { key: '43bdd0a74ce24a0a3a45d1c68c43f479557e1732', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: 'c6ad44f4ab21af59a29634e6fc6435e6fd6061f1', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '705b2957e9aeea6fad93cc8baf76f428a9603d0d', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'c888809f5b7297d1796371ef325dea1b53e80323', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '2ba94f64cdbb68e62da3fd6c4b1ff054011554af', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'b7e7d85689babeab7752b0ff75c4281076d52367', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '8568c423b6da013baf6b7a03bae1ee7099625470', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '8d1b56885d8e62413204eba47f8fa85dbbc0f651', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '60db2ed8ec9c197b6ed63ca09b2310ee9fd37c8e', 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: 'e3679a0eb148f03552cd325af2adecac44a1a619', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: 'ff77a241db4b724ca9eca8827e1d2bf4886e6c3f', name: "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

@@ -121,7 +121,7 @@ export class TetStepperInput {
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: 'b5b6b0c0b43abd53d0c8be3fc0e93f63dbbddd1e', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '343b669b4f429ab023cfb945ff2bad87f47ee462', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: 'a4a46b692c97f95eb2b1c335fee99b9b1e0b2461', name: "remove", onClick: onMinusClick })), h("input", Object.assign({ key: '5f75a16606e713a28ff34d10ba294969f56ddd04', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: '8708aee887aa6a9be82ca17a87812ffb1bbfa91b', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '998787d5669045fbd722dbdfc6b6872fb44ea0b2', name: "add", onClick: onPlusClick }))));
+        return (h("div", { key: 'c2ae3d5889c20ea021a3c7a2c952a0b623032f90', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '675815e5387ae39b72f0ecc41c9454c9069ab0f2', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: 'ed6229feb4a58680d991ebd59bd9cdbd712eb981', name: "remove", onClick: onMinusClick })), h("input", Object.assign({ key: '48df0484f36b427c20afa87aaf8f6aec2fcdfd6c', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: 'ecc27f004b908035f70092fa2155f7c1fcd05c06', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: 'c09b9c4d46034a489f154209dbaf4bd517eeec45', name: "add", onClick: onPlusClick }))));
     }
     static get is() { return "tet-stepper-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,8 +50,8 @@ export class TetTextarea {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: '828e2110bf67a0b0b5062fc5db90ac3a73afed6c' }, h("label", { key: '2cd5ed9c2f70d5d05f8e3747a32816d6aaf4f782', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: 'f137686fd985dc532445b196a4cd2a4731aeb0a7', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '9ca27b54647cda8ba5e0b86888b394ec393558ea', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '5031b10d4cfc81d90dc4368edf2370170c3c33fb', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off" }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: '214f719d52f3765019ba778f402f2437bbf0144f' }, h("label", { key: '8129b1498a2088119e3f0bb96cffb1fb3ca2676f', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '0b312501357bd6510e88e2a8f6ad6a6dbf638fa7', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'd4e22a746d02d86d2d8065ebc1c7f0413b8bb6dd', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: 'c03aecfaf714e4096f571ac24d295f39ba15a9c6', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off" }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
     }
     static get is() { return "tet-textarea"; }
     static get encapsulation() { return "shadow"; }

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

@@ -65,7 +65,7 @@ export class TetNewsCardList {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: '1d37d9b81413e4f1dee6a21aa1d22df27bfe1b26' }, h("tet-card-list", Object.assign({ key: '02e094daa77ee72f5ff4bc9a1dae08df7ba65d25', 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: '1241f2f1f770108e59323c6f6efdea4d17a31ead' }, h("tet-card-list", Object.assign({ key: '57c1e795cef1959d19c70b027389cf6a4465e80b', 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/lists/tet-selection-list/tet-selection-list.js

@@ -95,7 +95,7 @@ export class TetSelectionList {
         return this.selectedItems;
     }
     render() {
-        return (h("ul", { key: '41e58b8fd13f0ac75ac0a61d4d119ad62985b0fe', class: "list", part: "selection-list" }, this.items.map(this.renderListItem)));
+        return (h("ul", { key: '5d21c21153564b6bf82dce1244c6753c572ea0e4', class: "list", part: "selection-list" }, this.items.map(this.renderListItem)));
     }
     static get is() { return "tet-selection-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -193,7 +193,7 @@ export class TetMenu {
     }
     render() {
         const { type } = this;
-        return (h(Host, { key: '217d9601c996fe5450a1f435dc485d9979dd3517' }, h("div", { key: '2ab1179046cfc152076327a5b15e040f074f88d9', class: {
+        return (h(Host, { key: '48521249928ab3cae5129ba629222ee6909936ed' }, h("div", { key: '9ea58b68a40a8addabb7f6e3796ccef992eb6a3c', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

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

@@ -107,7 +107,7 @@ export class TetMenuMobile {
         return (h("tet-icon", { class: "menu__chevron", name: this.subMenuState.includes(key) ? "chevron-up" : "chevron-down", theme: this.darkMode ? "dark" : "light" }));
     }
     render() {
-        return (h(Host, { key: '9bfff35a1486bdc6b6b687e046582de2f252e9a6' }, h("div", { key: '8a76d22f428b5d54e8c12fac710ba4a41e73be9e', class: {
+        return (h(Host, { key: '3434b0f99db3191d79e56a2ea799163a84f897bb' }, h("div", { key: 'd22a247825738e77a7749f112eb95a2bd0207280', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

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

@@ -54,13 +54,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: 'c30d284a25aa241cb46736d18cc0ddb108fe1e3b' }, h("navigation", { key: '0c7b65dfc006a80a38d73605e74f36120233a952', class: {
+        return (h(Host, { key: 'de787f5b94cf9779c2076c7af2917f112e261949' }, h("navigation", { key: '76f7b3d1de35dd4c0de78aab084b8540ef3ccea1', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'fb67018979e2403f7a06fd053f80a3784f998299', class: "navigation__nav-bar" }, h("slot", { key: '22aaec174a344c293b7bb877e243f7018918e9c2' })), this.isTogglerVisible && (h("span", { key: 'acede024a1b1659f20a6449ca3d0b2d09cf2ee2f', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '6512a143783a5b56ab1ef224713d54d66440f619', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '1bfdc22ed8472acae4c6bca483313052f7e256f8', class: {
+            } }, h("div", { key: 'e45043c230e8a7dc6cf20d71ae2a4de1d6a3abbb', class: "navigation__nav-bar" }, h("slot", { key: '8f6b5a536352c94fbadeded5430dbb789605fdef' })), this.isTogglerVisible && (h("span", { key: '99c9231fb147f2a2a2fd5dc428692abc4704a1cf', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'd9951e9f9acb3ee87dae3784b1450ba337cb9573', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '7686a68b060ccc1a47e7a7b2f9d8bd3dcafd69ed', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '99a6e4d2d613a9603277a47fc1d89141786b623b', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '6b1afdb6524d3f9744b9edb76c80de1cf53c63e7', 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

@@ -107,22 +107,22 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: '4a393351e755bcdccd5abfcea281d7a3709e37f2' }, h("div", { key: 'dfef5574818b150bab68b0ad371d95c87ae7f9c5', class: {
+        return (h(Host, { key: '187b273b9a268b7726eb716aa998e716d39e4d7e' }, h("div", { key: 'e388a9c655f2dcd606c57e61787cc01efdb22c40', 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: 'b1c080b3bb6664b9e37e9a018c52c2787f892369', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, this.headerImageSrc && this.headerImageSrc !== '' &&
-            h("img", { key: '6d9859923ca1cb89b8b483a532590d556156a593', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" }), this.renderHeading(), h("tet-icon", { key: '7697efee24648c78024299e22687fe49218901cd', name: "chevron-down", class: {
+            } }, h("div", { key: 'b5e7949801ddbfe1a137ed8fcdfce43ab0d11845', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, this.headerImageSrc && this.headerImageSrc !== '' &&
+            h("img", { key: '109e849a7ba6963185c356ac31a3df0ed6d602fa', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" }), this.renderHeading(), h("tet-icon", { key: '1b5ad6ec49b3591c07865b129bdb261277be9885', name: "chevron-down", class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })), h("div", { key: '1744e6aaba6e335a3a5bbe7d33ccc3ef8ca96d5b', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })), h("div", { key: 'dd569dd3b5f0fddd206b3d2ed014b9bfa3b46fe2', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '9fd1d305797d9d4e2360b7f38a1c23054d34fb7a', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: 'e17efcd79dade630f09a71e0765f507cd5a89e06', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '90a88998ef1a6aa984958350e04294a6b951baf0' }))))));
+            } }, h("slot", { key: '1bcd485849ced80d9a991054d0bd26b0b11805bf' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class TetExpansionPanel {
         return this.state;
     }
     render() {
-        return (h("div", { key: '7892c2be229bf32f0e40be7a558d3eebb694eb12', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '560b1fa9e9c2ee4b649b13aea657b6878df327f3', class: "tet-expansion-panel-content" }, h("slot", { key: '0853440a4b3b7498a0ac5239d8b357de080450f2' }))));
+        return (h("div", { key: 'a4ec6eaa571ab990886c48d684e7cbf7d290cd3a', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '8898cd941e686efa1ebcf60f4557dfd5650c4e3a', class: "tet-expansion-panel-content" }, h("slot", { key: '83093cab72a8c980c159f416c7d10cd9cc110fa4' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -301,14 +301,14 @@ export class TetBarGraph {
         return lineElements;
     }
     render() {
-        return (h(Host, { key: '8e6fc0438ae5b803542da5b2a3139640393d600e' }, h("div", { key: '349836027dd908ee2b62fc1ec03bb49d73d93454', class: {
+        return (h(Host, { key: 'da982094efe64ee9b87ed91783b4770f2304e646' }, h("div", { key: '35ea1071a9656937b596109b70ffd003e587a484', class: {
                 'bar-graph': true,
                 [`bar-graph--${this.componentSize}`]: true,
                 [this.theme]: true,
-            } }, h("div", { key: '204f6ea2f3dc5b0f1a47a57e29f06224326c00c7', class: "bar-graph__container" }, h("div", { key: '38f4e9ccdfe327c98c3f3c4a790cfd1863cd1e67', class: {
+            } }, h("div", { key: '6cae53196c5122d947ca090540968bd47d53a846', class: "bar-graph__container" }, h("div", { key: 'ce05a15715ba16d528095c1ca935e3f799d5435c', 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))), h("div", { key: 'a7e59035d8d0beb3301bf5ad6192b1d333c11be0', class: "bar-graph__graph-container" }, h("div", { key: '3534c8ddf7b54817e020daf95ec677e690c81bf9', class: { 'bar-graph__data-grid': true, 'hidden': !this.withGrid } }, this.renderGridLines()), h("div", { key: '7c0e61e19350656a1195590af0bb58a69c406ca6', 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))), h("div", { key: '674a9db3e2643473f4b7eff64e5db0b6b25dc44b', class: "bar-graph__graph-container" }, h("div", { key: '23802b54c6bafbf3b1ff42387f787835fb248c63', class: { 'bar-graph__data-grid': true, 'hidden': !this.withGrid } }, this.renderGridLines()), h("div", { key: '267e3d40279e8b036a6f44109aa612fb93a77ec5', class: "bar-graph__item-container", ref: element => (this.barContainerRef = element) }, this.displayData.map(displayItem => this.renderBar(displayItem))))))));
     }
     static get is() { return "tet-bar-graph"; }
     static get encapsulation() { return "shadow"; }

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

@@ -328,7 +328,7 @@ export class TetTable {
         return { 'table__cell--inner': inner };
     }
     render() {
-        return (h(Host, { key: '3c7c6cc46fd27410b3f30e5d53177b66ad6fd46e' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
+        return (h(Host, { key: '10d62522f3ba7a27a59bf9e6115c6ea5f57b1491' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
     }
     static get is() { return "tet-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/simple/text-blocks/tet-cloud-application-form-dialog/tet-cloud-application-form-dialog.js

@@ -175,10 +175,10 @@ export class TetApplicationFormDialog {
         return (h("div", { class: "tet-cloud-application-form-dialog__footer", slot: "footer" }, h("tet-button", { theme: "light", type: "ghost", size: "medium", clickCallback: () => this.close() }, t('components-cloud-application-form-close-button-text')), h("tet-button", { theme: "light", type: "primary", size: "medium", disabled: this.loading, clickCallback: () => this.submit() }, t('components-cloud-application-form-submit-button-text'))));
     }
     render() {
-        return (h(Host, { key: 'e3534a496880e1732422231b71811a3c294845d3' }, h("tet-dialog", { key: 'cbd8aee32252cae152a41c042dd6d5fc0351bcb9', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
+        return (h(Host, { key: '5ffe9bf70511102ed1caf89553082935a916ae3b' }, h("tet-dialog", { key: '9be9efcb91daa347c726d3c7701b705725f8dc52', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
                 'tet-cloud-application-form-dialog': true,
                 'tet-cloud-application-form-dialog--loading': this.loading
-            }, headerTitle: t('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay }, h("p", { key: 'd5643ad73111fccf75270f79065963edbbceb7fc', class: "tet-cloud-application-form-dialog__subtitle" }, t('components-cloud-application-form-subtitle')), this.renderFormContent(), this.renderFooter(), this.renderOverlay())));
+            }, headerTitle: t('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay }, h("p", { key: '7d4c6ae60b9768947a74d4f3179337ec613c4854', class: "tet-cloud-application-form-dialog__subtitle" }, t('components-cloud-application-form-subtitle')), this.renderFormContent(), this.renderFooter(), this.renderOverlay())));
     }
     static get is() { return "tet-cloud-application-form-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -117,7 +117,7 @@ export class TetDialog {
     }
     render() {
         const { isOpen, theme, footerDisplay, handleClickOverlay } = this;
-        return (h(Host, { key: '2f61e8efbabf75cbc7659b151a7fca4d89244866' }, h("dialog", { key: 'bca0fa71ba0e6aacf5ecdd3f56ff0696248c174c', ref: (el) => (this.dialogContainer = el) }, h("div", { key: '2448fc7c9ee9eb82d3a59832216a184433caab29', part: "overlay", class: { 'dialog__overlay': true, 'dialog__overlay--visible': isOpen }, onClick: handleClickOverlay }, h("div", { key: 'b77b29f5b9c55451d3285772584ecd0051ff00f8', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: '110028b7163144dfa01b33f9c0a66a9e0a42bf6f', part: "body", class: "dialog__body" }, h("slot", { key: '5f6604ec1ef3de90f137ff4435bbbc380ae5944a' })), h("div", { key: 'f1db76ec5bd8f9dd97259501f7008fe61e46918d', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '3f397bde2b48c6823d3d0a7ff6df58dbcee6c3cb', name: "footer" })))))));
+        return (h(Host, { key: 'c86d9fb6b40169952c74ba86183ac3b305c95a46' }, h("dialog", { key: '6f58cb89c2d97ed7c4712683a5afab118f19a0f8', ref: (el) => (this.dialogContainer = el) }, h("div", { key: 'd0f90b96861640b0e073007364f72fdc6b96b22d', part: "overlay", class: { 'dialog__overlay': true, 'dialog__overlay--visible': isOpen }, onClick: handleClickOverlay }, h("div", { key: 'a61f9d7e21c05279346bc21671960db44ea4fe84', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: 'fdfa607d85ee252573bb901a22d1a7440a9e8638', part: "body", class: "dialog__body" }, h("slot", { key: '23553797fdcba40e240798e0f3633a943070537e' })), h("div", { key: '4efe39bc76c80cf593cde6c9c8fd9562b082fb5a', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: 'af85da0d3a3b4f7f54a4b0144af5114a2ec457a4', name: "footer" })))))));
     }
     static get is() { return "tet-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,11 +14,11 @@ export class TetInlineMessage {
         this.theme = 'light';
     }
     render() {
-        return (h("div", { key: '5c4d5d3f1ab511755ecd6e6c9364842297ae3073', class: {
+        return (h("div", { key: 'd2e80791ec79cf018571b1974d7bc4ad8f66e79a', class: {
                 "container": true,
                 [this.theme]: true,
                 [this.variant]: true
-            } }, h("tet-icon", { key: '05f7c6f648899e5539391e599934e50d36f0bc14', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '07fd58f7957a92baea711480348c91779530ded3', class: "content" }, h("slot", { key: '1d91bbd07d5298bca6d3ae565cbbdaf5f3fda863', name: "title" }), "\u00A0", h("slot", { key: '522a667846e920190870ec26934adad9d788c829', name: "description" }))));
+            } }, h("tet-icon", { key: '586a3ff1eb00b6063569878dfa5364138bec7291', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '5fe786ac968554f4bfc52b3af10adf227490cec7', class: "content" }, h("slot", { key: '10bbc861486593c38fe6637eef131751466f142e', name: "title" }), "\u00A0", h("slot", { key: 'be00fc245c5e65a506fecc68284a7f29aa958c46', 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

@@ -116,7 +116,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: '2104f59831aac692e9713b01162ff262c0a84a09' }, h("div", { key: '78aa75efea97477b5d7fdb8473e94ae3c5f963c1', class: { notification: true, [this.theme]: true } }, h("div", { key: 'cef18899214acee858ccecd046e41e3fc4e89748', class: { item: true, [this.type]: true } }, h("div", { key: 'f7829d9aa220e1b8be5fe12f0b195db1f09aac42', class: "header" }, this.renderTypeIcon(), h("div", { key: '8fddc8edad6897b452a3d159b40d7c0985fb8d35', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '91ab8b077686a89a4602110d919ffe477ca131f8', class: "content" }, h("span", { key: '99da43d16472ed8967ce1aba91b466c298303749', innerHTML: content }), h("div", { key: 'cbae17e6b3312dae60c7eaac810447fc660535e8' }, h("slot", { key: 'cf06cd14b267b91f83b132ff9e8156e0502e26ad', name: "button" })))))));
+        return (h(Host, { key: '47c2c935ae6388ebe04d63e930f652de9eaca578' }, h("div", { key: '16b6075e834407f31ce173907c71a6e2561a5d7d', class: { notification: true, [this.theme]: true } }, h("div", { key: '217a67bfd971276e51b1eb387e82636144dbe7c6', class: { item: true, [this.type]: true } }, h("div", { key: 'c90389c36eaadd9fbda202bda03e921e1c99361b', class: "header" }, this.renderTypeIcon(), h("div", { key: 'a037cc234c229aa65db08dcb25b72d582ee3d936', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '0235364bfd2ca4a12e279545970db7e2e315f2d8', class: "content" }, h("span", { key: 'e86c1c2008c175ce82f756a260e89d2cf847385f', innerHTML: content }), h("div", { key: 'a6fa45a8c6d21b05d0aff4423f09bb76a821feda' }, h("slot", { key: 'f385ad65af073f7cba11200b16a0cc49af9bdd76', 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

@@ -351,7 +351,7 @@ export class TetTooltip {
         return isTooltipOutOfBounds;
     }
     render() {
-        return h(Host, { key: '64bb2798d36fe1304826b31432f88fc3959d20e1', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '0091821191df91b2a367533f82bcbb2593024d9c', 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

@@ -129,7 +129,7 @@ export class TetAddressOffersView {
         return h(Fragment, null);
     }
     render() {
-        return (h(Host, { key: '1ff6a86713c15c8a30faae9c13c18ed091fe6bf6' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '0192f4dc23c167839c509fad4697276b9af21399' }, 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-service-calculator/tet-b2b-service-calculator.js

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("section", { key: 'd854137c5372c3d6bef48f0022063f6f3761ca83', class: "container" }, h("div", { key: '423f75c89c19472e550a1b562deddddd97e4d811', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'cec6f9b87f47f643e91aa50d98f2fec6765394f9', class: "calculator-block" }, h("p", { key: '64bbe301adde6dbc38628376288907b6f427b733', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'a6dee44f9a050b95948c0b2754840a0ff71e1c62', 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: '5596e3b9510aec1d882642358534155717e8153f', class: "control-container" }, h("div", { key: '7993d61ee00930fa4c35b8bd0fda40e77d9f2859', class: "control" }, h("tet-checkbox", { key: '426f3a25cf0e92deaa7020227a1144a9abaea8d6', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '54bb26336351277103e1721d220ed38d3a21f286', class: "control" }, h("tet-switch", { key: 'f882d8440d890496822331b974129f718e590750', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'f4d792c085b058f776701c13df7adb3a557ace7f', class: "monthly-payment-block" }, h("p", { key: '5ff876bd778a95e3869f4fae5fd7a389182e663f', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '9ef7d60223435b556d14bf8222c7e913fc4591a8' }, h("span", { key: 'cdbffeb99679ec94dbaad0520a68864069a1205a', class: "price" }, this.totalPrice), h("span", { key: '9238ddec509279803220f234db13a627afb14c7e', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: 'c4741403dd6645dbf0c4ad141495f2c964eb26f9', class: "container" }, h("div", { key: '30b848a871a96afcaf4e32a37d1aac6a45f6aa5f', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'c528f67365036e8dc82d6d0d8662e80d8a01976c', class: "calculator-block" }, h("p", { key: '7bc17b02a68045f6120af8dbdcdd9797e61a2f0b', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '7f7beb9109a0f27800b2244e4a7b83640c31388f', 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: '6491fd2631748594bc0909e9ad26102665901e84', class: "control-container" }, h("div", { key: '97e92eb0646d1fd3f67ed0f2aeb0ac63490c5911', class: "control" }, h("tet-checkbox", { key: '453293a29af29e2668b4a18e7b390c7d4174d82a', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '893a790dd0c43cf484cd5f7c07ca3cc81a67aa6e', class: "control" }, h("tet-switch", { key: '94f1b7d86efd7a5226f32d2e3f66f54a34f7051b', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'b0bcd70048af7e33835b7426c94858f8c1669d8e', class: "monthly-payment-block" }, h("p", { key: '09fa6ddf5fdaee277e8b999dd5cfdff16e0c2f58', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'e7aaa94089d28787782c7661cdffff4bbe46a3da' }, h("span", { key: 'c25196de4b855cf82bffa7d2b3ebc17437306396', class: "price" }, this.totalPrice), h("span", { key: 'd2340f01b32463038fdc21a414a129a00fdaa6cc', 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

@@ -46,7 +46,7 @@ export class TetBusinessLines {
     }
     render() {
         var _a;
-        return (h("div", { key: 'e1a4aefd64fd73f6baacc13668cb9fdbaff36ede', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '0aeb81276017cf94bcac165265870c56756e1be2', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '8fd925acdae0246779db08c4b2669fcc69f93a03', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '3f4e78ff1818b4d2286e7815ac6021cfd0158f2a', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-contact-info/tet-contact-info.js

@@ -13,7 +13,7 @@ export class TetContactInfo {
         return (h("div", { class: "contact-info-card-block" }, h("span", { class: "contact-info-card-block-label", innerHTML: contactInfo.label }), h("span", { class: "contact-info-card-block-value", innerHTML: contactInfo.value })));
     }
     render() {
-        return (h(Host, { key: 'c3f296a687b4ec875ecd4a561fb9071561e8bca3' }, h("div", { key: '42e201047cd755470a41158487ce3c0f25759242', class: "contact-info" }, h("div", { key: '9989813edffcc73bdb9faa56d3f559ab5e15296d', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
+        return (h(Host, { key: 'e048494e4e77e49477bab3becbff5fd3033b3a4f' }, h("div", { key: 'c29bdad93c4fc62cea75407e95d5fcc4c7afb4dd', class: "contact-info" }, h("div", { key: 'ffd6e2cfdced93cd8b9dde4f7ce256c27a6b4ec9', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
     }
     static get is() { return "tet-contact-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-macd-view/tet-macd-view.js

@@ -255,7 +255,7 @@ export class TetMacdView {
             this.renderMacdOrderTypesList();
         const content = this.showLoader ?
             this.renderLoader() : errorOrContent;
-        return (h(Host, { key: '4fe84c2282500070cc4a621f2d3787ba899d8892' }, h("div", { key: '12ba822f1784c790f1ebd1f1c3be05234b966f59', class: "wrapper" }, h(ThemeWrapper, { key: '1159435b1e8c67d3b40e2b221cad874536459904', theme: this.theme }, content, this.renderDialog()))));
+        return (h(Host, { key: '1b9812e7b794721dd1df6ad3422777f3d76190c8' }, h("div", { key: '73cf8a9c79aecae7ae03a37d219130944f944511', class: "wrapper" }, h(ThemeWrapper, { key: 'c2b14912d2777fe81f44b6a7742aa067f0c5cfd8', theme: this.theme }, content, this.renderDialog()))));
     }
     static get is() { return "tet-macd-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-price-view/tet-price-view.css

@@ -11,7 +11,7 @@
   font-family: Inter, sans-serif;
   width: 9.375rem;
   height: 9.375rem;
-  padding: 1.625rem 1rem;
+  padding: 1.625rem 0rem;
   border-radius: 1rem;
   container-type: inline-size;
 }
@@ -33,11 +33,11 @@
 }
 .price-view__body {
   margin: auto;
-  width: 100%;
+  width: fit-content;
   height: 100%;
   display: flex;
   flex-direction: column;
-  align-items: flex-start;
+  align-items: flex-center;
   justify-content: space-evenly;
 }
 .price-view__heading {
@@ -46,7 +46,7 @@
   font-size: 1.125rem;
   font-style: normal;
   font-weight: 600;
-  line-height: 1.25rem;
+  line-height: 1.75rem;
   letter-spacing: -0.012rem;
   margin-block: 0;
 }
@@ -54,13 +54,15 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
   gap: 0.25rem;
+  letter-spacing: -0.015rem;
 }
 .price-view__euro {
   font-style: normal;
   font-weight: 600;
   letter-spacing: -0.0175rem;
+  letter-spacing: -0.015rem;
 }
 .price-view__cents-container {
   display: flex;
@@ -68,12 +70,14 @@
   align-items: flex-start;
   justify-content: center;
   gap: 0;
+  letter-spacing: -0.015rem;
 }
 .price-view__cents {
   font-family: Gilroy, sans-serif;
   font-size: 1.75rem;
   font-style: normal;
   font-weight: 600;
+  letter-spacing: -0.015rem;
 }
 .price-view__footer {
   font-family: Inter, sans-serif;