@tet/tet-components 1.3.103-testing → 1.3.104-staging

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

@@ -54,7 +54,7 @@ export class TetCarousel {
             let el = e.target;
             this.draggedAnchor = null;
             while (el) {
-                if (el.tagName === 'A') {
+                if (el.tagName === 'A' || el.getAttribute('tabindex')) {
                     this.draggedAnchor = el;
                     break;
                 }
@@ -135,6 +135,7 @@ export class TetCarousel {
         this.isDragging = false;
         this.dragOffset = 0;
         this.showDots = true;
+        this.showGradient = false;
         this.showButtons = true;
         this.transitionDuration = 500;
         this.swipeThreshold = 32;
@@ -146,6 +147,34 @@ export class TetCarousel {
         this.buttonClass = '';
         this.dotClass = '';
     }
+    checkGradient() {
+        var _a, _b, _c;
+        if (this.showGradient) {
+            const absOffset = Math.abs(this.dragOffset);
+            const wrapperWidth = ((_a = this.container) === null || _a === void 0 ? void 0 : _a.offsetWidth) || window.innerWidth;
+            const totalWidth = ((_c = (_b = this.trackElement) === null || _b === void 0 ? void 0 : _b.querySelector('slot')) === null || _c === void 0 ? void 0 : _c.offsetWidth) || window.innerWidth;
+            const rightEdgeDistance = totalWidth - absOffset - wrapperWidth;
+            if (rightEdgeDistance >= 0) {
+                const rightEdge = rightEdgeDistance < 2;
+                if (absOffset < 2) {
+                    this.leftGradientRef.style.opacity = "0";
+                    this.rightGradientRef.style.opacity = "1";
+                }
+                else if (rightEdge) {
+                    this.leftGradientRef.style.opacity = "1";
+                    this.rightGradientRef.style.opacity = "0";
+                }
+                else {
+                    this.leftGradientRef.style.opacity = "1";
+                    this.rightGradientRef.style.opacity = "1";
+                }
+            }
+        }
+        else {
+            this.leftGradientRef.style.opacity = "0";
+            this.rightGradientRef.style.opacity = "0";
+        }
+    }
     getScreenCount() {
         var _a;
         const slot = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
@@ -170,6 +199,7 @@ export class TetCarousel {
         this.getScreenCount();
         window.addEventListener('resize', this.getScreenCount.bind(this));
         this.addAnchorFocusListeners();
+        this.checkGradient();
     }
     addAnchorFocusListeners() {
         if (!this.trackElement)
@@ -184,6 +214,11 @@ export class TetCarousel {
                 anchors.push(el);
             }
             anchors = anchors.concat(Array.from(el.querySelectorAll('a')));
+            if (el.getAttribute('tabindex') === '0') {
+                anchors.push(el);
+            }
+            const tabIndexElements = Array.from(el.querySelectorAll('[tabindex="0"]'));
+            anchors = anchors.concat(tabIndexElements);
         });
         anchors.forEach((a) => {
             a.addEventListener('focus', () => {
@@ -209,10 +244,10 @@ export class TetCarousel {
         window.removeEventListener('resize', this.getScreenCount.bind(this));
     }
     render() {
-        return (h(Host, { key: 'b9be9a9be46b553e914f8da303b5c3a5b84ed4a1' }, h("div", { key: '641e19a2e2639ced9b0f09bd54038b980803acea', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '4ca0fbf3faa1adbc47618b44ad09a02570515158', class: "tet-carousel__container" }, h("div", { key: '4cc09e10479a99856584c0c4a0237785159f6a5f', class: "tet-carousel__track", ref: (el) => (this.trackElement = el), style: {
+        return (h(Host, { key: 'deda56e65a9e7215ac4c824e99c77ff7d4b87bf3' }, h("div", { key: 'a60a148ea7de460e318e7ad250ce6f5d02c1f1a5', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'bc719b26b92203df9b14cd9472456940b11b7644', class: "tet-carousel__container" }, h("div", { key: '3bb4bec01fd8a21876638bf3100a1c894619457d', class: "tet-carousel__gradient-left", ref: (el) => { this.leftGradientRef = el; } }), h("div", { key: 'af63aae96f92b498e552d5963c8a13c6aa1d2786', class: "tet-carousel__gradient-right", ref: (el) => { this.rightGradientRef = el; } }), h("div", { key: '6a198844f0df6dee0cffbb7693194f029b1e771d', class: "tet-carousel__track", ref: (el) => (this.trackElement = el), style: {
                 transform: `translateX(${this.dragOffset}px)`,
                 transition: this.isDragging ? 'none' : `transform ${this.transitionDuration}ms ${this.transitionTiming}`
-            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '6f7bcdc544e744a8c8622767e0177a3fcd7518fa' }))), h("div", { key: '8d7e212c2f09d64f6fa7fd2dfcb6e258e99b08e3', class: "tet-carousel__controls" }, this.showButtons && (h("div", { key: '241a2d941400913fbd0b9a14ad489fb7abc65383', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: 'c895194e59231388f609d44644426b24820072a0', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, onClick: this.handlePrev, "aria-label": "Previous", disabled: this.screenCount <= 1 || this.activeIndex === 0 }))), this.showDots && (h("div", { key: 'a1f8a2bf24d8e4fff9cfeb23f22ea9fa445a6daf', class: "tet-carousel__dots" }, Array.from({ length: this.screenCount }).map((_, idx) => (h("span", { class: `tet-carousel__dot${idx === this.activeIndex ? ' active' : ''}`, key: idx, onClick: () => this.handleDotClick(idx) }))))), this.showButtons && (h("div", { key: '2acb82a55cc79b06f5820e601cf8782108f2f76a', class: "tet-carousel__buttons " }, h("tet-button", { key: '066207aa4478e2cfb243be2b8c6736075901bfaa', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, onClick: this.handlePrev, "aria-label": "Previous", disabled: this.screenCount <= 1 || this.activeIndex === 0 }), h("tet-button", { key: '9b0441b1e9bfa204480133814bc16c359de907ea', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, onClick: this.handleNext, "aria-label": "Next", disabled: this.screenCount <= 1 || this.activeIndex === this.screenCount - 1 })))))));
+            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '255af1b5e7111e6d7bb60f2658d2f8cac20a7ce3' }))), h("div", { key: 'dc91491be4eb00732b808a69ca07e823a99b0c48', class: "tet-carousel__controls" }, this.showButtons && (h("div", { key: '1082d04812c1894bbfcfff1d309ebd61da3143f4', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: 'be63084ad34e53e0d3912eb4ac5be160436a3aab', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, onClick: this.handlePrev, "aria-label": "Previous", disabled: this.screenCount <= 1 || this.activeIndex === 0 }))), this.showDots && (h("div", { key: 'c4622ff623838d04b6017ec01dea59881a915ddb', class: "tet-carousel__dots" }, Array.from({ length: this.screenCount }).map((_, idx) => (h("span", { class: `tet-carousel__dot${idx === this.activeIndex ? ' active' : ''}`, key: idx, onClick: () => this.handleDotClick(idx) }))))), this.showButtons && (h("div", { key: '4056eb02936a0f5a82876c06ea155f7d79dd4a3a', class: "tet-carousel__buttons " }, h("tet-button", { key: 'bfaf2dddde342162cefbf591ec7b264f7b15bc68', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, onClick: this.handlePrev, "aria-label": "Previous", disabled: this.screenCount <= 1 || this.activeIndex === 0 }), h("tet-button", { key: 'a30faa6bcde71cf52e5fc6da0f03ac3f9ff1d676', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, onClick: this.handleNext, "aria-label": "Next", disabled: this.screenCount <= 1 || this.activeIndex === this.screenCount - 1 })))))));
     }
     static get is() { return "tet-carousel"; }
     static get encapsulation() { return "shadow"; }
@@ -264,6 +299,24 @@ export class TetCarousel {
                 "reflect": false,
                 "defaultValue": "true"
             },
+            "showGradient": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Show gradient on the edges."
+                },
+                "attribute": "show-gradient",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "showButtons": {
                 "type": "boolean",
                 "mutable": false,
@@ -456,4 +509,13 @@ export class TetCarousel {
             "dragOffset": {}
         };
     }
+    static get watchers() {
+        return [{
+                "propName": "showGradient",
+                "methodName": "checkGradient"
+            }, {
+                "propName": "dragOffset",
+                "methodName": "checkGradient"
+            }];
+    }
 }

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

@@ -49,7 +49,7 @@ export class TetIcon {
         });
     }
     render() {
-        return (h("span", { key: 'e70f786551aa30c0da08c84a0a97c75952c0ef2f', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: '8ce04feab01d9ca4e038a24da49e6d408a7edfc0', class: {
+        return (h("span", { key: '4d57de98c7773172e2c39352f63a9a505fb21355', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: '9b6c08a8f50aa2d20e837ccbb201e869cda115e5', 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: '89c692f31a49d021a7b273d1b014030b54076df2', class: "loader" }, h("div", { key: '205122d466cf6778217bbc67a66ff9252e9ab157', class: "loader-inner" })));
+        return (h("div", { key: '545cffb82104e93777d254077bbdc77a4854ec7c', class: "loader" }, h("div", { key: 'b69aacd15830c3c104cb91847e79b61623e0dfe2', 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: '366bac6a9630484c54d6ab565db7a0bab2d9d3a0', style: { width: this.width, height: this.height } }, h("div", { key: '0bb9d52da084d9634c923c727f2f14f9e0bff144', class: { 'dark-theme': this.darkTheme } }, h("div", { key: 'e0d463ebcae4fc94ffb0a10ecc19fb79a5352923', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: 'f74f8bf770afc9bd569e3bf1a491f085382ff0fd', style: { width: this.width, height: this.height } }, h("div", { key: '71f817ae9d7de92afecbf4893ae4eeb516a05c67', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '97e3da00030658b854ac340b66d37f8392d3c878', 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: 'd18e1b1784c18ab83fc174bcee964c666ed5a06a', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: '2d1d5964789088737f46a0517c2259197d3e8dae', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: 'dd176aa4d93d3838ff6b84365abcead5a40327ff', viewBox: "0 0 40 40" }, h("clipPath", { key: '3fe9945177f2df1ef95e576184edf1ea81ef0064', id: "clip" }, h("path", { key: '6b222355721e1f0ed02f305602e6ed5351381865', 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: '0ca874272ba9a9e1104d88521b370ed2745460d4' }, h("div", { key: '2d1d8ad03618ea9b8ab66152ecdaf957e6c0a9b5', class: "spinner__gradient" })))));
+            } }, h("svg", { key: '3b9d5780f735ce830a76ec14a5d9ff0406ef4ae7', viewBox: "0 0 40 40" }, h("clipPath", { key: '92043e1bffed70280d5abad3b571dcfcc94bc3d0', id: "clip" }, h("path", { key: '8a5ed3d3311cc28954a82042d02c7c800536a875', 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: '66b88e6b2c1947fa456a2f9832299ca1c8865b26' }, h("div", { key: '75ec98089dfad066d7f7c086251f5adf6c7bba20', 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: 'd085902408f606d07d13f35542a338acb2ef1dd6' }, h("div", { key: '4422eebeef7045c3180b3a914808d7ed1c5d39fe', class: {
+        return (h(Host, { key: 'ecf5c98dd7d2bbdbf6a736d1c3e6af70b90078ea' }, h("div", { key: 'd7d7efc1eb4d414a277217084395ff45f150297e', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: '48a9ea51ddf8f9560765355cad3c52536440bb80', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '293d0b34b255e39760371fbe8c0cc6ab446a99a6', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: 'fffb5c1b7034cd127ec61e6ff7ccbb12c67f8996', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'ce8014381ea8531894450412433c2b2813669ed9', 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: 'b3368a0c67e114fbf8d3ed98c02d1a0a298a22dc', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '030096b424bf720ad219c04933eb90e5fa41c063', 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: 'b7d5857af9607b81f74ba334432db4104a9a6dab', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'd266a0da1ec1d567a0fc76c192d10e7d73fe5efd', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: '24e5493386380363dcef39cb82e49b85c9748b8d', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '188cdf2c64c7427a6f3ed3fbc38a7e8cfd754dec', 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: '8acdd9b288772e5f60679876203802c9c3f159a0' }, h("div", { key: 'c5f6b81460ffd0cc0fdad37adf4de4196e88deb8', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'b023d0e10c3a4a705ecc12d580ded473c5fd26f3', 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: '6d5b9f46433b5e566980dfb33922710f02116d86' }, h("div", { key: '636c39effd6241dcb7dabf14ef3e5e74bd5ba24f', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'eb32ebeb539e365fcbadce3ff601c41a45cee56b', 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: '0ed7531a35491a72fab9fc6f1e39e1f7eae46459', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '3f4f42e871ea738758d8836a343ab8d8d6b4137e', 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: '2c30298053b3dd17b615832f299132c92ab382e4', 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: '0f6976bbb1f308b579800d912e75248edea09e56', 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: 'c8c9614d766451f013c85da823e1364eb334c4d2', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '3fb4469bf6849f7f09379158eab3b90e5e711f26', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '343cd5467710c718420a3f45909d9c4e10ad285f', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '3eefb0695625dee6136cfe5241eedbdf3bb616d4', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '52f58a05ae25a045436a2c18d26c64b573fc782d', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '05752b17f825e00008f21e95bb4690898085a926', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: '55e25f8eeebad8485df47a5b7340bdac801b4d61', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'ba895e5a04a7ff7bd4751686febb5a9635f1fce7', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '9d6895a91e3d70aa09c073f3a90314a87c67b1de', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '0efbd6b9d6e10f04d888b6ebed483cec92f20c67', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '3fb3b8a94dfebaef8ccbaee3e4bb093de476d502', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: '4e815481a7d652d0d8d6e10e89c6c9daf9d6cf04', 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: '475aa17eef224372cddde6cca8536e75e8c290be' }, h("div", { key: '5afa592e7f36105ea869d9006ecb028c21604c69', class: {
+        return (h(Host, { key: '820fa6d4032fe9bcd9adb7a4932ba554e124074f' }, h("div", { key: '2bd97606408450c094e43d751726f7e9188dc333', 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: '3a4069a4bf22714e1e638367de58c582ee582dbf', class: {
+            } }, h("div", { key: '574b34fc4b79883313428fb97a0fe6102b200975', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", Object.assign({ key: '8e31e15462d5d40100c157ec73c5796d4ac697d0', "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: '8ed75e915259d198dedd29345608b00661f7a236', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '6086796230a5790d8653fcbf0451b2cf5d0d0f05', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", Object.assign({ key: '3c0eb10ff377130280c2ab6c200a589b4a48d44c', "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: 'bcdf55e9610cb7e7f6293f900257508ba0709828', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '7864232a26792d483f09fa508f9136cb9fa53641', 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: 'beeabb50350550e3240c7bef29858b44df7f6015', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '9c31a31cdecd02175c0a0ffc239c57a2a4d16b07', 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: 'd4ce3b3340fdae2eced60a6b126d0b36a896d395', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: 'ff143125e93895a26c4e9a1531671b248f46650f', 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: '88964138386762c44e51b1ee359f840ea924849e', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'a0ae8769edd9b1e3448a936002ac3f16e1ffbe25', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'b92a76fe602d01d82588a70fa1120bbf1258d147', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'e7c4bf98f24e217bf3d6187c87560c63e7f47e3a', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: '2f5450e234cf0c67437e7cf6bf561874b11788a9', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'e6efbed3118ba5e59623c53042528bd6d68a852a', 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: '59698fc6fe3f5222187f1b7306ae4326c9ed4039', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '47239e704e0428fb3ef0373bbe0b5b45f1f586dd', 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: '05157e63fc70ff4b023caa4d78395b423a252526', class: "range-slider__track range-slider__track--background" }), h("div", { key: '992854f330b9ad3d69f73f680f566187afd015bf', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'b2a044d531de1dc5af090d043a9d635b74e45332', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'b1656775e90d4a30bfae49daaaea21f26f2f81e5', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '44755537664b482553b720fe2166588ea8b0cc0b', class: {
+            } })), h("div", { key: '533f7b7f10928504544886ba827be8f67e35f56a', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: 'a6c039fb9a4a26f64b5afe27e2c1ed59714d1d14', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '8f49721cac615479d6d3aef3e948ef7da65129b0', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '362738a67c09d5419e8149378c12a4399f5f02e7', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: 'cb039ae45cac303c5c656eb61430d6a81a9466f9', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'eb429d23c71b90183d78a8484d1b90ef312d79a3', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'c401bb444b2656da9d3e34c585c736ea3e6a1e94', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'f8c8be7b681fc0602690fe9befdff6e0011c72ab', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '8bf991f6aa7f329d9792d062f657c1e32d87447e', 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: 'd71a4c381382cbeed2fd4f0c015ab7aaceaed02d', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: 'e2d4d1913a5f6a06bbab1f31703fd7061e10eb73', 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: 'ce31715e845a8350018d13a43104dc3573106f66', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '07224c401d721493c67c96640baa2ba07d7b7aa2', 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: 'e86d961b204ce010519b2e3aa646376e9402a347', name: "remove" })), h("input", Object.assign({ key: '410613503ed9eacd9bbd5a2e255aceecfbff9625', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: 'ff1c19a31f90985a236a6fc78cd4da175212955f', 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: '738643e07324152963e3ca95f5019effd2685bbb', name: "add" }))));
+        return (h("div", { key: '5e748c8d9fc02ca598c047d122fab9f56f42ccd2', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '3efd620997302cdae24088e66bcea3ee84d4f1b0', 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: 'c84ee00401c41d66a33c7d471f54b743e64b4cdb', name: "remove" })), h("input", Object.assign({ key: '3cf4ca758886895b06206b6ddae84165ab664f0b', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: '7eeed25fed3c092ae5b75f6d208d65aaf3869b5d', 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: '35df3a3af19655820d96709293400311f06a65ae', 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: '3ebe3741d12968cf695489d79e91ae7919dee784' }, h("label", { key: 'fa45db76eed6143d17347d8ef858bc62f05a6744', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '650be2b64f72e8f238b0a1572db83235d45927ff', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'eb3b35f5316aa6a81d701da47ca322d9179e276f', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: 'e744d781bd8335cdb3c88953625418a3ca65b3b5', 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: '9f0bb7e589176ee64753e8b5eae095b26a4ed2ba' }, h("label", { key: 'b3659046e6dfeba2611228ac168c5d606e95fbce', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '30130359654037a137349bc25bb4e76a321649a6', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'a5038cbd88d4ec20e2cfb315b0297c6436e3470b', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '36a5d0c26dcd4051dcde8426e7e9b3c8f3c2c53e', 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: 'fe9c79b8fd5b73aecef4ede39a18854a80c64a87' }, h("tet-card-list", Object.assign({ key: '872ca575fb56326e8ecb5593f9a3c9b9c139a3ae', 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: '4aeabac14b3b818a4f111a4cd99d8fc77775d165' }, h("tet-card-list", Object.assign({ key: 'ed74c723e2cb232b62afdfb8cb4e23667aa6a0ae', 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

@@ -54,13 +54,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: '04407591ff40c84ae8dbadb040e79c5b3f0b0a46' }, h("navigation", { key: '68787d0fb12d68d0f394524bc4e0564f77f8bac9', class: {
+        return (h(Host, { key: '5104216bb2edc64c0e7ab9910ae2d86ed2990ac5' }, h("navigation", { key: '742543100a07201af74e360151329e15abfe062e', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'b02c112b1d35b51e8bf14b2fa16aceedd73e8232', class: "navigation__nav-bar" }, h("slot", { key: 'ae98959c6cbd6dbb2a2228b36d8699d46732fb62' })), this.isTogglerVisible && (h("span", { key: 'cf7302e3a852fe1b86a80a78db3ce39ab1e933d5', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'da0785aeac773a282fa170a2fc5aab5147df2850', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: 'a09d0db85c65b30200d95caefbe7ec36b7d2efe9', class: {
+            } }, h("div", { key: '16452725edd7d74481f7d153b2de80016fac0972', class: "navigation__nav-bar" }, h("slot", { key: '27c9dcc512c71dd156255e2a8d5db2785a6e29da' })), this.isTogglerVisible && (h("span", { key: '33191a9c67089497b64d2bf26c6131a6850c42e2', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '1d5a80d83c3d82c71ec0b34c6f657f3037c66fb8', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '9e00f24ae88eb72879981fbcc1a0ef02677e5b9c', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'f32c42634edfb2b0461080c4fa013a4063d9f8e4', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '8ba827dbb17a138f93bb0d84724e8fab350846f4', name: "dropdown" })))));
     }
     static get is() { return "tet-navigation-mobile"; }
     static get encapsulation() { return "shadow"; }

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

@@ -107,22 +107,22 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: '94f540b5db27e23ec6196fdd82b502c7b2e0d716' }, h("div", { key: '0194c6b01816a7bc0d545a4e9885e08d53a840d3', class: {
+        return (h(Host, { key: '5cb8be76c90bfcee5020fc7ba3166366f55a838a' }, h("div", { key: '6032b98136706761264615dee0d298fc5a7b5870', 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: '2d84557cc5b5e6b18802118b507daf081a71d812', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, this.headerImageSrc && this.headerImageSrc !== '' &&
-            h("img", { key: '7340b29a9bc0f56c10f8b7b2d88bcf75465a49d1', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" }), this.renderHeading(), h("tet-icon", { key: 'afa5c70e3f0f7e9f605e0d3d496aeaebf53b7559', name: "chevron-down", class: {
+            } }, h("div", { key: 'bcc2ef67d8940b2afba99052d078dace1a4ebf49', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, this.headerImageSrc && this.headerImageSrc !== '' &&
+            h("img", { key: 'ec033c9757fda386dd0fe1ded3a5fdc0012eaedb', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" }), this.renderHeading(), h("tet-icon", { key: '8b6c987ec3c13df70ea2f3cb1c87d7817d7ce0e9', name: "chevron-down", class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })), h("div", { key: '5d9c25f08be6de9e3103d3b04a01645ab5dcd4c2', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })), h("div", { key: '3bb5f8201adfcf87871d7858e0ab7089c02d0ca6', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '17528d2fc9c89774ec9338474b965a29c20bb877', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '7666d3ecd3f521ac4c1598a66d1562699f18d338', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '441afae41d12d09926daff4d5fa4ef2a70d7c6bd' }))))));
+            } }, h("slot", { key: '4ea0c348cebe14755c72682e81196a353ab0387d' }))))));
     }
     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: 'ebb2229a46f8ec22492e585414478f69f4c853c4', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '80d1df8440f60ddba4a81d39f0262efaa63fbf04', class: "tet-expansion-panel-content" }, h("slot", { key: '54eec88fc5387c2c77de6c7e45dfc99bff9a21ac' }))));
+        return (h("div", { key: '9186bd22d801591e5f4812b51d694cd75344e6d1', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '02529a3c3c8477bd4bf076089c899353a96c9868', class: "tet-expansion-panel-content" }, h("slot", { key: '68a1000b0b95c066098df6554d30da7e04dfd695' }))));
     }
     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: '58fc8839300c57085efd15f19aa6b4490e5208db' }, h("div", { key: '553873626459c9ae9e91fa6c1d6ab1945737e642', class: { notification: true, [this.theme]: true } }, h("div", { key: 'b528566c32267bb5371b6672f3f54c48cb46c81c', class: { item: true, [this.type]: true } }, h("div", { key: '3bf67b850a19582ffc1981d8cb40d4ecc090cc1a', class: "header" }, this.renderTypeIcon(), h("div", { key: '0095a59843b5a06a1ae9717abb162cf04fc9a2d9', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '06805877e2f9bc31e2b6d906ebca2a7b0f7c670d', class: "content" }, h("span", { key: '01a0bf6d6920a2d1bba7da21b02ae45eece97034', innerHTML: content }), h("div", { key: 'cf38fe7c953a47cdc784c6f3a0f3eb65d748695e' }, h("slot", { key: '8be3c3f072a2430d0ee38837dfa2557cc5e8b5bb', name: "button" })))))));
+        return (h(Host, { key: 'f75c38654ccf516dae630d24500ae4012dc4f77e' }, h("div", { key: 'a8e871419362e0e7def12d0a58543a4b64ce273b', class: { notification: true, [this.theme]: true } }, h("div", { key: '28c58aef658453f79832dcc0dffd688b25f82af5', class: { item: true, [this.type]: true } }, h("div", { key: '0710a4d2866e88e2969313d1b15624a4c3535887', class: "header" }, this.renderTypeIcon(), h("div", { key: '9732db810950abad8979e07f78290aa801489a89', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: 'b2f2d0503048107ae7682d5e13494eda9100a246', class: "content" }, h("span", { key: 'd44ef580deee0543f6dbe715e2045d578d47a890', innerHTML: content }), h("div", { key: 'fdec8f65aeb485938925b36cc802160f294a2d20' }, h("slot", { key: '9712b8dbf5ea112ea3c24e3eb1ab0c494f64839a', 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: 'be9bd3f61fbe86265219500cb26bdc5c10bfe1fc', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: 'e48a0a26063b3622c0084ec75a59994e198a737e', 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: '90005416755fafe8a1f1ad46429a37248e10d260' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '34724aedfb30487a9665b06ae310365a878ebe76' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
     }
     static get is() { return "tet-address-offers-view"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("section", { key: 'ab41da80056ad2011e20576a32b2b776df67f9c9', class: "container" }, h("div", { key: 'bfcd1904ea77117dadd315394c3affbcea108cf2', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'a8528418263e755cfef057945ffcc28c89971f02', class: "calculator-block" }, h("p", { key: '611f28c9a4f0a847d321bd14a3b9b6fa8ab96683', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '9da0cd090bf872484becd24aa21746cc3a09061c', 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: '5d10143ceb84e31f9e6388fe34d7f9ef5def1e86', class: "control-container" }, h("div", { key: '869c02088fd9511e5fe0971e2727680a45568022', class: "control" }, h("tet-checkbox", { key: 'b628858b7b078bddef01a8651440b5e10a19cd14', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'ab6db09698fc071762f81a74a81c8f75475a8b2f', class: "control" }, h("tet-switch", { key: 'e9b26664ae4133a6aef1570997cafa332c262110', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '7b3fa89eab9ada99e3ce940ed47f06afb73ef01d', class: "monthly-payment-block" }, h("p", { key: 'a6a350e693afde859d9e56e0262cfca2973fbc2c', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'ae1fe7b12600df11ac4892cbb8ca9418e876ee15' }, h("span", { key: '5929467622ac4f71ff0b749f745c84cca494e2d7', class: "price" }, this.totalPrice), h("span", { key: '90c0660ea60e8257d0d10628fd5e8aaee434e883', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: 'b83b60908fd3f4b7b8e3ae573b32b7d8c23e8141', class: "container" }, h("div", { key: '1d0af7d46eb2274277179dc2b29f879b768b1ab1', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '425cec4bb82289288eb7eb6b8c14ba43ec57e859', class: "calculator-block" }, h("p", { key: 'a72ca55525abdbcb202d8319307991aed1a89e8c', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '8e924bd7c0efc50a9983949095e695c8b2b67878', 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: '4989f6f23fc5c01f392d21a5812f3656eaaccab5', class: "control-container" }, h("div", { key: '132e323f1245f13170e83f436a413bc4753293d7', class: "control" }, h("tet-checkbox", { key: '9e0cce6b781b2d5cca9a79dfeb5ca720a2e48eb2', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '282dd948d4afddf81ce90785c9d41826488fea23', class: "control" }, h("tet-switch", { key: 'cd2ebec5367c0bfab2dba2cfcb435305c7f0eb08', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '8126f1b9712ad0f28cd221d2b38b024e8a27f6e7', class: "monthly-payment-block" }, h("p", { key: '61447682f99eabf3c42ff4c4529603a5bc50d4b5', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'bfdb6ccb03e65643b1001dde59e682c4446b8124' }, h("span", { key: 'c6b453add474ca7418577452765ace9754e072f9', class: "price" }, this.totalPrice), h("span", { key: '340953c02d902887c1eb7592afc60dca1a89c359', 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: '9ec284eda2c6270ab2e14cef67906d2b722d6a13', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '3a3b849d1d6fcdf32b32f43dca9a79c4c378bdbd', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '2776a10ae67467579c1c797bfedcc5ddafa4fac6', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '4870860481ae0d60dd5209a5e3302ca3167d3605', 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: '97018ee33cc6d53897be9cd79e7a0dcef38899b1' }, h("div", { key: '7d371a26edf8c9083505368cc54f56c87079fbbb', class: "variable-container" }, h("div", { key: 'b0a50ef3af9d1a54ef3fdac6dba399499138f014', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '876df54a052f5ff52d54f8bba3761abb77190faf', class: "container-section" }, h("div", { key: '7ec1bb5ac1ece5e33bc630f04fd80c6be45dba1e', class: "variable-name" }, h("div", { key: '3672326866adbc8123514cae00ac111eff0b4746', class: "variable-part" }, "tet"), h("div", { key: 'fafa7ae632146e689191ca5827a75b956cbc31eb', class: "variable-part" }, "-border"), h("div", { key: 'ee895c62d31416e2f4e4a5c75e65027626ebdf6f', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '588193efa2e0146a434d3610e4fbb91166bd20b3', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '05af1f835f83da39af3acbebafa15bf8a6b93062', class: "tet-fonts-container" }, h("div", { key: '8b711b071891d88e69569c88a3a2b70f725cdb55', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '4886cb23ddcc421037d76dbbce88dfbc39ed2be8', class: "section" }, h("div", { key: '05afcdcea406eee3a7b1acee4c7275908989cf37', class: "section-variable" }, h("div", { key: 'af72d199f64cbf2ff0029fec9d408f607148289f', class: "border tet-border-radius--xs" }), h("div", { key: 'ae3abf0f27179bea6b2867620f84bd7cb75ba4c7', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'c3fc2e597cba9f7b8ea5e7d5cd1acebc9cbc4919', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '4568a34941fa0dff646c1fb9d49ac11a4d438b91', class: "section-variable" }, h("div", { key: 'ab806b16cf654a66e0a71f11ace41b013fda100d', class: "border tet-border-radius--sm" }), h("div", { key: '858a594e2c1b2fb07a5d6689e2ee822393bee1da', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'c0e1db51654b6f995c6fd455dcfe854778847375', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '804e6af1e4be5fa8f66c3ca875ece6c9462f1048', class: "section-variable" }, h("div", { key: '0c16b90b20e635afbfe870ce7bb6fc3720b19b53', class: "border tet-border-radius--md" }), h("div", { key: '470e6994707253dad501e894ac103b5657a8dd0e', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '8b7b142e64a8993b0b6ede7fe7000c2f18d0dfe8', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '3e87a0b95b1c60e13f18bccfb4f1f04d3fdf336a', class: "section-variable" }, h("div", { key: 'fc29df6c6eaa91f0ecc0cd1d9ef1bb5dae797c1b', class: "border tet-border-radius--lg" }), h("div", { key: 'cb1a3b127f1f64fb6f5b19faee4b7b0e23ec19ca', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '5d46fd9edb63a58e0b535b97b0a3be9c9095b9b8', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '5eac47751c61d00c390d56ade3f18e3f5669581a', class: "section-font-size" })), h("div", { key: 'c4c8c3318ba132b6201c7f185d487a5dab242634', class: "section-variable" }, h("div", { key: '68a12c3bbc05d7d04fe755bc40dc7377f608a27c', class: "border tet-border-radius--xl" }), h("div", { key: 'b0357741e8c4f5e33e6dc59d19838e2ab43916a0', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '505dd8b7f0d206662f5e732003c31542872bd8b3', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '3cab08faabe4e15cf806576bad660b9a052b8cd1' }, h("div", { key: '75564f17f084a6ef056d72e2aa82fa8631bff6ca', class: "variable-container" }, h("div", { key: '5a56ee7fff1ec96922646e397a694e37796d46fe', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: 'df8a893d11ac34b3b73782a8a9d28f193b2d3949', class: "container-section" }, h("div", { key: 'df8c93c3a54f835b43fcc21ff6b00901bc315263', class: "variable-name" }, h("div", { key: '1c1e8c3f49c96a7916396dd62774ecd3e624868f', class: "variable-part" }, "tet"), h("div", { key: 'b4f87a4fbf9823985f8b673bb3d786aa48986750', class: "variable-part" }, "-border"), h("div", { key: 'dc99befa6b650ecb1454d6d80221f1984627c229', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'c5fce30c2303f4b5076c6cccf73cc34e9d43de02', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'c4d3716ca1c1e7fd1ec05c2a457f4cf6e6802ef7', class: "tet-fonts-container" }, h("div", { key: 'c5345222395aeaf55d83a1d6070bc2f11ce7ff5e', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'cb5fb0cacc4da7ab0d8372d4727ecba4b1feddb3', class: "section" }, h("div", { key: '0cee7f966640d19fa441bc7b8935ef6d015ff011', class: "section-variable" }, h("div", { key: 'ef12278e1c6391237434c81ad0aaf959b5b42c90', class: "border tet-border-radius--xs" }), h("div", { key: '091909e44a8753dfc982b3f2e3b268318aa034e9', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'b9bfd790a4d464ec615b3488f0de4d0087ca83a5', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '72c216d2c8cd0cbc1aa76b56239ff42d3cc2c953', class: "section-variable" }, h("div", { key: 'e4fcd6a63c35279a6ed2664654e3e8f99e65938d', class: "border tet-border-radius--sm" }), h("div", { key: 'f3df8a3328dbb06be768cf181b2ca320061b4e35', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '5df3ed0ca8853928f635ad7cc5a37d5f11c2067e', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '3b13925e79d0e0912778b66ab966d26ec9f90906', class: "section-variable" }, h("div", { key: '4e5586e9309261bbd4a403eb9c7d93b44d57a2c5', class: "border tet-border-radius--md" }), h("div", { key: 'aa4010821de768091f3e0148956c52cc3d3c3ecb', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'af1a4a3c80a41d9aecdd5d900894016ebb3bb1ce', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '43c17ceb40045481f016d1192ceb99552202c515', class: "section-variable" }, h("div", { key: '815e6a3d05239b71fa59530b9f7d704f6d5f5f86', class: "border tet-border-radius--lg" }), h("div", { key: '5db0a8f853b6d38189072ce72a25852b7443feb2', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'fef1bd5d25e10f3a52ed06cd7e05481a944e0c1b', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '15ccd343316c5b21a2050d6853f8818b1cc9eb3f', class: "section-font-size" })), h("div", { key: 'c535170ee3a0fc733c98b851d5220f70580d3a17', class: "section-variable" }, h("div", { key: '0539be2e8768d9a827ae920735a70475e208be0d', class: "border tet-border-radius--xl" }), h("div", { key: '36e43ff96cc1f45fa93ffdc5d36d412d494db599', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '35c0da6e5b5521703a4f5c76a89b103e321a34c7', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
     }
     static get is() { return "tet-border-radius"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/docs/styling/colors/tet-colors.js

@@ -46,15 +46,15 @@ export class TetColors {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: '15cbf6da5712525a0dc1675aaa7c16180ed63804' }, h("div", { key: '37bfdb88d11693264b4f012425f1e9ec8a2cc979', class: {
+        return (h(Host, { key: 'de35d200821fc5af140276b8f657320afd94869c' }, h("div", { key: 'e0a5ad9204eda8f740b7af97a574d23f13e06c11', class: {
                 'dark': this.darkTheme
-            } }, h("div", { key: 'bb313bd33ae808351114b8de0ca9a5eedcfbf24a', class: {
+            } }, h("div", { key: '8177a2b49d239412e612f3f887410b9f9f69bcf9', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '1b215a194b6e199723a2307e8b6ea0d2662d4b5b', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '582ee6212bc8716add2935b6631889c121c8d284', class: "container-section" }, h("div", { key: 'ab22d841dad75dfa61f254c628ad7ad1aa07e789', class: "variable-wrapper" }, h("span", { key: 'd8f026369bfe394f698e9af7d2542f67f4602d9c', class: "variable-name" }, h("span", { key: '3839a713921c1cf4e04dd91ba3de0e24f1d60990', class: "variable-part" }, "tet"), h("span", { key: 'b46897070767304b335240d2a3437900a2a88019', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '77052ea9da9afe69f08806004419878438e0d98d', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: 'dfeb44b1f30be6b1a9dbb2235b1f715f91cc7360', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'a0605514adc11d8d3284358cdb564f1fa5dbffa3', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '92b523ab1e76e7d50a8142032e993398a6627419', class: "container" }, h("div", { key: '99ae2416645e7a19e2e327e83a7073126adcc9b6', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'b781cc1004ce78d0b7d3dca7b49627c80f7dcbf9', class: "container-section container-example" }, h("span", { key: '3ad9a3009b607a9c02036cb6c685b2bae11a1f7f', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '21835da805035fbc8cbf1e70560e4bacf5205f70', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '91594ec9a343143ee7005a07ffb1ba44e78022d5' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '35fdd4fbd62d0c4d4364d7fa5ecf324a680f52b2', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'a7f1da94c4e55036ef0d56633a119da35227c550', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '811f79e7b034188d8ff8c4652b0c338ec46a513a' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '01b4acad9e95e02a6e4f6aedace585ae2ed2ed7c', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '524eee453eccc215c5575ecd7478df4dd6b531f8', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'aa52bfd55d61c3f8cef0e143bae149266932de66' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '61ef5423bcd3d19ba5d1236f4f117bb3681b3dae', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'e3d43e8982eccd5abe8a3df0848e2892164841c5', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '60c30604a49db4b44aeb5ea3d0bded0243263625', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '405d303e5e30fbf48e8bf3f9c50bd93f35041f1f' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd4b4387725d1d5a8d6375bbe32b821a30f2fa782', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '111da168eba1d8b4abc79802758cbb81b528d4db', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '8fdd9d25faaacc8cc13d5e8b8497838a4b3f0d0d' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '44936d89af076fc2b763e44d9ea44419f990f624', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '910ba71493b6aee1af35f0ce5696497f2593d312', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '175a5428f42bd03059485fa15df3bec88dc9a815' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '12ccbbacfba1ff2f5b9b29ffa4db6157b071c2a5', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '326681c873a336583d5cfee08909bb20b774eec9', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'b7cbdcb4c465dcff638b9409479cc9c92a73c6f8', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '2f3864deae8468610a1f6c8763dc47420e322845' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '3314834bd759d78efdb533b220b873d83f9d191d', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'f7a6d415f6af04355a6e6820c0b7b8dc6d0acb9c', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '923d986b1c8d0b9d73b0dcf7b0bb896129fca496' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '2458ba0958ac65b5a153c18cdba05ea3331ce222', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'a8634949e9243dfeb8ec381bf258c427feed386e', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '12d4c88cffdc351f7d536d07b0013e3c6752299d' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'a0d2b0bc312d8f9b877ac48d88bb0bf8f8463139', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'b79c21dd19e95a185383e37057922d3a3f23988c', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '9682e8e661899ce06e40058d70d442a6246bccf3', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '77861ad1ef4354cbb9cd2cd506537bd40241f57e' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '2ea86218dcc4b5770d87d3a82f925418700e8724', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '74acd7b41ef6518341f560fd613ea85169dbd1a5', class: {
+            } }, h("div", { key: '99065926dad6791e9cd0f6a33cb7aab01a16d845', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'e344688b7835c60b21a50c1ea0d1c8e07b318102', class: "container-section" }, h("div", { key: '22645453f60950ba33a84205097b359558710497', class: "variable-wrapper" }, h("span", { key: 'ecd932ce47e6ff73da13c97abc7f1eceeb0f5ca9', class: "variable-name" }, h("span", { key: '9a0dfa67c835d4bf697e127c69d6b0b41e3f3f62', class: "variable-part" }, "tet"), h("span", { key: '0a0fad359ce1e2c73d5bb94a179a396d36a5ce46', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '500f5716fb98b0ff717d7f13cfe350e350df0c7a', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: 'a2bc794868b0b925ed0c2006b00d9b23f0fcd71d', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '6e0c8ff8a4a3607d44e8f959f703a3f284267535', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '829de7ec9041f8eacbf2e7d6fcb895c8324a283b', class: "container" }, h("div", { key: 'c3d27d42a576d5d0edd884d332800e57c3846e0e', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '6cac218d51469b994ee30c26facc829477cb8efa', class: "container-section container-example" }, h("span", { key: '67d5018a519d37985415706bec51030fd7fe9c8d', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '1116308767c95d2a2696743bfd31d8ddd38d2635', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '2664d890df5287389362bb76ea32b3c57388aa2e' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '3ab10615e8484dbe851e3e4cd2844c96fd9d84bc', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '4a905d0e8937d8262beeab9d42c84293f2315632', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'b939490533469a1ad5de49c5611c343c5966958b' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '6ef05b34114cbd7b6333e175f63aa9da800afd32', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '3bbd8369324985ab11fe7a156b9ac3fabb23d130', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '27790d4f414c909da65931fe82085b089cda2076' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'e9312943ec6cc9d3eaefddd8e8a290aa7dfb6e6b', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '42f0f618814e9930f8436ac4ffd6f16c1bf836a1', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '4eb892a031c3497055a3b3d438887348ae4eb391', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'a4ae531ad1655d34b6059d627d6c637f48c3466a' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '6944ec92812c46e47bfb24001f3113f09729a949', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '23a43fa0a2afc5aaf12dc4f84d3bcad36ee30e0e', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '810899b843205f60690fd3ecab4f3dff80193cac' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '0d0e66ac6dcad25329063ef2c0986d8fdc72027d', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'e7b609235143f4bbefe83969a230d62ec37ef2f3', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '29a66fe69ea2e263b359bdad682534f4a86466eb' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'ca9269534736b3eaf7414174f41669c42a2f6004', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '0e076b40a5d8cc7ebb30b26e9c4725106d11b984', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '6bc19a238db03ea779e24fad6e52963591322b61', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'ff715da9fda153323b1a0cf457219f16f0a46842' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: 'c738e8762e65df8f65cdf1554bb10c00e43ec5a9', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '47bcb167fac6c094f9adb551dff87b1136ac933c', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '7e02ec38b1071a779441474c21f407a150258cbe' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '16cd27804ce3798b1cf5351d18bfbb7b665683c9', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '77a186cf3d974ebc612c4cb9d6b646e01070dc5b', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '0ab737988867d25135a88f19e4be2fa03e08c20e' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '1078d0900bd180561acfd07422a06bc868062306', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '02237120d2cb6a99b363d27288b46cf20ec87759', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'e2ddf30de4e9457851ce0ae91498a77076acad5d', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'adf6c83b9665d17cfe6d6880c4ea7021fccf40c5' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: 'a5aa297883609a64bfb220eb15f0406f67bd4636', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: 'd5cd5e1539dc4311d1a7bdf1b2947291842ebfc9', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: 'b29c52b6f2c56d29a3e2c0bfe801d64aa1bf58a5', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'f1565fdda4d38b57808809d2996c10622c41a3c0', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
+            } }, h("div", { key: 'd3090e44a9b49318f7d293e0404fc5ef2a083c76', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'fa6fd86b78dfaf5cdc7cd5f32cabc06ef293b97c', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
     }
     static get is() { return "tet-colors"; }
     static get encapsulation() { return "shadow"; }