@tet/tet-components 1.3.137-testing → 1.3.138-testing

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

@@ -366,7 +366,8 @@
   --carousel-dot-background: transparent;
   --carousel-dot-border: 1px solid var(--tc-grey-70);
   --carousel-dot-border: 0.0625rem solid var(--tc-grey-70);
-  --carousel-dot-margin: 1rem;
+  --carousel-dot-margin: 0;
+  --carousel-dot-margin-mobile: 1rem;
   --carousel-dot-active-background: var(--tc-layer-inverse-primary);
   --carousel-dot-hover-background: var(--tc-button-secondary-outline-background-hover);
   --carousel-dot-active-hover-background: var(--tc-grey-80);
@@ -413,7 +414,7 @@
   max-width: var(--carousel-item-width);
   height: var(--carousel-track-height);
   position: relative;
-  margin-bottom: var(--carousel-dot-margin);
+  margin-bottom: var(--carousel-dot-margin-mobile);
 }
 .tet-carousel__controls {
   position: relative;
@@ -421,9 +422,22 @@
   align-items: center;
   justify-content: center;
   height: fit-content;
-  margin-bottom: var(--carousel-dot-margin);
+  margin-bottom: var(--carousel-dot-margin-mobile);
   min-height: var(--carousel-button-size);
 }
+.tet-carousel__label {
+  color: var(--tc-text-secondary);
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 1rem;
+  text-align: center;
+  font-family: var(--font-family-content);
+  font-size: 0.875rem;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.25rem;
+  letter-spacing: -0.003125rem;
+}
 .tet-carousel__track {
   touch-action: pan-y;
   display: flex;
@@ -552,6 +566,14 @@
 }
 
 @media all and (min-width: 46.25rem) {
+  .tet-carousel__controls {
+    margin-bottom: var(--carousel-dot-margin);
+  }
+  .tet-carousel__label {
+    font-size: 1rem;
+    line-height: 1.5rem;
+    letter-spacing: -0.00625rem;
+  }
   .tet-carousel__buttons {
     right: 0.25rem;
   }
@@ -565,4 +587,10 @@
     width: var(--carousel-button-size);
     height: var(--carousel-button-size);
   }
