@tet/tet-components 1.4.44-testing → 1.4.45-staging

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

@@ -0,0 +1,238 @@
+import { Host, h } from "@stencil/core";
+export class TetCountdown {
+    constructor() {
+        this.endDatetime = undefined;
+        this.accessibilityLabel = undefined;
+        this.countdownTitle = undefined;
+        this.staticTextColor = 'light';
+        this.countdown = { days: 0, hours: 0, minutes: 0, seconds: 0 };
+    }
+    /** Emitted once when the countdown reaches its end date. */
+    countdownEnded;
+    tickTimeoutId;
+    hasEmittedCountdownEnded = false;
+    componentWillLoad() {
+        this.startCountdown();
+    }
+    disconnectedCallback() {
+        this.clearTickTimeout();
+    }
+    onEndDatetimeChanged() {
+        this.startCountdown();
+    }
+    clearTickTimeout() {
+        if (this.tickTimeoutId !== undefined) {
+            globalThis.clearTimeout(this.tickTimeoutId);
+            this.tickTimeoutId = undefined;
+        }
+    }
+    startCountdown() {
+        this.clearTickTimeout();
+        this.hasEmittedCountdownEnded = false;
+        this.updateCountdown();
+    }
+    scheduleNextTick() {
+        const millisecondsUntilNextSecond = 1000 - (Date.now() % 1000);
+        this.tickTimeoutId = globalThis.setTimeout(() => {
+            this.tickTimeoutId = undefined;
+            this.updateCountdown();
+        }, millisecondsUntilNextSecond);
+    }
+    updateCountdown() {
+        const targetTimestamp = this.getTargetTimestamp();
+        if (targetTimestamp === null) {
+            this.hasEmittedCountdownEnded = false;
+            this.countdown = { days: 0, hours: 0, minutes: 0, seconds: 0 };
+            return;
+        }
+        const now = Date.now();
+        const diffMilliseconds = Math.max(0, targetTimestamp - now);
+        const totalSeconds = Math.floor(diffMilliseconds / 1000);
+        const days = Math.floor(totalSeconds / 86400);
+        const hours = Math.floor((totalSeconds % 86400) / 3600);
+        const minutes = Math.floor((totalSeconds % 3600) / 60);
+        const seconds = totalSeconds % 60;
+        this.countdown = {
+            days: Math.min(days, 99),
+            hours,
+            minutes,
+            seconds,
+        };
+        if (diffMilliseconds === 0 && !this.hasEmittedCountdownEnded) {
+            this.hasEmittedCountdownEnded = true;
+            this.countdownEnded.emit();
+        }
+        if (diffMilliseconds > 0) {
+            this.scheduleNextTick();
+        }
+    }
+    getTargetTimestamp() {
+        if (!this.endDatetime)
+            return null;
+        const parsedTimestamp = Date.parse(this.endDatetime);
+        return Number.isFinite(parsedTimestamp) ? parsedTimestamp : null;
+    }
+    splitTwoDigits(value) {
+        const paddedValue = String(Math.max(0, Math.floor(value))).padStart(2, '0');
+        return [paddedValue[0] ?? '0', paddedValue[1] ?? '0'];
+    }
+    isLatvianSingular(value) {
+        const normalizedValue = Math.abs(Math.floor(value));
+        return normalizedValue % 10 === 1 && normalizedValue % 100 !== 11;
+    }
+    formatDatePart(value) {
+        return String(Math.max(0, Math.floor(value))).padStart(2, '0');
+    }
+    formatTargetDatetime(targetDate) {
+        const formattedDate = [
+            this.formatDatePart(targetDate.getDate()),
+            this.formatDatePart(targetDate.getMonth() + 1),
+            String(targetDate.getFullYear()),
+        ].join('.');
+        const formattedTime = [
+            this.formatDatePart(targetDate.getHours()),
+            this.formatDatePart(targetDate.getMinutes()),
+        ].join(':');
+        return `${formattedDate} ${formattedTime}`;
+    }
+    getCountdownAriaLabel() {
+        const targetTimestamp = this.getTargetTimestamp();
+        const accessibilityLabel = this.accessibilityLabel?.trim();
+        if (targetTimestamp === null || !accessibilityLabel) {
+            return undefined;
+        }
+        return `${accessibilityLabel} ${this.formatTargetDatetime(new Date(targetTimestamp))}.`;
+    }
+    getUnitLabel(unit, value) {
+        const isSingular = this.isLatvianSingular(value);
+        if (unit === 'days')
+            return isSingular ? 'diena' : 'dienas';
+        if (unit === 'hours')
+            return isSingular ? 'stunda' : 'stundas';
+        if (unit === 'minutes')
+            return isSingular ? 'minūte' : 'minūtes';
+        return isSingular ? 'sekunde' : 'sekundes';
+    }
+    renderUnit(value, label, partPrefix) {
+        const [firstDigit, secondDigit] = this.splitTwoDigits(value);
+        return (h("div", { class: "countdown-unit", part: `unit unit-${partPrefix}` }, h("div", { class: "countdown-digits", part: `digits digits-${partPrefix}` }, h("div", { class: "countdown-digit", part: `digit digit-${partPrefix}-first` }, firstDigit), h("div", { class: "countdown-digit", part: `digit digit-${partPrefix}-second` }, secondDigit)), h("div", { class: "countdown-label", part: `label label-${partPrefix}` }, label)));
+    }
+    render() {
+        const hostClass = `static-text-color-${this.staticTextColor}`;
+        return (h(Host, { key: 'b7d2aaeaa17a562101d2bd9b8e5ef2574973fbb2', class: hostClass }, this.countdownTitle && (h("div", { key: '3c067d3a78a3dcd7d330fbc5aa80ed1c1d9e1df5', class: "countdown-title", part: "title", "aria-hidden": "true" }, this.countdownTitle)), h("div", { key: '7bae1117f7c472df0504219bcd4fe7d5ebb00989', class: "countdown", part: "countdown", "aria-hidden": "true" }, this.renderUnit(this.countdown.days, this.getUnitLabel('days', this.countdown.days), 'days'), this.renderUnit(this.countdown.hours, this.getUnitLabel('hours', this.countdown.hours), 'hours'), this.renderUnit(this.countdown.minutes, this.getUnitLabel('minutes', this.countdown.minutes), 'minutes'), this.renderUnit(this.countdown.seconds, this.getUnitLabel('seconds', this.countdown.seconds), 'seconds')), h("div", { key: '63a235d1578ccf0f0d309b460804ee7b30395d40', class: "sr-only" }, this.getCountdownAriaLabel())));
+    }
+    static get is() { return "tet-countdown"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tet-countdown.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tet-countdown.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "endDatetime": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "End date time for countdown in a format parseable by Date."
+                },
+                "attribute": "end-datetime",
+                "reflect": false
+            },
+            "accessibilityLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessibility label prefix announced before the countdown end date and time."
+                },
+                "attribute": "accessibility-label",
+                "reflect": false
+            },
+            "countdownTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional title rendered above countdown blocks."
+                },
+                "attribute": "countdown-title",
+                "reflect": false
+            },
+            "staticTextColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'light' | 'dark'",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Static text color variant for title and labels."
+                },
+                "attribute": "static-text-color",
+                "reflect": false,
+                "defaultValue": "'light'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "countdown": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "countdownEnded",
+                "name": "countdownEnded",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted once when the countdown reaches its end date."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "endDatetime",
+                "methodName": "onEndDatetimeChanged"
+            }];
+    }
+}

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: '9d56b10515f58a001f7d809ad5e99137de58a6a0' }, h("div", { key: '8c7d6668b490c855ce0c03a32f12ba57892ee2dc', class: {
+        return (h(Host, { key: 'cc76d5686cd9f65cf1117e82be2ed5efd216bf89' }, h("div", { key: '0afe30cd4ab92bc5bf5ddee37758c305a589b981', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: 'cd623028e752984bf9a0d66fb401d0befa5ecfaa', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'f84b0816a5549a0f74ed66047bd53f2dd56ff9e9', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: '73221c9c80f4ef67e15f7447ffc85dc6a0a2af37', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '58c0bb8377261ff610b7ceba8ffa0b323bc10d62', 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

@@ -55,9 +55,9 @@ export class TetDatepickerHeader {
         this.datepickerViewChanged.emit(view);
     };
     render() {
-        return (h("div", { key: '07e7836aa863a6681560a0377b76565237a9af6d', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '8319cdf938529c05440c989adee62c318329bea2', 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: 'bccaad380f80b271480bfadfc65512c44a3a8ed9', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '7d43f76898d6cae5399d0b2b9c917c0b6739e7d6', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: '2b96ac64a31ce48feb09101f869b6543acda7cc1', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '831e3686213c8d25587358d9569aca78eac3f419', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.addDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-right" })))
             : h("div", null)));
     }

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

@@ -159,7 +159,7 @@ export class TetDatepickerMonthView {
         };
     };
     render() {
-        return (h(Host, { key: '90b13dd9a57ebb80f5a68bbcbcc463b9506f94d6' }, h("div", { key: '6a6a9a4484df1c2e72d75565dde9ee2087929b89', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '813137edadeec07840401ad4b5687793ab556f69', 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: 'a4f7be4b7ae091cd2590327faa1c7cd1525f85fe' }, h("div", { key: 'e1dc4952597698666654eff8102a28913c9d669e', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '57b7152b6d071433dc5ce9d9d8f7d7bf67843fea', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
     }
     static get is() { return "tet-datepicker-month-view"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

@@ -100,10 +100,10 @@ export class TetDatepicker {
         return { overlay: true, closed: !this.isOpen, 'overlay-effect': this.overlayEffect };
     };
     render() {
-        return (h("div", { key: '317daa5a361b6ee8e11289970678be82eb9ede0b', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'ca83f87954a099dc217936e15a05e25c8c6e6665', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'f0f864eb0221790f6d32c420eb1e4824bcf6727a', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '6db823e7cc09add85bebefddb7dbf60fb7b522cd', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: 'd19fc21586a5b2c5ef8024492a240bde23f2a7b4', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '10641c6847ab8f8766e95630ffd46de607da1818', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: 'ef4cd00c1976d8e7d90652db9d45862429a4530d', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '9d44b4b847c458688d76a23637a6e3f888061a2d', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '5085f13fe1bed0de280bd6b98ddfa29c3f307707', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '6f85f52ed3be72a11d4485df8e21cd00a745ac13', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '0dcb51c8c83c6c5c1b01c684dee0f616acf4926b', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: 'b47d1b9267ab29f69931c26a58e2181ecc60cd91', 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

@@ -760,31 +760,31 @@ export class TetRangeSlider {
         return dataListItem;
     };
     render() {
-        return (h(Host, { key: '939f85bac6f50fb10f97e84dc60ece13321a8d94' }, h("div", { key: '493d560e4a1197c372cc10c45fcc940855f9f59c', class: {
+        return (h(Host, { key: '7198692060a2cb67d8a7e38a039ae1f8f0fe2181' }, h("div", { key: 'adc282b60ebefaa48695140bd7a51ad3806aa115', 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: '1ee974428368b909943ef861abcae3915d513ba2', class: {
+            } }, h("div", { key: '0a97ca0442555d9c6f74b879d0df7a546897cb0e', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", { key: '9b4457bdf62746448f096ab760cacd90a8fc7020', "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: 'f75f88e5b1dbd0b898bb4ce44335d46b7244a8be', class: "range-slider__container" }, h("tet-button", { key: '067924f616adabd7ffedf46bfdae56efb878c443', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", { key: '3af2507c25d1d23f95096e31007cc05d5f8d5e7a', "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: '2132ed251e8205be10ae44bb59edc346ba0bd369', class: "range-slider__container" }, h("tet-button", { key: '9ac8707942587310e47b16acfcf07f718a56134f', 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: '659a69e0fdfedd4d758da6597f4b6fe65cd7c7fe', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'e4168b29b60622b6665c9b9d8e4f5313e26a166c', 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: 'de25cd11d5d30d6adf7368f175331cd3c0d84608', class: "range-slider__slider-wrapper" }, h("input", { key: '1af13b2067b115e1df4e18969aa39047d86817bd', 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: '1ed4a527cce37a1b74932a3a82d615d1737fcdba', class: "range-slider__track range-slider__track--background" }), h("div", { key: '53dc27281878969cbc036a0fa88925471254d4c3', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '9c2474104b422c4436b221950aae95a07925b010', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '1b95c20a00343e5d6516719a01107eb3f35f1ac1', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: 'b8524318e5e3639615942d615b57def7b468b102', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '9eca85024735eed7e6e20a7ab7449f5b43f2a00e', 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: '4e9d9aa92c52b33e064054c3797e62a01de768f2', class: "range-slider__slider-wrapper" }, h("input", { key: '2186bbccc99f7caad5644301a0c1aa92e481631d', 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: '79c0a8c6f8821a4d7b07fb8373fc11b685d86548', class: "range-slider__track range-slider__track--background" }), h("div", { key: '34897fecf4f9fa0cbb2e08e37833bc09dbb7c90a', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '3161926a83f2c9dd42ad3bcfc9eb9d17dc44ce4d', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '8daec9046a72bf3ae879799b18bc34e1d893bfeb', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '4d62fc653e18030c8a10efe3e80d64b5b15392a6', class: {
+            } })), h("div", { key: '5fac72480f28fa3e547fe6e53ff9cea387420dc6', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: 'ba99bbf21ab5d33d09034d28906360972e3628eb', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '24c82d161b151964ba213801c010ae32c39639e9', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '803a660c5f53ead4131afebe9b303aebbfada764', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '58ed26947569cf1d44bc4a85aea850eb0c3e1668', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'fa2960e3e580f72b65e877339052bd38414832b6', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'fe713ae1718a9bddfb678aaab43837c6c41935c2', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'd5aa9120ee4b5a204dd107c4a57e37cdc13000e0', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: 'b6bf510b357f9055dc849622a836eb7718f3949d', 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: 'a03b4c8bd7383ad22f49237cfb037baa5fce03d7', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: '0a80c36f4147add6bcf35d0c69231441c330697a', name: "add", class: "range-slider__control--icon" }))))));
     }
     static get is() { return "tet-range-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -145,7 +145,7 @@ export class TetStepperInput {
             }, class: "stepper-input__input", type: "number", value: String(value ?? ''), disabled: disabled, theme: theme, ...(accessibilityLabel ? { accessibilityLabel } : {}) }));
     }
     render() {
-        return (h("div", { key: '246fee4898e7e2b25b0bfde2eae5af500243b0c3', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: '988425d54ff429d3a1b5e6ad2288f16af7ec0755', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
+        return (h("div", { key: '6a6c629d289b71647b10253e984accea33b98761', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: 'e189e9599ce885ba2c60056bfe1fc23e253c5572', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
     }
     static get is() { return "tet-stepper-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,8 +59,8 @@ export class TetTextarea {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: '57f21e214f2ef0d9711afa41defc88076792a8dc' }, h("label", { key: '06196ba37e3359af9d2c20801a8b5991795a2fca', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '1b51a2b8a3ee16d8fff263bdb1d99fd27389091c', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'aa65a761303c9acc242afab2085eb5abcf2bcbf2', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '355dae77f827c819533bf6a798492bb7c9cc5d28', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: 'cd47280cb7758754a71ac690ae1f67b9ba1cebcb' }, h("label", { key: '47228cba1d6ca542935cf13151ea909651ef8580', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: 'ad1be47bf26a0e1857eb3025757a8b2ccdeed457', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '9c773c8fe6c531082859e7ed14ec415d3f103d07', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: 'c3b6740ea9925428aedfe6ebaf575e407ce1e1fb', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
     }
     static get is() { return "tet-textarea"; }
     static get encapsulation() { return "shadow"; }

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

@@ -68,7 +68,7 @@ export class TetNewsCardList {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: '3907096677590e1d40eb419171bfc982073df711' }, h("tet-card-list", { key: 'b02a563d1a82c63051cf7bc0ef4733bd1c564216', 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: 'e5748c7d98e17e78b873d92986ba5267f497e0bb' }, h("tet-card-list", { key: '8d6bcc11a684bc06c98a2d819ec8b4b3f9acdb54', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     static get is() { return "tet-news-card-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,13 +58,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: '638e74dc5657094cec2e32a292ceeafa171b4455' }, h("navigation", { key: '89638be40a6366961492405301806f3426cad24b', class: {
+        return (h(Host, { key: '162ebe378645ffdb47a43120eae5897d710cd934' }, h("navigation", { key: '120b65bdc0844c18db43d49657d52671063c1072', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: '7a1c14e1c0950f47dcc96d3438f054ac9ed85370', class: "navigation__nav-bar" }, h("slot", { key: '4f470f9eff55f9bf6b30ac1a743a7d048c8af545' })), this.isTogglerVisible && (h("span", { key: 'b1b272756a2f5a73fc3a6b6762e5324215dc4278', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '1ee9326c3512304d5e8dfa23817ee5ec79c88f5f', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '10972d8494763031796f4331c1862037e7800151', class: {
+            } }, h("div", { key: '7a7eef14cd4c7587229d05e28791e71b01962baf', class: "navigation__nav-bar" }, h("slot", { key: 'c36fe832c53e0c37d599611e2c47a7639d236165' })), this.isTogglerVisible && (h("span", { key: 'fcec1e746f5f733042e9bba8ff8a4a55f5d36b4f', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '6b1eda748e01bb7c890d942d8cb732985eb983f0', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '9541e3f3dce03f168b281500d3c340117cbb4b29', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '184c770cbad2907f31f4e43183b89d2f2d8758e3', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '15b849b825fa8bb7baf108eb86c3e9ea07874aba', name: "dropdown" })))));
     }
     static get is() { return "tet-navigation-mobile"; }
     static get encapsulation() { return "shadow"; }

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

@@ -130,13 +130,13 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: 'fc98aa1ef334cafde50c323197f94dcf91700f1a' }, h("div", { key: 'bca42da60b79217202c87916424dda7ee5e4127b', class: {
+        return (h(Host, { key: '373caa1cab927e88b700bc316071ad93d9999b30' }, h("div", { key: 'c83bd7f9792b80c3aa1fa38329bc504e315f9c4a', 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: '2d56be973d97cf694512166839a300a12a48b9c7', class: {
+            } }, h("div", { key: 'b6bcac083f6360a4783bac79966a491ccdc6b4ac', class: {
                 "tet-accordion__header": true,
                 [this.theme]: true,
                 "tet-accordion__header--non-interactive": !this.isHeaderInteractive,
@@ -144,15 +144,15 @@ export class TetAccordion {
                 onClick: this.toggleOpenState,
                 onKeyDown: this.toggleAccessibilityOpenState,
                 tabIndex: 0
-            } : {}) }, h("slot", { key: '68ed84461bea4f72ae2f5570664690f2a6be2214', name: "header" }, this.headerIconName && (h("tet-icon", { key: 'ed9585680a762a8ec14477b9525e4fe7247d3109', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '1320d9f5ecf569f0cba8adb106b7a4fcf1e42085', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: 'f1cdf3d88b0ec45049a70b7aa22eb45e2e235a4c', name: `chevron-${this.indicatorDirection}`, class: {
+            } : {}) }, h("slot", { key: 'abd0233dbd28b3a8975dc2f21a495a4f878af167', name: "header" }, this.headerIconName && (h("tet-icon", { key: '11caba12a7f545dba3b9165cd79f3fb4b6f6f04c', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '67607c02863c2cb0c1140fde79628db8ce06bd9d', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: 'f1799daf9bd961cd1069e3f7cefbbc1fd6d88f3c', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: 'd2391b902a7c3100dd700dab0f19e2c3673f99d9', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: '57f94740f69857957c3954868341ef2e8362f178', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: 'b09d27bf6d5a007526c8530fd97638bc0e478136', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '08f795939823f79e85bc93f87e67f33c794168f6', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: 'bf254636760c07f7ed152685b2ff331f154da02a' }))))));
+            } }, h("slot", { key: '5bc9589fade7aef17eabe5948f4015052c52f8e7' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -62,7 +62,7 @@ export class TetExpansionPanel {
         this.state = this.state === 'open' ? 'closed' : 'open';
     };
     render() {
-        return (h("div", { key: '400bf837265546c6b3b152b229dfaa4c17de6644', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '6eb3e83415c41af886cfe355343326686e6c6a5c', class: "tet-expansion-panel-content" }, h("slot", { key: '5e0f968986b691feb09b71259bdb470bdb940dc6' }))));
+        return (h("div", { key: '1e5c70d6c568c3a03162413cfc1cf1ccc16ab38b', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '845302dad113df7709995fcbdc8b8f50e90f7af7', class: "tet-expansion-panel-content" }, h("slot", { key: 'dbde0019b806405762e33ad11956d70e06a5eb68' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -120,7 +120,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: 'e7cc8a545d39f6720d1f7a48bd15ca82a2d2345f' }, h("div", { key: '3fe009df8cb69c41e940a3aa48dee0874c24db24', class: { notification: true, [this.theme]: true } }, h("div", { key: 'e68bd9c28f91addfe2a069241bced794d4785df8', class: { item: true, [this.type]: true } }, h("div", { key: '6b5cc4fca1e05f5f65fb7fd59529528937392513', class: "header" }, this.renderTypeIcon(), h("div", { key: 'f0e7fe40616ff08c52c232f94808dfdad79d6b12', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '1a76693751511b6a444bb54ce1597e0934628c9c', class: "content" }, h("span", { key: 'dd1ba2d2744a54ee93e8f71983997f572bf47991', innerHTML: content }), h("div", { key: '8e3dd703404e83005f39cb3253b1e866260a6511' }, h("slot", { key: '3ebc67a5b48217952986944dc9eb25230dd34a42', name: "button" })))))));
+        return (h(Host, { key: 'b7ca487047ef81dc661f275728f5f25dc2056bfc' }, h("div", { key: '08eb58e66b924599158d5e1b89f379093607e2a0', class: { notification: true, [this.theme]: true } }, h("div", { key: '59f9c12317b7bc443420894086662d8c406d1545', class: { item: true, [this.type]: true } }, h("div", { key: '88879db68bad5769d1bb0925e9a6c3a44df9b868', class: "header" }, this.renderTypeIcon(), h("div", { key: 'b3bd8aa9d68fe8082d18fe5fde83531ec7d2dedb', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: 'd9bf71bae1618c45402d17a6b06e849da173a0a6', class: "content" }, h("span", { key: 'f4a4c1165be05c7d717ef2bbd81b3ac6233e9a39', innerHTML: content }), h("div", { key: '5727f00f322163b1c7afaa344adef756cfa7c11f' }, h("slot", { key: '163beb7cba7198e530abcace24077c053fb11ff2', name: "button" })))))));
     }
     static get is() { return "tet-notification"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         this.withInPersonServiceSupport = detail.checked;
     };
     render() {
-        return (h("section", { key: '2c43cbd50b726c513b951a54883f81b993886801', class: "container" }, h("div", { key: '2e06d8d1ddaf5f29e61a519bfcaef2cdeb7e4e72', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '1b54f9c4962091c8e4afc660596e50798d18cc4a', class: "calculator-block" }, h("p", { key: 'b0c091aef283ecac42eff9a75022730c6737e890', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '37cdf7ebe439a8c72926b7dfb32bb62c36b06ee4', 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: '9f4e4212cdc56ad5e5366eaea72160a8609af0c8', class: "control-container" }, h("div", { key: 'd0e21e42683f6ee8a0a1db9738b9f28aa4665f74', class: "control" }, h("tet-checkbox", { key: '83f970e4862df7327e222767942e2556e2911d3d', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '8be8580ea51c4a16ed36f8390786968d47a1606c', class: "control" }, h("tet-switch", { key: '06163ea024937d5dacbdb368c6e6477818324ef9', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'a7cead7aee5eda0ea058f785839eda8e034f3bae', class: "monthly-payment-block" }, h("p", { key: '80fb6d8919c3144b5ad70b5d1fab4a981f359d68', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '4ac86bfbc2c1fc32f9e9f237ff061eda96c5bd57' }, h("span", { key: '050b7772ca1cdccf31db3a5011323c1e51668a0d', class: "price" }, this.totalPrice), h("span", { key: 'c2ea7ae69acd40edb9bfbe739e5e2a90ef28dea7', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: '3972879d0051cf6bd1cbe2ded4e7a2db1331f68b', class: "container" }, h("div", { key: 'fd3c04b275e2683c4429902e25d4bbe1e5255d45', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '69dfb4c81b8a23d27fdb1da6a66882b9963af32a', class: "calculator-block" }, h("p", { key: '7c60e8ff0f55cb4ad97252bff7618c608bd8b84b', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '234628918d2aa5c60e4cd40086a69f1fbc76b1cb', 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: '6d9767b552859608d04633c9e7258d918541bc58', class: "control-container" }, h("div", { key: '5fc90e81b057e6a59a63df58ab27633e07b449d1', class: "control" }, h("tet-checkbox", { key: '113449d38caa43c47640f08a65ed0b250bf02714', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '639b7b5ab6ab68b08c420b1c954cbcd19cf5fb37', class: "control" }, h("tet-switch", { key: 'c524ddce4c112fad3a30c0fb2fd3d6f75ddee525', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '08d9f7f7be2516ba0f1ecb6c428ac5a622509cf1', class: "monthly-payment-block" }, h("p", { key: '3b8dc60c172cc0f3d6d3cb28516d8394a7bc4a5b', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'd0de86f9e7713440e108ff15e8446c5a3b76279f' }, h("span", { key: '54a6da30be1cf5c29bbda88393e832d7481edede', class: "price" }, this.totalPrice), h("span", { key: '83ab9d8d159635b0da3cc6642a94b3f8b90e5915', class: "currency" }, t('components-euro-per-month')))))));
     }
     static get is() { return "tet-b2b-service-calculator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class TetBusinessLines {
         return (h("div", { class: "business-line-item", onClick: () => this.handleBusinessLineSelection(businessLine) }, h("div", { class: "name-container" }, h("tet-icon", { name: businessLine.iconName }), this.translate(businessLine.name)), h("tet-icon", { class: "chevron-icon", name: "chevron-right" })));
     };
     render() {
-        return (h("div", { key: '5fb1318fc31567b3abf6a1fde304ecd9f5130fed', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'e16ea53baeb8028b47d0f93fa33f2f9126a5bcb7', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '7fe1eb7848d5ae97a5aace421a9877c6a1b79a5b', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '2a8048d2113e824b53380e79ebde4009c5ed3b42', class: "business-line-wrapper" }, this.businessLines?.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: 'e9c60d42484de6850a6491baaa6988f979a54685' }, h("div", { key: '71d2f6903d8d423d803969950c7f52a8c259e5ef', class: "variable-container" }, h("div", { key: 'ecf693093c79d1529e9d04cb0126b3fc0f00063a', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '9ccb6484089d5f9f415af04df607b2a0d43bf60f', class: "container-section" }, h("div", { key: 'e1e6a6c66fde6d88cdcf218a9d7dad5cdc35b0c9', class: "variable-name" }, h("div", { key: '9798efac9ad2085a65fa991db048920d2cfa1953', class: "variable-part" }, "tet"), h("div", { key: 'c034610107c9517ffcb17680adfba046d7e8013c', class: "variable-part" }, "-border"), h("div", { key: 'a562b640682ba724963fde1db1f2f9e8a1892a32', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'b1e5a88e3c8149e0b9e3e850e4359caa10b976d9', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '77099ca534d30130ce80e8b20e5ab475e48d67ce', class: "tet-fonts-container" }, h("div", { key: '1ed2e371c77220757ae73f980722b8c81b038b78', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '100e942439fb4933239fd97fe499127f68ad25ee', class: "section" }, h("div", { key: 'e6f1aeaa33984a8af6c2b6eb5fe7b4f8b63e6a0c', class: "section-variable" }, h("div", { key: '4e15892f8c4287d4c278127d0830166241c6a17b', class: "border tet-border-radius--xs" }), h("div", { key: '6bcc5f49f98f84c6f9bae12e5fdce6b10a3f0d2f', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '9f6f7a2a059a1cfe4b41ca9f4934b1bb2e430ee8', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'a9ff0675df1650cd08d52a47d1af13603d9f35ad', class: "section-variable" }, h("div", { key: 'e06b1afb5ab66eb0c1fbc3a143aa70ac86ceb298', class: "border tet-border-radius--sm" }), h("div", { key: '543f67a222425e39d42940963af68b5cfe22c2f3', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'b793c65f01b3c383f49bfadb0d7a7647fec5c6b7', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'f980f6f13ab1b28d997dd439c6e7a0d55010a528', class: "section-variable" }, h("div", { key: '0847fee266832046707500daf5b5fcdf3364b229', class: "border tet-border-radius--md" }), h("div", { key: '84a13c5b4ebc9515d3135c8fc046ed652639747c', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'e285f9407ed35c5a96d2f4983ed80f82b6f212ad', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'de7e3ab0b642553c03db6d52b8d76ae70d13155e', class: "section-variable" }, h("div", { key: '01a154460fb053fe3f7a258f1cd1f58fbbb7662c', class: "border tet-border-radius--lg" }), h("div", { key: '83a2a7f442346096f5dac01ed2315512fb2e686f', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'c57d10d900d79e423e3e6837421a3a5efad15a7f', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'e2eee70554a0065eecfad43a5d34c98e6df40e13', class: "section-font-size" })), h("div", { key: '132993e2e31829f833f7cccb75eb2e0bc7b9bdb2', class: "section-variable" }, h("div", { key: '98892fc39895cca0d04e2e9768413bd7aa816cc5', class: "border tet-border-radius--xl" }), h("div", { key: '28a3b025f4f8bbc51ee4617549bd356661eebaaf', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'd678004908f586b2c721f9f642b46106f9f5ad4a', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '9d39e25b60cf77abf6c1fd1aa752dd5548756637' }, h("div", { key: '380419dcef2d1e79424971b4d512a6dff8b9b75f', class: "variable-container" }, h("div", { key: '09ba25d3937e71e38c1ae79ac28c36a8f3053d34', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '9cb613c54d4d2510b1e62130173df004cfd8a40a', class: "container-section" }, h("div", { key: '6a48ab10c9494ba7316ebc81f07d94d3febfd9f7', class: "variable-name" }, h("div", { key: 'ae570dac76c3632fe9ce7456e7f4cd3f4e0b98f6', class: "variable-part" }, "tet"), h("div", { key: '0b38e6382b4fff659aa00c066dc05ce284809803', class: "variable-part" }, "-border"), h("div", { key: 'dd22f26d0e2eec4be62fd0cf3236977b4b5b08bd', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'ca6ff8272b57bd9db592246c959f3015af84ffb8', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '38858011381c3e185711dea5b91f5539f76492de', class: "tet-fonts-container" }, h("div", { key: '61b1099633ce7c994beab35054cb1d93b1440f3b', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '1abb3ad2d4c921c9e1c671d83fc30b250e45faf5', class: "section" }, h("div", { key: 'f237ec2a1ebd53dd1a711c04456b4c864f50648f', class: "section-variable" }, h("div", { key: '375a6df784d245bae008eedb6ef4b30cc893814e', class: "border tet-border-radius--xs" }), h("div", { key: '430c35ee354c3899d72f05742e711fdde359c3ed', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'e110dfd6e340e17d0e1974bc1773e7ecfee7cd0f', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'a6244ec787a3a9ddf10febf409c5df0a7e6c0e4f', class: "section-variable" }, h("div", { key: 'f2954587754354054b84cdfd4e855afdfe531712', class: "border tet-border-radius--sm" }), h("div", { key: 'bc6b6d959de524f7c0422449de98b7ded643b66d', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '394583cf973668cd9facf669357a48b7005d2078', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'fb3de793099f610c359d364eb9784c8968889d67', class: "section-variable" }, h("div", { key: '8395b64c5eb93e7424af120b8f534e624cac5455', class: "border tet-border-radius--md" }), h("div", { key: 'cb2d4c9fb6b357d36f3a83df9ca01495e1cb428d', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'e1b5fa304abe7fa579a78962a7c8ff275ae4e06f', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'a8a270d966d33aacd5e0e4e374797b18d44d73ce', class: "section-variable" }, h("div", { key: 'bcbf5faa9a8394740ccbe4c1543638f162f5178a', class: "border tet-border-radius--lg" }), h("div", { key: '3fa6ba25b1e3808c239df950ac93dae2a43f7a5b', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '93f747a12d1fdbaf3d7fa55928e943ad4af44245', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '2d6ef9c98578985c1abd5723515feec132811068', class: "section-font-size" })), h("div", { key: 'a6e0d78c5b0d58f7b469c469c2db526c29e3e569', class: "section-variable" }, h("div", { key: '437472f74b71c2e5601b9729ffa609cd94d2d3c3', class: "border tet-border-radius--xl" }), h("div", { key: '30f1734e5fdf064d1c7b308813536923cfcd2703', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '9cbc5e3e2bd81073e92e584ee61064b2c05167c5', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
     }
     static get is() { return "tet-border-radius"; }
     static get encapsulation() { return "shadow"; }