@tet/tet-components 1.3.54-testing → 1.3.55-production

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

@@ -0,0 +1,335 @@
+import { h, Host } from "@stencil/core";
+export class TetCarousel {
+    constructor() {
+        this.trackElement = null;
+        this.dragStartX = 0;
+        this.dragOffset = 0;
+        this.handlePrev = () => {
+            if (this.activeIndex > 0) {
+                this.activeIndex -= 1;
+            }
+            this.dragOffset = -(this.activeIndex * window.innerWidth);
+        };
+        this.handleNext = () => {
+            var _a, _b, _c;
+            if (this.activeIndex < this.screenCount - 1) {
+                this.activeIndex += 1;
+            }
+            this.dragOffset = -(this.activeIndex * window.innerWidth);
+            if (this.screenCount - 1 === this.activeIndex && !this.isDragging) {
+                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;
+                this.dragOffset = -(totalWidth - wrapperWidth);
+            }
+        };
+        this.handleDotClick = (idx) => {
+            this.activeIndex = idx;
+            this.dragOffset = -(idx * window.innerWidth);
+        };
+        this.onPointerDown = (e) => {
+            this.isDragging = true;
+            this.dragStartX = e.screenX;
+        };
+        this.onPointerMove = (e) => {
+            var _a, _b, _c;
+            if (!this.isDragging)
+                return;
+            const delta = e.screenX - this.dragStartX;
+            let _dragOffset = this.dragOffset;
+            _dragOffset += delta;
+            this.dragStartX = e.screenX;
+            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 totalScrollableWidth = -(totalWidth - wrapperWidth);
+            if (totalScrollableWidth < _dragOffset && _dragOffset < 0) {
+                this.dragOffset = _dragOffset;
+            }
+            // calculations for active index/dots
+            const screenWidth = window.innerWidth;
+            let index = Math.round(-this.dragOffset / screenWidth);
+            index = Math.max(0, Math.min(index, this.screenCount - 1));
+            const offset = 50;
+            this.activeIndex = totalScrollableWidth + offset > this.dragOffset ? this.screenCount - 1 : index;
+            if (this.trackElement) {
+                this.trackElement.style.transform = `translateX(${this.dragOffset}px)`;
+            }
+        };
+        this.onPointerUp = () => {
+            if (!this.isDragging)
+                return;
+            this.isDragging = false;
+        };
+        this.activeIndex = 0;
+        this.screenCount = 0;
+        this.totalItems = 0;
+        this.items = [];
+        this.theme = 'light';
+        this.isDragging = false;
+        this.showDots = true;
+        this.showButtons = true;
+        this.transitionDuration = 500;
+        this.transitionTiming = 'cubic-bezier(0.77,0,0.175,1)';
+        this.buttonIconLeft = 'arrow-left';
+        this.buttonIconRight = 'arrow-right';
+        this.containerClass = '';
+        this.trackClass = '';
+        this.buttonClass = '';
+        this.dotClass = '';
+    }
+    getScreenCount() {
+        var _a;
+        const slot = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
+        if (!slot)
+            return 1;
+        const assigned = slot.assignedElements ? slot.assignedElements() : [];
+        if (assigned.length === 0)
+            return 1;
+        let totalWidth = 0;
+        assigned.forEach((el, index) => {
+            totalWidth += el.offsetWidth || 0;
+            this.items.push({ id: index, width: el.offsetWidth || 0 });
+        });
+        if (totalWidth === 0) {
+            totalWidth = assigned.length * window.innerWidth;
+        }
+        const screenWidth = window.innerWidth;
+        this.totalItems = assigned.length;
+        this.screenCount = Math.ceil(totalWidth / screenWidth);
+    }
+    componentDidLoad() {
+        this.getScreenCount();
+        window.addEventListener('resize', this.getScreenCount.bind(this));
+    }
+    disconnectedCallback() {
+        window.removeEventListener('resize', this.getScreenCount.bind(this));
+    }
+    render() {
+        return (h(Host, { key: 'c0c5a431f27cfc26b6d536365ae51d616a0db671' }, h("div", { key: '08eebeca44555015b022532ca62641131e8c3923', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el) }, h("div", { key: 'b6f277f138b8b17daf11f8d0e1cad3eaa4b927e4', class: "tet-carousel__container" }, h("div", { key: '23afda42a98b42f7af2e8758ae4599a5c4634f58', 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 }, h("slot", { key: 'dda3676774a5230b4b30f1bb512a319c1eb73b08' }))), h("div", { key: 'db5950e3b194eb339554cab693630d0324298cd5', class: "tet-carousel__controls" }, this.showButtons && (h("div", { key: 'f76009ce91bbaba5898bfe0f21e668c8294be4e0', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: 'b9b8e019bbfa432344e6bfd341c0920eed1c8fc8', 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: '327741bae737ea4aaa3007f636d7635666b64b10', 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: '92c494d5d1b69ec29c4fbb741c4f5f93978a8c37', class: "tet-carousel__buttons " }, h("tet-button", { key: '8caabcdfce3ca5a3df187caca214376a2ad633fb', 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: 'cdc69b9ea0f4c65f6095ae577ed1a8846e7f810e', 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"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tet-carousel.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tet-carousel.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'light' | 'dark' | 'mint'",
+                    "resolved": "\"dark\" | \"light\" | \"mint\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Theme for the carousel ('light', 'dark', 'mint')."
+                },
+                "attribute": "theme",
+                "reflect": false,
+                "defaultValue": "'light'"
+            },
+            "showDots": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Show navigation dots below the carousel."
+                },
+                "attribute": "show-dots",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "showButtons": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Show navigation buttons on the carousel."
+                },
+                "attribute": "show-buttons",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "transitionDuration": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Duration of the carousel transition in milliseconds."
+                },
+                "attribute": "transition-duration",
+                "reflect": false,
+                "defaultValue": "500"
+            },
+            "transitionTiming": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "CSS timing function for carousel transition."
+                },
+                "attribute": "transition-timing",
+                "reflect": false,
+                "defaultValue": "'cubic-bezier(0.77,0,0.175,1)'"
+            },
+            "buttonIconLeft": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Icon name for the left navigation button."
+                },
+                "attribute": "button-icon-left",
+                "reflect": false,
+                "defaultValue": "'arrow-left'"
+            },
+            "buttonIconRight": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Icon name for the right navigation button."
+                },
+                "attribute": "button-icon-right",
+                "reflect": false,
+                "defaultValue": "'arrow-right'"
+            },
+            "containerClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Additional CSS class for the carousel container."
+                },
+                "attribute": "container-class",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "trackClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Additional CSS class for the carousel track."
+                },
+                "attribute": "track-class",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "buttonClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Additional CSS class for the navigation buttons."
+                },
+                "attribute": "button-class",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "dotClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Additional CSS class for the navigation dots."
+                },
+                "attribute": "dot-class",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "activeIndex": {},
+            "screenCount": {},
+            "totalItems": {},
+            "items": {},
+            "isDragging": {}
+        };
+    }
+}

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

