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

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

@@ -117,7 +117,7 @@ export class TetCustomerAssets {
         return provisioningStatus === 'Active' && tetProductType !== 'ConsumerGoods';
     }
     render() {
-        return (h(Host, { key: 'b673df48957c6ce5b4a6df1a1e89356ec840d64b' }, h("div", { key: '24f1756f8d4c83d02bc88197f37ec35bbdb32aef', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: '03e2386df6de8157fd536b3ab482c85ce4900c59' }, h("div", { key: '758d781e0fa63e06519b500595d32095b271b9da', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
             ? h("tet-loader", { class: "loader-single" })
             : this.showLoader ? this.renderLoader() : this.renderAssetsList())));
     }

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

@@ -42,9 +42,9 @@ export class TetReferral {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: '3332ca8239b865cb6debc47b04c9cf937caa058d' }, h("div", { key: '17cc752818ad7818282bd9b2a4780e3d6c9c480f', class: "wrapper" }, h(ThemeWrapper, { key: '02c4f3bd64acf223dfdb767553430bb41bb4748d', theme: this.theme }, h("div", { key: 'f164eab70a3e58bc7e5a08afa399fdf8dd945bf6', class: "image-container" }, h("img", { key: '0e9df07212aa90ecfa5f2975ab2d4e8a12947eab', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '9fb0e7ae14ea53aefc989ffd0ea4b14130543919', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '2161eb3fb1fe81bbb7c3514284c6b0e206b96125', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '59b6e1a26ecb27ed69d02b630d9ffdfe5aeff4ef', class: "referral-block" }, h("div", { key: '632d18b77e3734dd358505824fcae50543322d6f', class: "url-wrapper" }, h("div", { key: '3dc7e060e2939768ffd2c490e3622cc675099622', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'b932a84100e6b4e15c88516b1b1b8159d669e656' }, h("div", { key: 'af8b3e26e26dce8f4e7211283d0487ba32331283', class: "button-wrapper" }, h("tet-tooltip", { key: 'd512ba811ad7d530fdd0697aa7a7ea6e843d5ef7', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: 'd3893051919ecff6805c87a71de44871a2372f94' }, h("div", { key: '044e6036efa2075739f7c4ef65b01f524d5fb330', class: "wrapper" }, h(ThemeWrapper, { key: '55005a9598ee3553e2b528d27aaaa3ca7847afad', theme: this.theme }, h("div", { key: '0477a5bf99a563a4807e83ef59f92b93fcdae492', class: "image-container" }, h("img", { key: 'c81ac767143da86a8f5f9b06231a177914d217ce', src: t('components-referral-image-url'), alt: "" })), h("div", { key: 'bb859b90da4cf1e3bcf4304f625e0b575a868ebb', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '0456b873f3430668dfa49bcd62f945697c433935', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '03f861040bf70da4f8b442d80b52f561f98dfc46', class: "referral-block" }, h("div", { key: '0f306e2f28cb4b5db328d78bd1adda5d801d4dbf', class: "url-wrapper" }, h("div", { key: 'd87c87af240dda6ce5ad0bed6f444dd34619ea20', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'e133352fb780ee6416da770de0dc3e614d811d2d' }, h("div", { key: '3414e2f7d8a4c73f3cca3ac884a3ac2927e005e9', class: "button-wrapper" }, h("tet-tooltip", { key: '4b1f6f540e0c65891b3f039297e4dec34504f130', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: '30f808697440c490728b68fafef3dfc824a87ce4', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: '5f6689c8e38c58d275d03b1d2af90cf0c6b3963b', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
     }
     static get is() { return "tet-referral"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/dialog/tet-multi-step-dialog/tet-multi-step-dialog.js

@@ -107,7 +107,7 @@ export class TetMultiStepDialog {
         return (h("div", { innerHTML: step, "data-step": Number(index) + 1, class: "multi-step-dialog__step", ref: this.setStepBlocks }));
     }
     render() {
-        return (h(Host, { key: '633893694bc160d5adca170f141a6274c55acb1c', class: "multi-step-dialog" }, h("tet-dialog", { key: 'f02b0aa33bb543fba871f7de01ef3c6d6632d88d', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el }, h("div", { key: 'e3707e61dcc1e9151ae973c0dd29fdf2f1fa9260', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '4a06311048bafe2a5f7ce9450e297ad01f9c5575', class: "footer-button", slot: "footer", size: "medium", theme: "light", type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-go-back')), h("tet-button", { key: 'a93ca8393597debe1b08dbd130fbf2a323b52889', class: "footer-button", slot: "footer", size: "medium", theme: "light", ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-next-step')))));
+        return (h(Host, { key: 'd4ef90604d3f040d6cad4045ff0f5ddcf8a62a6b', class: "multi-step-dialog" }, h("tet-dialog", { key: '1445ade28a8273a0da385539ab1c91b1182ad1e7', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el }, h("div", { key: '02035bc0daa0110507a7669d5412bf5ece36e43a', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: 'f1faebb48aaa24bff680fcec0437e48627769b99', class: "footer-button", slot: "footer", size: "medium", theme: "light", type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-go-back')), h("tet-button", { key: '1f995ae147be7496d0b57a6c4ab8e9c5c80563fa', class: "footer-button", slot: "footer", size: "medium", theme: "light", ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-next-step')))));
     }
     static get is() { return "tet-multi-step-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -121,7 +121,7 @@ export class TetAvailabilityContactForm {
         return (h("div", null, h("tet-dialog", { ref: (element) => this.dialogElement = element, "footer-display": "hidden", "is-open": this.showAvailabilityContactForm, closeOnEscape: true, closeOnOverlayClick: true }, h("div", { class: "form-container" }, h("tet-icon", { name: "confirm-md", class: "icon icon-success icon-size" }), this.showTitle && h("h2", { class: "form-title" }, t('components-availability-contact-form-success-title')), h("p", { class: "form-subtitle" }, t('components-availability-contact-form-success-subtitle')), h("tet-button", { class: "form-container-close", clickCallback: this.closeDialogElement, size: "medium", type: "primary", theme: "light" }, h("span", null, t('components-availability-contact-form-success-close')))))));
     }
     render() {
-        return (h("div", { key: 'b59f08b2e78fa184091772924ebc049e74fde605', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: 'c90e37076d2130414342d14b488784be8397330b', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
     }
     static get is() { return "tet-availability-contact-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -64,7 +64,7 @@ export class TetContactForm {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("div", { key: 'a406dd58d8abbbd66e5a60c2a6fcc8ff9b43afed', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '16ee2ee05637aa41e05f88b9f20ce0faac043d2a', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '8200dcfa4d6cc25e6ad8adcece335415754ca11a', class: "form-container" }, this.showTitle && h("h2", { key: '36354fe11b6bb884f9d89ebe876f3ef140551a39', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '4b37d3198bd735f78284cfd15b4c156b50a65842', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '2b7381ca8fefdf1ce67578a6c41c35ed7b73785b', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? t('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), h("tet-button", Object.assign({ key: '62f6169f6f1099486287e272e6ad248e974c8bb0', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit') }, this.submitButtonProps))))));
+        return (h("div", { key: '6588e9028cb3a6d47ce453f9e9650b1b29316fbb', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '6dd69d743e10901f9b59d7416daa6626394d2723', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '1f5392d59a7a38db30c925bc9968db648eff778f', class: "form-container" }, this.showTitle && h("h2", { key: '800ab1fb2337042722dce2621ca0d7233fc97acd', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '2f3c8b17c29af7d05f157b23dc8d355173cc9075', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '891cd6dd5bbe898dfda21d7ad64dd7e1e3384dfa', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? t('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), h("tet-button", Object.assign({ key: 'd13f2fe309e7c20dce2f24b2234f90399a988f03', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit') }, this.submitButtonProps))))));
     }
     static get is() { return "tet-contact-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-block/tet-tv-gift-block.js

@@ -32,7 +32,7 @@ export class TetTvGiftBlock {
         this.setContainerSize();
     }
     render() {
-        return (h(Host, { key: '773c99d1d823ed554a985350636fa1348ee506aa' }, h("div", { key: '76a060efd5ba9e6cb55eab6b1b647d7dcad11141', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '0b8cef43b12b3348d50db5ca9a4f4189b96f3f3d', class: "tv-gift__header" }, h("slot", { key: '17822143d4254b3be6d587636579267c0a34c7b3', name: "header" }, this.headerImageSrc && h("img", { key: '217ac86bf1aa0ea3a1c99874bd3db5e45c9aae2e', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '768015eb08dd1c07e53f99c1292c256f72beffa9', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '74b7a7f8c819413294234782206863364937cb89', class: "tv-gift__content" }, h("slot", { key: 'e13aa5eb82c7df4e9cb944e593cb796ad8e330b1' })), h("div", { key: '2e4b475da19e1f865901956512f6cdb87c0ca3de', class: "tv-gift__footer" }, h("slot", { key: 'aeb0accc43dc733d9c4b7dbc5d1c7bf7f6c47c7e', name: "footer" }, h("span", { key: 'ad4a3cc8120bc42d32bf531bacca32293a0a908d', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '8b3d4880010b24d474b8f6d28095fa2f319ad685', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: 'f39930403e10f1e281e9279216351d7afc73ad64' }, h("div", { key: 'bf810cdd3302bd5cd1169fab6706840549a83f78', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: 'df9a77be9f09829ab996586451a00e179d663528', class: "tv-gift__header" }, h("slot", { key: 'ad9ae4e733a1e4fa7533407bc0b396fc390cf517', name: "header" }, this.headerImageSrc && h("img", { key: '9e6a3155474239c3aaab877c39b26cc45963e23c', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '9752f77a6662ec7677a93c4facb882e36b0b79aa', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: 'e124fe98652bacb9ef6240c6af19ce577bbb20af', class: "tv-gift__content" }, h("slot", { key: '04e2a9229415920764895c0c2d69ef2dd7812fd0' })), h("div", { key: 'd08a2e0e3a66d7b61b769fc3b919116debd5d322', class: "tv-gift__footer" }, h("slot", { key: '4d6bff279b8be55179ebbb464402ec0634d8956e', name: "footer" }, h("span", { key: '4ed0da5b3b6efc60675b14b1032293554e134428', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '5059692b1b215b8fd82047bc63315e71af52619b', class: "tv-gift__footer__text" }, this.footerText))))));
     }
     static get is() { return "tet-tv-gift-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-list/tet-tv-gift-list.js

@@ -34,11 +34,11 @@ export class TetTvGiftList {
         this.setContainerSize();
     }
     render() {
-        return (h(Host, { key: 'f78e2fd97372592e8b27c6ac7b313504591bbb45' }, h("div", { key: '17147eb3f22f40c0afdbd148116e79b4d71fa9ee', class: {
+        return (h(Host, { key: '916d6aa1bf9b6a276884aeec360e4661f94dd010' }, h("div", { key: 'b085817d08774c713a023220cfebb994daffb339', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: 'ad1a60ae4e733c844d18ea6b871b0b36785eb358', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'cd8524ed32af00412ed4fbe181d595fbc14f1540', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '3a2f652f73a10013d61dfceb5b733bcd6879b443', class: "tv-gift-list__list__wrapper" }, h("span", { key: '6452f20ba9a42b607c71b03cd4708b27193b8a3a', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '8ee50e9c915a4d02dd20d2932919c07e95e3ccb8', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
+            } }, this.imageSource && (h("div", { key: '3fc658b74df4db34863af722d939697335cf96f5', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'e19f509340e1d59037bff948ca72975014c5582f', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '678edcbe863d7dd45c03c19c8b997e0c22adc868', class: "tv-gift-list__list__wrapper" }, h("span", { key: '4d8026096d8569360aeccc5a7312d2241af37ba8', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'effab6c7e881913a19ebc0ef4e31dfd5ed2591cc', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
     }
     static get is() { return "tet-tv-gift-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-button/tet-button.js

@@ -35,7 +35,7 @@ export class TetButton {
         return (h("div", { class: "button__content" }, h("slot", null), h("tet-icon", { name: this.iconName })));
     }
     render() {
-        return (h(Host, { key: 'f74633e0ab79a8bda50347cacd9112cdcf731c77' }, h("button", Object.assign({ key: '020d85e05e57ca53ded783f06a280e69b72f1fae', part: "button", onClick: this.handleClick, id: this.elementId, class: {
+        return (h(Host, { key: '373ef8c5d90dca2a7c0c08675f6d59812d6efd67' }, h("button", Object.assign({ key: '97d3bc770788596607f7d451518674cf443fe115', part: "button", onClick: this.handleClick, id: this.elementId, class: {
                 button: true,
                 [`button-${this.size}`]: true,
                 [`button--type-${this.type}`]: true,

package/dist/collection/components/basic/buttons/tet-checkbox/tet-checkbox.js

@@ -57,7 +57,7 @@ export class TetCheckbox {
     }
     render() {
         const { label, name, checked, value, disabled, error } = this;
-        return (h(Host, { key: 'a1b82f46971bb28bad2d2dd2e6710b74493062bf' }, h("div", { key: 'f940718cd92c51c2539a4bda4e6045cae52bcc4a', class: { checkbox: true, [`${this.theme}`]: true } }, h("label", { key: 'd9605cc70023629d9e310f89e9d9c0930c5e0e86', class: "checkbox__container", part: "checkbox-container", htmlFor: "tet-checkbox" }, h("input", { key: '4b027f65600277d5503fba7f1b9d43587711f532', ref: (el) => (this.inputEl = el), class: "checkbox__html-input", id: "tet-checkbox", type: "checkbox", name: name, value: value, disabled: disabled, checked: checked, onChange: this.handleChange }), h("span", { key: '328bd69893030a78b22b919647a7979fc5986e41', class: { 'checkbox__input': true, 'checkbox__input--error': error } }, h("tet-icon", { key: '5a49a6a251cc21a572f558116e91c5ffd3673d87', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: '6447610f05dc85b21cf4689a6bd586f570cfd471', name: "check", class: "checkbox__icon" })), label ? (h("span", { class: "checkbox__label", innerHTML: label })) : (h("span", { class: "checkbox__label" }, h("slot", null)))))));
+        return (h(Host, { key: 'a89ef348b27fb1d7e11bf45ce6ad6ee58daeecc5' }, h("div", { key: '080c5d3e1189750055069afba2f164f2879e8574', class: { checkbox: true, [`${this.theme}`]: true } }, h("label", { key: 'db18b289ef1d225b2e61777e345f25b46777b4c4', class: "checkbox__container", part: "checkbox-container", htmlFor: "tet-checkbox" }, h("input", { key: '36a95277efc81e4b6de0f9175acc2b7ff9ed9769', ref: (el) => (this.inputEl = el), class: "checkbox__html-input", id: "tet-checkbox", type: "checkbox", name: name, value: value, disabled: disabled, checked: checked, onChange: this.handleChange }), h("span", { key: '9d10c1357258974fee4c3281f430c074ca600546', class: { 'checkbox__input': true, 'checkbox__input--error': error } }, h("tet-icon", { key: '85b49019f35fb7ee55a2186669000c05260e3441', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: '0a07bf254eb89e97caa9106452f53336dfbf3f80', name: "check", class: "checkbox__icon" })), label ? (h("span", { class: "checkbox__label", innerHTML: label })) : (h("span", { class: "checkbox__label" }, h("slot", null)))))));
     }
     static get is() { return "tet-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-radio/tet-radio.js

@@ -45,7 +45,7 @@ export class TetRadio {
     }
     render() {
         const { id, disabled, value, checked, name, label, handleInputChange, accessibilityLabel, inputAutofocus } = this;
-        return (h(Host, { key: 'f390c9749d5b2ea79058da7169a69154533ebe28' }, h("div", { key: '6ef9ab27b3eda1559412a9f8043cffebdf5f4529', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '9a4058656b39b10483a977d7105ce8d2820e1b3c', class: "radio__container", htmlFor: id }, h("input", Object.assign({ key: '6d801c90500e2724fc1dd03de75cf2e3d2d30539', 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' })), h("span", { key: '227f509a4eff043ce71a177a2733b04a23dacf82', class: "radio__input" }), label ? (h("span", { class: "radio__label", innerHTML: label })) : (h("span", { class: "radio__label" }, h("slot", null)))))));
+        return (h(Host, { key: '9d4e97f67d17db77b586ee9995ccdcfe796df61c' }, h("div", { key: 'c87898e0f4c2a8fd944ced231879f0ce5db023fb', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: 'ea90c93dca84ade2da7d19dd19f1215201326b36', class: "radio__container", htmlFor: id }, h("input", Object.assign({ key: '0a06d1d08222c5631a25bd0360899d34f382d433', 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' })), h("span", { key: 'd047e1844d5e04790ede195891aa07e23d7092eb', class: "radio__input" }), label ? (h("span", { class: "radio__label", innerHTML: label })) : (h("span", { class: "radio__label" }, h("slot", null)))))));
     }
     static get is() { return "tet-radio"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/basic/buttons/tet-switch/tet-switch.js

@@ -35,7 +35,7 @@ export class TetSwitch {
     }
     render() {
         const { label, name, theme, disabled, checked, accessibilityLabel } = this;
-        return (h(Host, { key: '6409ae31bd3653c44b9f4d3ef3634b52f5fa1360' }, h("div", { key: '65f3829de280d36ab837581b8407963848e226b5', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: 'dff4882e6009b5adc36f99012719a641db62b7a4', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, h("input", Object.assign({ key: '72dda617b6f1aa58a8c9ddf947be4eee8a093e71', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange() }, (accessibilityLabel ? { "aria-label": accessibilityLabel } : {}))), h("span", { key: '8d3d2b04cba2c8440284350b2f9770adc30b33b1', class: { "switch__input": true, [this.theme]: true } }, h("span", { key: 'c7a8d9a8db5ad7badfe28f75dfc14f65bb9370ef', class: "switch__state" })), label
+        return (h(Host, { key: '2d5add73c554040c44881a48c823f9614b9dfd12' }, h("div", { key: '4e2e13a81e6e7af6f0522b23b33ba5cbe591f444', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: 'fc4abf01d12c750a00f0841ab37e9d4da5222c4e', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, h("input", Object.assign({ key: 'f429b596f4c47b912fdc1b94afd4a0a828c75462', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange() }, (accessibilityLabel ? { "aria-label": accessibilityLabel } : {}))), h("span", { key: '01dfe5dd5c238e4718af815db301a26328bba7e7', class: { "switch__input": true, [this.theme]: true } }, h("span", { key: '0847b29a35dd9b78e665ec76d8e09ef3d0021233', class: "switch__state" })), label
             ? h("span", { class: "switch__label", innerHTML: label })
             : h("span", { class: "switch__label" }, h("slot", null))))));
     }

package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-content/tet-tab-content.js

@@ -151,11 +151,11 @@ export class TetTabContent {
         this.selectedId = id;
     }
     render() {
-        return (h(Host, { key: '4279907df048529bd7bb909b4ee34e2a5aa2b781' }, h("div", { key: '0f374eec13bae8c5bd5e4e0f5c53727503ef61d5', class: {
+        return (h(Host, { key: 'cc2d47c56bb6d99670fc4072186e2f3fef926e21' }, h("div", { key: 'b3c2a1796e3eec54f893cfe5b092869a0e9e3d0e', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, h("slot", { key: '1fa5b7378d3bd9e4c6b48107612995f1a1b8a45c' }))));
+            } }, h("slot", { key: '14533f1a88f6429dd76c0eb963ef9c2bef870d09' }))));
     }
     static get is() { return "tet-tab-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.js

@@ -470,7 +470,7 @@ export class TetTabHeader {
         return {};
     }
     render() {
-        return (h(Host, { key: '42a86d1424415d39ba36bdd493d809edd3dfae71', "data-id-suffix": this.idSuffix }, h("div", { key: '401042dad8012c309ddab9627c2be0bdb2845311', class: {
+        return (h(Host, { key: '6ea0901fd1e00a77f21c510a7a267b372cd6d08d', "data-id-suffix": this.idSuffix }, h("div", { key: 'a118a3c884c227afedbc79dcff49d62dd02466a5', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 'dark': this.darkMode,
@@ -478,7 +478,7 @@ export class TetTabHeader {
                 [this.theme]: true,
                 [this.sizing]: true,
                 [this.type]: !!this.type
-            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, h("slot", { key: '73fafe43761169a3e2a9d1e9b2718d955afe6462', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: 'df2d4053d730d7bd146579a7fada833b7cda1cc0', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, h("slot", { key: '261e93e59e6b2f97d607f4172f8bf6a985938b1d', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: '31255fb173b05d9e9fb3816a73cb38e66fe0837e', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
     }
     static get is() { return "tet-tab-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-tag/tet-tag.js

@@ -20,12 +20,12 @@ export class TetTag {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: '26e4d377e0bf498e773cf3bbb9a316eb5413c8db' }, h("button", { key: '7034a6c7ac6168c2c78bd6190d31f397dc436331', class: {
+        return (h(Host, { key: '6b22a7fbfada68a4a1a89db5ea10d8c1c15d4a2d' }, h("button", { key: '6e970a28689f994a1e989f42fcb37ea59015796d', class: {
                 tag: true,
                 'tag-active': this.active,
                 'tag--icon': this.showIcon,
                 [`theme-${this.theme}`]: true,
-            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: 'f6ff0d60f26afb6010949f59095d1ceca5a0df9d', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '65dc53b0ed299b49d80634c745916b04dde44325', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '4790727ca0ac7ee763a3c7047f89b1a65ab9b13c', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: 'db99c711d9a4044fa86502e379e19ec9476f8b69', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '6fa2093fd85ea9e27bb6f5f8175aee0278a02a0e', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '07440df78b1fa8b9a26b77a6b21324efd3250f64', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -185,10 +185,10 @@ export class TetCarousel {
         window.removeEventListener('resize', this.getScreenCount.bind(this));
     }
     render() {
-        return (h(Host, { key: '0157c9ac957df9bdb5b083899098009e2cc7ecad' }, h("div", { key: 'cb7b16e9701289aa67cc3b2d31bc33e5b7ce0362', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '08eb3c66aafc001424ce1bb1d5ee1d97917bd6bf', class: "tet-carousel__container" }, h("div", { key: 'b8c676d69acf8109fd74ca8df543273d184b6d9d', class: "tet-carousel__track", ref: (el) => (this.trackElement = el), style: {
+        return (h(Host, { key: '255a521b354949d9ba0e9a0f4bcb0230f13c8e65' }, h("div", { key: '16a76ddaf78beea978c8921b9fc33dcc5e923c78', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '0d0efbca0d92fff5dac31b252e7d9fd6bc7115e7', class: "tet-carousel__container" }, h("div", { key: 'dd48c6d78e0a92b046b8c331fcdb35a74acd49c2', class: "tet-carousel__track", ref: (el) => (this.trackElement = el), style: {
                 transform: `translateX(${this.dragOffset}px)`,
                 transition: this.isDragging ? 'none' : `transform ${this.transitionDuration}ms ${this.transitionTiming}`
-            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '25cfbc03f510d3b4a3fb829bb245b4286bd82c78' }))), h("div", { key: '7d621ba43607dd5643e6f92460886d49efdd3132', class: "tet-carousel__controls" }, this.showButtons && (h("div", { key: '679814b258e613bb966bfad11958b52dfca24de9', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '2dded2135a98085dfd55a1f8882b8978ddcbff22', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, onClick: this.handlePrev, "aria-label": "Previous", disabled: this.screenCount <= 1 || this.activeIndex === 0 }))), this.showDots && (h("div", { key: '55f6b0b969b18d1ddc3e8d5b7874c17fa0eb1c0b', class: "tet-carousel__dots" }, Array.from({ length: this.screenCount }).map((_, idx) => (h("span", { class: `tet-carousel__dot${idx === this.activeIndex ? ' active' : ''}`, key: idx, onClick: () => this.handleDotClick(idx) }))))), this.showButtons && (h("div", { key: '268592435ca6c980fc6331df7a55ce65c64abcdc', class: "tet-carousel__buttons " }, h("tet-button", { key: '558e466fc884f08cb03545ad29fa6dbdb09f1239', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, onClick: this.handlePrev, "aria-label": "Previous", disabled: this.screenCount <= 1 || this.activeIndex === 0 }), h("tet-button", { key: 'bc84b7c86375cfa336d1dbd4abe777032d3d37f6', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, onClick: this.handleNext, "aria-label": "Next", disabled: this.screenCount <= 1 || this.activeIndex === this.screenCount - 1 })))))));
+            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: 'c5dd9947e507922fa4208da24e66cbe58aef7cf5' }))), h("div", { key: '0f6566ad2cb21bc8dfe42defd586ae3a4c81b244', class: "tet-carousel__controls" }, this.showButtons && (h("div", { key: 'a64b7c46aa79c0d2e5340c5a2832232a3157ee0e', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '631a208ca03b3727db5c91237564b0d71d88acb0', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, onClick: this.handlePrev, "aria-label": "Previous", disabled: this.screenCount <= 1 || this.activeIndex === 0 }))), this.showDots && (h("div", { key: '2ff28ace1dbf26f006de113fe9bcdb753486cc6e', class: "tet-carousel__dots" }, Array.from({ length: this.screenCount }).map((_, idx) => (h("span", { class: `tet-carousel__dot${idx === this.activeIndex ? ' active' : ''}`, key: idx, onClick: () => this.handleDotClick(idx) }))))), this.showButtons && (h("div", { key: '6607ecd96414f5f6690b47af6518bd75e95516ee', class: "tet-carousel__buttons " }, h("tet-button", { key: '16d495f917e93207067ace6dc35d17f8bf4b4b57', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, onClick: this.handlePrev, "aria-label": "Previous", disabled: this.screenCount <= 1 || this.activeIndex === 0 }), h("tet-button", { key: 'f74d97a6adceaac940cec5de045b1c3e4c284c6e', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, onClick: this.handleNext, "aria-label": "Next", disabled: this.screenCount <= 1 || this.activeIndex === this.screenCount - 1 })))))));
     }
     static get is() { return "tet-carousel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,12 +11,12 @@ export class TetContainer {
         this.theme = 'classic';
     }
     render() {
-        return (h("div", { key: 'f28509e88933c97f146e61b283186ea58c3c5c22', class: {
+        return (h("div", { key: '950b6aaaf891a7b7f6704eb41c229a1e94508beb', class: {
                 'container': true,
                 'container--highlightable': this.highlightable,
                 'container--selected': this.selected,
                 [`container--${this.theme}`]: this.theme !== 'classic',
-            }, part: "container" }, h("slot", { key: 'b11f3410a35b56c2e43d0495751e1e0fa9285f42' })));
+            }, part: "container" }, h("slot", { key: 'f1664f20436cd5581752ea9df8317000fba702ad' })));
     }
     static get is() { return "tet-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class TetIcon {
         });
     }
     render() {
-        return (h("span", { key: '49816e3b2718ca788e5f144ea166f105e5ddd468', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: 'bcefb634abdab0de2dc09cbabc33655802d039b7', class: {
+        return (h("span", { key: '47b8dfa2b0eec3a36e6a268f9ee6b7e1a5d00762', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: 'e16b6c35eddf919bc15db91d3508be841b476033', class: {
                 'icon-container': true,
                 'default-color': this.shouldUseDefaultColor(),
                 [this.theme]: true,

package/dist/collection/components/basic/loaders/tet-loader/tet-loader.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class TetLoader {
     render() {
-        return (h("div", { key: '761206c2d51c653032b464e373f8f3845a39fbd0', class: "loader" }, h("div", { key: 'd58abc41d9f0c6e90c784cd5916ab0021c2a6b3c', class: "loader-inner" })));
+        return (h("div", { key: 'b59b99f715b3d462d62daa77af483f1f0a14dc2e', class: "loader" }, h("div", { key: '55cf3c77b38f5214eaadfa226cbc5bb5beef8876', class: "loader-inner" })));
     }
     static get is() { return "tet-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/loaders/tet-placeholder/tet-placeholder.js

@@ -9,7 +9,7 @@ export class TetPlaceholder {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: '651d3da26f9038f81db353a840d03f93efb46611', style: { width: this.width, height: this.height } }, h("div", { key: '775a3fc39497c8ec7479082689891fe8364a2eb1', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '7e33692dd60e6df4f2f0c015e4f165052ec5f65f', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: 'acbed8ea9816488f33863eaddbccee5f10e96c6f', style: { width: this.width, height: this.height } }, h("div", { key: 'd3a6ebcbc6cec24c9967fceccf6b12e204f96993', class: { 'dark-theme': this.darkTheme } }, h("div", { key: 'c4b7f4c86aa10cd24024828df73f8f62cec20e73', class: "placeholder", style: { height: this.height } }))));
     }
     static get is() { return "tet-placeholder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/loaders/tet-spinner/tet-spinner.js

@@ -47,13 +47,13 @@ export class TetSpinner {
         this.setForeignObjectAttributes();
     }
     render() {
-        return (h("div", { key: 'de948e2bbce4907d1647853bdee51a6b009dcc33', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: 'cde8ebc3053e18613821df28c595802e8a28504c', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: '7a19bdb70adbc86a5d390393f015c9ecda79328d', viewBox: "0 0 40 40" }, h("clipPath", { key: '92e999cb64ab644d5f0cbd738ccfe18ad0533d19', id: "clip" }, h("path", { key: '394a1e358df9ab00d3955f4df105e8145406132c', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
-              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: '7359114b0a47b1243a1e6483dfec8e28cd6185ca' }, h("div", { key: 'deeb55594d6a9364912e0faf59ce67f613e3e521', class: "spinner__gradient" })))));
+            } }, h("svg", { key: '756e19382cbdb827ee9bba96abea56c515dcfdcf', viewBox: "0 0 40 40" }, h("clipPath", { key: '8cc684c34240c16741aaeed57f85b79782d94a0e', id: "clip" }, h("path", { key: 'b300672040a9977bb6296bcf9acb3b2027f6d833', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
+              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: '7d11fdafea3cf34dbaeeaf4d39619d2205503a67' }, h("div", { key: 'd26bf343b25d9f70e0aa9ba95867b8ea2274a18e', class: "spinner__gradient" })))));
     }
     static get is() { return "tet-spinner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,12 +13,12 @@ export class TetLabel {
         this.showIcon = false;
     }
     render() {
-        return (h(Host, { key: 'fa064d6a3a9e8b3943ee29721f96e73995b13448' }, h("div", { key: 'ca6c788ffba25e2fc6ccaf6079568f6c99947887', class: {
+        return (h(Host, { key: 'f4b0e5485b9b28727b97e681d2101d265c3d9c1d' }, h("div", { key: '8ab6db411018345824da18681a79147d09e626ae', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: '8e03672f466ecaca977d5c54004b2d70f7615a8a', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'e88406f52a10ae2e664ba066a9e693df5ac8b710', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: '8423d4e4b4d545b0bf6be240705602eeef8c6bc5', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '345ec206dc39bd2a005ee1fe5e7a19720760e986', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/steppers/tet-business-round-stepper/tet-business-round-stepper.js

@@ -18,7 +18,7 @@ export class TetBusinessRoundStepper {
         this.theme = 'light';
     }
     render() {
-        return (h("div", { key: '657249a54d763400ddb8f27a0f1bf45599c68559', class: {
+        return (h("div", { key: '4dc93355c3e20b032e3440bded899e0131abf4f3', class: {
                 'business-stepper': true,
                 'business-stepper--uneven': this.layout === 'grid' && this.stepperData.length % 2 == 1,
                 [`business-stepper--${this.layout}`]: true,

package/dist/collection/components/basic/steppers/tet-round-stepper/tet-round-stepper.js

@@ -55,7 +55,7 @@ export class TetRoundStepper {
         this.calculateContainerWidth();
     }
     render() {
-        return (h(Host, { key: '2fbe9a07203c31b3807ec240e8a8123ecfc25d42' }, h("div", { key: 'd24b531f873defd8f347e3e402272bdf2478dd6b', class: {
+        return (h(Host, { key: '8997c771227d236a8f9750b0ab21a4e9b1339ed5' }, h("div", { key: '5d3f6c2c2856e4c3d303ecd9e327b5fb7d2c70bc', class: {
                 'round-stepper': true,
                 'column': this.forcedColumn,
                 'hide-icons': this.hideIcons

package/dist/collection/components/basic/steppers/tet-stepper/tet-stepper.js

@@ -70,7 +70,7 @@ export class TetStepper {
         this.stepperData = [];
     }
     render() {
-        return (h(Host, { key: '6ac0529a66f1cf0e2c8d2b107850b028cb50e2a2' }, h("ol", { key: 'c5403e7b83d047cead659f664947de3130c411e0', class: "stepper" }, this.stepperData.map(this.renderStep))));
+        return (h(Host, { key: '654a0f4716f6b09ca9a8aeaa8eadab44ea406ce3' }, h("ol", { key: '87d1f50a4d609945d022bcb4dad445a278613d09', class: "stepper" }, this.stepperData.map(this.renderStep))));
     }
     static get is() { return "tet-stepper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/steppers/tet-stepper-v2/tet-stepper-v2.js

@@ -36,7 +36,7 @@ export class TetStepperV2 {
         this.theme = 'light';
     }
     render() {
-        return (h(Host, { key: '465f30f914aec7d3d9924f163c4fbddc2690a7f3' }, h("ol", { key: '698b427da7b02faab8ebd6ea6dc25dc7a44bba67', class: {
+        return (h(Host, { key: '40c28cfa2183c7397fd3d540666b7d929e0aebc2' }, h("ol", { key: 'dd12ea6004a604075676a3a84a1f87a8d5e9e5c2', class: {
                 'stepper': true,
                 [this.theme]: true,
             } }, this.stepperData.map(this.renderStep.bind(this)))));

package/dist/collection/components/basic/steppers/tet-stepper-v3/tet-stepper-v3.js

@@ -28,7 +28,7 @@ export class TetStepperV3 {
         this.theme = 'light';
     }
     render() {
-        return (h(Host, { key: '659da09993c204f27fc5e58c155626ac6c3f648b' }, h("ol", { key: 'dd5100182342aa9d98ca2bab207dedefbae41289', class: {
+        return (h(Host, { key: 'b720f40cc9fec145223a8075bf15c875bb4f013b' }, h("ol", { key: 'db8e3c77f4f5c86e1591108c3520c868f558eac8', class: {
                 stepper: true,
                 [this.theme]: true
             } }, this.stepperData.map(this.renderStep.bind(this)))));