+}
+@media all and (min-width: 90rem) {
+  .tet-carousel__label {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
 }

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

@@ -181,6 +181,7 @@ export class TetCarousel {
         this.buttonIconLeft = 'arrow-left';
         this.buttonIconRight = 'arrow-right';
         this.maxDots = 8;
+        this.label = undefined;
         this.language = 'lv';
     }
     async onLanguageChange(language) {
@@ -394,14 +395,14 @@ export class TetCarousel {
         window.removeEventListener('resize', this.getDotCount.bind(this));
     }
     render() {
-        return (h(Host, { key: '2fb6cf4c78e60146bb31f2a1b869c34678127ccf' }, h("div", { key: '07b12ea6938caec2de4141f264ae6d70f0f72339', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '5909f4683c8503f5437026db0a9b0f08a1d1823b', class: "tet-carousel__container" }, h("div", { key: '82b3021f9fb3ad1c9cbbaa6407a8885e4e8eebf2', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: '71a0b7f39d55e022a0646ba2a586b07ba590ae9d' }, h("div", { key: '6f567a313b02369a9ca486fc583efdc7e6820c1f', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '9ffaf184ed4ca4ef0c56502943cfcdf47ba8dbe5', class: "tet-carousel__container" }, h("div", { key: '821b70a0e30c12eb6d64a134df6bd6372ca3d999', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: '2b22c2b12804f12a644725ef9378722025e0d143', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: 'a7fa5348f7f15ba9edcb564f08403fd19ee26f0b', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: 'e4615d0213134aeaff5e35235bc82af52f51ee22', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: 'f8716aed8e953dafb0c27930fdd3e5f94a29752f', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, 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: '490c22255126117175594c86b9338057266e5170' }))), (this._showButtons() || this._showDots()) && (h("div", { key: 'f6b2f9d092fd8958b2577fbfffe890be18c4d238', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: 'e39c9c013ca4c0b2d1a062668c0addea084afb9c', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '8c179655831cfd383ed98621aef152d3f45ee06e', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onClick: this.handlePrev, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (h("div", { key: '9b4140ae4f1070afe8a656ee2282766556f9aa8c', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (h("div", { key: '153e2093dd5e9c521c324c501e73f4ed10c8edd0', class: "tet-carousel__buttons " }, h("tet-button", { key: 'fcd9e964507e75f29dccf3322274f5213937218c', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onClick: this.handlePrev, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), h("tet-button", { key: '0622035344d0d0d3b7cf8a5726587bcddcd10c0a', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onClick: this.handleNext, "aria-label": t('components-carousel-next'), disabled: this.dotCount <= 1 ||
+            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '714502ea4951f03c3947cec2afa0f9faf50cade1' }))), !!this.label && h("div", { key: '9e137341a37ed611c0785daeeef731dfc98c0544', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: '39131c97b2c0fc5d937d1a833e106953e246d997', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: '45a6420ed242a548c06faa9a3cd35ddf6350272e', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '869b953e1661259a920be0b76cbdcefe7fb70b27', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onClick: this.handlePrev, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (h("div", { key: '5f903248f59ab2ce820cadb0bf9a145c07d0d664', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (h("div", { key: '79b9f28b7a6194f941ee7b445dd9d87215a8ee90', class: "tet-carousel__buttons " }, h("tet-button", { key: '73bb323e028ea7b24b8e82c3b5430666eb73eff4', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onClick: this.handlePrev, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), h("tet-button", { key: '93afc2e6bbfdff90eb248905d722bbcc34a17ac7', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onClick: this.handleNext, "aria-label": t('components-carousel-next'), disabled: this.dotCount <= 1 ||
                 this.activeItem === this.totalItems - 1 ||
                 this.isLastViewport(-this.dragOffset) }))))))));
     }
@@ -599,6 +600,23 @@ export class TetCarousel {
                 "reflect": false,
                 "defaultValue": "8"
             },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Maximum number of dots."
+                },
+                "attribute": "label",
+                "reflect": false
+            },
             "language": {
                 "type": "string",
                 "mutable": false,

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

@@ -49,7 +49,7 @@ export class TetIcon {
         });
     }
     render() {
-        return (h("span", { key: 'bbfa5e3445bd0e22afbabd3efc071a39e8daeb21', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: '6532eb075ead5b6514515ef9ecb09c687dd53e7b', class: {
+        return (h("span", { key: 'b458d963f0f86157257a01b600af41cc579be5ca', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: 'ac157e0ee214c0a818d67f361246ea7cb72942f5', 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: '5dc2e7913b4f48ebfb62c51c720516eaf8c97879', class: "loader" }, h("div", { key: 'b5c647ff4b2388de51721391a4683c693e71492a', class: "loader-inner" })));
+        return (h("div", { key: '14fe6af3ed72264df7e56b9f9917b5534637ef51', class: "loader" }, h("div", { key: 'f4c31bd589b426b6e4dd16e5ea42ecc9dfb79d9c', 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: '6125d88b58d055d2a5ab50db94eb33dddca1e310', style: { width: this.width, height: this.height } }, h("div", { key: '412a76beb20da0422e9c7fbc1149d0e6c6674c66', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '3357b6e00195897e85af833c8d1625087475da6d', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: '7e0dfe974305bc773c69c93e662515d3a68e6be4', style: { width: this.width, height: this.height } }, h("div", { key: 'f15bb524ccfdb8085628e72c738c5b539907f47e', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '54986daf86d9d5c3c6eb779d13e2ba7a5606dd81', 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: '40a511cb4a645a1525088abf9b8af5f756566f57', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: '6700ed743adb73ad21bbb7eba4c593f78aa7be73', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: '20d9c1f5d8abe95222e25b12d73d053b0db87ee4', viewBox: "0 0 40 40" }, h("clipPath", { key: '536e4b76f4e4224798627352daf01923c55ffeb8', id: "clip" }, h("path", { key: '7d552904593ec4f48124265dd29eda5f2a97a004', 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: '338884d5e49d3539091ec14a5cf2a8f848556c5e' }, h("div", { key: 'a2f073464ee8914119d4ca6c7ad456eeb6cf0cc0', class: "spinner__gradient" })))));
+            } }, h("svg", { key: '95c55e994caa2cb7fdc0f3e743ead7085fd8406e', viewBox: "0 0 40 40" }, h("clipPath", { key: '337f95d860f1a27284ee0134e785aff287187b29', id: "clip" }, h("path", { key: '880422c680560d58f7527c6353f4e234c0c1d11f', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
+              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: 'ea78a1e04a9ab23ee66cb68bb72cc2b49928a1e7' }, h("div", { key: '7b9d99801d5b97e4a44c439fb779d4ec7400fa45', 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: '7800d5c4511794832410f80a2d9d27e3e354fe2f' }, h("div", { key: '8c7594525064ab2d0d7a6712a86b7f0484597a2f', class: {
+        return (h(Host, { key: '79b12c6cd48a68cc878e336227b29bbb10f69c99' }, h("div", { key: '9d34f474b24523550f603e5c0dd2b385cdb9b893', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: 'cbb0e2bce2e288af3e45cf247f929c6c09298128', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '79ebfc91f957657065ad7d0c9914d920baf10fbf', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: 'b101e1595fb33e9af35eb55c2c32338d074f3085', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'd5c943fb5a571cbb5ee1cfec5ef1fa4fe199006a', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-label"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,9 +51,9 @@ export class TetDatepickerHeader {
         this.internalDateChanged.emit(newDate);
     }
     render() {
-        return (h("div", { key: '109ec7d2eea9fa0600ea9f9366692b925eca11bd', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: 'b45a4b4676bc7b8c735ca45e5067d799eb7dda58', 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: '5efe15ba84a161f35233806ad31cabaf2a3b04d2', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '84ca22b102b2258a3a948b6e3c6a93659e19a64a', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: 'b9c6818f3582a4627262405f781c4b2a4b439a99', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '040988e761fe3ac28ff59d2108343358867278ff', 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

@@ -156,7 +156,7 @@ export class TetDatepickerMonthView {
         return date.toDateString() === this.currentDate.toDateString();
     }
     render() {
-        return (h(Host, { key: 'f16154d28915c22cf06afc2d8f0ad60dbdfd7961' }, h("div", { key: '02a2ae96fbbf9e1975846f545c07b5ffc40124eb', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '3686d99d34eff7c0beed499b818d091b95ccc55b', 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: '9938f81c023c0a78b24862282b72dccb1e544a45' }, h("div", { key: '03c0022ecbccb5b2b0197ab4f2f4431d79a35944', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '8f1a5e99a7cf67caf3db2b0dc95087965bbcf1cd', 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

@@ -29,7 +29,7 @@ export class TetDatepickerMultiYearView {
         this.years = this.getYears(this.internalDate);
     }
     render() {
-        return (h("div", { key: '962921db16c6d9887d54278e6cbad40f2a8d0b5c', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: 'd6092a99da16905b3219bc57eec53d12afb0ddd3', 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

@@ -34,7 +34,7 @@ export class TetDatepickerYearView {
         return this.todayDate.getMonth() === monthIndex;
     }
     render() {
-        return (h("div", { key: '962fb26f4e0ce8b8b85505f8e18d6985a7d6f05f', 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: 'cdd31b03e4606c17528f12766852b6459ea29339', 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

@@ -94,10 +94,10 @@ export class TetDatepicker {
         this.rangeDatesChanged.emit(newDates);
     }
     render() {
-        return (h("div", { key: 'c0577565af339943670071481e75fd61077a2688', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '6d905cde52c184f42a53c3aa063b112840bc49b6', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '81b190f181e0eda75bbd69ee509191f9126ac5fd', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: 'df5560d84a00fa1a8951089daea7d9e95b9552e4', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '79f81561239a5c9dd8f0e4ac9454bc4fc249b1f6', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '089b2d899c52348112bb274ed6dd9c105b8db7b1', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: 'dc2747c18605e233b3706e63d3fec629e92c571d', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '2a037da3e6d2a15d1df4cec0885c7b9babdb7b6e', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'ec5e7a951981802163bfdbd34e9a743d91d384fd', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '94d0df64f1651025a1a3b8b89dc763d3cd5f1b42', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '96d25875caee051a45a4fc79451785b71fe61a90', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: 'e160d8fab5e54bde32718444f5fe50c73763063d', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     static get is() { return "tet-datepicker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -747,31 +747,31 @@ export class TetRangeSlider {
         this.updateProgress();
     }
     render() {
-        return (h(Host, { key: 'd2e0efc140525fe57dcceac6009a72bdecfe58f8' }, h("div", { key: 'f94525b346b500f7598987086869d70e86fb3027', class: {
+        return (h(Host, { key: 'ed39e9adfd7d8502539e355fe950b4c83c262512' }, h("div", { key: '613c54d91625fb37ac80987dd7ac244817585736', 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: '211d4ae481b98313efbf72e7ce78782f0bf7fb77', class: {
+            } }, h("div", { key: '2f522ca48013d0022bcdf83a3c73d0dc16937900', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", Object.assign({ key: '85950721167e3668b21530a95a66018e80577234', "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: '352187a3cffa98083508ea751b960c748b4b34fd', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '0843b8b461340ef2b5c77db6a3fd7fde3a63e287', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", Object.assign({ key: '44fe830f3cef1086273ab82fae3f50aef6147d40', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel }, (this.containerSize !== 'large' ? { inputTabindex: 3 } : {})))), h("div", { key: '993227ff886add036d0a0905876d390b9eba5ab7', class: "range-slider__container" }, h("tet-button", Object.assign({ key: 'afad663b668c50c3de6ab8f2e8e7cc09a6edf6aa', 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: 'e7663882c0caea974b652f7d8857954323276f5f', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '213c9a631097ad41201db2d3538d191fc21f2db4', 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: '7147f9a98e1f9c337e6b89f5c8e2cff4e3a57da8', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '36d5f35a96ac4d5119ddebf690df980f01ac722a', 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: 'b72d98fbb8320108c69725198e8d1e9f72ae1375', class: "range-slider__track range-slider__track--background" }), h("div", { key: '12ec3da2ffdf30023177fe8123894634d039eb53', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'b0fd65a3b11771d373626ffb2bd25f8129b3d993', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'ab2d041a3d13cdc5fcd26e4cecdc2a80b8ad3eec', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: '1565634ecaf9b67a6d68707f1330fa35d26cf14e', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '52aceabff4528db102fcd70cf265aa772e0c76a1', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: 'dc8c9e65665cdb458a89a6003e67d2d31ad3ec50', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: 'd5dda90241d79127e8691f9bb365c4f956a35b28', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider" }, (this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 1 } : {})))), h("div", { key: '85d2e4c9782a026889a11503573c16c161da03a4', class: "range-slider__track range-slider__track--background" }), h("div", { key: '00fcb8fd228970096cada56550b61b9c440b2732', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '4221ba778c0dab593ab9f5f49bbafc6981fa893b', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '2d3b55e7a232b89ef176d92f44af92b4b5e93b64', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '339861e13eefa0d718ab281137de3cd87dee355f', class: {
+            } })), h("div", { key: '1050c1680ff0413a42e2267e2d1b513c1bda6c91', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: '7f1c448542ab89dde50a462278444c9deeb947ad', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'dd64435171beb9774782b41fa6320d4593db435e', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '557a151619d4279f1ca6c6736fcd0509675b53b7', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '2f8ff7e1939b5738b025730b591e509bde22fe43', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'a0002465828c51e82ed1ad295e2d814e23de7742', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '7858d37c0a9b36240c641c25d9912ee2cbffe555', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '87e61716026059495c870bdb535238348d2735f4', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '9918f6fcf115eb6e9d200ed266167cefb3cbb6af', 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: 'bab87fc1ad3d2f2eea763f11c5079761f10054cf', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: '4efff5a40e57423bf94095e6230b8580609aa65e', 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

@@ -123,7 +123,7 @@ export class TetStepperInput {
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: '360bf9007756b51ce164c4c493d8212c5d2b12b3', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: 'f34274f31fda052045d04222d411d6c43a798e91', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: 'ea88668bfce1765e768524f4189330a22189fa5c', name: "remove" })), h("input", Object.assign({ key: '9f5ce6a4b5ba842543b3df82f84b79075469ef29', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: '86d3f7014eb3751f26eaee43697e92d835184272', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '1032aa593c834c2b7725948835ff175319238850', name: "add" }))));
+        return (h("div", { key: 'e54d94ef2f7ac44fb73674cde7a2e0d1275ec1a5', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '9a0bbc9a7d7777a5b3b7d97cfc320d8dd3390865', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: '1bcebf77f2e415334ec6bd6d2e2aeb74419e0299', name: "remove" })), h("input", Object.assign({ key: '655f01a4ba18a3bef14ab43950dd26db95ef16d0', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: 'd3feab3dfae84182dd135db073504a8c82ca69b4', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '4d2216e0506685e55bcbd5d5d51ee7e4b4ba2152', name: "add" }))));
     }
     static get is() { return "tet-stepper-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,8 +50,8 @@ export class TetTextarea {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: 'f79e628ab17d80674f1c62dde0ceb8483e262c1a' }, h("label", { key: '72d885eb035a879584b4bd76962ea1533e43af20', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '6781192e5a71c37fb565d55e947c07bdbef08f8c', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '09ed86fe9f2fa60a4a73b48d2e27d31d0f6468ee', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '9af0fea02fd6eddb6ecc3d60b08bf5a07beb24da', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off" }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: '35d6c7f56baf110a6fdd040e9afc92ab67444b89' }, h("label", { key: '9b54f030e31710f7b5dd6f004ef026d2bc3dfe5e', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '908d7c15be79dbda56b8ee5f60944200800800c2', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '210c1cf1c9a5d15487bc6fd751c390112a36f8d3', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '5190d423928960cdbdd1c8e2730b9c0530a62ce6', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off" }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
     }
     static get is() { return "tet-textarea"; }
     static get encapsulation() { return "shadow"; }

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

@@ -65,7 +65,7 @@ export class TetNewsCardList {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: '423893a682627f9686ae8a745d7893195f84b33d' }, h("tet-card-list", Object.assign({ key: '0d14904e7bc8572ba023f7341c05fd3098382c11', 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: '1ad59fa4cbe7588545306586c21f24ead28d5f76' }, h("tet-card-list", Object.assign({ key: 'a2f8c39ae5d6a8625bc0adc00827e0a6fffd1c98', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true }, props), this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     static get is() { return "tet-news-card-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -64,7 +64,7 @@ export class TetBusinessNavigation {
     /** Render Functional Component*/
     render() {
         const { menuItems, theme } = this;
-        return (h("div", { key: '5bedeb509b3edf973121ce2536dc134f1b0f60f6', class: { 'business-navigation': true, [`${theme}`]: true }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, menuItems && menuItems.map(this.renderMenuItem)));
+        return (h("div", { key: '5b448df37d5a11aba72e7239def7adc97b090af9', class: { 'business-navigation': true, [`${theme}`]: true }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, menuItems && menuItems.map(this.renderMenuItem)));
     }
     static get is() { return "tet-business-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,13 +54,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: '857fe7ebda03b21b3604f879a37ff5dd562b03a3' }, h("navigation", { key: 'a5129ff287fa54d25bbb7af3d11818f1dd58d04d', class: {
+        return (h(Host, { key: 'ef6dc99c4251442a4937906f52ece28e85f07c96' }, h("navigation", { key: 'cc0ad116aa1b2a5d60512efa2e61281073d46229', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: '357a7998128fe81e11e4700ba801e92bfc296e9d', class: "navigation__nav-bar" }, h("slot", { key: 'cd2c6d0532ffed0df47e7a07fd87d1141af74b5b' })), this.isTogglerVisible && (h("span", { key: '0379c95afe7914848cec6eb89f92edeaed627981', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'b671a3bcd0d4b16dd6ae088350854b23882e0dd4', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '082981695a780c849389579c1b4789849e3c3dc1', class: {
+            } }, h("div", { key: 'e77b3c8d7165750a38d204d881aa7a3a217127b7', class: "navigation__nav-bar" }, h("slot", { key: '8dc8612fb45a90cf855526516652ce021cefe06a' })), this.isTogglerVisible && (h("span", { key: '463c08152394fa17f04b49d02ad771e03bcc4427', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '8494d8ac098b12f148c0d7564886215d7c8e085c', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '1fffba7adaf87f4d78b9ba109d17002fb6689982', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '2f56719a1139562bc4355e2187bbde839a5bbacf', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'd28605389281b87071d63bd5dacb691d23b0ca22', 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

@@ -108,21 +108,21 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: 'd18870267b0debbd0262bc6e06e288afd057fb8f' }, h("div", { key: '9f39243ed6aa60991fd8cb736f445f9e2daf7e32', class: {
+        return (h(Host, { key: '93af25b751c375647eb3673e7aab363b1bd7c972' }, h("div", { key: '782024544ebac81f5bd31eb6a500e53de1cafffa', 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: '81761b06755d01db91363e92fd22a356a848c9e0', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: '5347e6990ccb28a44eb22d2e4aed0aa4967012c8', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '5b648eb0491e0428c89591c752caa5f2ddb46d7f', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: 'adb4a8c61b084e83045b47e04cf0a93069237f4b', name: "chevron-down", class: {
+            } }, h("div", { key: '0451dbea3ef15894ac95bec86d96f013fd54a05c', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: '6771b3db92f1530c2f781a938c7fff1bc171bdd5', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '305cbdcfa5d367be95940d3573e0a8613fe39d98', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: '52fdf914f99ac4975585063b18089de9bd55ca43', name: "chevron-down", class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } }))), h("div", { key: '023d0ee882ce489858aa0b8137595371ef0e27d0', ref: (element) => (this.contentWrapperElement = element), class: {
+            } }))), h("div", { key: '3c51960b4c4eadda218eb02eb0deb09edd5f97c9', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '4b88d85d72e3bf19a4ef5977a81dee3c3698d9d5', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: 'dca02521e71fc5769b14c48e76758f2359121917', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: 'f42559c1171f5590e8b338698a3133c250c63b2a' }))))));
+            } }, h("slot", { key: '9d400fbffaaea4a08b8d6da791267bf600542fa0' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class TetExpansionPanel {
         return this.state;
     }
     render() {
-        return (h("div", { key: 'f95708e6604355e34dbd525a55d04288bc19a0e7', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '952198be90258ade3285ec83d40a7b46aa8f1417', class: "tet-expansion-panel-content" }, h("slot", { key: 'cefc1f764e78c6bd379089f11c5cf195cffc07e8' }))));
+        return (h("div", { key: '20f9f38cfde2f4525f6fce83102426930672897a', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'c1057f4819895ed1b91a849cb3e3cd629c513296', class: "tet-expansion-panel-content" }, h("slot", { key: '4bf5c2f44d8cc01b2fc9703d15eb93cd8d107196' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -116,7 +116,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: 'c79ddcd175221b387f3a7c0331d8192f8e2a4cef' }, h("div", { key: 'ba014bf4495125729975c4e68ea030a312d9ec37', class: { notification: true, [this.theme]: true } }, h("div", { key: '9179f1bfe5826206a35dd65aff5f9ec297a8fc11', class: { item: true, [this.type]: true } }, h("div", { key: '658fd50c3c6c30cb7e8c5d85e3af3a1640f9b61e', class: "header" }, this.renderTypeIcon(), h("div", { key: '7bad8cd28f23e7149d5922de6df6f325f6e66554', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '027d6def2b0e43666220cd93943d7234ce93e5c7', class: "content" }, h("span", { key: 'c0940b3b6cc4a41c357430315bddd1624b16228d', innerHTML: content }), h("div", { key: 'c80e7ab14f77c3f02074484917d7b7dc04f55347' }, h("slot", { key: 'ca10965657097ff2a3405386148c17495ee68f82', name: "button" })))))));
+        return (h(Host, { key: 'dd7b34c1876cdd0071cba8249b11c6626681ac17' }, h("div", { key: '5fbab6c4da6b0e2c771e9c856cfc4079a49d573e', class: { notification: true, [this.theme]: true } }, h("div", { key: 'f6056a79c36501247b1c3e10454820043cd746c6', class: { item: true, [this.type]: true } }, h("div", { key: 'b83e4721c71d745f84c5ed88b462f0be20920179', class: "header" }, this.renderTypeIcon(), h("div", { key: '676660840eb2627c868a511e45ca46ded0abd28b', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '5eb936458597042616a77c3c12e00b7090a7646c', class: "content" }, h("span", { key: 'd9d1b1445f6b53e03b32bb8d1e0c9766ea9f5c57', innerHTML: content }), h("div", { key: '063cb95afef71efd2c6faf446085826c175744ab' }, h("slot", { key: '1336a9162c18090bea48d5362f774e12a5172066', name: "button" })))))));
     }
     static get is() { return "tet-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -351,7 +351,7 @@ export class TetTooltip {
         return isTooltipOutOfBounds;
     }
     render() {
-        return h(Host, { key: 'ca927c2367e411724f72f033995f79b5234bd8f2', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '9eba348a363d166e53197a01506c863cdf1a4a20', class: { visible: this.showTooltip } }, this.renderTooltip());
     }
     static get is() { return "tet-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -103,11 +103,11 @@ export class TetB2bConfiguratorCart {
         const isEditMode = this.context === 'edit';
         const isCheckoutMode = this.context === 'checkout';
         const showSummary = !this.isCartEmpty && (isEditMode || (isCheckoutMode && this.isAccordionOpen));
-        return (h(Host, { key: 'b2c3a34072e0b69762c6795f0c03f76837b721f9' }, h("div", { key: '279f2df045aa9e20a022ff68aa09dd93d286b518', class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: '8a982c8476e575d8501f260a82c036161ed46bb7', ref: (el) => (this.accordionEl = el), class: {
+        return (h(Host, { key: '93e2d13d305c2d6ddfec3105ed0775ae3c057d92' }, h("div", { key: '563e968522292ef43b859361647545bbc375e30a', class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: 'dabb165e6dcffcbc3258929c559010ad9c8ac1d9', ref: (el) => (this.accordionEl = el), class: {
                 'cart__accordion': true,
                 [`cart__accordion--${this.context}`]: true,
                 'cart__accordion--rounded': this.isCartEmpty || (isCheckoutMode && !this.isAccordionOpen)
-            }, isOpen: this.isAccordionOpen, onOpenChanged: this.handleAccordionChanged, header: cartTitle, withBorder: true, theme: this.theme, transparentBackground: true }, h("div", { key: '5eda0e9db1fbe8d1c415be97a406139338134b14', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: '445dad844b6c6a86f70055069fb7a099d214ace5', class: "cart__content" }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
+            }, isOpen: this.isAccordionOpen, onOpenChanged: this.handleAccordionChanged, header: cartTitle, withBorder: true, theme: this.theme, transparentBackground: true }, h("div", { key: '10fd1d316bea9ae9e1251f8605e18759cdf77c4f', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: '1df2c1b5dc98399bd194f4782ad0ec22074eb2a4', class: "cart__content" }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
     }
     static get is() { return "tet-b2b-configurator-cart"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("section", { key: '262646b49dad9e5318f35bda3c67ca6e0f7f3189', class: "container" }, h("div", { key: 'f9534bb55fe85b2493d6d475c8f74ad92750ae0f', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '35747158147849ebc95aceea7842290a9b7fc234', class: "calculator-block" }, h("p", { key: 'cd45f6579046913386820f487c63480223c7227b', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'affc8d6ea0c3a516bbfc1b5afb125c1e4fb1ba9b', 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: 'bb8c3437c2f92f45c84b130bb77e2f5724a1cd64', class: "control-container" }, h("div", { key: 'f543b7a111de4c900ce90983656fa1b46eb2249c', class: "control" }, h("tet-checkbox", { key: '60b06c80620d0ab6dac52353451d0f70c8275638', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '7427e9e1c75959ac464ba1537616f7e7790dc5fc', class: "control" }, h("tet-switch", { key: 'a2c3fe55b04cb2afd7290c20e06e0d40454096d6', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'eb08a6d6318776e7f1ff5b77591c4c7ad2160d9d', class: "monthly-payment-block" }, h("p", { key: 'a7a7e49355aa36797319c444b5030d1ae0532252', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '3ba2da8863dced18e87185d17f8cb1eddda89bf7' }, h("span", { key: '0cfbb8d80348373b867e10e12397a13f0e12a65b', class: "price" }, this.totalPrice), h("span", { key: 'b423d86fc0563a6670598b1a54b7c2edd544015e', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: '7249b0c2f37af39e860637cfe416182c5227c6d2', class: "container" }, h("div", { key: '89565a9f35411aa6a542582b77df0b9b9da03e0e', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '433eff5a8e863475880f8cf0216d1f604b7f74ce', class: "calculator-block" }, h("p", { key: '1b81e92aa9b7c58543257ea906c2177108b5c3e5', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'c5ce8ce5c73329b07f9df3b22aa2f243c56ca1e9', 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: '69d35eac4899ba24153253d1a70984c60de6ee4f', class: "control-container" }, h("div", { key: '53f8d6355652051ca9e455769a32b1ee127a1a7d', class: "control" }, h("tet-checkbox", { key: 'adfd75a801a68e6ba794d27735d595dddfc9c901', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '000d314c262c7688e1ca5aed97dc84d0c72955e2', class: "control" }, h("tet-switch", { key: '8a423a478675117419a6c2ce02dd37962d4741e0', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '9d869285131a855b2b9caf6d8ffe6100ab09df8f', class: "monthly-payment-block" }, h("p", { key: '08248a6283d71227e0350b4c0ff092993c86aa56', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'cf137d3eed20a677c934f1dacdf8624bce437d70' }, h("span", { key: '070d5c3458a67c444c779e62fe522f3cda3dbb2a', class: "price" }, this.totalPrice), h("span", { key: 'f176b1e11123c143f0c63267256ec1484df38eec', class: "currency" }, t('components-euro-per-month')))))));
     }
     static get is() { return "tet-b2b-service-calculator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@ export class TetBusinessLines {
     }
     render() {
         var _a;
-        return (h("div", { key: '9303c665e29fd04c220af342cec4a0720a1adfc6', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '97e4b6afb919a99ec5869cc74888fddb77b47def', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '662ada195159db350c1c297f8c07a0e344d45cb2', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'ae66eb988b9c4f8b78ca265bb30b853cda6b6993', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/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: '86f33814769d5e08909d77a94407fd2f20761790' }, h("div", { key: 'dd789351d4c0051bf1709193007917c25e56dd26', class: "variable-container" }, h("div", { key: 'f62cf5b9209abefdc78bfa2a698ab543f77aa54a', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '44222801c345178ec7b7fe51c9908fdccf72bc38', class: "container-section" }, h("div", { key: 'a649c10e4a26a204fce6e976c0f238cf5f4b7e97', class: "variable-name" }, h("div", { key: 'df863924df3ed94959e53d6b45f9fa30b68eb9e3', class: "variable-part" }, "tet"), h("div", { key: 'e790544d1299041540bd0e31abfcfd8079915e20', class: "variable-part" }, "-border"), h("div", { key: 'cb4606499e194e1de59d6c48848f8e00c49b345a', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'fd7a9e3ca863f7dfd1dd320cce20cac6ce0bedc1', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'e38945e4c8941325f782235ff8354f1f0c498968', class: "tet-fonts-container" }, h("div", { key: '964391e9e14e83ee62846098eb981d47b57d1fb2', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'bd1689546702b838e4b4e714b9ec269901a11306', class: "section" }, h("div", { key: 'd1ccc9ccbdcdf19748b4324601aabb9ae80db4b6', class: "section-variable" }, h("div", { key: '2b31e1e3912c8e0c91e7ed853f94567bee75b3b7', class: "border tet-border-radius--xs" }), h("div", { key: '7c22cd1dbe2f1822fef27de4beddf07820676369', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '43abaad8dc532cba2634392debe8ed958cfe5fff', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'e3e7d9c8f386bf145d2866685cefc3d1b021bb9a', class: "section-variable" }, h("div", { key: 'f9621cfb581fe85cf1344913737635aa60a16798', class: "border tet-border-radius--sm" }), h("div", { key: 'a4c1b34fbf92e79a259858f6a7cce0ff0cd01ae2', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'a8bd9ca00e9862def6be9b7d33a2c0f604555daf', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '536e5e81ac30e149e307aca217f7019c6c3fca10', class: "section-variable" }, h("div", { key: '8b8ce9cf1c850977097e888f2334b72efe9610e5', class: "border tet-border-radius--md" }), h("div", { key: '5086bf12e0a4d37ab506979e38d7cdd50fe3a54e', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '82e031106bb03bcacc1768a138b4a6382dcac08c', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '78e25c6d050a0831d4003ba703a03bfc23c218bb', class: "section-variable" }, h("div", { key: '5de4c83a907d3ffd639eac5b8860baf5400210ef', class: "border tet-border-radius--lg" }), h("div", { key: '883b6a65d9cad69c5cdfe7cba82e4fcf4f3956e7', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '3e7b7f349973744bf529c7f00f61cfa8d04a9410', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'd72090eb547d7f0fdcab5dc5fb212e5dd9d44f7f', class: "section-font-size" })), h("div", { key: 'dda5491f317678fe46d22173206fedfe45130f3c', class: "section-variable" }, h("div", { key: '2458db351968653c1a592dc8cff9461703c1e583', class: "border tet-border-radius--xl" }), h("div", { key: '14f7f6e552d27c4f0875f412b639641931d404b4', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'df07824dbda1492c8cbe0f406f580a692e1d7e6f', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '824695af0bdc8618a5e13312583d930394edc062' }, h("div", { key: '4e31fd7b1c02f20521dcaa12e4865d7c24396901', class: "variable-container" }, h("div", { key: 'e0d904db4a4c55f1a1d3bd7f38e85978b649335d', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: 'c47184e263ee3c30b9610706ec6c01f57fd1652f', class: "container-section" }, h("div", { key: '180d3bd4ee52825beae42d95f940dc274eb2aad9', class: "variable-name" }, h("div", { key: '562879900d54b23f887693c42d117f00e2ae7875', class: "variable-part" }, "tet"), h("div", { key: '292ca9d4d99a3b25627f32d6e9b2faae80c677eb', class: "variable-part" }, "-border"), h("div", { key: '5039dae824531f3bcfd7445e703184be18652fd4', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '109b76eb35e05e3ff8f6dab3624e4e60d46d959b', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '74579cdac69de91f4046335008b3b713ebfc133e', class: "tet-fonts-container" }, h("div", { key: 'f220407e26557e647534797a68fadc222289cb22', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'f35b2dc9ac52b8d3a57e97604c0b738de16bb804', class: "section" }, h("div", { key: '6f8db5b529707d796f13d1bcaff5790ba81ce1fd', class: "section-variable" }, h("div", { key: '8a2a872d7d70b63ba56e8d73f0e5e7933689c1e5', class: "border tet-border-radius--xs" }), h("div", { key: 'bf83b4833fe57bb5dd482aa0675a076935899207', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '4af7748836ce92d5e036cdb8fc7299d3af1d1660', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '1b56a0e9bb9af0fe97ef722e9b9f6c3dd76ad07a', class: "section-variable" }, h("div", { key: '5306079890e8227554c7ba9786f5f43dd66049d7', class: "border tet-border-radius--sm" }), h("div", { key: 'f127eceacf5c5f9e1deab915633c974ea3de290b', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'cea678272d74df702dea10996a800d521feaede7', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '1f97acd42cac01d8fb04fc4a2c67cbfd4035b585', class: "section-variable" }, h("div", { key: '052b51da4fa0ef6be8c32f8a530c473260807f4b', class: "border tet-border-radius--md" }), h("div", { key: 'd7090e283161c6b6a038afe526913fa4f0dd26da', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'c481386916cb419d593fbfa7550b3606e9148902', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'e970f004eb83f1834d59f1fda7646b90cf7dcad9', class: "section-variable" }, h("div", { key: 'c0bea393cff284d5809e8121cd1a815050622deb', class: "border tet-border-radius--lg" }), h("div", { key: '77ace4611d911356a5d0a33c0e51c392f369665c', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'e97f9d8e7f79ec085259b4f9614a730557e3ea13', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '01940f7bbadc90c5ab5257cc0a297ce726303642', class: "section-font-size" })), h("div", { key: '3493b74fe5050e5c8fda7e2eec7d5debdfde295c', class: "section-variable" }, h("div", { key: '130f8eb3c9f40b0fa7f314658f15309b58d7ffc7', class: "border tet-border-radius--xl" }), h("div", { key: '94aba6bdcf8bea0942efa3d123c59a7b58eaac8a', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '5cab0eecd699064182b7ebf755ff82ceff103a97', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
     }
     static get is() { return "tet-border-radius"; }
     static get encapsulation() { return "shadow"; }