@@ -49,7 +49,7 @@ export class TetIcon {
         });
     }
     render() {
-        return (h("span", { key: '194e682b293be708bebf4b7b5b19f4730a9b5a5b', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: '52e2edc48ab40bd637dc06394a1c2a11a9f19d6a', class: {
+        return (h("span", { key: 'e47c43c9f7f34509d2ff94952816fee1ea2f6171', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: 'ef866c1d70124e2e49297bac720cc1ea188fe899', 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: '8337aed7470b020c25fe807ae457c69cef017545', class: "loader" }, h("div", { key: '4406b9d20c8db85772c22c2b6788700ffc156795', class: "loader-inner" })));
+        return (h("div", { key: '5693ed0c4c1f558b9aba3745ab82c65bce5e130e', class: "loader" }, h("div", { key: '0700c43da2dfad6d1b78bc7e0b7b6f00b84214d8', 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: 'fc4181dce64b04ab91b89aec7709392ed5a2fb0d', style: { width: this.width, height: this.height } }, h("div", { key: 'ecb7ef2e39edded241b71f686869d8a4ec53da09', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '9bbb33d5b8a19a8528da3bc5121bcf3d3e5e27e1', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: 'eb34706a5b84908ce5944ec5427e4da45dabcd75', style: { width: this.width, height: this.height } }, h("div", { key: 'ff19c33b66e5193fa5e429beb5c1bcf7925872c9', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '00564017cae2f1cb5c88f77be25ea3b3f97f0c68', 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: '9f8cd25e310d7603d2b9e8a6ab247baa8074660a', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: '0e6f1c47d0d4dba39875cadabde07933f630b1d3', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: '92fdea1574be1aeba93594c324fd6293cedd5bb8', viewBox: "0 0 40 40" }, h("clipPath", { key: '946842b97542a865b06f1ca1c9adfbbffe16a611', id: "clip" }, h("path", { key: 'e01d60402e47dad043e9a5a4fecfffdca72e1fe7', 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: '205aa13c3055d0f886b6b14640b781fb1eca0399' }, h("div", { key: '2ae1a461d6993bb05235be4a9ae5564feed44677', class: "spinner__gradient" })))));
+            } }, h("svg", { key: '59f6d71fd5bf7f7d965ae4546abd5e6c3443d58f', viewBox: "0 0 40 40" }, h("clipPath", { key: 'c310667c7df01877207e0410ba55987ca818ebf5', id: "clip" }, h("path", { key: '5d849693e8a48939af24fdb2cbd387bbd7e80fde', 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: '0caa0ba10c998fa4252b1976c61dc7c00fb900e0' }, h("div", { key: 'c1f779b1af599ae0d412c0ea5bd1553de7180a59', 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: 'dfaa0f47e28108828f257db3469e7eb36127a2c1' }, h("div", { key: '926724d21786fc0fc5aff3a4d86e2387b3c91724', class: {
+        return (h(Host, { key: 'c79b013da76bbd3f5706270beedf30cb5deb9843' }, h("div", { key: 'ed67d61ed71db156f4d9852ffe4f7f43995fbd70', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: 'd325ea39302c5a63883a4018d3e4da83fffd5327', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'a0a9e8aa564886bc5f6f86021160431e4301aeef', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: 'f01967001f2e3b8e027f4649a285666973ab7fae', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '6af9e12aec914a5085be6d393121fa22d0a1e79a', 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: '65bc20e07268b406344f99ece0842cc468ebb6b6', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: 'dd3d6df1e9b81bb1c93d0e47c7f0547827808999', 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: '2a968d2f0262541b118a4630fb34827348dad627', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'ef8567bc4630bdd6b48e795f61967fe5128e8182', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: '19a65e793cbbfc23184949d27b2e7127f44b1c72', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'aa8d4e36c4e96d039af7bc7b6c21ac2506e679c4', 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: '3a083eaf764533e5a4eb53a218cd59dfc3ed338a' }, h("div", { key: '8cc861aa95f8ea4e081d0043bd291b54193cfd7b', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '0d9d0d64a366f7837bd84c4775286cdf102d67cc', 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: '161c33bae077116524b26fa98b7cf294be9c1da3' }, h("div", { key: 'e7202e836e839c7470aa05e9ce8937ce108b96f7', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'eeff6f84cb624a4916579a35158209d1d60099f7', 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: 'dd04d992262bf4116e85b37171d7b8e06d99c422', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: 'ea0e5082cffd00156222d81bdbc752696b890485', 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: 'ccf7d11add9fa2b7eaf865ca7995dba86d3f292b', 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: '76092f42ae165a9310c5e003faa830152b761de9', 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: '683df50dd8012b658a0a38a800e1b4cd483b5047', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '64d80b1af1a07156fb7c5bb22205924aca13e49b', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'f0195001611913cd704c99a5bc2300afb5386c08', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '649f3ae0a69479b3e29f1aef7140254c9be504fd', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: 'e181bdf5359189e657fbca76afb28cc06e7b926b', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: 'e7f1099da73968c66694f163dc03673cabffcd1b', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: '184e120f94c40e0e527f3c99df5e9f3b4e7a7d1e', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'b9533f8a8e9e9f34f4c5989906d86b3e69a114de', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '16c2e07f3101b65ac161d1626a55516cf32f3291', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: 'deb2f731cc3ce945847f887086557fc16a15a38a', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '49b2301cb5679e34b67d0593920e899406ca3f84', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: '554e91aac2540ea427cfbdc2b51b093ca022f625', 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: '102cf8c5b4e7e8dc0640e8c0decadda0c0e750c2' }, h("div", { key: '712b2db74e6fe4388c3de45aed41d70b43f2fef1', class: {
+        return (h(Host, { key: '00b1d50e4efd941c00a1e26cf0ae86c2abb82ba8' }, h("div", { key: '3c8acba2b662d2d5fbb9414a1623297a4c635715', 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: '6907e0b020629367ab2a3d3ce1be312cd9d4ace4', class: {
+            } }, h("div", { key: 'c7281e985791429ba0e3f5aaebe57b6e128dae3d', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", Object.assign({ key: '76dccfd19d7456064b83d44cc2e07a7707e24242', "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: 'b58b41b626ef8cc09bac88ef89b00f113cddd4b3', class: "range-slider__container" }, h("tet-button", Object.assign({ key: 'cea255415ab13898286386e7d5c9eff0904c1f83', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", Object.assign({ key: '4193750e115da835f1b6c67d7ce16d031ab35477', "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: '959d63200eb12edad3f455b1a31f096cc5111e76', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '609ec7359cc4f42fd9fd3d18186924f38c81d58e', 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: '58a042bbc5befad12ad225ee25ec7d668866f275', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '3156721194e61feb3ac4aa8d61ee905131f52d16', 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: '256aa368c79e3c1abc0f829cca37cff6dd40512f', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '102818f75e6802c3d5c53ff4ae5e91e8dcfffdbc', 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: '827b75712f1476e2b582434047522a7d358541e1', class: "range-slider__track range-slider__track--background" }), h("div", { key: '1164e8b18310e39b85f7db8eb6948141b653a7bc', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'abedd534ed86ae25e17ad1267c83c4a641e9972f', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'ede752f53dccb61df7ce60f6d39e3ece61508acf', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: '891a98217af7d7ebe3ce1ad4b332ec5486149855', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'cba5f5f60367c390d87200953a9f70f99535ecec', 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: '2fe229a0a5923fc27a33197ddf03b193c5baad77', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '203aad232871a2c95c1ad670928a3b617f6486ac', 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: 'b834cd04623d365d3d46d426be42639b764d59db', class: "range-slider__track range-slider__track--background" }), h("div", { key: '722378e4e5873ff8450b4a359260959a92750cd5', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '3297735fb9477c4eb48d1e0746ecd019e564113f', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'e661fa058fccee09e2343f9217abe6eb64d42c0a', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '04d9e0127a48506318fc504e314783fe49388c0b', class: {
+            } })), h("div", { key: 'dcc1f95cd851cd11c15542fcbfa34ead9d2edf2d', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: 'e05da737d2da79e6f850900367a9628a04857219', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '4d5c81cc2993c1f5c730be5018d3c150717575a3', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'dda887d88e4f1e93cbf4b13ce008f7bd47a7bb43', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: 'f25eaca8caac5ac5ccf079cee9614901848c6a55', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'd93ac01ff89b0bc5e821e74a12ac90afd3976f16', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '427fff99516fafbf11c2514ae4ae27c92df58145', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'bc0cdbca927170428a76f041b5157a67d96b140e', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: 'e0ae5a0da6f6a3db3c77344b6b95610124526b3f', 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: '7ca3d400cc38621a36734610b6930c795bac9a19', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: '2c71e19bf86c9b96e223bbf817bc71a67af697a8', 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

@@ -121,7 +121,7 @@ export class TetStepperInput {
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: '12ca8a30cc03bc44019f29a17e4c760ad1b91134', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: 'ef4a89c9dc6eb631576b5522f2d243d264f8452a', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: 'abbc6145c176c43767d9df7828bf05934a5f4271', name: "remove", onClick: onMinusClick })), h("input", Object.assign({ key: 'c65676a574c41fe1fbb352049d7dbb2ba91d56b8', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: '0609d06fb43e05064203b6df8c6dbfc430997482', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '06c56faeee746177a08b5b28b94ea4a80a5d9bda', name: "add", onClick: onPlusClick }))));
+        return (h("div", { key: '184c36865414e31df862009ff5e7abbd6ae26e0c', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '36e1b4addf474e1cdf323fed2500845c3b13768e', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: '88800837a233e0654bfd7d5b472975f0012f4498', name: "remove", onClick: onMinusClick })), h("input", Object.assign({ key: '9efc8bb47dd6ccbfe9823b9db117587c4bc8e896', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: 'b5b0d843e49bf1f77f5094ed94b53824fb057509', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '7475cf843ee7e5ea01c3d9a303315647f8a49066', name: "add", onClick: onPlusClick }))));
     }
     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: '9f1bae3a9376b42c367eda603756f3aa50fde60c' }, h("label", { key: '5dd46cbfff3c1040c949f5b32a7425e1c8529430', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '6841ff26b6285329086275f654bd6be50cb81d54', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'b3f503e563d5633dfa5498b10de34b145d1846d5', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '8ec9fe36af8c60dee16df9e0ae72c061b0c0b4de', 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: 'c7cc598ae4a16df6b9b588b50dae729f29274a35' }, h("label", { key: '15a1f6195900b3ef41b198d444bfd0cd9c664e24', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: 'c5603b52cfae4d18a55dc9091db0b3d0c9d273db', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '557e680c5f6f0112f9df6efe8c535dafddacb4ea', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '3afeec5b2a464bc39991e8cfcc86dfe729979044', 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.css

@@ -391,6 +391,7 @@ tet-card-list {
   isolation: isolate;
   padding: 0;
   width: var(--news-card-width);
+  margin: 0.25rem 0;
 }
 .tet-news-card.dark {
   --news-card-primary-text-color: var(--tc-text-primary-dark);
@@ -399,6 +400,12 @@ tet-card-list {
   --news-card-link-hover-text-color: var(--tc-text-primary-dark);
   --news-card-link-icon-color: var(--tc-icon-secondary-dark);
 }
+.tet-news-card.dark .tet-news-card__link-container:focus-visible {
+  outline: 0.125rem solid var(--tc-blue-40);
+  outline: 0.125rem solid var(--tc-blue-40-dark);
+  outline-offset: 0.125rem;
+  transition: outline 0s;
+}
 .tet-news-card__image__container {
   box-sizing: border-box;
   overflow: hidden;
@@ -456,6 +463,14 @@ tet-card-list {
 .hover .tet-news-card__link {
   color: var(--news-card-link-hover-text-color);
 }
+.tet-news-card__link-container {
+  border-radius: 0.125rem;
+}
+.tet-news-card__link-container:focus-visible {
+  outline: 0.125rem solid var(--tc-blue-40);
+  outline-offset: 0.125rem;
+  transition: outline 0s;
+}
 .tet-news-card__link-container {
   font: 400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
   display: flex;

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: 'bf1505b1b6de8ddaf21c426547953d43c015717f' }, h("tet-card-list", Object.assign({ key: 'e67da9c6a60779e58bf21d278ab7b4e65fb1247e', 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: '4e53233579e9c1b0bdc21c96087e565b1d9dcf12' }, h("tet-card-list", Object.assign({ key: 'a7a6fc30a743edd3561ebb720f789c48ffb6802b', 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: '8ddbf1f9f959407fcc134bacb4713a22a760cfe0' }, h("navigation", { key: '6bb56387590ee23f0f95df0ba72581612854f0b2', class: {
+        return (h(Host, { key: '5e70f2cdbaac7eb99c995088aef8becae914d5e4' }, h("navigation", { key: 'bed2326b739f0e98783a5a08b3da99af90fa1c10', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'fb50449d3e12dad7c4bd2aa85a2b2a15e4ffbb7d', class: "navigation__nav-bar" }, h("slot", { key: '90c334910dbf1bbbac62a6112d65515a7266174a' })), this.isTogglerVisible && (h("span", { key: '58c66ca30f7152baf44bb4586c596301df4cef3c', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, !this.isTogglerExpanded && h("tet-icon", { key: '7822b8e65c3d7ccb70a31f309c8fe6be3e63a202', class: "navigation__toggler navigation__toggler--burger", name: "burger" }), this.isTogglerExpanded && h("tet-icon", { key: '5e623a69098c40f6d5183b70ba5207dcb4a31156', class: "navigation__toggler navigation__toggler--close", name: "close" }))), h("div", { key: 'f0cd493563a431346d58a32c8ed86861dd12d100', class: {
+            } }, h("div", { key: 'bd24e59627eeb6e76b5124892a15f8829d3a99ef', class: "navigation__nav-bar" }, h("slot", { key: '3217b90dea79143f536d1fb5910d29a484f84f85' })), this.isTogglerVisible && (h("span", { key: '47776d13e6603cda7e023fd62477de41ac14527c', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, !this.isTogglerExpanded && h("tet-icon", { key: '85741ffeedc31868150069698576e92b81cf717d', class: "navigation__toggler navigation__toggler--burger", name: "burger" }), this.isTogglerExpanded && h("tet-icon", { key: '38700243c97c06c015d9a863de9e7d8cbf8c50fe', class: "navigation__toggler navigation__toggler--close", name: "close" }))), h("div", { key: 'cd0e738e48b84c3658657c4d5fbb17717c8f7778', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            } }, h("slot", { key: 'ca97d98243ab32d6fa0422f4e2b6da9480088682', name: "dropdown" })))));
+            } }, h("slot", { key: '7c08e3190af5aa75aaeb1831f5617c6b6f22431f', name: "dropdown" })))));
     }
     static get is() { return "tet-navigation-mobile"; }
     static get encapsulation() { return "shadow"; }