@tet/tet-components 1.4.6-testing → 1.4.7-staging

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

@@ -0,0 +1,169 @@
+import { h, Host } from "@stencil/core";
+export class TetLinkCardList {
+    constructor() {
+        this.theme = 'light';
+        this.layout = 'gapped';
+        this.placeholderCount = 4;
+        this.items = [];
+    }
+    /** Fires when a link item is clicked or activated with Enter */
+    linkClick;
+    renderIconTile(iconName) {
+        const { theme } = this;
+        return (h("div", { class: `item__icon-tile item__icon-tile--${iconName}` }, h("tet-icon", { class: "icon", name: iconName, theme: theme })));
+    }
+    renderPlaceholders() {
+        const { theme, layout } = this;
+        return Array.from({ length: this.placeholderCount }, (_, i) => (h("li", { class: "link-card-list__list-item", key: `placeholder-${i}` }, h("tet-placeholder", { class: `placeholder placeholder--${layout}`, darkTheme: theme === 'dark' }))));
+    }
+    renderListItem(item) {
+        const { theme, layout } = this;
+        const key = `${item.label}-${item.href}`;
+        return (h("li", { class: "link-card-list__list-item", key: key }, h("a", { href: item.href, onClick: (event) => this.linkClick.emit({ item, nativeEvent: event }), class: `link link--${layout}`, ...(item.linkAttributes?.target && { target: item.linkAttributes.target }), ...((item.linkAttributes?.target || item.linkAttributes?.rel) && { rel: this.getRelAttributeValue(item) }) }, (item.categoryIcon && layout !== 'compact') && this.renderIconTile(item.categoryIcon), h("div", { class: "item__content" }, h("div", { class: "item__content--left" }, h("span", { class: "label" }, item.label), item.description && h("div", { class: "description" }, item.description)), item.rightIcon && (h("div", { class: "item__content--right" }, h("tet-icon", { class: "right-icon", name: item.rightIcon, type: 'secondary', theme: theme }), item.rightIconText && h("span", null, item.rightIconText)))), h("tet-icon", { class: 'item__chevron', name: 'tc-chevron-right' }))));
+    }
+    getRelAttributeValue(item) {
+        const { target, rel } = item.linkAttributes;
+        if (target === '_blank') {
+            return rel ?? 'noopener noreferrer';
+        }
+        return rel ?? '';
+    }
+    render() {
+        const { theme, layout, items } = this;
+        return (h(Host, { key: '2c40a0ae793dedc50ddf1aaa9c9de1ea117fd553' }, h("ul", { key: '23ea08ae2f218476fc8c9c68ef88ca553682f87f', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
+            ? items.map(this.renderListItem.bind(this))
+            : this.renderPlaceholders())));
+    }
+    static get is() { return "tet-link-card-list"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tet-link-card-list.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tet-link-card-list.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ListTheme",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {
+                        "ListTheme": {
+                            "location": "local",
+                            "path": "/__w/internal-tet-web-components-tet-components/internal-tet-web-components-tet-components/src/src/components/simple/lists/tet-link-card-list/tet-link-card-list.tsx",
+                            "id": "src/components/simple/lists/tet-link-card-list/tet-link-card-list.tsx::ListTheme"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The theme of the component."
+                },
+                "attribute": "theme",
+                "reflect": false,
+                "defaultValue": "'light'"
+            },
+            "layout": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ListLayout",
+                    "resolved": "\"columns\" | \"compact\" | \"gapped\"",
+                    "references": {
+                        "ListLayout": {
+                            "location": "local",
+                            "path": "/__w/internal-tet-web-components-tet-components/internal-tet-web-components-tet-components/src/src/components/simple/lists/tet-link-card-list/tet-link-card-list.tsx",
+                            "id": "src/components/simple/lists/tet-link-card-list/tet-link-card-list.tsx::ListLayout"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The layout of the component."
+                },
+                "attribute": "layout",
+                "reflect": false,
+                "defaultValue": "'gapped'"
+            },
+            "placeholderCount": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Number of item placeholders to render when no items are provided"
+                },
+                "attribute": "placeholder-count",
+                "reflect": false,
+                "defaultValue": "4"
+            },
+            "items": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ListItem[]",
+                    "resolved": "ListItem[]",
+                    "references": {
+                        "ListItem": {
+                            "location": "local",
+                            "path": "/__w/internal-tet-web-components-tet-components/internal-tet-web-components-tet-components/src/src/components/simple/lists/tet-link-card-list/tet-link-card-list.tsx",
+                            "id": "src/components/simple/lists/tet-link-card-list/tet-link-card-list.tsx::ListItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The items to render in the list."
+                },
+                "defaultValue": "[]"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "linkClick",
+                "name": "linkClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Fires when a link item is clicked or activated with Enter"
+                },
+                "complexType": {
+                    "original": "{ item: ListItem; nativeEvent: MouseEvent }",
+                    "resolved": "{ item: ListItem; nativeEvent: MouseEvent; }",
+                    "references": {
+                        "ListItem": {
+                            "location": "local",
+                            "path": "/__w/internal-tet-web-components-tet-components/internal-tet-web-components-tet-components/src/src/components/simple/lists/tet-link-card-list/tet-link-card-list.tsx",
+                            "id": "src/components/simple/lists/tet-link-card-list/tet-link-card-list.tsx::ListItem"
+                        },
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                }
+            }];
+    }
+}

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: 'd6b5b0f92ceb7c6f34054daeca7f0f235a5e2abe' }, h("tet-card-list", { key: '9974ee9b4181e1c380bee3e079c67184f2f8cd44', 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: 'c3da65767536b86fd79c5b24ea924369f5f5ee36' }, h("tet-card-list", { key: '42e60e31fcda7eb16f4bbcb6afc2bd31f645b19f', 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-menu/tet-menu.js

@@ -211,7 +211,7 @@ export class TetMenu {
     }
     render() {
         const { type } = this;
-        return (h(Host, { key: 'b5e7d0036349ad26088f3d6ae019b610a7da0a98' }, h("div", { key: '1e21dac704b99b08c42ac51bfc32057f280a95c4', class: {
+        return (h(Host, { key: 'a0a9076f57ceabe8240f542074354a801ca42be0' }, h("div", { key: 'cb9352216c722e788b01c30cccbfb0d6cc6e33d9', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

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

@@ -119,7 +119,7 @@ export class TetMenuMobile {
         return (h("tet-icon", { class: "menu__chevron", name: this.subMenuState.includes(key) ? "chevron-up" : "chevron-down", theme: this.darkMode ? "dark" : "light" }));
     }
     render() {
-        return (h(Host, { key: '8b7ad7a4849a52bc24a612eee7c300f6a0672dc8' }, h("div", { key: 'e74b250aec51cf5f7367979447ab4b14ff3718ec', class: {
+        return (h(Host, { key: '34c0a2241ca52227a1778cc5812b5cde1219b84d' }, h("div", { key: '874bb5bf1769f9426052b500157dafab115fc1f9', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

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: '8eba45b9f70dfa17ed8d04f0e5608792ee3983da' }, h("navigation", { key: 'bada51fdad962cd933223d293a4cc0a58e577b1b', class: {
+        return (h(Host, { key: '3e992774fbf2f0ffd0d82df2916cfb7555e12da4' }, h("navigation", { key: 'cd4bfbda6fb9529f1c8630eb5468269a3c55d9f4', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: '0e340ef846e07ee0f360a42240302af4c851ca7e', class: "navigation__nav-bar" }, h("slot", { key: 'b54c6a7ef07c854921838b92733053c22317dcf3' })), this.isTogglerVisible && (h("span", { key: 'd1e9410b193892178066b8e128fd9f8469b7aa3d', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'd3f89729d0616cd7d7a002b62544b8160119ce77', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '2f3df00bc8279fa5f1a5d906b9f1bfe2bc257265', class: {
+            } }, h("div", { key: '2960ec8429cd012a0ebf2afda1231492ec34695e', class: "navigation__nav-bar" }, h("slot", { key: 'c419c169d6695180419d583444140e968e2666e7' })), this.isTogglerVisible && (h("span", { key: '67b65a729373dd5c39e51b3584701ce5e94e0470', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'a43b60155846c7a6baf2e1c085a1f7e171e2c034', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '12a8c6d5d2d37b5c00526404859dfc6e34d30d7a', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'dfab71dc25f86497974152df7ff0fb53a4ec5066', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '562ff03ee098996731d8636083a9679d492c747e', 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

@@ -126,21 +126,21 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: '348491fa83d3c6165210364a09a0805d9ed93612' }, h("div", { key: 'a91f2c028e5dc728021ec6ccbaf5bfba496a3f19', class: {
+        return (h(Host, { key: '1aaeff54760b6ef92e7c995d1d445f7cf2e13ce7' }, h("div", { key: 'f27927db7ba193a03a0e1c81f08fd003fe3c6d4f', 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: '39f533c87931f1c24a65a521b3dd11bd87ec5281', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: 'cbe8732edf8eb33fd16fa902cd4dcb3effc02ffc', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '18057d93fa5bb8054c9e2b65ee317ce6c294c60a', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: '8f1b742f613a63253816b3e455661fe9d731043c', name: `chevron-${this.indicatorDirection}`, class: {
+            } }, h("div", { key: 'e00774a4792ac43105a8855a8872dd73a655d062', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: '070be2231bcf16ee354a0d35d9cfe586a6db7943', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '3b231dd52fb13ef97a851775512beda2e594f2e5', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: '1a234518cb38ed153bf7c9d6cd6c594f5a895c3c', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } }))), h("div", { key: '4d22f4c49b904de6d0aee446d171c0ef42d8a930', ref: (element) => (this.contentWrapperElement = element), class: {
+            } }))), h("div", { key: '323e04c8138b359ea152eef2ba95215de2234a33', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '1f0f3bca6c9409d5a2796d48cdf5d3e06df5a57a', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '90f1c1fba128105346ca7a7e74546018195b6de8', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '9688a49045d79c2788b3f76706c0ed3b5d089d75' }))))));
+            } }, h("slot", { key: 'ebb36c2c3482a9a87a5dd06020a6de8c0c97460a' }))))));
     }
     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: '110cb94243dcfad7ef9c8091b4efb52a236cd66a', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '0bf5be975a4841659b09f4130e6bd332e5e3159b', class: "tet-expansion-panel-content" }, h("slot", { key: 'c43bff135d4885ae5a67a0266782fadb4a36afa8' }))));
+        return (h("div", { key: 'ac3c5a5ca36aedb05c472b8359303c5c198b90a7', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'c2af0fccf95c352f74019bd368b3529a8da24fa1', class: "tet-expansion-panel-content" }, h("slot", { key: '956f155cce8c5eec0046c7fd25ee1dd3f677b024' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -120,7 +120,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: '34c3340354f0c70ac311be01062dee82e429e093' }, h("div", { key: '74eb391ac41abdcbc7136c79a1585eb85f4161ec', class: { notification: true, [this.theme]: true } }, h("div", { key: '1a7c8900c808784e17b24881a98cdd726fabd23b', class: { item: true, [this.type]: true } }, h("div", { key: '4b16524115099eb6972f2f7942d61c5011a44378', class: "header" }, this.renderTypeIcon(), h("div", { key: '757d5cb5f58ee8064883a4b1b66086efa4c612fa', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '648896348981983aa8c439bc81da8067be1e731e', class: "content" }, h("span", { key: 'e33a259be4beb42e47a876e718aec655f68e5b7a', innerHTML: content }), h("div", { key: '934e2b59fa2985f38c8429ef6f17e9e884874603' }, h("slot", { key: '124cd6ae634abfc59fb16ddc6ad095ebb876ddf2', name: "button" })))))));
+        return (h(Host, { key: 'dc3fb3351736ea9ec58db942548ceaee430bc7e6' }, h("div", { key: 'dccc7bc6a2f9d41137422437436a2a8eaa571037', class: { notification: true, [this.theme]: true } }, h("div", { key: '573281deeb08373eda6a8aacaa2358ffeb578f6f', class: { item: true, [this.type]: true } }, h("div", { key: 'f8446337c81ca9b512fea74ac5bb839fdd1b9e16', class: "header" }, this.renderTypeIcon(), h("div", { key: '16a9ff17d83c24b1b591f5a97a4f6efb90500ff9', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: 'd07589fab96a916261c959590159fe16c1189c5a', class: "content" }, h("span", { key: '3666280fa03b3105066fdab9267c95fc69217701', innerHTML: content }), h("div", { key: '53cb82f06148c6fb95b1a02412a33e04f59ed817' }, h("slot", { key: 'c7f548e0bb79bd9d115f979e32787e6007edab07', 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: 'd9faa228dddd92aa8219df830b8e68673fc3613d', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: 'd1b933fa859eff3eb26d09e65562efec87d577ec', 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: '02da6026d8141426e3ada7b6080cbd03766e6045' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '6ec4a126839f787f44e647fa076181e1853a1382' }, 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: '60fafc2fba61052efe197138c26a62de044a1274', class: "container" }, h("div", { key: 'fc05c180f3e223c8d6f64819435268cb524267aa', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '29a7d8e18876f0847ee18ba9a9953e8f1c1191f5', class: "calculator-block" }, h("p", { key: 'dd0e5b877a1736545c597b0c5f8988f426f6237f', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '920ad471488bb8bf857f591a52e40854a82ebfad', 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: 'bd23c4adfb284c4878c78cb2f7b30da395d08cad', class: "control-container" }, h("div", { key: '268d66e7ecfa4e1dcb46d4d4e1902c9fb7e396ab', class: "control" }, h("tet-checkbox", { key: 'a6135c271dce622b647a1aa2c1c7e64916e9742e', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '5342b2489543a8ea96445904450d049c84818a8e', class: "control" }, h("tet-switch", { key: '1390fb492c1b021295b7f59e321ba135972398f4', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '80d1534c9410f61c2891ad86a026025eb3ac0b6c', class: "monthly-payment-block" }, h("p", { key: 'ee48aeb873b308320a5c548772669d7807ab8ded', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'd03f9e14f80c7dd33db7c6685a714aa33137bbbd' }, h("span", { key: '279633ea53692be5b6e5f9fe250575f131231369', class: "price" }, this.totalPrice), h("span", { key: 'e8ead6f10a1f7ad6336b6952922d37f3009327ba', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: 'fd01220d0c2a94b12381263343c09973dac57418', class: "container" }, h("div", { key: 'ddd54671e41dc87820334ef1b7859a73632336db', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '14d496f995a9f12da69f3ea84249eef80e6a316b', class: "calculator-block" }, h("p", { key: '03e8e42b843325287ee1889cfc9e576905da5de6', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '8cc6950e1988787862eab445d0bd3b7aaa3dc610', 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: 'efc2c7bf4184b02addcbd1f7a4cc8c358b350d95', class: "control-container" }, h("div", { key: '43c19da1843b996291faa4cc91ddcd6e4ba20613', class: "control" }, h("tet-checkbox", { key: '1da51d305da090032ff087fda98f748484240f7a', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '99b988ffb6607049aee31e66ec22498f4a0b8f99', class: "control" }, h("tet-switch", { key: 'c392296e6cb8a267c86936e4953adff3b68011d3', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '9723aa60b965105571c98e52a71261e7fe19c391', class: "monthly-payment-block" }, h("p", { key: 'e6294c28618ab2de5339b9ebf6c3b56e05791821', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '972c46717131a6d78aba2b11a97fa3eb9c3fa9bc' }, h("span", { key: '88a990f50ae968cb9c8bb5058a5fbb39fbcf153b', class: "price" }, this.totalPrice), h("span", { key: 'f0d36c2afb8560866cb6ee86485679934f070ed7', 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: '97d449a59b86105e2470fffedf30d04d7805000d', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '9ecbea6151d74f7dcae9d7ce86d57bb61ca5359d', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '5dbc698f5de065110b5e5dc1eca40b5549597461', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '7f3a847761ab3f7e4d4aafdc80d8444f59adc68a', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-macd-view/tet-macd-view.js

@@ -284,7 +284,7 @@ export class TetMacdView {
             this.renderMacdOrderTypesList();
         const content = this.showLoader ?
             this.renderLoader() : errorOrContent;
-        return (h(Host, { key: '7d977857558224677e16c449556c5acc47d948b4' }, h("div", { key: 'a47ddcdefbb21fd47ea92e748f95e44e03bb1d0c', class: "wrapper" }, h(ThemeWrapper, { key: 'b3a36ca22120b7feaacea4bcd208d2efb639e4b1', theme: this.theme }, content, this.renderDialog()))));
+        return (h(Host, { key: 'a24687e6f82aaee008a6192dcf4373f68e6e416c' }, h("div", { key: '92f39c68518fe4baca0c3b646bb3240cc9f216c8', class: "wrapper" }, h(ThemeWrapper, { key: 'c357f135ac06056daaa66119bd941213b1b2302f', theme: this.theme }, content, this.renderDialog()))));
     }
     static get is() { return "tet-macd-view"; }
     static get encapsulation() { return "shadow"; }

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

@@ -80,7 +80,7 @@ export class TetThankYouView {
             'thank-you-view-main-block': true,
             'no-header': !this.headerToolbarSlot
         };
-        return (h(Host, { key: '3c8613c4323081e8e59c80de4f56421cc1a3b2d1' }, h("div", { key: '9b1083e13c9963c4dabe966e4811b63d27e1dc81', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: '19e36c52fdff6e9b6fb3ce981cfb5efaa54689c1', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (h(Host, { key: '3203682b4418cca9c2d72c6f50bcf2836343cdf4' }, h("div", { key: '841eb65ed923dd0b5be9b9bc5bfbc235aba30789', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: '2b0b54ac45743ab48f81a8a7f0f7e0f894911268', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
     }
     static get is() { return "tet-thank-you-view"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,7 +73,7 @@ export class TetThankYouViewV2 {
         return this.faqSlot && (h("section", { class: "thank-you-view-v2-faq-slot", "aria-label": "FAQ" }, h("slot", { name: "faq" })));
     };
     render() {
-        return (h(Host, { key: '6f6ca372d2f77fe3acc92e8bc695fd40a747286c' }, h("div", { key: '3daa98aabc1bae5a4eaea3faed1a6cc56c9c5124', class: {
+        return (h(Host, { key: '72ae32b4b2f6e978d7d5a50fd54dacca44baae66' }, h("div", { key: 'aa38132d7ce098eed50364c6be1728ebf29a031e', class: {
                 'thank-you-view-v2': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

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

@@ -73,7 +73,7 @@ export class TetThankYouViewV3 {
         return this.faqSlot && (h("section", { class: "thank-you-view-v3-faq-slot", "aria-label": "FAQ" }, h("slot", { name: "faq" })));
     };
     render() {
-        return (h(Host, { key: '8ddc0d0fd3dfd7a0c66715cc17dcc0ef066bcf28' }, h("div", { key: 'a1d4a6b253f90c435e5555bd944fbe63a544d8cf', class: {
+        return (h(Host, { key: 'd7b72213a4763a9e29568062de5ae28ed456feee' }, h("div", { key: 'f6e6768e22859ef89b6825d706507cb5a7b4e96a', class: {
                 'thank-you-view-v3': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetBorderRadius {
     render() {
-        return (h(Host, { key: 'ce2b84e771e15b4b5731064c83587b33574f755e' }, h("div", { key: 'af53a39acd7507bb0257a709f67065584f71a5bc', class: "variable-container" }, h("div", { key: 'a51afe2109978ac8f00f8485c197129dfe5e2d67', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '3d13d772d964e29cccbe8057eebb338af60c0938', class: "container-section" }, h("div", { key: 'a1e078fa221ef86774bbda049d3fb8c8f67512df', class: "variable-name" }, h("div", { key: '688a3d0b9259856fe955ff9ca634c277fde0e5b4', class: "variable-part" }, "tet"), h("div", { key: '84eb1dbee848045f1169a481b433ac94c68a3ab3', class: "variable-part" }, "-border"), h("div", { key: '41b116ea054e7c421e31ba3c7bc367f5af7acdad', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '10dd7815b22715f247bcd0d880a9ab6180dcc7ab', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '1405dc161538342ccbf2b342ffe7629361c9821d', class: "tet-fonts-container" }, h("div", { key: '5643a8632aeb5b3d07acb99c66350560991c2e2d', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'ffa50d6eb314dd3246044b2b54690e3e3a2b0302', class: "section" }, h("div", { key: '4fd4a66eda1bcc020aac6d472241db6631c40c7c', class: "section-variable" }, h("div", { key: '86b4548a67c9b71d531a07e4f22e576d5bc97ed2', class: "border tet-border-radius--xs" }), h("div", { key: 'f42127b52b950491882277c809be285162b0244d', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '64f6fb636df637845bd5e1939c1945b1e5131d00', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '434c3c344bbdb9fc7bef582ed2c52b220c7ed2c5', class: "section-variable" }, h("div", { key: '3a0e07728ce2afe29c46689501aca0ae3f3a9756', class: "border tet-border-radius--sm" }), h("div", { key: 'd71350bce3eb1d3a5f32228c5fb51b1e69bf13b7', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'b7d610a07153dc3830da980eec1371183a900128', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'e880e84cd6ee19bf0abdd6cd7657e834d34560d4', class: "section-variable" }, h("div", { key: '1d7eebb05c3bf2cbb9b773009a7759619e1c9f56', class: "border tet-border-radius--md" }), h("div", { key: '8995baa7dea231f3dd91a530ce9ff90d62e40d87', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '53c259fd95dabc7a372206cd05ae8c20393e3ee9', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '5df4d11c669d24aad3621d3355949100d7f5c45b', class: "section-variable" }, h("div", { key: 'e5138a0616c221cbb1511257d640fa60ad50f581', class: "border tet-border-radius--lg" }), h("div", { key: '7b912c3f36f3efb2a818140f44b9fbf8d16207f3', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '311b80263574d57b63b267e9a4e8a7cb5253d90e', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '450be0248831baa239e5cfcccef09950daa7d59e', class: "section-font-size" })), h("div", { key: '41e9dadea3f99ae1b95c69de7dd26d6e79cbdd9c', class: "section-variable" }, h("div", { key: '5d6552594c24a769079764bd8cb0080ddcfb876b', class: "border tet-border-radius--xl" }), h("div", { key: '9c83345dbb75028ce06ad3d224d5aca6efb853fc', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'a4119c7a3ee057f9ace45a104228fde8ea40295e', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: 'c138d8f3b5d553a361a6b934cfabf3b77e57be4f' }, h("div", { key: 'e02592105cbf175e3122661349cfc807ff7fa901', class: "variable-container" }, h("div", { key: 'dec1350315d04b2c1005964d6b3f0672df92483c', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '3d9e53dfb7cd2d59e02fe2feb08556bf4f2d5a3c', class: "container-section" }, h("div", { key: 'a9381210840eda6c86b83ec9c077ca5f3b6eb18f', class: "variable-name" }, h("div", { key: '9280ce8b75569ca0a7075b13e847a1785dc499f3', class: "variable-part" }, "tet"), h("div", { key: '2f1f1aba23ecfe332172c33dc3770d235cb51a8a', class: "variable-part" }, "-border"), h("div", { key: '8abf27584968f592f4d75fa092be986e9c689dd0', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'c7c640836fc51d8e56ea7d21a3859f292851e81f', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '101165a32922ee3f633f0bbf6b337af596156de4', class: "tet-fonts-container" }, h("div", { key: '284f109c896c61959a604ed36dc013c51728ea32', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '530c79407073c62a6703c09b09938bd7b5326199', class: "section" }, h("div", { key: '12ff2df846871112a61d3d8c633d70d271650714', class: "section-variable" }, h("div", { key: 'd22278daf4932eb20c32ac54be7b8690c2a98e41', class: "border tet-border-radius--xs" }), h("div", { key: '129efd77ac11420d22c1cdbcabca0f1c69cac1c0', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'f4479f69625775968bb6ee7315d608c0247a32d2', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'cded563251b537f8bd24a2e608c9aae70e3f85d3', class: "section-variable" }, h("div", { key: 'e2729aafc4b5e5dd1bdefd0706fdd6f57e0f25a9', class: "border tet-border-radius--sm" }), h("div", { key: 'dc151c215582157a181efcf528ed519da639500c', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'c2a36ba0618a5a1abc48defe973c2b0d95deb158', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'c44ea9bdc0c81ddb908cd375ae1ab5f1ef522ca0', class: "section-variable" }, h("div", { key: 'd84fcb11d5ad9ce6bf67b57359973f8266703555', class: "border tet-border-radius--md" }), h("div", { key: '1d046a745352af3e97b8bfdadef2d0b5d0525e1b', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '666d82a81e8b9d7f9b70d506e51dc5c996300bb3', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '5a46e0402b8a89994ba6cd2b3d0b26eed01ea6c8', class: "section-variable" }, h("div", { key: '3352689c8c8b8f94c4a2e97617ecbd1d2d1f835d', class: "border tet-border-radius--lg" }), h("div", { key: '2be6b3d9689c9d5294b2ae8142b2a9dcdf983ee3', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '1d1a9c71adf2b809e136d95c807edd056fa230ce', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'ce059c9b5d4a685085312c7d378f584a1fa526c2', class: "section-font-size" })), h("div", { key: '174c4d78f70fd2ca864f083fa7dc28fa37f3802a', class: "section-variable" }, h("div", { key: '1616ebbab2ba0feb50a28fe24870e3e414ac04ea', class: "border tet-border-radius--xl" }), h("div", { key: '946883911144ead33554aa6a8a5b19987338516f', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'd2b9181653c0715c5b2a633e890b62c072632406', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
     }
     static get is() { return "tet-border-radius"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,15 +46,15 @@ export class TetColors {
         return (h("div", { class: `section section-${sectionKey}` }, h("div", { class: "section__title" }, section.title), section.colors.map((color) => this.renderColorItem(color))));
     };
     render() {
-        return (h(Host, { key: 'cac8414fefa6e300d17d4baa6cf52968d81c622a' }, h("div", { key: '9060ef225ce2964e5f60966853959c011dfd71b3', class: {
+        return (h(Host, { key: 'd39a5d8bf856f5e2ceec23f33b6e0228856d2120' }, h("div", { key: 'd451c61c56a2e967a92d9e3fd22d0267eb5d49db', class: {
                 'dark': this.darkTheme
-            } }, h("div", { key: '25def175bacd4f032f3a20bfb7a205e7f42dffcb', class: {
+            } }, h("div", { key: '43351b4a37dd033415bb4bc6bb1cbb35fd0354a3', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '5677f84c82a1bc04045a0f8640e536b741394e53', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'af0c6ec607045cefff7b96298393d7d820350e7f', class: "container-section" }, h("div", { key: '3d646e82d0134352f5fc8458c07746413146d2bc', class: "variable-wrapper" }, h("span", { key: 'b6b0525c20afeac267ec9e7ed19cbce340fb1968', class: "variable-name" }, h("span", { key: '4dcf5a4f4dd2befb491f16199c022e558cb3b284', class: "variable-part" }, "tet"), h("span", { key: '1953de6b1e7ad061a518494c06c17a46859bf939', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '807f085fcc892601e31fb12820f6eaaf733e51f0', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '25c7d9514839b3a7aad6736bb008de1396ebd94e', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '1abc70a1be8feb43aab6dff0044bc80917f7c391', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: 'a824457d324bc69daf6711924d942993eb2abb33', class: "container" }, h("div", { key: '9c815cec5505ac8783239048c59be7daf0276243', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'd5193ac5d00787c0fad7a5d63f1292b4680df2fb', class: "container-section container-example" }, h("span", { key: 'c5ae6cabce18c7f1bdb6e7951f1b314393bc5a27', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '110c3adbf5b7026115b679e4daaa336797d432b4', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '61ef5030726421061c66db1486caa7f0a9f26f79' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd40ddcd35b3555d90ffe0dce960b595c9956ca78', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '52fdabb187893a28e952e9fda3c6fd398c5a9648', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '8b90844669586b17e5ba2105483c276ce2b04c8b' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '4fe344d65501c7ef95f7b2bfdcdd1e64de921379', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'c6be8e30b9d85e23e891876923cdffbeac688433', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '17cfddb5b02b5cd25f2cb1dc39048965180ab1d2' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'ba69d8357d34982ce3c98d74e71d48f131727386', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '422774faaea508b2d3a476feba3eb9f7fc8f8780', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '50c3b72043259e5abf4e3caec04f9c1fe2f203ef', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '99ba5406de04153d6b71c19cc1db9c2641c5ebe3' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '7a191daca0ead85acffb26adb7053b906dcc62dc', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '78142a297d619f4e2aedc8767920bcd8d27dc300', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '835367b66e220d7292d767837cafdec990980604' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '13be4008e1d679d633839b2ce6a9b03b5acae3e6', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '9cee26935843f0186e286e6b7f401afcf259745c', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '17a73b646896d0f41144a1ab2aa3aaac25b67f26' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'bed193ed7e1000bcb2145c329fa36772fbb054a8', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '184dd8dac486768087d35aec33573c7d195f2ea7', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'f6da4b8f35a84f3a3bef97753334c8d2fd12893f', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '1a200b70fdbc50fbe2aada5d05864d39d1371e72' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '7e1a973588558bab4b8e711b0a33130fc673e422', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'f712f87e0887038bf84a01fe07ee904b5e8e0f0c', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '2188fde2a08910b41ac48761c2578961b0d4e6e5' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'ce9ebeaf135a69fc73f385f605d3902e9c37ba8e', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '7b667100c6ca7447e7c7598aaae77aa8ead8b6fc', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '354b5049084e94bd908ac8f17a5c77af60207848' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'b6c42b824fad16657761af9b5b98466f25d5cb90', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '5d484c56499856d11f51de30308bebd7ac02db58', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'f759075b8bdee1e50173e8bd5116623999ac7396', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'f889df42a739499be75952f42881c610396e4550' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '7b11ff80d5aa5e0a58c80244ca1fbbe373056d83', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '00db753f8ea8a40358c9c76be0cc6ff600bea832', class: {
+            } }, h("div", { key: 'b5d888d39ef8f762d5895135e4f3479378b85dab', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'd20fa2afbc8e897be6bf70b61ff97db89b46c908', class: "container-section" }, h("div", { key: '4559b0aedd1208fb57858ac36db94a2df2910e58', class: "variable-wrapper" }, h("span", { key: '4cf366ceb018d3c5a6855817c9c6206b035edaf4', class: "variable-name" }, h("span", { key: 'ecd6e4a25c7043d17ec7613dae25fcc34c7b8036', class: "variable-part" }, "tet"), h("span", { key: 'e102b3e2ca5e427402219ec462c73057cdacc5fb', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'e5efc5fef184d2a5d4a3ddc1a9787cf2427be133', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '80330ecfe545e3fbd172a5564f54057e64c4c605', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '119dad26a082ae034a88b229d48885eb88b66ff9', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '8409d0f3d185ff377d5ec3db88bfd0727976974d', class: "container" }, h("div", { key: '5e3a1f6f38593a39ceb08f0d32347cd6d2c6e829', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '1f9d0b1ab618a0299e158b4f4be05cc9cd6346d0', class: "container-section container-example" }, h("span", { key: '5dda998291d264f31432c59f1489cb3bd53ab5b8', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '61dd5584f4ffe8ce9fe5202073d4bedadc75ca81', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'ca337bca83d8ddc1e96ee193407427060523c32a' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '46d0e27f7fce22bb0412476f4a0640d27ad3900d', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'de9d964dd7db725e681381e32e16fc2bb1771785', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '1469f8c4b2b023741b62a752932fee18921a006d' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'f75bc8693375a36d96ac3223b66b94ead91efd2c', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'fb8a4c9ab05505222aefd4bb1f2a6f3d9ff478ba', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'd3ee81379444982a2300dbf5d47bbb649a0c5e81' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '523490e66d191145896f55681511b93caea832c0', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '8466161767c801f7558b8435e55e855241ebff2f', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '21edbb8ec12ee621f36c6dac54638606cc33db9b', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '71ba214e020a6c911dbc586c3c3f033053a02e64' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '1fc80f19f204100de49b57ca3482d2acccd666f1', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'fe56a40b4e7f8367e9c018af6f4e25d69d6ce4cd', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '86b40d774b55479e946a5873d3ca6d85d0ca5aa0' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'b8830bc75d8fa456730cfae316aece4346b23f6e', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '3dc667885343ec4912918fd0c184ea467475602a', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '2ed4d1bad101c4c439f2a8334bdd4906cf6f3ca3' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '01ca02ee013af10abc11667b7cffb6c064cfd253', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'ad594fdb90ef81ab9af5799623238505c33a5e98', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'ffb3a8136846fca01522e1078620275666f9bc59', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'f1183f17d2e52a1994d7bae4de0174ee54d7335b' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '88cb4f974497ea0e3eb60c5d3a2a56d9cdd02877', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '2a0db2eb672c66148c3e4b7392d5725f6ed45e4e', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '9fc75eecb8d4c40585b75f48cfa505086ee7053b' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'e8950471a423c75e9194156e3146216401c6f065', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '44f99db9d331d1adb44e820b78c3fe6438ea59bb', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '8aa2eb9f8727477f729c3b4900cb8ed087134891' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'a0a319baf6eb8c27410a428389cb26a3ec69600f', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'f1602d7fdb15c582b0dbc5efe32682a7598c4e8c', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'bc6fe74021743861260729531f86f65ded07bd47', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '146c798156bfe2f2fad4763a1b06faada1ad385d' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: 'b1fb8debf18506b2d85ebd95e8c04e9ca25967d0', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '5e2b9e81abbab42826681908392a57984a77d2e0', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: 'd573c171fd3d2be6b3bbb5165fb038bb807701bf', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'eac1b0cff9338ed46713c6744a65469d518d90ba', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
+            } }, h("div", { key: '7b181e6121842e507cf496c8750982d3b82d25b4', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '43f6deced0c9a13722ead1d9248625485943c4c2', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
     }
     static get is() { return "tet-colors"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/docs/styling/font-weight/tet-font-weight.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFontWeight {
     render() {
-        return (h(Host, { key: '03d48ebbd93c5a33b31505ca2a768fd08dda7ff4' }, h("div", { key: '57d15d43e65db08fca5d7f98d8c5ea6a2f23d5b3', class: "variable-container" }, h("div", { key: '796d99e6e9e318372d2cf0620f2cb8c1c04f0c9b', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '982299debd1f78a2ff5f22a793837c467c0a914e', class: "container-section" }, h("div", { key: '581468d7adebc5b7044d04a4a3ac19edc6d90490', class: "variable-name" }, h("div", { key: '99967c5f022c29b7d1915cec84906f7202277b6c', class: "variable-part" }, "tet"), h("div", { key: 'bb072c41607a0d68a2e9837e2dbf2004cf12a34e', class: "variable-part" }, "-font"), h("div", { key: '8782b93507cfbfb3515293c39c2ec1968949142d', class: "variable-part" }, "-weight"), h("div", { key: 'ba84609feb8e4f0abe31760e809609320ed5dbed', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'bb021d5e4079dbbf0dc0df8b405ec175eefdc4e3', class: "tet-fonts-container" }, h("div", { key: 'a5346b6cd0fdf4ab0941ce673706d8b09e80da31', class: "section" }, h("div", { key: 'd1adc1c94d5efde93fab649dd475509f1ef80877', class: "container-title" }, "Fontu biezumi"), h("div", { key: '391a70e64cf3d6cece1ef42e957f92810a175688', class: "section-font" }, h("div", { key: '380e4279ac915535eee3f1855150b838eed26878', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'acd1d8fd54009cd9dd58e6c00b048ecca8622a36', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '6f68bfcab594a0d64ce1e53daf4a1be5c9724209', class: "section-font-weight" })), h("div", { key: 'daaec0560291d0f9015a500a4b47596c9c531881', class: "section-font" }, h("div", { key: 'f97e36a09f0dc8e98713668527a37ba795ee90df', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '904268682804d9b79fdff07f00c45e1792bac12b', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'adff63b35c95de514a45b5bca1d6614448416052', class: "section-font-weight" })), h("div", { key: 'aa01f311aff81977207b63839f9999f88b9542db', class: "section-font" }, h("div", { key: '4282fb5bd13a9f1bbdf1e210eb6fb19abd5fc277', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'd89d50842a51950cc54ddcb2f6d3ef3fbdaea492', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '4af317586ce93f2de0ddd4135fec2da48746a8eb', class: "section-font-weight" }))))));
+        return (h(Host, { key: '4dab6741253929bfb1f37530882cf03fda2615eb' }, h("div", { key: 'd2b0e883b641dc98c29297c49722201a86895e10', class: "variable-container" }, h("div", { key: 'f5a0c824c93fa7f15239db6ab9c311f916926aae', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'e0e91653c8e63d6ed96e0bf5c37415310895ab1b', class: "container-section" }, h("div", { key: 'b3236195b8683e4643088b97d264c3662d697f28', class: "variable-name" }, h("div", { key: 'c1d8cf40a03d55c109488e5fd2c54cd74898dbe8', class: "variable-part" }, "tet"), h("div", { key: '6258a06301b91a991e99c9c3916e305c12950c44', class: "variable-part" }, "-font"), h("div", { key: '817d3192afc6929c28795b756a423e4bfb5be67e', class: "variable-part" }, "-weight"), h("div", { key: '3cf5e26ea74c87cbadd01eebf30151c9ddcb0b72', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '9a474610a646df28dbee058638559df005f0de70', class: "tet-fonts-container" }, h("div", { key: 'fa2143ef8deb07e7ff06e6ad47a2cbd73a20febb', class: "section" }, h("div", { key: '00ff8f3bc8e74bbe42202a2308338cbe1dad6935', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'e3b4e3a0eeca872a87935bf3cd9cdd063f7a5ef6', class: "section-font" }, h("div", { key: 'f3a7cf3af3a4991b7bd4114d92a786b031334dcf', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'a86ea6b46dffffd17635786ec5576bd2dd915a84', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '38f2cd6e4b4940a2ce1cffe89a2b7d3e8eafcaaa', class: "section-font-weight" })), h("div", { key: 'fb4cd7c0eca14b09bdf3aa74e26b7371b0687a23', class: "section-font" }, h("div", { key: '2f7e41a03a33e66717aca211e1f925806c9fc1f0', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '752915c1601ddeeff62364a1bfcf3cd5fdc551d5', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '9446b171e023c1a95671a15411ec79fdbc5c63cc', class: "section-font-weight" })), h("div", { key: 'cb669d7e5a97345c1d37cbd45e9a20bf4c751b48', class: "section-font" }, h("div", { key: '01d3e9d271b0713bde39a71e4ece08711ea5da56', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'a11bad865f7da64be254b044b2ff619451c0f7af', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '51a6116f9a7bea63e9cb35c8f9c7bf2d82c8ba8d', class: "section-font-weight" }))))));
     }
     static get is() { return "tet-font-weight"; }
     static get encapsulation() { return "shadow"; }