@tet/tet-components 1.3.147-production → 1.3.148-production

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

@@ -369,7 +369,7 @@ const TetDropdown = class {
     }
     render() {
         const { theme, isOpen, isKeyboardFocus } = this;
-        return (index.h(index.Host, { key: 'eaa922943ab1a9249f7e0a412dce6a667bd34a12' }, index.h("div", { key: 'd4b34214d57fc1735af18c2713c22a9cdd874b1e', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
+        return (index.h(index.Host, { key: '5fab90fa3a081186b3bcd04fdbe59ce7799405a3' }, index.h("div", { key: 'f94cf1263202500eb601d1be08d6d99e1baf4548', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
     }
     static get watchers() { return {
         "options": ["onOptionsChange"]
@@ -729,7 +729,7 @@ const TetTooltip = class {
         return isTooltipOutOfBounds;
     }
     render() {
-        return index.h(index.Host, { key: '9eba348a363d166e53197a01506c863cdf1a4a20', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return index.h(index.Host, { key: '9038a4e6d207d625e43ad30b9dda7428092f5eb5', class: { visible: this.showTooltip } }, this.renderTooltip());
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tet-dynamic-card.cjs.entry.js

@@ -214,10 +214,10 @@ const TetDynamicCard = class {
         return (index.h("div", { class: "button", part: "button" }, index.h("tet-button", Object.assign({}, buttonProps, { ref: elm => { this.buttonRef = elm; } }), this.linkText)));
     }
     render() {
-        return (index.h(index.Host, { key: 'f77ca419c357e2684cf337e2559850fb21c455ea', class: {
+        return (index.h(index.Host, { key: '55febfc2bc18be736432a4208f1b79d34d9cfe02', class: {
                 'dynamic-card': true,
                 'is-focused': this.isFocused
-            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, index.h("div", { key: 'fd061d9fc168d7d1473217fc44de7d1a59336c3f', class: `card
+            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, index.h("div", { key: '087790fbe99709edcde0a31393b50301d3f2aff1', class: `card
             theme-${this.theme}
             size-${this.currentSize}
             position-${this.pictureLayoutShiftPosition}
@@ -225,7 +225,7 @@ const TetDynamicCard = class {
           `, onClick: this.handleClick, onKeyUp: (event) => {
                 if (event.key === 'Enter')
                     this.handleClick(event);
-            }, tabindex: 0, part: "card", "aria-labelledby": this.cardTitle }, index.h("div", { key: 'b4d70c8a9b27506a16b700185370c74e1b5840d1', class: "image", part: "image" }, index.h("slot", { key: 'a378c2b423ee0a5871fb6fe3258e811607206d9a', name: "image" }), this.renderPrice(), this.renderTags()), index.h("div", { key: '92c9b4ebf016b9eabb963c72c2892604a6bbc680', class: "content-container" }, index.h("div", { key: 'c026be33ccd49864fe19b8daab354a0bd8a4dcce', class: "content", part: "content" }, this.cardTitle && (index.h("h3", { key: 'c4cb44067ee746947f1c90f4e22bdd77eafc774e', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (index.h("p", { key: 'cb5810a49bf16f28f1ca838101b9be322796eb8b', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
+            }, tabindex: 0, part: "card", "aria-labelledby": this.cardTitle }, index.h("div", { key: '13ea0b0bc3678523ba24017262b30af97182c25c', class: "image", part: "image" }, index.h("slot", { key: 'cfadf66e49e1b5390bd7c505ba090b92a0af9896', name: "image" }), this.renderPrice(), this.renderTags()), index.h("div", { key: '9f1b63ed36bb8be4537624c9dd8709257f7aef2d', class: "content-container" }, index.h("div", { key: 'ffae381fbdfcd35d1fe924dafe1340203d9b1bd5', class: "content", part: "content" }, this.cardTitle && (index.h("h3", { key: '0b14c254af709c7c6489a5f1e63c6371e00f6c52', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (index.h("p", { key: '723e6bc1a44c5734d6a8d8fc2c403a67362b07bb', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
     }
     static get watchers() { return {
         "theme": ["onThemeChanged"],

package/dist/cjs/tet-expandable-input.cjs.entry.js

@@ -270,13 +270,13 @@ const TetExpandableInput = class {
         return '';
     }
     render() {
-        return (index.h(index.Host, { key: '7117adc453cecdb39303c328f8e47fc00e4d3e83' }, index.h("div", { key: '4e76ea164c110756cd7afae3dcbab6c6abc20a01', class: {
+        return (index.h(index.Host, { key: 'afb82949ca4fb8255c2ee9a2f4de264a12dd061b' }, index.h("div", { key: '17e53f6f5a63e08c176fe8754edf6e073c3c0486', class: {
                 container: true,
                 expanded: this.expanded,
                 [this.mode]: true,
                 [this.darkMode ? 'dark' : this.theme]: true,
                 [this.size]: true,
-            }, tabIndex: -1 }, index.h("div", { key: 'd1e43d322bcf77241fd92b6aec30b8564669f952', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, index.h("tet-input", { key: 'bc622c82fcf97193f3abab506690e07703d83354', class: "tet-input expandable", "input-class": this.class, "input-placeholder": this.renderInputContent ? this.placeholder : '', "accessibility-label": this.accessibilityLabel, "input-value": this.value, "input-disabled": this.disabled, error: this.error, "icon-left": this.iconLeft, "icon-right": this.hasInputValue && this.expanded ? this.iconRight : '', iconRightClickCallback: this.iconRightClickCallback, theme: this.darkMode ? 'dark' : this.theme, ref: (inputElement) => (this.inputHtmlElement = inputElement) }), this.closeButton))));
+            }, tabIndex: -1 }, index.h("div", { key: '471b630b699b2fc77023d800e12cc7d3cb3753bb', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, index.h("tet-input", { key: '80c594852076b151b276ac8c335af076568f6165', class: "tet-input expandable", "input-class": this.class, "input-placeholder": this.renderInputContent ? this.placeholder : '', "accessibility-label": this.accessibilityLabel, "input-value": this.value, "input-disabled": this.disabled, error: this.error, "icon-left": this.iconLeft, "icon-right": this.hasInputValue && this.expanded ? this.iconRight : '', iconRightClickCallback: this.iconRightClickCallback, theme: this.darkMode ? 'dark' : this.theme, ref: (inputElement) => (this.inputHtmlElement = inputElement) }), this.closeButton))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tet-expansion-panel.cjs.entry.js

@@ -67,7 +67,7 @@ const TetExpansionPanel = class {
         return this.state;
     }
     render() {
-        return (index.h("div", { key: '20f9f38cfde2f4525f6fce83102426930672897a', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, index.h("div", { key: 'c1057f4819895ed1b91a849cb3e3cd629c513296', class: "tet-expansion-panel-content" }, index.h("slot", { key: '4bf5c2f44d8cc01b2fc9703d15eb93cd8d107196' }))));
+        return (index.h("div", { key: 'be51c2f24b6136ded20650774ba479cf36680a39', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, index.h("div", { key: '7ed548b6f739c7ba9b1e1210146f4b7d81aa5025', class: "tet-expansion-panel-content" }, index.h("slot", { key: '0d0ad5b0381dc5fd83904b78f963f875b0e8f1d4' }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -35,7 +35,7 @@ const TetFilter = class {
         this.filterState = newTags.map(tag => (Object.assign(Object.assign({}, tag), { active: tag.active || false })));
     }
     render() {
-        return (index.h(index.Host, { key: 'c8689bc76bbbf9f4a41408d5c53b5c9f253ddcc3' }, index.h("div", { key: '88510f1736a48d737a4d7182f6e4ce6378b98e04', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, index.h("tet-tag-group", { key: '50baf6211250182708d0cd769a0b874d9d108a79', tags: this.filterState.map(tag => (Object.assign(Object.assign({}, tag), { clickAction: () => this.handleTagClick(tag), showIcon: tag.active && !tag.disabled }))), theme: this.theme }), this.showClearFilterButton && this.filterState.some(tag => tag.active) && (index.h("button", { key: '0b7e41ceb28d2e6599c39d8cc03f99ec42ebef7f', class: "clear-button", onClick: this.handleClearClick }, index.h("tet-icon", { key: '3dee789b7f181491c6479487f153e4f0d0d5ce93', name: "tc-reload", style: { '--icon-size': '1rem', '--icon-container-display': 'flex' }, accessibilityLabel: this.clearFilterButtonTitle }), this.clearFilterButtonTitle)))));
+        return (index.h(index.Host, { key: '4cbf4b9544560033394c6420c5f8a3fbed5b5aea' }, index.h("div", { key: '787263e3002dd840833cdc7db123fc0776f1c08d', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, index.h("tet-tag-group", { key: '3c8ce9bbae2504fbd94fc0df68417a90fb7d8230', tags: this.filterState.map(tag => (Object.assign(Object.assign({}, tag), { clickAction: () => this.handleTagClick(tag), showIcon: tag.active && !tag.disabled }))), theme: this.theme }), this.showClearFilterButton && this.filterState.some(tag => tag.active) && (index.h("button", { key: 'f8768d357d62dc8e6e65317ec0efc2af1e423b99', class: "clear-button", onClick: this.handleClearClick }, index.h("tet-icon", { key: 'd69656691792a57039aa68c0e018eee0bcacf342', name: "tc-reload", style: { '--icon-size': '1rem', '--icon-container-display': 'flex' }, accessibilityLabel: this.clearFilterButtonTitle }), this.clearFilterButtonTitle)))));
     }
     static get watchers() { return {
         "tags": ["tagsWatchHandler"]

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

@@ -72,7 +72,7 @@ const TetIcon = class {
         });
     }
     render() {
-        return (index$1.h("span", { key: 'b458d963f0f86157257a01b600af41cc579be5ca', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, index$1.h("span", Object.assign({ key: 'ac157e0ee214c0a818d67f361246ea7cb72942f5', class: {
+        return (index$1.h("span", { key: 'b64042a5ccef4f24f040b11bc1c667e852d107c9', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, index$1.h("span", Object.assign({ key: '85bcc937605472010decb513a8c46fb332da2c91', class: {
                 'icon-container': true,
                 'default-color': this.shouldUseDefaultColor(),
                 [this.theme]: true,

package/dist/cjs/tet-inline-message.cjs.entry.js

@@ -20,11 +20,11 @@ const TetInlineMessage = class {
         this.theme = 'light';
     }
     render() {
-        return (index.h("div", { key: '0789db789517487449ceed8b266f9aeff2786b7e', class: {
+        return (index.h("div", { key: '794eea366b5edace16a7853e457aa896d696277a', class: {
                 "container": true,
                 [this.theme]: true,
                 [this.variant]: true
-            } }, index.h("tet-icon", { key: '548bb726cb9285e49cf8e12330c56d887f3c7fa8', class: "container__icon", name: this.iconMapping[this.variant] }), index.h("div", { key: '43ce0d7b38a2ce7c4404523912f0d37665e63eaf', class: "content" }, index.h("slot", { key: '9514e1910bdca6c080229b0c22b5fe0d23509123', name: "title" }), "\u00A0", index.h("slot", { key: 'fabb53dbeb00af63000a276922639399564d2a58', name: "description" }))));
+            } }, index.h("tet-icon", { key: '0491ddbbe995d5d31677f395653f6aa59a9ed0e2', class: "container__icon", name: this.iconMapping[this.variant] }), index.h("div", { key: '31562350e8de8069f66dfee0eaa1fbf415948141', class: "content" }, index.h("slot", { key: '2ee3a33ef0a799ac22254b8c505e37318e4ce5ed', name: "title" }), "\u00A0", index.h("slot", { key: '19e53841fa66c6a78d39bc219b2ba172f4b29269', name: "description" }))));
     }
 };
 TetInlineMessage.style = TetInlineMessageStyle0;

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

@@ -21,12 +21,12 @@ const TetLabel = class {
         this.showIcon = false;
     }
     render() {
-        return (index.h(index.Host, { key: '79b12c6cd48a68cc878e336227b29bbb10f69c99' }, index.h("div", { key: '9d34f474b24523550f603e5c0dd2b385cdb9b893', class: {
+        return (index.h(index.Host, { key: '2d391e505ea7f920e498749ac37d7f7f0f3707bb' }, index.h("div", { key: '83058292d04395c6c3ec3e4ced89160021a96d7a', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && index.h("p", { key: 'b101e1595fb33e9af35eb55c2c32338d074f3085', class: "label-title" }, this.translateTitle ? translations.translate(this.labelTitle) : this.labelTitle), this.showIcon && index.h("tet-icon", { key: 'd5c943fb5a571cbb5ee1cfec5ef1fa4fe199006a', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && index.h("p", { key: '19dcdcb5c6fc4f2bcf0bf064882ca1871686b3fa', class: "label-title" }, this.translateTitle ? translations.translate(this.labelTitle) : this.labelTitle), this.showIcon && index.h("tet-icon", { key: '1d1be38e6a71c682a7d276ff8c8efb15cc59e835', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
     }
 };
 TetLabel.style = TetLabelStyle0;

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

@@ -12,7 +12,7 @@ const TetLoader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '14fe6af3ed72264df7e56b9f9917b5534637ef51', class: "loader" }, index.h("div", { key: 'f4c31bd589b426b6e4dd16e5ea42ecc9dfb79d9c', class: "loader-inner" })));
+        return (index.h("div", { key: '810fabedba008fdd679c00faaa3e37b220c0b0d4', class: "loader" }, index.h("div", { key: '382c4d05d02cbd05ceff85e21f54b092bbcb3a1b', class: "loader-inner" })));
     }
 };
 TetLoader.style = TetLoaderStyle0;

package/dist/cjs/tet-macd-view.cjs.entry.js

@@ -328,7 +328,7 @@ const TetMacdView = class {
             this.renderMacdOrderTypesList();
         const content = this.showLoader ?
             this.renderLoader() : errorOrContent;
-        return (index.h(index.Host, { key: '0223ff9eeb4f82d3944c64d071705d04ca213747' }, index.h("div", { key: '1b3c9817494f985ea4a8864ba261a12886683ddd', class: "wrapper" }, index.h(themeWrapper.ThemeWrapper, { key: 'e2a00391227229051735e61538546b1fa4d87473', theme: this.theme }, content, this.renderDialog()))));
+        return (index.h(index.Host, { key: 'c405bc472d38520fe57d4fc6570bfbec5b8e4807' }, index.h("div", { key: '4ce2f21b6f6c914a15ab5c9488800de974bbfcf2', class: "wrapper" }, index.h(themeWrapper.ThemeWrapper, { key: 'de5bf02d133391e858f3703dcab6ff632082b78a', theme: this.theme }, content, this.renderDialog()))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"],

package/dist/cjs/tet-menu-mobile.cjs.entry.js

@@ -113,7 +113,7 @@ const TetMenuMobile = class {
         return (index.h("tet-icon", { class: "menu__chevron", name: this.subMenuState.includes(key) ? "chevron-up" : "chevron-down", theme: this.darkMode ? "dark" : "light" }));
     }
     render() {
-        return (index.h(index.Host, { key: '5794513feaede0b40a459ed57ae6fba313a6dc60' }, index.h("div", { key: 'cc592d5cb374b6a2eba2dbb2269aae65ff142b67', class: {
+        return (index.h(index.Host, { key: '90c66e871055785ce7e50181659b1cfcb100a8b2' }, index.h("div", { key: '6b95c379cca6122a03adc95dd2047f7f334bca26', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

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

@@ -199,7 +199,7 @@ const TetMenu = class {
     }
     render() {
         const { type } = this;
-        return (index.h(index.Host, { key: 'd08f87c5fe79db243310d02c224438ac2cd0d4f1' }, index.h("div", { key: 'b3c0e0c9d06f43ac402d0b5a4ea9e0609931448f', class: {
+        return (index.h(index.Host, { key: 'ab59a9d1287bab34a7ddd2f829324c72d854616f' }, index.h("div", { key: 'b5dcd73594be2bd4d4d42a2f891435a27ba8224b', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

package/dist/cjs/tet-multi-step-dialog.cjs.entry.js

@@ -123,7 +123,7 @@ const TetMultiStepDialog = class {
         return (index.h("div", { innerHTML: step, "data-step": Number(index$1) + 1, class: "multi-step-dialog__step", ref: this.setStepBlocks }));
     }
     render() {
-        return (index.h(index.Host, { key: '36016615933baa7699f1484fe73a321bc317386c', class: "multi-step-dialog" }, index.h("tet-dialog", { key: '6d2ea01b3563bddefe64b6a20a83f736113f0dab', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el, theme: this.theme, onCloseDialog: this.handleCloseDialog, onOpenDialog: this.handleOpenDialog }, index.h("div", { key: '5497c326e6c5060dc1bdad540bcaf62b4ecca7f2', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), index.h("tet-button", { key: '01382952d8544109935d73427dda451940fdbc93', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, translations.translate('components-go-back')), index.h("tet-button", { key: '13f68a2370ac4c8e0a6670b7194aac2530152a85', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, translations.translate('components-next-step')))));
+        return (index.h(index.Host, { key: '5df25873f484e20accd6c96d1c0fd039ad762257', class: "multi-step-dialog" }, index.h("tet-dialog", { key: 'f39a5e6fc0cc298079b03967a2ba0762bc8b2ab0', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el, theme: this.theme, onCloseDialog: this.handleCloseDialog, onOpenDialog: this.handleOpenDialog }, index.h("div", { key: '181fe25f787e586357807730ba3aeee6b548ce8a', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), index.h("tet-button", { key: '33c80dabbe2767d9a2fbacd30506c09c7e465e3e', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, translations.translate('components-go-back')), index.h("tet-button", { key: 'cf26688247b3d9cdc2215f24a2911a7e29c9aff5', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, translations.translate('components-next-step')))));
     }
 };
 

package/dist/cjs/tet-navigation-mobile.cjs.entry.js

@@ -61,13 +61,13 @@ const TetNavigationMobile = class {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (index.h(index.Host, { key: 'ef6dc99c4251442a4937906f52ece28e85f07c96' }, index.h("navigation", { key: 'cc0ad116aa1b2a5d60512efa2e61281073d46229', class: {
+        return (index.h(index.Host, { key: '989a334e62baeff292f20db879a03cc99cfaa4c6' }, index.h("navigation", { key: 'c03c5fd048ade2f6c352c52d5f533a9972d7ce09', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, index.h("div", { key: 'e77b3c8d7165750a38d204d881aa7a3a217127b7', class: "navigation__nav-bar" }, index.h("slot", { key: '8dc8612fb45a90cf855526516652ce021cefe06a' })), this.isTogglerVisible && (index.h("span", { key: '463c08152394fa17f04b49d02ad771e03bcc4427', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, index.h("tet-icon", { key: '8494d8ac098b12f148c0d7564886215d7c8e085c', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), index.h("div", { key: '1fffba7adaf87f4d78b9ba109d17002fb6689982', class: {
+            } }, index.h("div", { key: 'f974ef6ecd48eab6d68573dd111889271e5b948d', class: "navigation__nav-bar" }, index.h("slot", { key: 'ae9b0246413bfb6e0ad3f8bcee569d34eb1cdc02' })), this.isTogglerVisible && (index.h("span", { key: 'd775bf2274f4359b8045afe34a8482153be9d182', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, index.h("tet-icon", { key: '229b5b93b76dab8e526ba79a44cd788999f92212', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), index.h("div", { key: '148c71a67b3c439f72a6acaa8458a5f3298bccb6', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, index.h("slot", { key: 'd28605389281b87071d63bd5dacb691d23b0ca22', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, index.h("slot", { key: 'a727d7ce1b173546b9a9fbb2cb44b64a40fd2ecf', name: "dropdown" })))));
     }
     static get watchers() { return {
         "isTogglerExpanded": ["onMenuToggle"]

package/dist/cjs/tet-news-card-list.cjs.entry.js

@@ -66,7 +66,7 @@ const TetNewsCardList = class {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (index.h(index.Host, { key: '1ad59fa4cbe7588545306586c21f24ead28d5f76' }, index.h("tet-card-list", Object.assign({ key: 'a2f8c39ae5d6a8625bc0adc00827e0a6fffd1c98', 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 (index.h(index.Host, { key: 'e1450298518f895f6d6f0f678fdb5163001f84ec' }, index.h("tet-card-list", Object.assign({ key: '02d0a38297b68221eddcf100031c8f54db2f5ffe', 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)))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/tet-number-input.cjs.entry.js

@@ -261,8 +261,8 @@ const TetInput = class {
      */
     render() {
         const { label, helperText, value, disabled, error, completed, isOpen, suffix } = this;
-        return (index.h("div", { key: '3fe99bd13e7f4645b1dbf92187070925364d87ab', class: { 'number-input': true, [this.theme]: !!this.theme,
-                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (index.h("label", { key: '125f502a22329cebe952be15391ef7dd98f88716', class: "number-input__label", htmlFor: "number-input" }, label)), index.h("div", { key: '3464fbe2d74099009cd17a9f4ecb184b7f19d2d0', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, index.h("input", Object.assign({ key: '3ddcf1a4ec47676e7153a5fbac572d8d1124e721', 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 } : {}))), index.h("div", { key: '42704bd612730eae293436e386af8b1155a14db4', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && index.h("div", { key: 'ebc4f84187c513476c08965e9ecdca1f343a147b', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (index.h("tet-button", { key: 'f5d540c0d4fa2a7f2a124076c47de93faa51d2a9', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && index.h("tet-icon", { key: '199da59412102ab77513027e697578ffdca330fc', name: "chevron-down" }), isOpen && index.h("tet-icon", { key: '367b8ae4625501197f9d5d48c0637205dcc61068', name: "chevron-up" }))), isOpen && (index.h("div", { key: 'ac2df39d53a390687f44547354ea55bea6115ae5', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && index.h("div", { key: 'd46b1c724a9d5ecf6bd509cfd3aee9509bd0ee65', class: "number-input__helper-text" }, helperText)));
+        return (index.h("div", { key: 'b0f156cdcaa6565b9bb6c3c57dcfab2c4ad59f33', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (index.h("label", { key: '54d65ab828bf892bbe0be54bdfe74700ffb7eb6e', class: "number-input__label", htmlFor: "number-input" }, label)), index.h("div", { key: 'de4f580dc39496b87e64b7fa9cffbccecbaab737', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, index.h("input", Object.assign({ key: '2fef4f5bc078950c9710d293ede2f07db0d53bbc', 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 } : {}))), index.h("div", { key: '0272869e8cb9d9f64dd6de3398a5480732c272c5', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && index.h("div", { key: '7878665396cd55f95f71cac03d969acb68ddb62a', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (index.h("tet-button", { key: '6097cd3fef703b0033399bdb1eda6203b03c335a', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && index.h("tet-icon", { key: 'd64216400a5ba1a80890f09fb20db3b14e19dd16', name: "chevron-down" }), isOpen && index.h("tet-icon", { key: '7fcc7e42cbafb9cb79129e8749db5dea096c2e5b', name: "chevron-up" }))), isOpen && (index.h("div", { key: '92e4af71b59fc78bdca5f64b53a4a840574e51f8', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && index.h("div", { key: '32e97950ec231c088101c7d474a824ee7c440970', class: "number-input__helper-text" }, helperText)));
     }
     static get watchers() { return {
         "suffix": ["onSuffixChange"]

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

@@ -15,7 +15,7 @@ const TetPlaceholder = class {
         this.darkTheme = false;
     }
     render() {
-        return (index.h(index.Host, { key: '7e0dfe974305bc773c69c93e662515d3a68e6be4', style: { width: this.width, height: this.height } }, index.h("div", { key: 'f15bb524ccfdb8085628e72c738c5b539907f47e', class: { 'dark-theme': this.darkTheme } }, index.h("div", { key: '54986daf86d9d5c3c6eb779d13e2ba7a5606dd81', class: "placeholder", style: { height: this.height } }))));
+        return (index.h(index.Host, { key: '4d02b9fba03d0ec8d670a94597fdeb71a264fac0', style: { width: this.width, height: this.height } }, index.h("div", { key: '50c0bf32fed5e31563222be25875609541783321', class: { 'dark-theme': this.darkTheme } }, index.h("div", { key: '091231196ebec4770385c4792f2a967c180fe80c', class: "placeholder", style: { height: this.height } }))));
     }
 };
 TetPlaceholder.style = TetPlaceholderStyle0;

package/dist/cjs/tet-price-view.cjs.entry.js

@@ -203,7 +203,7 @@ const TetPriceView = class {
             }
         };
         const isCentsPrice = (this === null || this === void 0 ? void 0 : this.centsPrice) && (this === null || this === void 0 ? void 0 : this.centsPrice.length) > 0;
-        return (index.h(index.Host, { key: '4781cb4d9ab21117a333673ef361dbd9384fa085' }, index.h("div", { key: 'e6e740489949efce86a358de505296f6e148ab12', class: mainClasses, style: styles.container }, index.h("div", { key: '18a0c679fba67b4e34e2e61d8fd968131ca52cf1', class: "price-view__body" }, (this === null || this === void 0 ? void 0 : this.headingText) && (index.h("h3", { key: '5b92e21d7a84aca65aabce996fde1e48c40418a5', class: "price-view__heading", style: styles.heading }, this.headingText)), index.h("div", { key: 'd453782ec37f418336bcd8e3fd92b5ac8e4dfa6f', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, index.h("span", { key: 'afd298dabcb443b69d5753facf41e41cc47fd0f9', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), index.h("div", { key: '38bfd2df5503fb3985a2bcee9b77ec6e30d483f3', class: "price-view__cents-container" }, index.h("span", { key: '75d7a5576b97612e3daf4bdfbcf16fa92799601f', class: "price-view__cents", style: styles.cents }, this === null || this === void 0 ? void 0 : this.centsPrice), this.priceType && (index.h("span", { key: '5ee2c59c93a8ac975984a3e85612291e8a302032', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), (this === null || this === void 0 ? void 0 : this.footerText) && (index.h("p", { key: '393bdc9eacf4db7d8a57e3bab54ab16202727588', class: "price-view__footer", style: styles.footer }, this.footerText))))));
+        return (index.h(index.Host, { key: '61e8de9dcb461fe0d63476ea6f53381f44a153bf' }, index.h("div", { key: '6380a4d2b338dedbe6d2fdbf2b3094797a975df0', class: mainClasses, style: styles.container }, index.h("div", { key: '90bbdf0e401fb67270b3226e1d1ec023b53e6eef', class: "price-view__body" }, (this === null || this === void 0 ? void 0 : this.headingText) && (index.h("h3", { key: 'e727a4164b17f9218c26353b71cf93d61b3d6758', class: "price-view__heading", style: styles.heading }, this.headingText)), index.h("div", { key: '06ab1fe1e65e8f812bcc5b1cc4690a62a7aa1cbf', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, index.h("span", { key: 'c6c5fef99378107772bc67544ef1b5bc75884102', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), index.h("div", { key: '9a899bd723d8e794b299217923646c8e60ebbbd0', class: "price-view__cents-container" }, index.h("span", { key: 'ee8258a0a89a7a500882bd677ab1a6fe6cd3b3e4', class: "price-view__cents", style: styles.cents }, this === null || this === void 0 ? void 0 : this.centsPrice), this.priceType && (index.h("span", { key: '2f9f1b84b62e0268eb1bc31c9f9a96e45c3cf017', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), (this === null || this === void 0 ? void 0 : this.footerText) && (index.h("p", { key: '9836aecaf7d08d6709d0ca32b0abd304139f6391', class: "price-view__footer", style: styles.footer }, this.footerText))))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -52,7 +52,7 @@ const TetRadio = class {
     }
     render() {
         const { id, disabled, value, checked, name, label, handleInputChange, accessibilityLabel, inputAutofocus } = this;
-        return (index.h(index.Host, { key: '390a5d30e49070a4f2bb478fba3d4dc705b44f00' }, index.h("div", { key: '580db3d9294d7cdeb970f8aaf54d624cd8d5086b', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, index.h("label", { key: '89f571521ba6076aba5052d270b869fb419ce9ef', class: "radio__container", htmlFor: id }, index.h("input", Object.assign({ key: 'bb6f490a47af13a62f930a6d89b4ff87a865b183', class: "radio__html-input", id: id, name: name, type: "radio", value: value, disabled: disabled, checked: checked, onChange: handleInputChange, autofocus: inputAutofocus }, (accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), { tabindex: this.checked ? '0' : '-1', role: "radio", "aria-checked": this.checked ? 'true' : 'false' })), index.h("span", { key: '5f65ac0e5ce5b6e45d967e6f2c5a75a7cb87b216', class: "radio__input" }), label ? (index.h("span", { class: "radio__label", innerHTML: label })) : (index.h("span", { class: "radio__label" }, index.h("slot", null)))))));
+        return (index.h(index.Host, { key: 'f693c9627db196e34243b6d81f51c6e5d1ed243d' }, index.h("div", { key: '970fa9cb6cbc6c345b3ba12d36ba65ec637f92a2', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, index.h("label", { key: 'f110553118f8fa439153726b01dc92c4b676bebd', class: "radio__container", htmlFor: id }, index.h("input", Object.assign({ key: 'fa5b5dee55873b88b7928b5ccbaeea5ac6f8b61b', class: "radio__html-input", id: id, name: name, type: "radio", value: value, disabled: disabled, checked: checked, onChange: handleInputChange, autofocus: inputAutofocus }, (accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), { tabindex: this.checked ? '0' : '-1', role: "radio", "aria-checked": this.checked ? 'true' : 'false' })), index.h("span", { key: '81a2debdfb2f3d9ffa8f7277c74f72e4bf95fc78', class: "radio__input" }), label ? (index.h("span", { class: "radio__label", innerHTML: label })) : (index.h("span", { class: "radio__label" }, index.h("slot", null)))))));
     }
 };
 TetRadio.style = TetRadioStyle0;

package/dist/cjs/tet-range-slider.cjs.entry.js

@@ -756,31 +756,31 @@ const TetRangeSlider = class {
         this.updateProgress();
     }
     render() {
-        return (index.h(index.Host, { key: 'ed39e9adfd7d8502539e355fe950b4c83c262512' }, index.h("div", { key: '613c54d91625fb37ac80987dd7ac244817585736', class: {
+        return (index.h(index.Host, { key: '4ecf0341fca005f2b3fb1792415e6ac5a1fc2b67' }, index.h("div", { key: 'bc3a6dba2d680f890e2a544365e5d2c3aebb5fb5', 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,
-            } }, index.h("div", { key: '2f522ca48013d0022bcdf83a3c73d0dc16937900', class: {
+            } }, index.h("div", { key: 'a9585c34bb3ad57274e4f2a451ceba183fd19b13', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, index.h("tet-input", Object.assign({ key: '44fe830f3cef1086273ab82fae3f50aef6147d40', "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 } : {})))), index.h("div", { key: '993227ff886add036d0a0905876d390b9eba5ab7', class: "range-slider__container" }, index.h("tet-button", Object.assign({ key: 'afad663b668c50c3de6ab8f2e8e7cc09a6edf6aa', theme: this.theme, iconMode: true, class: {
+            } }, index.h("tet-input", Object.assign({ key: 'e2dc3feb5e15b988886a36d2a456f4c523aa5d6a', "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 } : {})))), index.h("div", { key: '028d7b63d5c52ff8ffb99b696d57e87b6a25dfc1', class: "range-slider__container" }, index.h("tet-button", Object.assign({ key: 'a54a4293a5e5d7e08912d176991f85ce2493929d', 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 } : {})), index.h("tet-icon", { key: '1565634ecaf9b67a6d68707f1330fa35d26cf14e', name: "remove", class: "range-slider__control--icon" })), index.h("div", { key: '52aceabff4528db102fcd70cf265aa772e0c76a1', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, index.h("div", { key: 'dc8c9e65665cdb458a89a6003e67d2d31ad3ec50', class: "range-slider__slider-wrapper" }, index.h("input", Object.assign({ key: 'd5dda90241d79127e8691f9bb365c4f956a35b28', 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 } : {})))), index.h("div", { key: '85d2e4c9782a026889a11503573c16c161da03a4', class: "range-slider__track range-slider__track--background" }), index.h("div", { key: '00fcb8fd228970096cada56550b61b9c440b2732', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), index.h("div", { key: '4221ba778c0dab593ab9f5f49bbafc6981fa893b', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), index.h("div", { key: '2d3b55e7a232b89ef176d92f44af92b4b5e93b64', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), index.h("tet-icon", { key: '9f6c1a112efb19702b123579d454b3d396d1befb', name: "remove", class: "range-slider__control--icon" })), index.h("div", { key: '96a546d0e61dac0d6043b5f729c63614f09b2b38', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, index.h("div", { key: 'f0295b5cb83adf0b7be7243e1bbd3aafd04fcdda', class: "range-slider__slider-wrapper" }, index.h("input", Object.assign({ key: 'f09c3998d3d4c552bc78a2348648ea545758195a', 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 } : {})))), index.h("div", { key: 'd2259d60a0377023578c09dac3fc37b11015237b', class: "range-slider__track range-slider__track--background" }), index.h("div", { key: 'ab33a18a27c257e1a5e39fcdc816693dda98cd9e', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), index.h("div", { key: '895d20240efeee6f43eca55218872ac2e438ef23', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), index.h("div", { key: '7639fd616257ef774ff166c76be408442463820e', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), index.h("div", { key: '1050c1680ff0413a42e2267e2d1b513c1bda6c91', class: {
+            } })), index.h("div", { key: '3120e01488e8b65ca1390a81356906189d370202', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, index.h("div", { key: 'a0002465828c51e82ed1ad295e2d814e23de7742', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), index.h("div", { key: '7858d37c0a9b36240c641c25d9912ee2cbffe555', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, index.h("div", { key: '87e61716026059495c870bdb535238348d2735f4', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), index.h("tet-button", Object.assign({ key: '9918f6fcf115eb6e9d200ed266167cefb3cbb6af', theme: this.theme, iconMode: true, class: {
+            } }, index.h("div", { key: 'fc8cc8144298b2b56452587eae9c61053f794271', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), index.h("div", { key: 'f41bc4e3e30bdfd10e0396735a82fad53388e444', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, index.h("div", { key: '432b1cef8b41404104205e47ce339c7d79bbd62c', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), index.h("tet-button", Object.assign({ key: 'dafc0d34344c3fd04756db52ffde74b20a246146', 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 } : {})), index.h("tet-icon", { key: '4efff5a40e57423bf94095e6230b8580609aa65e', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), index.h("tet-icon", { key: 'a8b05d5ee60e7cb3d9767a46cf84299a5816cdea', name: "add", class: "range-slider__control--icon" }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -67,9 +67,9 @@ const TetReferral = class {
         translations.processTranslations('tet-components', this.language).then(() => index.forceUpdate(this));
     }
     render() {
-        return (index.h(index.Host, { key: '88faefdaef3a17a08d2e3ab5cdf14e8e608580b9' }, index.h("div", { key: 'ebc91b687e12a49141b9237511e872e321ec5ed6', class: "wrapper" }, index.h(themeWrapper.ThemeWrapper, { key: '1b5a412f7c9c8d1837674d0061abcb4a5c9ae777', theme: this.theme }, index.h("div", { key: '612a198b490e50b1d5bb9ca7f181263da64c7e97', class: "image-container" }, index.h("img", { key: '76e99a010ebaa07bcf743f6b6dfbc02d76d242ad', src: translations.translate('components-referral-image-url'), alt: "" })), index.h("div", { key: '5f00091e26b1e25369e1212e75bafb06513937fa', class: "subtitle-container" }, translations.translate('components-referral-subtitle')), index.h("div", { key: 'abb5f8fdb11b7f997068af7af91a787d5f1af37e', class: "description-container", innerHTML: translations.translate('components-referral-description') }), index.h("div", { key: '032579889583d28e7b8924b6149f2c1ea0969e8d', class: "referral-block" }, index.h("div", { key: 'a466b100406ec54999774be522b733c1ef419441', class: "url-wrapper" }, index.h("div", { key: '6d7823e1a7d26dbe6d2132335ed5c12acf7fb5c2', class: "referral-url" }, this.getReferralUrl()), index.h("div", { key: '93007dcfc5caf4242589f5cef11e1a923adacb88' }, index.h("div", { key: 'e598b4d9323b89041d3e3e93ac5e8948a1aee659', class: "button-wrapper" }, index.h("tet-tooltip", { key: '1d79208498cecc060614f33263b3517daa419669', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (index.h(index.Host, { key: 'e1299255d2db7830828435e9140877df1abb39dd' }, index.h("div", { key: '7fc4e073603171989453c32f4f8da820d6add7c1', class: "wrapper" }, index.h(themeWrapper.ThemeWrapper, { key: '0b37297cbbfee71123fd7d9a3e55c579e1d8d634', theme: this.theme }, index.h("div", { key: '5da22e231b86663eaa8ca76431f5450314bbebf0', class: "image-container" }, index.h("img", { key: '18e62fdbb216f2aa5983c0f2ef296bbae6d7f41d', src: translations.translate('components-referral-image-url'), alt: "" })), index.h("div", { key: '2145fe4cbf0139a4d7c9f2472d57096db42b8115', class: "subtitle-container" }, translations.translate('components-referral-subtitle')), index.h("div", { key: '679cd5e8a918c313cad7a9a3c2eb0d2ec9a8d6b1', class: "description-container", innerHTML: translations.translate('components-referral-description') }), index.h("div", { key: 'f645f183f40b35e088efa768dd1361d0fa2c42cb', class: "referral-block" }, index.h("div", { key: '4bf1c16cc66acd4a6afa7804c225db7926e86bec', class: "url-wrapper" }, index.h("div", { key: 'f7604d50e64e85154557fef84a1eda6276cb0993', class: "referral-url" }, this.getReferralUrl()), index.h("div", { key: '92847984b7f9e0fe33eecd76a0dbeecadca06e3b' }, index.h("div", { key: '3787dd312954d9bfc24e399bbf9f947b9f4eaf0e', class: "button-wrapper" }, index.h("tet-tooltip", { key: '85b93c26b733ddf2a54c3bc68d20cff2f0a73b3b', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, translations.translate('components-referral-tooltip')), index.h("tet-button", { key: '876c9d1d7d15ec26d47840ebe7a26fe5fc0148da', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, translations.translate('components-referral-copy-button-label'))))))))));
+            } }, translations.translate('components-referral-tooltip')), index.h("tet-button", { key: 'fee69ce2d34982a641183773a37849eec5d21c5c', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, translations.translate('components-referral-copy-button-label'))))))))));
     }
     static get assetsDirs() { return ["assets.component"]; }
     static get watchers() { return {

package/dist/cjs/tet-round-stepper.cjs.entry.js

@@ -61,7 +61,7 @@ const TetRoundStepper = class {
         this.calculateContainerWidth();
     }
     render() {
-        return (index.h(index.Host, { key: '55302259151fe1720a5cafe139db4c58f1fb805b' }, index.h("div", { key: '61fd349ec4a338674ceb519447c882e225e4c2c4', class: {
+        return (index.h(index.Host, { key: '497051346fa9d4467604822d38e7f5d1ad4d1886' }, index.h("div", { key: 'b55cd8748a63edb0f567fbef9cf2d6679f8d6075', class: {
                 'round-stepper': true,
                 'column': this.forcedColumn,
                 'hide-icons': this.hideIcons

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

@@ -53,13 +53,13 @@ const TetSpinner = class {
         this.setForeignObjectAttributes();
     }
     render() {
-        return (index.h("div", { key: '6700ed743adb73ad21bbb7eba4c593f78aa7be73', ref: element => (this.spinner = element), class: {
+        return (index.h("div", { key: '80d6e4e8423122fdbe5976fa1682f1b84dd4c30c', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, index.h("svg", { key: '95c55e994caa2cb7fdc0f3e743ead7085fd8406e', viewBox: "0 0 40 40" }, index.h("clipPath", { key: '337f95d860f1a27284ee0134e785aff287187b29', id: "clip" }, index.h("path", { key: '880422c680560d58f7527c6353f4e234c0c1d11f', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
-              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), index.h("foreignObject", { key: 'ea78a1e04a9ab23ee66cb68bb72cc2b49928a1e7' }, index.h("div", { key: '7b9d99801d5b97e4a44c439fb779d4ec7400fa45', class: "spinner__gradient" })))));
+            } }, index.h("svg", { key: 'f7a801b7ec3655023480cfd8f9bf0334982f9bbb', viewBox: "0 0 40 40" }, index.h("clipPath", { key: 'c1b9c71d29ee808fa9e20067f2cbb574580c2d4f', id: "clip" }, index.h("path", { key: '59da97936d0aeb48a5d637e9b449e2e75c49ce97', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
+              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), index.h("foreignObject", { key: '136a0347951d968aa6c232d0d5ba2d58324facdf' }, index.h("div", { key: '946ca391bda21cef00b621e81d06fd193f267c38', class: "spinner__gradient" })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tet-stepper-input.cjs.entry.js

@@ -129,7 +129,7 @@ const TetStepperInput = class {
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (index.h("div", { key: 'e54d94ef2f7ac44fb73674cde7a2e0d1275ec1a5', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, index.h("tet-button", { key: '9a0bbc9a7d7777a5b3b7d97cfc320d8dd3390865', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: translations.translate('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, index.h("tet-icon", { key: '1bcebf77f2e415334ec6bd6d2e2aeb74419e0299', name: "remove" })), index.h("input", Object.assign({ key: '655f01a4ba18a3bef14ab43950dd26db95ef16d0', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), index.h("tet-button", { key: 'd3feab3dfae84182dd135db073504a8c82ca69b4', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: translations.translate('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, index.h("tet-icon", { key: '4d2216e0506685e55bcbd5d5d51ee7e4b4ba2152', name: "add" }))));
+        return (index.h("div", { key: '431bc704e974bd077a462692526113ff5b2a47fb', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, index.h("tet-button", { key: 'ca7947f37e0bf6482a96260636aa19a7de0c278a', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: translations.translate('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, index.h("tet-icon", { key: 'ebaebc4048be36613bde41bb65cc760a4f5039bd', name: "remove" })), index.h("input", Object.assign({ key: '8574037a98bb73a23164266bd4e732e52fad3286', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), index.h("tet-button", { key: '9212e461c199f6992a78d368a28343a6b4456784', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: translations.translate('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, index.h("tet-icon", { key: '75fce150a780e0096474bd36eac33f0d9f20fd75', name: "add" }))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"],

package/dist/cjs/tet-stepper-v2.cjs.entry.js

@@ -42,7 +42,7 @@ const TetStepperV2 = class {
         this.theme = 'light';
     }
     render() {
-        return (index.h(index.Host, { key: '6db99c4540cadbae5cd67c44cce6641d358facf2' }, index.h("ol", { key: '0598d05a8185ab2f493f8a230f6324f4f3f3f23e', class: {
+        return (index.h(index.Host, { key: 'bf0391a519725edda950477b4fb2e65f3efbcd5a' }, index.h("ol", { key: '0dcd47ef6b926e42f99a6d519908aa1c2edfdcd8', class: {
                 'stepper': true,
                 [this.theme]: true,
             } }, this.stepperData.map(this.renderStep.bind(this)))));

package/dist/cjs/tet-stepper-v3.cjs.entry.js

@@ -34,7 +34,7 @@ const TetStepperV3 = class {
         this.theme = 'light';
     }
     render() {
-        return (index.h(index.Host, { key: 'f6d321239d6ced25d0656bff13c4af28fc1ef07c' }, index.h("ol", { key: '9e9a11daf346b319c865c152d41e766f12df415e', class: {
+        return (index.h(index.Host, { key: 'f188f20382244419b66366f8eb16564e01900232' }, index.h("ol", { key: 'd4b2ac52620e05ed443dea2d1254fa4652ce3151', class: {
                 stepper: true,
                 [this.theme]: true
             } }, this.stepperData.map(this.renderStep.bind(this)))));

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

@@ -76,7 +76,7 @@ const TetStepper = class {
         this.stepperData = [];
     }
     render() {
-        return (index.h(index.Host, { key: '7816d4c78b669214dbb9e2dd0b4742532fdc81bf' }, index.h("ol", { key: '7e494dfbdecd3b26df5d617ead516860cea177aa', class: "stepper" }, this.stepperData.map(this.renderStep))));
+        return (index.h(index.Host, { key: '44e037b2ff2ab9ed0c4d031e8e1719490a07b63d' }, index.h("ol", { key: '6f59daa3ac41ceb2ee53459ac4de4cdef57cf67c', class: "stepper" }, this.stepperData.map(this.renderStep))));
     }
 };
 TetStepper.style = TetStepperStyle0;

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

@@ -36,7 +36,7 @@ const TetSwitch = class {
     }
     render() {
         const { label, name, theme, disabled, checked, accessibilityLabel } = this;
-        return (index.h(index.Host, { key: '194cc7a844019244831eaa6e042a2389e5c527ba' }, index.h("div", { key: '8b71a6438f53894a49663ecdb6fbf56df14fde1a', class: { 'switch': true, [`${theme}`]: true } }, index.h("label", { key: 'a3b25d09caa5cb35454593a87a7ea66e13d96860', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, index.h("input", Object.assign({ key: '7b11d784e4f27a7f7c2132c632aa475612cb2023', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this) }, (accessibilityLabel ? { "aria-label": accessibilityLabel } : {}))), index.h("span", { key: '3b09dda0cf7a9ca1b7986a2b6bf8c60c0673a60c', class: { "switch__input": true, [this.theme]: true } }, index.h("span", { key: '94345e006b08d32c42792aba6d2175f6f3ef3d8b', class: "switch__state" })), label
+        return (index.h(index.Host, { key: '8514d8a146cd703f0134a84c777a6432523e0737' }, index.h("div", { key: 'f0cbfc84b094ed4b37b588cce6a15dbeb2a46111', class: { 'switch': true, [`${theme}`]: true } }, index.h("label", { key: '716c211d0e46793748c2e264db43cb159548918b', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, index.h("input", Object.assign({ key: '8a39dfc9a21507d34ca1b29a43195fd74e021ca4', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this) }, (accessibilityLabel ? { "aria-label": accessibilityLabel } : {}))), index.h("span", { key: 'bc967a7c7b30b16cf38d5d5a946889a50d470adc', class: { "switch__input": true, [this.theme]: true } }, index.h("span", { key: 'eede184dc1464ac67b543a69ea2ed11d89d7663a', class: "switch__state" })), label
             ? index.h("span", { class: "switch__label", innerHTML: label })
             : index.h("span", { class: "switch__label" }, index.h("slot", null))))));
     }

package/dist/cjs/tet-tab-header.cjs.entry.js

@@ -471,7 +471,7 @@ const TetTabHeader = class {
         return {};
     }
     render() {
-        return (index.h(index.Host, { key: '8e9af5049a6bb8a859c244cb96dceca67d2fc556', "data-id-suffix": this.idSuffix }, index.h("div", { key: '894811c0f2bc7c99e64c1de93d1b515dbde20d87', class: {
+        return (index.h(index.Host, { key: '69375bd1efd1b8ffc58e5a5b20d534a429d04fc5', "data-id-suffix": this.idSuffix }, index.h("div", { key: '62b614ad945461fe2cae468dd82f69f88fd6f4f2', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 'dark': this.darkMode,
@@ -479,7 +479,7 @@ const TetTabHeader = class {
                 [this.theme]: true,
                 [this.sizing]: true,
                 [this.type]: !!this.type
-            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, index.h("slot", { key: '84ed4fee9a29fcd2edf2c0b185b2b49a6b7e0b25', ref: (slot) => (this.tabContainer = slot) })), index.h("div", { key: 'fda7d023f752a285189ddb6115f9d077b1a69702', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, index.h("slot", { key: '6f84be168ec7fef30d35eea8c221236896a74906', ref: (slot) => (this.tabContainer = slot) })), index.h("div", { key: '7b8f4b5199a4871b2aee1cf9381e479da03622b0', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -333,7 +333,7 @@ const TetTable = class {
         return { 'table__cell--inner': inner };
     }
     render() {
-        return (index.h(index.Host, { key: 'af1feba63ce31060492e976c88e1b73012380732' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
+        return (index.h(index.Host, { key: 'c62aa53aa5974c56dafe358b3e043b280322c156' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -28,12 +28,12 @@ const TetTag = class {
         translations.processTranslations('tet-components', this.language).then(() => index.forceUpdate(this));
     }
     render() {
-        return (index.h(index.Host, { key: 'b6dffe961943e852133995f35073a563b024340e' }, index.h("button", { key: '48590aaad3bf03f9eff3690059deed93f4468314', class: {
+        return (index.h(index.Host, { key: '9adf21e526708f99322d9d75d7a533295feacad4' }, index.h("button", { key: '534e66a2ad0e858a1bb0cec2f35ff4926325f749', class: {
                 tag: true,
                 'tag-active': this.active,
                 'tag--icon': this.showIcon,
                 [`theme-${this.theme}`]: true,
-            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && index.h("p", { key: '9ddacbb44d1d26a8aef5a0be1dc121585055ecba', class: "tag-title" }, translations.translate(this.tagTitle)), this.count !== null && this.count !== undefined && index.h("span", { key: '67d5d37be4b670c6537f12884fd0c7aca57d64a5', class: "tag-count" }, this.count), this.showIcon && index.h("tet-icon", { key: '67c35afca626a00be20ea8a0ad3b70c132dfb34a', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && index.h("p", { key: 'ce9882a609dfd7e21bbc6109cab368e885ef4694', class: "tag-title" }, translations.translate(this.tagTitle)), this.count !== null && this.count !== undefined && index.h("span", { key: '63ce70c6ae2193fcef302f70d2eb4f36db0d2021', class: "tag-count" }, this.count), this.showIcon && index.h("tet-icon", { key: '85cfc52b1b50d9c58051a56a16d2c73b57c0533d', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"]

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

@@ -56,8 +56,8 @@ const TetTextarea = class {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (index.h(index.Host, { key: '35d6c7f56baf110a6fdd040e9afc92ab67444b89' }, index.h("label", { key: '9b54f030e31710f7b5dd6f004ef026d2bc3dfe5e', class: { [`${theme}`]: true } }, label &&
-            index.h("span", { key: '908d7c15be79dbda56b8ee5f60944200800800c2', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), index.h("div", { key: '210c1cf1c9a5d15487bc6fd751c390112a36f8d3', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, index.h("textarea", { key: '5190d423928960cdbdd1c8e2730b9c0530a62ce6', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off" }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (index.h(index.Host, { key: '909fe293456d0c8be0b5f8a39e5b63a323380ce8' }, index.h("label", { key: '3f0f9564bad315e959a5c618a022852b2f28ec0f', class: { [`${theme}`]: true } }, label &&
+            index.h("span", { key: '610393736f1dcb6ffff2a17cc943cf63495738ce', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), index.h("div", { key: '9ae25c4104ba8a17d9ffce33ae9801cef6c35947', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, index.h("textarea", { key: '31f72aa28b27fe622ee412224b4084e2816133a4', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off" }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
     }
 };
 TetTextarea.style = TetTextareaStyle0;

package/dist/cjs/tet-thank-you-view-v2.cjs.entry.js

@@ -77,7 +77,7 @@ const TetThankYouViewV2 = class {
         return (((_a = this.stepperData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { class: "thank-you-view-v2-stepper" }, index.h("tet-stepper-v2", { stepperData: this.stepperData, theme: this.theme }))));
     }
     render() {
-        return (index.h(index.Host, { key: '122fecdfefa364ed96def9b24407c983a1995f24' }, index.h("div", { key: '51fd6bb53b1bb42ef92d21bfc413cf1e758fda56', class: {
+        return (index.h(index.Host, { key: 'b45532b3c5af6f7a3054d054dca57a8b0e4c4363' }, index.h("div", { key: '77aba73ee208306cc5313599c2f7233d89117551', class: {
                 'thank-you-view-v2': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js

@@ -77,7 +77,7 @@ const TetThankYouViewV3 = class {
         return (((_a = this.stepperData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { class: "thank-you-view-v3-stepper" }, index.h("tet-stepper-v3", { stepperData: this.stepperData, theme: this.theme }))));
     }
     render() {
-        return (index.h(index.Host, { key: '72bae6edfb6d4bceb82a77d372619689fef1dd28' }, index.h("div", { key: '2b359142190679665f38c43159d22ccc1124d291', class: {
+        return (index.h(index.Host, { key: '98dab92980b4d57cd315bc4585bd5e78356f3d39' }, index.h("div", { key: 'f86db8807ee8fdf122d1e38cbccf3f4bdc87dbb8', class: {
                 'thank-you-view-v3': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

package/dist/cjs/tet-thank-you-view.cjs.entry.js

@@ -79,7 +79,7 @@ const TetThankYouView = class {
             'thank-you-view-main-block': true,
             'no-header': !this.headerToolbarSlot
         };
-        return (index.h(index.Host, { key: '4088262b13f81161673c9fe43a3a1db15edeaf19' }, index.h("div", { key: 'de77f4278599fa0822903497a1cef0c21f95b673', class: mainClasses }, this.renderHeaderToolbar(), index.h("div", { key: '69ebdb6eb265fa790fc1f3e654f87c0c7c507fd9', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (index.h(index.Host, { key: '36601fe8200bec96f83a19948f45628c313d813f' }, index.h("div", { key: '32c47bdcad60b05ce0174dc87b4a09ab24e407d4', class: mainClasses }, this.renderHeaderToolbar(), index.h("div", { key: 'b9c1b2ea0c8b709ac5cb31d152c0df6dc8a311a0', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/tet-tv-gift-block.cjs.entry.js

@@ -38,7 +38,7 @@ const TetTvGiftBlock = class {
         this.setContainerSize();
     }
     render() {
-        return (index.h(index.Host, { key: 'f52e7c4d06337ff2a3ee9a4401d38510f1d04a2c' }, index.h("div", { key: '0a513352081a17b9bae472df5a0aba40a9fa3ce2', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, index.h("div", { key: 'a047f3784cb12829fa67e3f848504332ee7549f6', class: "tv-gift__header" }, index.h("slot", { key: '853df25206c528d4f141cd1868ae45a8433c2abe', name: "header" }, this.headerImageSrc && index.h("img", { key: 'c63f7a65d9dfbb33cac7693791581a5d977bd781', class: "tv-gift__header__image", src: this.headerImageSrc }), index.h("div", { key: '6d9be04e54e83211f9e7763979c67589c3527f18', class: "tv-gift__header-text" }, this.headerTitle))), index.h("div", { key: '0dc796c85d1216630c788b28ccc9b32d7743dc7f', class: "tv-gift__content" }, index.h("slot", { key: '3379d6254cb7683a007f311a4957673f94d1dbc1' })), index.h("div", { key: '2d791b6152a5925a475170ef69a3b555ff4a2a20', class: "tv-gift__footer" }, index.h("slot", { key: '433f495e76106ba85a4d320ab8969cdafdaf5885', name: "footer" }, index.h("span", { key: 'bcc7f1c5a1c80ede10fa25ca6e450cbc57872518', class: "tv-gift__footer__title" }, this.footerTitle), index.h("span", { key: '7bbc60c57b99a81682e650d5bf0a6c85dd18e523', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (index.h(index.Host, { key: '768511a1419e708eb02e438e3b20a7063ff8c282' }, index.h("div", { key: '46c28a41d38c6d97dfc8483df532263471727a44', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, index.h("div", { key: 'e7d1fc3a9898aa5ec79a581c2be6033bd781aa9e', class: "tv-gift__header" }, index.h("slot", { key: '3fef36341bcb445344871de8ca4f14638aacf590', name: "header" }, this.headerImageSrc && index.h("img", { key: '8a3cd0551ee5a8720900716e23326472c2191bca', class: "tv-gift__header__image", src: this.headerImageSrc }), index.h("div", { key: 'a5a6d87017b675480ed3267db1463c58d2a109cf', class: "tv-gift__header-text" }, this.headerTitle))), index.h("div", { key: 'a17a1b3ce8e9204fa2801048c0ed49eba1380d77', class: "tv-gift__content" }, index.h("slot", { key: 'e0229072d46653aa34a2dcd1c4a227c22e1c9376' })), index.h("div", { key: '86f9a511f9280ae1fc9256400e53a006a9a828b0', class: "tv-gift__footer" }, index.h("slot", { key: '45b5e974c3af754a2b4c31ebb54b08b5625629a1', name: "footer" }, index.h("span", { key: 'a4fc1115052bcce9c5bebbf886b6c804512164b3', class: "tv-gift__footer__title" }, this.footerTitle), index.h("span", { key: 'a9ad52a528e9765a34885e0842475305036e5a0e', class: "tv-gift__footer__text" }, this.footerText))))));
     }
     get element() { return index.getElement(this); }
 };