@tet/tet-components 1.4.49-testing → 1.4.50-staging

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

@@ -927,22 +927,22 @@ export class TetCarousel {
                 trackTransition = 'none';
             }
         }
-        return (h(Host, { key: 'cf38e235a5afbf01f6d7a39f4e8a2b5429978187' }, h("div", { key: '36e55acfea5303f28e588e803f318e56d14a3d82', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'a3cb94f942a8bfa36ff87404fbbc2a22488c1963', class: "tet-carousel__container" }, h("div", { key: 'da140fc326507460564cf93c9c31bab2daa71e8d', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: '5786969402d8119f57e8d1904f5f4a7f3bb11218' }, h("div", { key: '564887e7cfb30760cb785390b936537428d57de7', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '8119ff2c5aaad7eb6fb1880b5041e0144ac8769c', class: "tet-carousel__container" }, h("div", { key: 'dbbb2d5576544f53fba8542c4b35aa50207d6b2b', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: 'cb624143205c63dce10dcf1ca555eb57be20c42c', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: '89f5922c5c159e6c5bc488ed174715a406601e3a', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: '736dd6e3d32914b88e6636a6809ecca899485fe7', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: 'bf94c438e77f42b8c52fc0756d6cba7deb1867c5', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
                 transform: `translate3d(${this.dragOffset}px, 0, 0)`,
                 transition: trackTransition,
                 willChange: 'transform'
-            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: '0b0ce1bdc54a2d52c95990852ecdaca6d7c01df7', class: {
+            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: '415ddb4f668161850dec16227988f0ac331f5b11', class: {
                 'tet-carousel__track-content': true,
                 'tet-carousel__track-content--nudge': this.isNudgeAnimating
             }, ref: (el) => (this.trackContentElement = el), style: {
                 '--tet-carousel-nudge-distance': `${TetCarousel.NUDGE_DISTANCE_PX}px`
-            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: 'e5c5a8855cfd39787bffc7d6707912aa74119d3c' })))), !!this.label && h("div", { key: '921ecbd4a5c6e22f065aa3293143bb460e807117', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: '8b393bb4c325eaa82564371bc7209df2285a010f', class: "tet-carousel__controls" }, showButtons && (h("div", { key: '5081ee78a7e899b3066fd3516fce84de8c96c1fc', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: '847f0765347d311df9774ecd5ab8e63a19ff5fda', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: '9e60673d0d07a1876b8f3eac5b6c32ac63b5c202', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
+            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: 'cc7af6690e0f1d055cf138d632d514a276e8c4d3' })))), !!this.label && h("div", { key: '7d3dbe7d8a33d7c387b6ebbe3a98fa2212726646', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: '3e9ab188a8d6f36a1339fcd2cf9fe8a7454c950b', class: "tet-carousel__controls" }, showButtons && (h("div", { key: 'fd4d02c3837c8844efe9b9a49f35a3bdc4daa81d', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: 'f2f34157ecfd49174b452978479d537da8a03ca2', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: '5852fd0d4cc169122fa8e65a3636626b172ae9fe', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
                 ? t('components-carousel-indicator-button-active')
-                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: 'e12023fd4cacb60d29eb34485aaf09fd39b34074', class: "tet-carousel__buttons" }, h("tet-button", { key: '48274702797d73b8126560153bdb1216544c8a94', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: '80a9558cb46964597fdf5f568b7cdd988a7585f4', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
+                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: '4c919d2e7d6cadbb947a9859aa58abd0991e0b21', class: "tet-carousel__buttons" }, h("tet-button", { key: 'e609772a38498507cda8f1da6115a0a0853729ab', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: '825d6c81c5b32bff2fdb6a76ca35344b3a6c2d80', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
     }
     static get is() { return "tet-carousel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@ export class TetIcon {
     };
     shouldUseDefaultColor = () => (this.useDefaultColor || defaultColorIcons.includes(this.name));
     render() {
-        return (h("span", { key: 'b1ca0070a7ee3bb617d6ffd7dcee70935b53d98f', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: '2385e9dd50e8ee4c99e0b0878dbbeb28d9fef13f', class: {
+        return (h("span", { key: '1f174cba9086be2951563b35926a2d8b8b4ec47a', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: 'f29998670b53e64451bc5a3f39f77c9e02d1e27f', 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: 'b651b82cfae638e67343be61934129e5c3760ec9', class: "loader" }, h("div", { key: 'ee83b13beae7797ec75501702129df680729d946', class: "loader-inner" })));
+        return (h("div", { key: '3afbfe1744072ad46b70daa2dac1d33b83dfbc8f', class: "loader" }, h("div", { key: 'c6b2afda727c011080d1face6c0480d8e7c64e0a', 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: '09466c27e7c3a5c465055612bf4098a4b365fd77', style: { width: this.width, height: this.height } }, h("div", { key: '550950faa4f6e32066552161e12ffe1225f1854d', class: { 'dark-theme': this.darkTheme } }, h("div", { key: 'c8527c7135f275a401285967901bca6bc1bae2f6', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: 'f3fb8790c35ee549b95607a874d845d21ea24287', style: { width: this.width, height: this.height } }, h("div", { key: 'ce22f80d8b7ed9ff36e4569c38eb2974dcbeaf0d', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '40c33c3680dc6d77b798fdb447959d0f369adb95', 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

@@ -48,13 +48,13 @@ export class TetSpinner {
         foreignObject.setAttribute('clip-path', 'url(#clip)');
     };
     render() {
-        return (h("div", { key: 'b969d3c8d7a1f6c96cbce5e2e84e719e779dbb9f', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: 'cb3c419ccca3666fb166045d50dde99b2cc260bf', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: 'b0e5b33be6b0e2dab87ff64abaf926604e89ebb0', viewBox: "0 0 40 40" }, h("clipPath", { key: 'ac9c236bd348b10b6abf859829c29b2b4de72288', id: "clip" }, h("path", { key: 'dd607c3b6fae5639f459e123cc1eb0937d4489b8', 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: '20b3b460740e1dd2ad1b07381ac97a7a327a7bb0' }, h("div", { key: 'ae1b8a05113ae24e79c44d94ba2f727a45386271', class: "spinner__gradient" })))));
+            } }, h("svg", { key: 'f4fb09050297b8cf3858f2fd05ee4dd1a7c1a97a', viewBox: "0 0 40 40" }, h("clipPath", { key: '5a93424a0e751f77f87a04584c89d414cda5b151', id: "clip" }, h("path", { key: '511daf757936b5e65343027c52f129a716c29500', 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: '5293bae9be701bcf6fe0e9cefd6b927607110376' }, h("div", { key: '5839a6e96a94665fb39009ccefac878e51f8b94f', class: "spinner__gradient" })))));
     }
     static get is() { return "tet-spinner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -119,7 +119,7 @@ export class TetCountdown {
     }
     render() {
         const hostClass = `static-text-color-${this.staticTextColor}`;
-        return (h(Host, { key: 'f6d1c44dd5c4e3ca09f8d26549b065da68b374b8', class: hostClass }, this.countdownTitle && (h("div", { key: '8624bef4058f57e1706ac13a6a8298da35204bd9', class: "countdown-title", part: "title", "aria-hidden": "true" }, this.countdownTitle)), h("div", { key: '2bb768a59430372ef8c9947631a9ae964d23bd31', class: "countdown", part: "countdown", "aria-hidden": "true" }, this.renderUnit(this.countdown.days, this.getUnitLabel('days', this.countdown.days), 'days'), this.renderUnit(this.countdown.hours, this.getUnitLabel('hours', this.countdown.hours), 'hours'), this.renderUnit(this.countdown.minutes, this.getUnitLabel('minutes', this.countdown.minutes), 'minutes'), this.renderUnit(this.countdown.seconds, this.getUnitLabel('seconds', this.countdown.seconds), 'seconds')), h("div", { key: '011a2b5feff0d85ccb97360b721f0fe76f2ab355', class: "sr-only" }, this.getCountdownAriaLabel())));
+        return (h(Host, { key: 'e7099fdb7bec19ed6b7d2fe54251e1a113521f9d', class: hostClass }, this.countdownTitle && (h("div", { key: '120e2ee9d2743fd60b5ac34b255fbc7dec521c36', class: "countdown-title", part: "title", "aria-hidden": "true" }, this.countdownTitle)), h("div", { key: 'a0b2fa2d0731edc6141dd74aeba0832491ebfaf8', class: "countdown", part: "countdown", "aria-hidden": "true" }, this.renderUnit(this.countdown.days, this.getUnitLabel('days', this.countdown.days), 'days'), this.renderUnit(this.countdown.hours, this.getUnitLabel('hours', this.countdown.hours), 'hours'), this.renderUnit(this.countdown.minutes, this.getUnitLabel('minutes', this.countdown.minutes), 'minutes'), this.renderUnit(this.countdown.seconds, this.getUnitLabel('seconds', this.countdown.seconds), 'seconds')), h("div", { key: '0be0f6dac8c4b7c36129c3f74a899c31e98576f4', class: "sr-only" }, this.getCountdownAriaLabel())));
     }
     static get is() { return "tet-countdown"; }
     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: '7afde21d27792b49ab94f34b6cbcc68431203c11' }, h("div", { key: '4459f089219e88dbf70281058d972bc363a882f0', class: {
+        return (h(Host, { key: '0dac4da9d937c1f16176dde7350303888c813818' }, h("div", { key: '2658873eb6a9bae6618d18da01bf230dd401b658', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: '4a0639ec32ad14221a67342c71e50720bf02fd6c', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '2f9cf02a5255142ac6fcfd9d61f9375747a18c31', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: 'c3bd6f28208128e7707aa1fbd701aa0d51674963', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'bb6d93fc2bebbd7962cf8e0648345b22ebe83e79', 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-round-stepper/tet-round-stepper.js

@@ -59,7 +59,7 @@ export class TetRoundStepper {
         this.calculateContainerWidth();
     }
     render() {
-        return (h(Host, { key: '8a5a3b29be17614f8335bfbf68ce0809d01383a7' }, h("div", { key: 'cf8b4828ac4cb737d7371ee7d7cc76eee9435789', class: {
+        return (h(Host, { key: '9d7ded3c23d4c8b9a5a133a1a404b9bdfa8fcc3f' }, h("div", { key: '1204fd2cf143d6e9305ce7767a1fec9ad027fb02', class: {
                 'round-stepper': true,
                 'column': this.forcedColumn,
                 'hide-icons': this.hideIcons

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

@@ -75,7 +75,7 @@ export class TetStepper {
         return this.stepperData.length - 1 > index ? h("li", { class: lineClasses }) : null;
     };
     render() {
-        return (h(Host, { key: 'a7e0db38fc40b9caa6bebf0f5acce7832823718e' }, h("ol", { key: 'bd7ca5f6f9a3d9d61a3e10acd0bfc4a9308227a6', class: "stepper" }, this.stepperData.map(this.renderStep))));
+        return (h(Host, { key: '188526e0010af56f848355cf7836f8718b8f8a09' }, h("ol", { key: 'd4e5de1f6a7c7c6b981e00e8b67d43afe2ca94bc', 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

@@ -35,7 +35,7 @@ export class TetStepperV2 {
         return isLastStep ? h("div", { class: { 'stepper-line': true, active } }) : null;
     };
     render() {
-        return (h(Host, { key: '42aa442367fa3c8cd128a20bfd371f6ad4bc4f37' }, h("ol", { key: '6103114352c8257ef21abd8f7c081f00f695992d', class: {
+        return (h(Host, { key: '0879dfb27a169c7de8001612f7ead1d74db57d5b' }, h("ol", { key: '76f60a70cf0bfd4ff863234fed81a6de4222616d', 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

@@ -27,7 +27,7 @@ export class TetStepperV3 {
         return description ? h("div", { class: "content-description", innerHTML: description }) : null;
     };
     render() {
-        return (h(Host, { key: 'e7a64bbc829c08aa0cd6b19feffdb892a8b3fac9' }, h("ol", { key: '05d20fef2a4ab620470442e3bc2183b5bf8c61d9', class: {
+        return (h(Host, { key: '009107c3d15ee599bf4342c469adee978f7572fe' }, h("ol", { key: 'ea3c9848a74d6cfed9136d4e70452214ae51300d', class: {
                 stepper: true,
                 [this.theme]: true
             } }, this.stepperData.map(this.renderStep.bind(this)))));

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-header/tet-datepicker-header.js

@@ -55,9 +55,9 @@ export class TetDatepickerHeader {
         this.datepickerViewChanged.emit(view);
     };
     render() {
-        return (h("div", { key: 'a52ac6cf868eb72b502b92af4907519a860d4039', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '0e6f6b7aaa43bdbe2daf135848eeca2982ecfeda', class: "header" }, this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.subtractDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-left" })))
-            : h("div", null), h("div", { key: 'fa422efee1d0b065aea4dd8777800cc929c0fe33', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '0e3c9707e303dc2cb6a2c3716e7f5d9569431ec7', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: '7f1bdcd4263ef90cb45673663f777fb70bfead70', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '05755a7bc814a9d0226088aae2b8e04fe49abf1d', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.addDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-right" })))
             : h("div", null)));
     }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-month-view/tet-datepicker-month-view.js

@@ -159,7 +159,7 @@ export class TetDatepickerMonthView {
         };
     };
     render() {
-        return (h(Host, { key: 'e5fe4825d3bf79697faba78f5b89a30f074de344' }, h("div", { key: '4aec34905abc72b6224f9d19b546759baac757e5', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'b94133d063d9fea2a6eb6d778cb697603a22ae29', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
+        return (h(Host, { key: '0b08285664f528e7dfc3ed799164eb8301594fa8' }, h("div", { key: 'e2e0a0089c7dadaa3ddd85a2a688fc948a351993', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'd3558d4174614678d5c3024d7828070e371e9aed', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
     }
     static get is() { return "tet-datepicker-month-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-multi-year-view/tet-datepicker-multi-year-view.js

@@ -32,7 +32,7 @@ export class TetDatepickerMultiYearView {
         return { year: true, current: year === currentYear, selected: this.isSelectedYear(year) };
     };
     render() {
-        return (h("div", { key: '5888ae4618c714460fa346b812293ee5aa1a16de', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: 'cdad71f266e8a96e66cbef275d2f0b420f19c6cc', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
     }
     static get is() { return "tet-datepicker-multi-year-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-year-view/tet-datepicker-year-view.js

@@ -39,7 +39,7 @@ export class TetDatepickerYearView {
         };
     };
     render() {
-        return (h("div", { key: 'abaf34cc87ba09ad3d9924ef38e5037a4592f0b7', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
+        return (h("div", { key: 'fbbd423e90c9d514020af8c8219d3687e8df34b5', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
     }
     static get is() { return "tet-datepicker-year-view"; }
     static get encapsulation() { return "shadow"; }

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

@@ -100,10 +100,10 @@ export class TetDatepicker {
         return { overlay: true, closed: !this.isOpen, 'overlay-effect': this.overlayEffect };
     };
     render() {
-        return (h("div", { key: '304858cb2878b20765aa07e5a4f874bfc37fdf0e', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'f61500674fb354d927675ce2febe9d8ea802e6ac', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '57176ad48867a898ec13d3a37a91ebcd1528dd16', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: 'a37f564194a32e650d89f29f9062ff3e217a8683', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '9cf2e20343643d3e04270392909a773bf6bbb392', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '051be6a41f885a121c8ff9673d67a945c513fdd5', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: '2aaece1548c6379d0b2eb207812e5c361424038e', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '072af2953ceb1fa0996896b8469e4ba04623388e', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'f002f3171caf50c6c59306aada3baabb18c87965', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: 'b29de05b44fff5d9d344cfcc1100985ed3dea617', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '3dd9e9f700e503e5f80973846da001954e014000', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: '516278553ec331591f7edc81aeac7eadcfb99f5f', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     static get is() { return "tet-datepicker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -271,8 +271,8 @@ export class TetInput {
      */
     render() {
         const { label, helperText, value, disabled, error, completed, isOpen, suffix } = this;
-        return (h("div", { key: 'c6640088acda206e40eb41b798835719f3aa325c', class: { 'number-input': true, [this.theme]: !!this.theme,
-                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '69c230ba4786538860c51fd47d44e55f93b9c76f', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: 'ba59efbfb2b7f75f38ea1d551b6e27a453a7eb46', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: '50b4014ff919758d3d5265e62d9c6f0b48c62390', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("div", { key: 'b795eed7727e42df9aa633654eab5ccf016cb2ed', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'cdb64126d05c28382bdf1a2902b7b437f0aa017a', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '3a9b0dc6e94923c3aea26e1903992ff80888abd2', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: 'a03a5c8fe9c7ec87760fdc50e1c3baa5c955dd5c', name: "chevron-down" }), isOpen && h("tet-icon", { key: 'ccff4ce40af8913672aa52fbf8591f91e142d12d', name: "chevron-up" }))), isOpen && (h("div", { key: 'f6481d0d30d312bba05e38e233d48b5f76aebe61', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '39cb2fc430ff4ce70523d39f92491b82925bbb43', class: "number-input__helper-text" }, helperText)));
+        return (h("div", { key: 'c972241c540c6d4fe3ff259777e0a7936115bfee', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '64f2b6aca97daab3f2f79f787a44d49b078c4815', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: 'de436788286acb46333002acd7eb34cbead043c1', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: 'dfd249acff70330ce2a175bbb280b280b433e416', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("div", { key: '909836f7432609d3619f584c5a527afc37412842', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: '9b96f02f9c696523145b1738c551d4569ed7f369', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: 'f9fe12acd85bf0b8cffdc4f3205691f379b3e3b4', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: '1164a096e1e3779f5654dcadb8f832a54f03cb30', name: "chevron-down" }), isOpen && h("tet-icon", { key: '58dcfa332c6786eeb82941fd135b2c8f36e0d229', name: "chevron-up" }))), isOpen && (h("div", { key: 'fd4e1f967fe639d02bee667bf56f7b5297bf0241', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: 'd2b09fbb2eb95aee17b7c88d4fbf8304186fd48a', class: "number-input__helper-text" }, helperText)));
     }
     static get is() { return "tet-number-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -760,31 +760,31 @@ export class TetRangeSlider {
         return dataListItem;
     };
     render() {
-        return (h(Host, { key: '69d47d57869f0704ba2dc82fecf49ba6dc97c05d' }, h("div", { key: 'bd5324365586969cecc1f919e68b226ac606916a', class: {
+        return (h(Host, { key: 'a28e94b9222f6f8f940ec3867d7f7e556d4dbdb4' }, h("div", { key: '186d18461c62a36808752d9b2c8ac54ffe1dc18d', class: {
                 'range-slider': true,
                 [`range-slider--${this.containerSize}`]: true,
                 [`range-slider--${this.type}`]: true,
                 'range-slider--no-controls': !this.withControls,
                 'range-slider--no-input': !this.withInput,
                 [this.theme]: true,
-            } }, h("div", { key: '2769213a33ee244ec7e553c0a03cde6575c62d0d', class: {
+            } }, h("div", { key: 'd39351f18cb4457eaf745d70b6f64e0dcd444dd9', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", { key: 'e90f619c4a1df063ad3666338aa00675e6803061', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: 'c1a9ec24d0401d7f34e29fdfd8ea71cfd7f44bed', class: "range-slider__container" }, h("tet-button", { key: 'ff210c080036d3772d7459d812681ac412039e78', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", { key: '481be32f255fa0fe20ddf193828627acd7d917b9', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: '0230ee44fef3655a3c24c331522147e1530a327f', class: "range-slider__container" }, h("tet-button", { key: '7c82c12b6547879602bbd5638f426bef276df404', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--left': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: 'e3f2be66338a708b0f1a2c62d2f11dc79b52b111', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'dc53d352d681bb5efbfa6fdd5bac076b74f522d8', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: '1b15856f086cd3053a6fe56235c75cf2fb42e698', class: "range-slider__slider-wrapper" }, h("input", { key: 'bec9f307f7a179bfac8b583998c9fbe1f09e7ac0', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: '76ed0b2915dd82c65aea06efd4156daba55d6a66', class: "range-slider__track range-slider__track--background" }), h("div", { key: '2563d4cf29712d444821c9a1b9c2c75ad903c5bc', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'f20fb8a169a2fabca8a69524ad06c965670c03b6', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '645f22e4a6b25c9a1808c011754c6a0164758bf6', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '95f1265a7c1843ff6b7df1701a70b79cf0a44e94', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '054e6a6efb206926f4985cbb8cb717d945ad24de', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: 'a6d528f2c94403c8e53738765ec028c1015584d4', class: "range-slider__slider-wrapper" }, h("input", { key: '5d944e7ce626206d86ad44c10f1d44db0847623c', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: 'd80092b149048a3399855d0ad4cccd5a8f37af28', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'e1f608dff41254a55c337fab295af311649e1d15', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '93599a8e42246cc76a3aebc3762b53b4d54be275', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '82e185452a4ec1067c5ddc945ab349b0159fbbe6', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: 'cffe3b07b19d6fb886e02a4dbdb306468d15eaef', class: {
+            } })), h("div", { key: '655ab2f3b2a9429146ba5babd67b2401d040d27a', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: 'e61f11f93dd9302ffb2089d43b694b1a211277b1', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '9a7dab416bfd4ba0694abfce8010a23391149fad', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '40b12f50e06349be46b451b095b1eeb3ab83c1f1', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '36f3811791785596980695fa63d648c4961fc46d', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'dfb02d1ed0fdfa5c9b2acc9eb48d9e50cba206ce', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'c9842e7686edd3fda90f2567a802310de33cf535', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'a1c8e726fa5c0ec34738b4507d37ae226ae7f223', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '37dce06696f417662d6ac00dc4dbe1b684db1043', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--right': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: '286c31e83b2d9ebd7d190696490816cc8fa1f657', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: '16b4110bbb7a001c6afff6777af7a7d029f4967a', name: "add", class: "range-slider__control--icon" }))))));
     }
     static get is() { return "tet-range-slider"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -59,8 +59,8 @@ export class TetTextarea {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: '8e1075d50a3016841762dcebd6db61a3b78546d1' }, h("label", { key: '4619605b6ec808f55a5c7f9a9f9e9e7b62543340', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: 'ae32b845df99d3ffd97418d8745d4b7bae87a70b', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'a1b4e52a07dceaa77d72104946797afc0f530731', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '40a305d4373886a9742fc41b7c2dfc697aeb9082', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: '747ee96d9782564aa1127833b841c0a32fdf9e19' }, h("label", { key: '3d40ba23d75485e1defcfe5392af20764d8c6810', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: 'f8b7e46bbc97347f40dc116e0f22a991896e64a8', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'c6bfc3191282353ea8879cf7b6b6df5aaebff032', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '2c499552210ab8613309f6eca583162daf30e927', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
     }
     static get is() { return "tet-textarea"; }
     static get encapsulation() { return "shadow"; }

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

@@ -68,7 +68,7 @@ export class TetNewsCardList {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: '53a781c0d2c57e23ab906820c4f651d506d63906' }, h("tet-card-list", { key: '69e20c4191a650fc2ac7a2d85533e4f83956e321', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
+        return (h(Host, { key: '206613d495049eccaca426ca8f78c0e515a2dc01' }, h("tet-card-list", { key: 'aad6e07276642f3145a9bc13acd1cc105c5fb3cb', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     static get is() { return "tet-news-card-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,13 +58,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: '407341bad19a04b7329ebd8ca5f607f54a6b1a29' }, h("navigation", { key: '5a3a984188890708244ad51c0eae650443028ad0', class: {
+        return (h(Host, { key: 'd963696fedbf35d0a74442405bb497cda46b8610' }, h("navigation", { key: '23b783781ce81436c4f2c9b1960b284a6f0d55b8', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'ebafe9ea840067c1d0d5dbd455e32403edaf58d6', class: "navigation__nav-bar" }, h("slot", { key: 'a2e68acd50e9800dab1f4fd5fa07ac6b262de0c7' })), this.isTogglerVisible && (h("span", { key: '9590bcc99d791950727ef535cb9839661d6927e9', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'e9d88dd03a4d0bf382d6aa6fe6923e7a6dfbe7e5', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '2c1d39b02d5a6efd1433a4cacf103b7f9436a914', class: {
+            } }, h("div", { key: 'cb27724c76b6c1b33deb2f81f5655e03ebb15663', class: "navigation__nav-bar" }, h("slot", { key: 'ce07db707031042b69327abbfec9107d9796087b' })), this.isTogglerVisible && (h("span", { key: '2c5db6f903b8efbae74b22fd54a075e7d13c237a', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'e97706e6b414884b225b667eeea5256cf6f08e59', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: 'df2592c8a171e36fb52518d2b4d3f61848789f26', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '20f40c68d1834d9da8c98b8a20aae71a47d24102', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '3751b12e9e72344b7676eec4fa05153d5acc9aaa', name: "dropdown" })))));
     }
     static get is() { return "tet-navigation-mobile"; }
     static get encapsulation() { return "shadow"; }

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

@@ -130,13 +130,13 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: '7c36a6989d188c26c36fcdcf9fcb7aba8c0e0049' }, h("div", { key: 'fcd0fbc84fec2c8ed172d81e66ce95ede033140e', class: {
+        return (h(Host, { key: '6ebcee6dd006fa04a37c324e0e0767fc8e2cb339' }, h("div", { key: '18293e84df43d761c45ef7d5a48ca03afd1a55b2', class: {
                 'tet-accordion': true,
                 'tet-accordion--border': this.withBorder,
                 [`${this.theme}-theme`]: true,
                 [`tet-accordion--breakpoint-${this.breakpoint}`]: true,
                 'transparent-bg': this.transparentBackground,
-            } }, h("div", { key: '87d40fac2ece37c49b31c287a859df3d8f3cee9f', class: {
+            } }, h("div", { key: '3907716f1ed0446cb8d4fdd165d2dfe318a2d89c', class: {
                 "tet-accordion__header": true,
                 [this.theme]: true,
                 "tet-accordion__header--non-interactive": !this.isHeaderInteractive,
@@ -144,15 +144,15 @@ export class TetAccordion {
                 onClick: this.toggleOpenState,
                 onKeyDown: this.toggleAccessibilityOpenState,
                 tabIndex: 0
-            } : {}) }, h("slot", { key: '6255b003b350c820106726427dd0dfda497e3112', name: "header" }, this.headerIconName && (h("tet-icon", { key: '9bdbef784c5468eeeb35f3bbf27da863a2fb6aed', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'ad45886e795f080c7bccf37ad4608d3e9416b7af', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '40b3af14f0af80b7efa2459f7e965b2d90dbf813', name: `chevron-${this.indicatorDirection}`, class: {
+            } : {}) }, h("slot", { key: '215bcd003915415188a3995ac40237550108e14c', name: "header" }, this.headerIconName && (h("tet-icon", { key: '0ea780f7f40f5c42e57e1419ab4ca5ffbae3f56b', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'bef0adf6e64574318c35fe8a7894338d23ed7331', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: 'fe88c4920779db8287c8f315ae2f617254fdc0fc', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: '897b2e49626005485913e410155cfba8be158ed6', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: 'a0d91391052355c62fcd3bafb1ad9dba380b9023', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '91a81ed0aae7048ff27fb9342fcf9af7cf4b3315', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '90b010c565f6e31ebb8f37eb6809e9969374a9dd', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: 'a4eb6f2a49e60589a500f0a128eab34d8fa95685' }))))));
+            } }, h("slot", { key: '21a8186367d9690e9434dffd315fe047038b024b' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -62,7 +62,7 @@ export class TetExpansionPanel {
         this.state = this.state === 'open' ? 'closed' : 'open';
     };
     render() {
-        return (h("div", { key: '3898fcb5102d67ffbdcf8ccc66d6159319ce0253', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'f63f60daab5f471a1ff6f6435173a62d81751112', class: "tet-expansion-panel-content" }, h("slot", { key: '2411302727e16ecd43f25408897f6196cdb35070' }))));
+        return (h("div", { key: '366fa4f203171538cfd1f9bb36dacb6ba11c2c79', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '1fc396c26e4ee1d7acb30d90270df551b7ed600d', class: "tet-expansion-panel-content" }, h("slot", { key: '87117d8da92cfb81fdd95016fffd32aa5be59d24' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -326,7 +326,7 @@ export class TetTable {
         return { 'table__cell--inner': inner };
     }
     render() {
-        return (h(Host, { key: '2586c0e8d75ecbead2661effd8f0c1570ba95fb0' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
+        return (h(Host, { key: 'fa1c59eea83b45a3123643b06c47f817a5ec7e55' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
     }
     static get is() { return "tet-table"; }
     static get encapsulation() { return "scoped"; }

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

@@ -120,7 +120,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: 'a8eaa4c0ae71d6dc36034a125c1652efb39edc81' }, h("div", { key: '26c485bfcd3614de7656b50e2e72685790ed08d3', class: { notification: true, [this.theme]: true } }, h("div", { key: '550417aebee708c097c8c9ec3670a52b6364dc32', class: { item: true, [this.type]: true } }, h("div", { key: 'd26a44c61494556c520ead78e173e4c4ed366496', class: "header" }, this.renderTypeIcon(), h("div", { key: '29dc6a483108533c500573e0eefd7f7e87203949', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '0bb15df14e5b132ee5f5d6c71d7efcf31f0869aa', class: "content" }, h("span", { key: '57314d91327f9f226eaeec5fbb34ab34c1a35a52', innerHTML: content }), h("div", { key: '33cc3123f16e6ac4149ab36796cb6523ab0fda8c' }, h("slot", { key: '0c97738e9990efe258b82c2c5ae11e987fca4681', name: "button" })))))));
+        return (h(Host, { key: '890a98c5cca224c43dcc63d37f918413e3468cbe' }, h("div", { key: 'b10307b219a787c599ffbaa7c21a2eb4df29acd0', class: { notification: true, [this.theme]: true } }, h("div", { key: '3aba1c9b7e0116e64aa2679979e4018dec4c28b6', class: { item: true, [this.type]: true } }, h("div", { key: 'c4c6bf42bd52d9f518b411ada8a0cf1109372e82', class: "header" }, this.renderTypeIcon(), h("div", { key: '7c62e89875d8deca7a7f9d275ceab97dde681f24', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '1e9d6d9b1fb2567f1a4b8866b417c46c68e6ed25', class: "content" }, h("span", { key: '19083259a37e4baef036926a2983f517ccfc9247', innerHTML: content }), h("div", { key: '431d000719f12facf3a5e93765cef11ec15f760f' }, h("slot", { key: '2d035d0f2b3bc39b273097183d554450ef2e52f8', name: "button" })))))));
     }
     static get is() { return "tet-notification"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         this.withInPersonServiceSupport = detail.checked;
     };
     render() {
-        return (h("section", { key: 'c418eee83ca7ef3d3fcfe0ec575b9ec967cceac5', class: "container" }, h("div", { key: 'd973f4005b2372de80b308e91a56e34ec6b5b604', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '418c198061e9730135a06043bd2d910f0cede1eb', class: "calculator-block" }, h("p", { key: '43db785fe62be5c7bd9a55aab00620511cfeadac', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '737fbe4aea055482a9025c7d5dfe291c58a76cc2', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), h("div", { key: '25e729e90c4ca49bdaef13f68013af5832e2c589', class: "control-container" }, h("div", { key: '661b3e8bcbd5b57d41a40f89df1f5ae61bdcec03', class: "control" }, h("tet-checkbox", { key: '229ab5576bd9b1b1a89f7dee48de0bad834c42aa', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'fd1cc7f8c3ee494cf34180ee3a9d197039d40e95', class: "control" }, h("tet-switch", { key: '8d0993aabe472e41355f8835f496edf3629ca27e', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '220f1191a6bf2045399ab735c4a0f298514064f6', class: "monthly-payment-block" }, h("p", { key: '62c8e82764bef634ba0af51af45f743819bb6285', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'dc7d2a0c1588af93ff9f67ef2105340f6af8d2c8' }, h("span", { key: '58ab65ce8a16e4c1b37c54144d5b415ef9871045', class: "price" }, this.totalPrice), h("span", { key: 'd2c75735580218efd9d818b17e073fd2e33f00f8', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: 'dcd5e7e292cb4e124e1f6c635ba3a80ced30a7cb', class: "container" }, h("div", { key: '4c087cdec74cf9e2b7530e512d907cdf6116027d', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'adc04eea14067c4fc6cb61cb6bd6ed9fb974a675', class: "calculator-block" }, h("p", { key: '982a8f9495c77b18c04e9322a9923049b2c29ebc', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'dcf20856c9694e4663cc24ded31da27b618192e8', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), h("div", { key: 'a475f06854910fca3a0388701605da880b6d97b3', class: "control-container" }, h("div", { key: '36c7fadaeac83d25bbf7cd4335722614c55e2396', class: "control" }, h("tet-checkbox", { key: '36a173780638c4cfa07fa39934d7863562cf5883', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'abf7f7d4850382659efd3b32d1a156ea25088cc1', class: "control" }, h("tet-switch", { key: 'd2667cd18465525cbc1e30386e17d465d348d2e1', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '149f1f170c93da5e270b13d4572ec10bbdeabc9a', class: "monthly-payment-block" }, h("p", { key: '135b6f93a585e440d64ed0f3ee12279f629b3f79', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'f2dc1b3c358c6cd2216ba6d8f29dc2b7a06190eb' }, h("span", { key: 'e37a4dbcf1308b373715aa32e3ce4f5941039020', class: "price" }, this.totalPrice), h("span", { key: 'f6f117599742763fcdf93e8c1c7e50ff55696bbe', class: "currency" }, t('components-euro-per-month')))))));
     }
     static get is() { return "tet-b2b-service-calculator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class TetBusinessLines {
         return (h("div", { class: "business-line-item", onClick: () => this.handleBusinessLineSelection(businessLine) }, h("div", { class: "name-container" }, h("tet-icon", { name: businessLine.iconName }), this.translate(businessLine.name)), h("tet-icon", { class: "chevron-icon", name: "chevron-right" })));
     };
     render() {
-        return (h("div", { key: 'fc34557a2c6dfcd7f305202bbf202f1682ea3663', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '7145b43916d2daf5d1c17c5c4ce3dc8ab607a70c', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: 'e91197df904320cab1d34e74c34b297bcee23a63', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'd2f4bb092f534114aee43e05a7688ef6fe2fd92e', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-thank-you-view/tet-thank-you-view.js

@@ -80,7 +80,7 @@ export class TetThankYouView {
             'thank-you-view-main-block': true,
             'no-header': !this.headerToolbarSlot
         };
-        return (h(Host, { key: 'd9499ce76d301068ae731df95e04886e61704f10' }, h("div", { key: 'f722ea8e800d4f0d6c6dd4344e5302124f07ca56', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: 'ab9c5a9e0ef40034c0f6cb60670495607cfe6863', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (h(Host, { key: '421defae1d6d76ea534cbebf789ebf42007aa6cc' }, h("div", { key: '8e1ca0d5a3207947be285b7376dc5a1e65cc2c5f', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: '4dbf582ce6536280a1765e5d0794ad3992f5a62f', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
     }
     static get is() { return "tet-thank-you-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-thank-you-view-v2/tet-thank-you-view-v2.js

@@ -73,7 +73,7 @@ export class TetThankYouViewV2 {
         return this.faqSlot && (h("section", { class: "thank-you-view-v2-faq-slot", "aria-label": "FAQ" }, h("slot", { name: "faq" })));
     };
     render() {
-        return (h(Host, { key: '9e98a16f360c498672044078dd29350e482e4607' }, h("div", { key: 'f1012fa8f53700ccd7e30f246352a1ef9f921b34', class: {
+        return (h(Host, { key: '31119891b258d43fee2fd7affc142c58842d7e7a' }, h("div", { key: 'b15905690de605a8e92bd9a7665cf8b2c9955c8d', class: {
                 'thank-you-view-v2': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

package/dist/collection/components/views/tet-thank-you-view-v3/tet-thank-you-view-v3.js

@@ -73,7 +73,7 @@ export class TetThankYouViewV3 {
         return this.faqSlot && (h("section", { class: "thank-you-view-v3-faq-slot", "aria-label": "FAQ" }, h("slot", { name: "faq" })));
     };
     render() {
-        return (h(Host, { key: '70fc6f927c51c37a61bc534de2cac78126ae18fb' }, h("div", { key: '38714b78fd3c56f871db92bd97fa667e5bcc96f9', class: {
+        return (h(Host, { key: '50b231e63998738f17ccbc936ee05c7638eff871' }, h("div", { key: 'f128cf43c4dd8305c50902bee87e83dca1b20adb', class: {
                 'thank-you-view-v3': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

package/dist/collection/docs/styling/border-radius/tet-border-radius.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetBorderRadius {
     render() {
-        return (h(Host, { key: '3b7f5706885a05333201d58a89f93b3139e74fc2' }, h("div", { key: '284b0fda96f3ec513400391b8613cb70c46ad3f1', class: "variable-container" }, h("div", { key: 'af77a0e6b1671d01a4ba9a007177d414c73ff7eb', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '9b25e794eabecda1b566b3ba4c602dc5f31e86ec', class: "container-section" }, h("div", { key: '20fb66b2d3e5b3c4d0c62762ea2e4002cec47bb6', class: "variable-name" }, h("div", { key: 'ebac7dea74811a4bbfdd0a4c398c8dc17b09bf34', class: "variable-part" }, "tet"), h("div", { key: '3d931e303c7ab0b57401c1494fb6b8a5c071de7b', class: "variable-part" }, "-border"), h("div", { key: '40e6b1c61c5ce444c815aca5e40128f3d4e5cf15', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '1fa4eb32cf1a1c6dac3d68486abf36bb7a559d95', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '30a2a1e9618fd33c759980a7f6333d895dfa27bc', class: "tet-fonts-container" }, h("div", { key: 'f6039e2b36cba1a7ba7e374340e31bbfa9a8cbd9', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'a3d8e39fbde7776ca04022544197570fb97af43d', class: "section" }, h("div", { key: '98fe36b263fb4a444cdee652780de9109d66752c', class: "section-variable" }, h("div", { key: '028ed7bbcf67e7213dfaa9dea6d01b36b79c67a6', class: "border tet-border-radius--xs" }), h("div", { key: '1c5a903427938f9ecf3db283272da9d1476cce21', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'dae1cc1c8985a5900c5c8e2a1b8f7c45a31d5397', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'd54931c4081a8765ed6a715a0d71af6c39b77200', class: "section-variable" }, h("div", { key: 'b59f6394e94a5e9d7e5a399210ad53c84a051ef7', class: "border tet-border-radius--sm" }), h("div", { key: 'e1ae7e9ec900cdc736b624f6891d452f5e77a21d', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '26721f0e156103fe48677c3fdee5bbaa21b5ce5d', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '27f885463f565129b31340a3bb60cb327551013f', class: "section-variable" }, h("div", { key: '39a7ef74329794d6571a08527e2d61b34cd0c013', class: "border tet-border-radius--md" }), h("div", { key: '1462b87c2c4913f30a46bccae99dbd36d1b71984', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '75d19ece7f2665e4c156fe6dc97a183ee4a494b7', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'f798251990361c3626e84beadcc7c9f268415ca9', class: "section-variable" }, h("div", { key: '5b2d61b271910fba00e6debd56fad03b5056b044', class: "border tet-border-radius--lg" }), h("div", { key: '90767c1df2920132ffd23bba83d16420a6ac0647', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'e889f2d0a63b46c9aa39b94fd73866c62c7a1657', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'b9766f89b2b39f285882deeda0dd8686c33e13cf', class: "section-font-size" })), h("div", { key: 'd341b53d993131529d97262e8dea0a7c2680c859', class: "section-variable" }, h("div", { key: '48a2b9a9752606f8f2068ee77d66b4183f47d32e', class: "border tet-border-radius--xl" }), h("div", { key: '7dda0bc1f610146531ee200e738fb74fbf127785', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '88e2bc7764524b8c878e03bbe0a369fa79cb1abe', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '0f4509c4d1d49e5e2affc2501846ab976479cd77' }, h("div", { key: '8872bf2203f14d1fe883ee4e7b39f1c0de28df69', class: "variable-container" }, h("div", { key: '521e4c836764f947c61c5b8cf42f846879c3d8f4', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: 'edc146a4e103c755674b50c26c699cef8e2db3dc', class: "container-section" }, h("div", { key: '3c2922de521001073a8a4a3a86cee67cd33b5b27', class: "variable-name" }, h("div", { key: '5755647d62be5eff8fc5c007318673b810efe7f1', class: "variable-part" }, "tet"), h("div", { key: '6e6469eddca1084462ee1ac40c241f7afc5c3c84', class: "variable-part" }, "-border"), h("div", { key: '65640dfed5281cb145e57b2b86f0dfc2ed0c7bfd', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '18a3f56e4842c43aadd28bf659e95f90e37b2eb2', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '5b33d2c5470e70f0ba3fda7e23c190393adf8f54', class: "tet-fonts-container" }, h("div", { key: '8a43b311e6161a52b6c6a08cafe41d4bcbc31e89', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'f874349f6c11e791264fcd5dd9c5683b473b1f75', class: "section" }, h("div", { key: '59c4b3b61228a764fd6e8ff0bc925f1fbdb6948c', class: "section-variable" }, h("div", { key: '68b7d4731f0751789e53103b62927053208d5907', class: "border tet-border-radius--xs" }), h("div", { key: 'e171106648060572b39e087f11ef7604b1dcb9a8', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'd10ca6ce9380fc4dd081bd46bcc28298077bfa78', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '8ad58c4256d23e42f25d0d3df400fdb30376246d', class: "section-variable" }, h("div", { key: '0f4af3a1c4e1145335b3ccffde76aa12c2a154f4', class: "border tet-border-radius--sm" }), h("div", { key: 'f34ae84e7b449396a00529dcfb080b914ada2093', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '450a33ce09eb35058239dff1ec805b8ed8120170', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '33112f865630616ad2e58a99c59274715230ed6a', class: "section-variable" }, h("div", { key: '113945158d42af63c4bbe231f9029107bb1fde28', class: "border tet-border-radius--md" }), h("div", { key: '98faf37c6648a314fa424139f752c50c74207f2d', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '6d1cb9229c8edb96c381558e009a7e8156ef2586', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '1792fa192f08f3851e0b135d123ff6cc0ffb4116', class: "section-variable" }, h("div", { key: '8e05cae59b9dce3f2f1109a7472448b1dd22e352', class: "border tet-border-radius--lg" }), h("div", { key: '232e6bd8d740070ce1e9c3b0d63e94b0fde26b8c', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '25d4c71a392ecd82f9b390247487a9d6f86bf4f1', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '6cbdba4530403246d19a6d201c0d890fd89fd6db', class: "section-font-size" })), h("div", { key: 'edfe96c0e0aeb3d880f31248553cff6990d4a7c1', class: "section-variable" }, h("div", { key: 'b3c479ff86987bd1c365cf07786b7dacddf06422', class: "border tet-border-radius--xl" }), h("div", { key: '3b52807fdf7724b6885d39144f8bac27ecd5376d', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'fb4b002713ea2769c2ddd96847b3d11251b11f0c', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
     }
     static get is() { return "tet-border-radius"; }
     static get encapsulation() { return "shadow"; }