@tet/tet-components 1.3.157-testing → 1.4.0-production

package/dist/cjs/tet-business-card.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f559cb2e.js');
+const index = require('./index-4daaccaa.js');
 const size = require('./size-46435ffe.js');
 
 const tetBusinessCardCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tet-business-card-info-text-color:var(--tc-text-secondary);--tet-business-card-color:var(--tc-text-primary);--tet-business-card-background:var(--tc-layer-tertiary);--tet-business-card-border-radius:1.5rem;--tet-business-card-breakpoint-xs:31.25rem;--tet-business-card-breakpoint-lg:64rem;display:flex;height:100%}.tet-business-card{background:var(--tet-business-card-background);border-radius:var(--tet-business-card-border-radius);color:var(--tet-business-card-color);display:flex;flex:1}.tet-business-card.theme-purple{--tet-business-card-background:var(--tc-violet-00)}.tet-business-card.theme-green{--tet-business-card-background:var(--tc-green-00)}.tet-business-card.theme-red{--tet-business-card-background:var(--tc-red-00)}.tet-business-card.theme-yellow{--tet-business-card-background:var(--tc-yellow-00)}.tet-business-card.theme-blue{--tet-business-card-background:var(--tc-blue-00)}.tet-business-card.theme-dark{--tet-business-card-background:var(--tc-layer-tertiary-dark);--tet-business-card-info-text-color:var(--tc-text-secondary-dark);--tet-business-card-color:var(--tc-text-primary-dark)}.tet-business-card__type--medium{flex-direction:column;gap:1.5rem;padding:1.5rem}.tet-business-card__type--medium .tet-business-card__body{gap:1.5rem}.tet-business-card__type--medium .tet-business-card__subtitle{color:var(--tet-business-card-info-text-color)}.tet-business-card__type--small{padding:1.5rem}.tet-business-card__type--small .tet-business-card__infotext{display:none}.tet-business-card__type--small .tet-business-card__body{gap:1.75rem}.tet-business-card__body{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;flex-basis:0}.tet-business-card__content{display:flex;flex-direction:column;gap:0.5rem}.tet-business-card__title h3{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";margin:0}.tet-business-card__subtitle{font:400 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.tet-business-card__infotext{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";flex-grow:1;flex-basis:0}.tet-business-card__size--xs.tet-business-card__type--medium .tet-business-card__subtitle--large{font:400 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.tet-business-card__size--sm.tet-business-card__type--medium{flex-direction:row;padding:2rem}.tet-business-card__size--sm.tet-business-card__type--medium .tet-business-card__subtitle{font:400 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.tet-business-card__size--sm.tet-business-card__type--medium .tet-business-card__title h3{font:600 2rem/2.25rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tet-business-card__size--sm.tet-business-card__type--small{padding:2.5rem}.tet-business-card__size--sm.tet-business-card__type--small .tet-business-card__title h3{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tet-business-card__size--sm.tet-business-card__type--small .tet-business-card__body{gap:1.5rem}.tet-business-card__size--sm .tet-business-card__infotext{font:400 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\";text-align:right}.tet-business-card__size--lg.tet-business-card__type--medium{flex-direction:row;padding:2.5rem}.tet-business-card__size--lg.tet-business-card__type--medium .tet-business-card__title h3{font:600 2.5rem/3rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tet-business-card__size--lg.tet-business-card__type--medium .tet-business-card__subtitle{font:400 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.tet-business-card__size--lg .tet-business-card__infotext{font:500 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";flex-grow:0.55;text-align:right;color:var(--tet-business-card-info-text-color)}";
@@ -11,36 +11,6 @@ const TetBusinessCardStyle0 = tetBusinessCardCss;
 const TetBusinessCard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * @param entries
-         * @returns null
-         */
-        this.onResize = (entries) => {
-            const breakpointXsInRem = getComputedStyle(this.element).getPropertyValue('--tet-business-card-breakpoint-xs');
-            const breakpointLgInRem = getComputedStyle(this.element).getPropertyValue('--tet-business-card-breakpoint-lg');
-            const breakpointXs = size.getConvertedPixels(breakpointXsInRem);
-            const breakpointLg = size.getConvertedPixels(breakpointLgInRem);
-            if (!breakpointXs || !breakpointLg) {
-                return;
-            }
-            entries.forEach(entry => {
-                const firstOrDefault = () => true;
-                const rootElementSize = entry.borderBoxSize.find(firstOrDefault);
-                if (!rootElementSize) {
-                    return;
-                }
-                const rootElementWidth = rootElementSize.inlineSize;
-                if (rootElementWidth < breakpointXs) {
-                    this.size = 'xs';
-                }
-                if (breakpointXs < rootElementWidth && rootElementWidth < breakpointLg) {
-                    this.size = 'sm';
-                }
-                if (rootElementWidth >= breakpointLg) {
-                    this.size = 'lg';
-                }
-            });
-        };
         this.mainTitle = undefined;
         this.subTitle = undefined;
         this.infoText = undefined;
@@ -48,6 +18,13 @@ const TetBusinessCard = class {
         this.theme = 'light';
         this.size = 'xs';
     }
+    /**
+     * The root HTML Element
+     */
+    rootRef;
+    get element() { return index.getElement(this); }
+    /** The resize observer watching element resizes. */
+    resizeObserver;
     /**
      * Attaches the `resizeObserver` to rootRef
      */
@@ -57,6 +34,36 @@ const TetBusinessCard = class {
     componentWillLoad() {
         this.resizeObserver = new ResizeObserver(this.onResize);
     }
+    /**
+     * @param entries
+     * @returns null
+     */
+    onResize = (entries) => {
+        const breakpointXsInRem = getComputedStyle(this.element).getPropertyValue('--tet-business-card-breakpoint-xs');
+        const breakpointLgInRem = getComputedStyle(this.element).getPropertyValue('--tet-business-card-breakpoint-lg');
+        const breakpointXs = size.getConvertedPixels(breakpointXsInRem);
+        const breakpointLg = size.getConvertedPixels(breakpointLgInRem);
+        if (!breakpointXs || !breakpointLg) {
+            return;
+        }
+        entries.forEach(entry => {
+            const firstOrDefault = () => true;
+            const rootElementSize = entry.borderBoxSize.find(firstOrDefault);
+            if (!rootElementSize) {
+                return;
+            }
+            const rootElementWidth = rootElementSize.inlineSize;
+            if (rootElementWidth < breakpointXs) {
+                this.size = 'xs';
+            }
+            if (breakpointXs < rootElementWidth && rootElementWidth < breakpointLg) {
+                this.size = 'sm';
+            }
+            if (rootElementWidth >= breakpointLg) {
+                this.size = 'lg';
+            }
+        });
+    };
     render() {
         const { mainTitle, subTitle, infoText, type, size, theme } = this;
         return (index.h("div", { key: '623c7ce9661b60b708a1e999f81f3873e0806e1d', ref: divRef => {
@@ -68,7 +75,6 @@ const TetBusinessCard = class {
                 [`theme-${theme}`]: true,
             } }, index.h("div", { key: 'ad755fd31a61336c483ffc5d2d104261b03c00e1', class: "tet-business-card__body" }, index.h("div", { key: 'c8b226d3f2a1f8a73396b7ddad68c6c87d5577df', class: "tet-business-card__content" }, index.h("div", { key: '387bd6ead57b4a8aa40652284be2ad1ecb916233', class: "tet-business-card__title" }, index.h("slot", { key: '1e6e4c32b14a30efb454887158c55692ac77e302', name: "title" }, index.h("h3", { key: 'cadd683e5f657cbc39f8837e50cd6045cca4a7ec' }, mainTitle))), index.h("slot", { key: 'ddd2aab44a592a92d4eb71166a7d9b1bcb635fb6', name: "subtitle" }, subTitle && (index.h("div", { key: '3ab90cc3dc867d0d13ea9293f75d2eca54b56b3d', class: { 'tet-business-card__subtitle': true, 'tet-business-card__subtitle--large': !infoText } }, subTitle)))), index.h("slot", { key: '02333b6a4a46a123902bbd82473633f387e6e9c0', name: "button" })), index.h("slot", { key: '7d8109bb6447899f505cdde431969f8a6624f3f0', name: "infotext" }, infoText && index.h("div", { key: 'ef545e575dd54d0397a2e4cc77b6252ef32862a5', class: "tet-business-card__infotext" }, infoText))));
     }
-    get element() { return index.getElement(this); }
 };
 TetBusinessCard.style = TetBusinessCardStyle0;
 

package/dist/cjs/tet-business-compare-card.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f559cb2e.js');
+const index = require('./index-4daaccaa.js');
 
 const tetBusinessCompareCardCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tet-business-compare-card-background:var(--tc-layer-tertiary);--tet-business-compare-card-text-color:var(--tc-text-primary);--tet-business-compare-card-border-radius:2rem;display:flex}.tet-business-compare-card{background:var(--tet-business-compare-card-background);border-radius:var(--tet-business-compare-card-border-radius);color:var(--tet-business-compare-card-text-color);display:flex;flex-direction:column;padding:1.5rem;gap:2rem;flex:1}.tet-business-compare-card.theme-purple{--tet-business-compare-card-background:var(--tc-violet-00)}.tet-business-compare-card.theme-green{--tet-business-compare-card-background:var(--tc-green-00)}.tet-business-compare-card.theme-red{--tet-business-compare-card-background:var(--tc-red-00)}.tet-business-compare-card.theme-yellow{--tet-business-compare-card-background:var(--tc-yellow-00)}.tet-business-compare-card.theme-blue{--tet-business-compare-card-background:var(--tc-blue-00)}.tet-business-compare-card.theme-dark{--tet-business-compare-card-background:var(--tc-layer-tertiary-dark);--tet-business-compare-card-text-color:var(--tc-text-primary-dark)}.tet-business-compare-card .bullet-points{--text-list-padding-left:1rem;--text-list-gap:0.75rem}.tet-business-compare-card__body{display:flex;flex-direction:column;gap:1.5rem}.tet-business-compare-card__title h3{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";margin:0}.tet-business-compare-card__content{display:flex;flex-direction:column;gap:1rem}.tet-business-compare-card__price{font:600 2.5rem/3rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tet-business-compare-card__price-wrapper{display:flex;margin-top:auto}.tet-business-compare-card__price-wrapper+.tet-business-compare-card__footer--show{margin-top:unset}.tet-business-compare-card__price-prefix{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tet-business-compare-card__price-currency{font:600 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\";padding-left:0.375rem;padding-top:1.125rem}.tet-business-compare-card__footer{align-items:flex-start;display:none;flex-direction:column;gap:1rem;margin-top:auto}.tet-business-compare-card__footer--show{display:flex}@media all and (min-width: 31.25rem){.tet-business-compare-card{padding:2rem}.tet-business-compare-card .tet-business-compare-card__title h3{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}}";
 const TetBusinessCompareCardStyle0 = tetBusinessCompareCardCss;
@@ -10,15 +10,6 @@ const TetBusinessCompareCardStyle0 = tetBusinessCompareCardCss;
 const TetBusinessCompareCard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * Checks if any of footer slots has content to show
-         */
-        this.checkFooterSlotContent = () => {
-            var _a, _b;
-            const hasButtonSlot = !!((_a = this.buttonSlotRef.assignedElements()) === null || _a === void 0 ? void 0 : _a.length);
-            const hasLinkSlot = !!((_b = this.linkSlotRef.assignedElements()) === null || _b === void 0 ? void 0 : _b.length);
-            this.hasContentInFooter = hasButtonSlot || hasLinkSlot;
-        };
         this.mainTitle = undefined;
         this.bulletPoints = [];
         this.pricePrefix = undefined;
@@ -27,9 +18,25 @@ const TetBusinessCompareCard = class {
         this.theme = 'light';
         this.hasContentInFooter = false;
     }
+    /**
+     * The slot element for button
+     */
+    buttonSlotRef;
+    /**
+     * The slot element for link
+     */
+    linkSlotRef;
+    /**
+     * Checks if any of footer slots has content to show
+     */
+    checkFooterSlotContent = () => {
+        const hasButtonSlot = !!this.buttonSlotRef.assignedElements()?.length;
+        const hasLinkSlot = !!this.linkSlotRef.assignedElements()?.length;
+        this.hasContentInFooter = hasButtonSlot || hasLinkSlot;
+    };
     render() {
         const { mainTitle, bulletPoints, theme, pricePrefix, price, currency } = this;
-        return (index.h("div", { key: '5e1d0b71f4b76cc04be038eeaa9cc2c6f10841a6', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, index.h("div", { key: '0f744f6661b839014c01a350df8e5c40a5621c4c', class: "tet-business-compare-card__body" }, index.h("div", { key: '98a2955c54ea7c77081f8d568cfe589d467221cb', class: "tet-business-compare-card__title" }, index.h("slot", { key: '863863123521db2513d0d68b7936dc7ef07d1ab6', name: "title" }, index.h("h3", { key: '7e8038ae06e887648408fe22759d8078fcc811a8' }, mainTitle))), index.h("div", { key: 'af674237e132462560d6ca829962eb9cf85e6c98', class: "tet-business-compare-card__content" }, index.h("slot", { key: '142549e6c6dfc9bec69780600de756aaae972fb6', name: "content" }, !!(bulletPoints === null || bulletPoints === void 0 ? void 0 : bulletPoints.length) && (index.h("tet-text-list", { key: '1196f1e77382a70e6312bcdfce39487cbb30b72f', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (index.h("p", null, bulletPoint)))))))), price && currency && (index.h("div", { key: '63ff7800f5913ad00afc5282423f2ea227277542', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (index.h("div", { key: '0c060ab46b15202e1b9def1434e798c27f27f309', class: "tet-business-compare-card__price" }, index.h("span", { key: '49adc5b056e2f598ef0b6ebc19f4db8ae3157dcd', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && index.h("div", { key: 'b5cb30b15c5e3e9794de481d5e54da27ad81aa16', class: "tet-business-compare-card__price" }, price), index.h("div", { key: 'c3134011a3f08dc923bb24959100c343446af4bc', class: "tet-business-compare-card__price-currency" }, currency))), index.h("div", { key: '5dd89161209222fea55a71663343ab9bfe98f87b', class: {
+        return (index.h("div", { key: '5e1d0b71f4b76cc04be038eeaa9cc2c6f10841a6', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, index.h("div", { key: '0f744f6661b839014c01a350df8e5c40a5621c4c', class: "tet-business-compare-card__body" }, index.h("div", { key: '98a2955c54ea7c77081f8d568cfe589d467221cb', class: "tet-business-compare-card__title" }, index.h("slot", { key: '863863123521db2513d0d68b7936dc7ef07d1ab6', name: "title" }, index.h("h3", { key: '7e8038ae06e887648408fe22759d8078fcc811a8' }, mainTitle))), index.h("div", { key: 'af674237e132462560d6ca829962eb9cf85e6c98', class: "tet-business-compare-card__content" }, index.h("slot", { key: '142549e6c6dfc9bec69780600de756aaae972fb6', name: "content" }, !!bulletPoints?.length && (index.h("tet-text-list", { key: '1196f1e77382a70e6312bcdfce39487cbb30b72f', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (index.h("p", null, bulletPoint)))))))), price && currency && (index.h("div", { key: '63ff7800f5913ad00afc5282423f2ea227277542', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (index.h("div", { key: '0c060ab46b15202e1b9def1434e798c27f27f309', class: "tet-business-compare-card__price" }, index.h("span", { key: '49adc5b056e2f598ef0b6ebc19f4db8ae3157dcd', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && index.h("div", { key: 'b5cb30b15c5e3e9794de481d5e54da27ad81aa16', class: "tet-business-compare-card__price" }, price), index.h("div", { key: 'c3134011a3f08dc923bb24959100c343446af4bc', class: "tet-business-compare-card__price-currency" }, currency))), index.h("div", { key: '5dd89161209222fea55a71663343ab9bfe98f87b', class: {
                 'tet-business-compare-card__footer': true,
                 'tet-business-compare-card__footer--show': this.hasContentInFooter,
             } }, index.h("slot", { key: '96821535ea4bbeca437b165f7aceacc2f0265963', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), index.h("slot", { key: '69957318445326ab6703dc62ae685a40b273bfad', ref: (slot) => (this.linkSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "link" }))));

package/dist/cjs/tet-business-lines.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f559cb2e.js');
-const httpCodes = require('./http-codes-2f72a8b2.js');
-const address = require('./address-5271d3aa.js');
-const translations = require('./translations-ed68775f.js');
+const index = require('./index-4daaccaa.js');
+const httpCodes = require('./http-codes-910040e7.js');
+const address = require('./address-ac89cbf7.js');
+const translations = require('./translations-62fb6b1c.js');
 require('./typecheck-d48810dc.js');
 
 const businessLines = () => {
@@ -31,26 +31,6 @@ const TetBusinessLines = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.businessLineSelected = index.createEvent(this, "businessLineSelected", 7);
-        this.translate = (property) => {
-            var _a;
-            return (_a = property === null || property === void 0 ? void 0 : property[this.language]) !== null && _a !== void 0 ? _a : '';
-        };
-        /**
-         * Renders the title and full address for the component.
-         */
-        this.renderHeadings = () => {
-            var _a;
-            return (index.h("div", { class: "headings" }, index.h("h2", { class: "title" }, translations.translate('components-business-lines-title')), index.h("p", { class: "full-address" }, (_a = this.address) === null || _a === void 0 ? void 0 : _a.fullAddress)));
-        };
-        this.handleBusinessLineSelection = ({ url }) => {
-            if (!this.translate(url)) {
-                return;
-            }
-            window.open(this.translate(url));
-        };
-        this.renderBusinessLineItem = (businessLine) => {
-            return (index.h("div", { class: "business-line-item", onClick: () => this.handleBusinessLineSelection(businessLine) }, index.h("div", { class: "name-container" }, index.h("tet-icon", { name: businessLine.iconName }), this.translate(businessLine.name)), index.h("tet-icon", { class: "chevron-icon", name: "chevron-right" })));
-        };
         this.language = 'lv';
         this.addressKey = undefined;
         this.showHeadings = true;
@@ -60,6 +40,8 @@ const TetBusinessLines = class {
     onLanguageChange(language) {
         translations.processTranslations('tet-components', language).then(() => index.forceUpdate(this));
     }
+    /** The event that is emitted when business line is selected. */
+    businessLineSelected;
     async onAddressKeyChange() {
         address.searchAddressByKey(String(this.addressKey)).then((response) => this.address = response);
     }
@@ -68,9 +50,26 @@ const TetBusinessLines = class {
         businessLines().then((response) => this.businessLines = response);
         address.searchAddressByKey(String(this.addressKey)).then((response) => this.address = response);
     }
+    translate = (property) => {
+        return property?.[this.language] ?? '';
+    };
+    /**
+     * Renders the title and full address for the component.
+     */
+    renderHeadings = () => {
+        return (index.h("div", { class: "headings" }, index.h("h2", { class: "title" }, translations.translate('components-business-lines-title')), index.h("p", { class: "full-address" }, this.address?.fullAddress)));
+    };
+    handleBusinessLineSelection = ({ url }) => {
+        if (!this.translate(url)) {
+            return;
+        }
+        window.open(this.translate(url));
+    };
+    renderBusinessLineItem = (businessLine) => {
+        return (index.h("div", { class: "business-line-item", onClick: () => this.handleBusinessLineSelection(businessLine) }, index.h("div", { class: "name-container" }, index.h("tet-icon", { name: businessLine.iconName }), this.translate(businessLine.name)), index.h("tet-icon", { class: "chevron-icon", name: "chevron-right" })));
+    };
     render() {
-        var _a;
-        return (index.h("div", { key: '97d449a59b86105e2470fffedf30d04d7805000d', class: "container" }, this.showHeadings && this.renderHeadings(), index.h("div", { key: '9ecbea6151d74f7dcae9d7ce86d57bb61ca5359d', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
+        return (index.h("div", { key: '97d449a59b86105e2470fffedf30d04d7805000d', class: "container" }, this.showHeadings && this.renderHeadings(), index.h("div", { key: '9ecbea6151d74f7dcae9d7ce86d57bb61ca5359d', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"],

package/dist/cjs/tet-business-round-stepper.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f559cb2e.js');
+const index = require('./index-4daaccaa.js');
 
 const tetBusinessRoundStepperCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}.business-stepper{--round-business-stepper-color:var(--tc-text-primary);display:flex;flex-direction:row;gap:1.5rem}.business-stepper.dark{--round-business-stepper-color:var(--tc-text-primary-dark)}.business-stepper.dark .business-stepper__icon{background-color:var(--tc-layer-tertiary-dark) !important}.business-stepper__title,.business-stepper__text{margin:0;color:var(--round-business-stepper-color)}.business-stepper__title{font:600 1.25rem/1.5rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.business-stepper__text{font:400 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.business-stepper__icon{margin-bottom:0.5rem;width:2.5rem;height:2.5rem;border-radius:2.5rem;display:inline-flex;justify-content:center;align-items:center}.business-stepper__step{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0.5rem;text-align:center;padding:0 1rem;flex:1}.business-stepper--column{flex-direction:column;justify-content:space-between}.business-stepper--column .business-stepper__icon{margin-bottom:0.5rem}.business-stepper--column .business-stepper__step{padding:0}.business-stepper--column .business-stepper__title{font:600 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.business-stepper--grid{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:3.5rem}.business-stepper--grid .business-stepper__step{padding:0}.business-stepper--uneven>*:last-child{grid-column:1/-1}";
 const TetBusinessRoundStepperStyle0 = tetBusinessRoundStepperCss;
@@ -10,19 +10,19 @@ const TetBusinessRoundStepperStyle0 = tetBusinessRoundStepperCss;
 const TetBusinessRoundStepper = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * Renders a business stepper step.
-         *
-         * @param stepData
-         * @returns
-         */
-        this.renderStepData = (stepData) => {
-            return (index.h("div", { class: "business-stepper__step" }, index.h("div", { class: "business-stepper__icon", style: { 'background-color': stepData.color } }, index.h("tet-icon", { name: stepData.icon, theme: this.theme })), index.h("span", { class: "business-stepper__title" }, stepData.description), index.h("p", { class: "business-stepper__text" }, stepData.text)));
-        };
         this.stepperData = [];
         this.layout = 'row';
         this.theme = 'light';
     }
+    /**
+     * Renders a business stepper step.
+     *
+     * @param stepData
+     * @returns
+     */
+    renderStepData = (stepData) => {
+        return (index.h("div", { class: "business-stepper__step" }, index.h("div", { class: "business-stepper__icon", style: { 'background-color': stepData.color } }, index.h("tet-icon", { name: stepData.icon, theme: this.theme })), index.h("span", { class: "business-stepper__title" }, stepData.description), index.h("p", { class: "business-stepper__text" }, stepData.text)));
+    };
     render() {
         return (index.h("div", { key: '46f68347298a2d722ed7b9243a591727dd7bd732', class: {
                 'business-stepper': true,

package/dist/cjs/tet-button.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f559cb2e.js');
+const index = require('./index-4daaccaa.js');
 
 const tetButtonCss = "@font-face{font-family:Avenir Next;src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix);src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix) format(\"eot\"),url(assets/fonts/3c3e10968ffc97c2a52c5830f9886d1f.woff2) format(\"woff2\"),url(assets/fonts/660fbf858d30d7685fa4b166080f5980.woff) format(\"woff\"),url(assets/fonts/2b7748589092fd1a10b806abdfb562ff.ttf) format(\"truetype\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix);src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix) format(\"eot\"),url(assets/fonts/aad36ecead30948bb30fe0ef818b749c.woff2) format(\"woff2\"),url(assets/fonts/c437d7752feaf3f056bbf8613e898d3a.woff) format(\"woff\"),url(assets/fonts/b8df4d02ef5de13a813917a85bc4a9c4.ttf) format(\"truetype\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix);src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix) format(\"eot\"),url(assets/fonts/4d52f8276a74ea8efbad833ed790367c.woff2) format(\"woff2\"),url(assets/fonts/a067695dd1b87e927f4056c040d84669.woff) format(\"woff\"),url(assets/fonts/510a664af9771b72d4ce5e637109ca3c.ttf) format(\"truetype\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix);src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix) format(\"eot\"),url(assets/fonts/63f5acc71d9852468683a4bfe824a28f.woff2) format(\"woff2\"),url(assets/fonts/ed94c737da267752ce0abd79bb003ff6.woff) format(\"woff\"),url(assets/fonts/6302f55a6dc6b12365177dc89b7d63cf.ttf) format(\"truetype\");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix);src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix) format(\"eot\"),url(assets/fonts/1fe7da97fe9dbe1349aca9b54b5fdf69.woff2) format(\"woff2\"),url(assets/fonts/dacc6a84278e221422902af99579ada5.woff) format(\"woff\"),url(assets/fonts/e530c573663a3a07243d303fbf7db508.ttf) format(\"truetype\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix);src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix) format(\"eot\"),url(assets/fonts/93ec0034623fc696601ab99aba652d4c.woff2) format(\"woff2\"),url(assets/fonts/d73c8eb1c13abe1237366aa3ee829a59.woff) format(\"woff\"),url(assets/fonts/7b6dcef99f3f4b23346e23925ec8678f.ttf) format(\"truetype\");font-weight:600;font-style:italic;font-display:swap}.tet-icon{font-family:Tet Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Tet Icons;src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot);src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot?#iefix) format(\"embedded-opentype\"),url(assets/fonts/25f10ef322a1220b2e9e11db38b73892.woff2) format(\"woff2\"),url(assets/fonts/fed75ac1edcf1c25cdd8612d2c365f9a.woff) format(\"woff\"),url(assets/fonts/df7fbe67cabb13cb837172a73c46378a.ttf) format(\"truetype\"),url(assets/fonts/5486d8c87e2abc6c13ed952a6cc96658.svg#tet-icons) format(\"svg\");font-weight:400;font-style:normal}.tet-icon:before{content:\"\\E84E\"}.tet-icon--sm{font-size:1.125rem}.tet-icon--md{font-size:1.5rem}.tet-icon--lg{font-size:2.25rem}.tet-icon--xl{font-size:3rem}.tet-icon--xxl{font-size:4rem}.tet-icon--0{font-size:0}.tet-icon--1{font-size:.0625rem}.tet-icon--2{font-size:.125rem}.tet-icon--3{font-size:.1875rem}.tet-icon--4{font-size:.25rem}.tet-icon--5{font-size:.3125rem}.tet-icon--6{font-size:.375rem}.tet-icon--7{font-size:.4375rem}.tet-icon--8{font-size:.5rem}.tet-icon--9{font-size:.5625rem}.tet-icon--10{font-size:.625rem}.tet-icon--11{font-size:.6875rem}.tet-icon--12{font-size:.75rem}.tet-icon--13{font-size:.8125rem}.tet-icon--14{font-size:.875rem}.tet-icon--15{font-size:.9375rem}.tet-icon--16{font-size:1rem}.tet-icon--17{font-size:1.0625rem}.tet-icon--18{font-size:1.125rem}.tet-icon--19{font-size:1.1875rem}.tet-icon--20{font-size:1.25rem}.tet-icon--21{font-size:1.3125rem}.tet-icon--22{font-size:1.375rem}.tet-icon--23{font-size:1.4375rem}.tet-icon--24{font-size:1.5rem}.tet-icon--25{font-size:1.5625rem}.tet-icon--26{font-size:1.625rem}.tet-icon--27{font-size:1.6875rem}.tet-icon--28{font-size:1.75rem}.tet-icon--29{font-size:1.8125rem}.tet-icon--30{font-size:1.875rem}.tet-icon--31{font-size:1.9375rem}.tet-icon--32{font-size:2rem}.tet-icon--33{font-size:2.0625rem}.tet-icon--34{font-size:2.125rem}.tet-icon--35{font-size:2.1875rem}.tet-icon--36{font-size:2.25rem}.tet-icon--37{font-size:2.3125rem}.tet-icon--38{font-size:2.375rem}.tet-icon--39{font-size:2.4375rem}.tet-icon--40{font-size:2.5rem}.tet-icon--41{font-size:2.5625rem}.tet-icon--42{font-size:2.625rem}.tet-icon--43{font-size:2.6875rem}.tet-icon--44{font-size:2.75rem}.tet-icon--45{font-size:2.8125rem}.tet-icon--46{font-size:2.875rem}.tet-icon--47{font-size:2.9375rem}.tet-icon--48{font-size:3rem}.tet-icon--49{font-size:3.0625rem}.tet-icon--50{font-size:3.125rem}.tet-icon--51{font-size:3.1875rem}.tet-icon--52{font-size:3.25rem}.tet-icon--53{font-size:3.3125rem}.tet-icon--54{font-size:3.375rem}.tet-icon--55{font-size:3.4375rem}.tet-icon--56{font-size:3.5rem}.tet-icon--57{font-size:3.5625rem}.tet-icon--58{font-size:3.625rem}.tet-icon--59{font-size:3.6875rem}.tet-icon--60{font-size:3.75rem}.tet-icon--61{font-size:3.8125rem}.tet-icon--62{font-size:3.875rem}.tet-icon--63{font-size:3.9375rem}.tet-icon--64{font-size:4rem}.tet-icon--65{font-size:4.0625rem}.tet-icon--66{font-size:4.125rem}.tet-icon--67{font-size:4.1875rem}.tet-icon--68{font-size:4.25rem}.tet-icon--69{font-size:4.3125rem}.tet-icon--70{font-size:4.375rem}.tet-icon--71{font-size:4.4375rem}.tet-icon--72{font-size:4.5rem}.tet-icon--73{font-size:4.5625rem}.tet-icon--74{font-size:4.625rem}.tet-icon--75{font-size:4.6875rem}.tet-icon--76{font-size:4.75rem}.tet-icon--77{font-size:4.8125rem}.tet-icon--78{font-size:4.875rem}.tet-icon--79{font-size:4.9375rem}.tet-icon--80{font-size:5rem}.tet-icon--81{font-size:5.0625rem}.tet-icon--82{font-size:5.125rem}.tet-icon--83{font-size:5.1875rem}.tet-icon--84{font-size:5.25rem}.tet-icon--85{font-size:5.3125rem}.tet-icon--86{font-size:5.375rem}.tet-icon--87{font-size:5.4375rem}.tet-icon--88{font-size:5.5rem}.tet-icon--89{font-size:5.5625rem}.tet-icon--90{font-size:5.625rem}.tet-icon--91{font-size:5.6875rem}.tet-icon--92{font-size:5.75rem}.tet-icon--93{font-size:5.8125rem}.tet-icon--94{font-size:5.875rem}.tet-icon--95{font-size:5.9375rem}.tet-icon--96{font-size:6rem}.tet-icon--97{font-size:6.0625rem}.tet-icon--98{font-size:6.125rem}.tet-icon--99{font-size:6.1875rem}.tet-icon--100{font-size:6.25rem}.tet-icon--101{font-size:6.3125rem}.tet-icon__add:before{content:\"\\E800\"}.tet-icon__alert-circled:before{content:\"\\E801\"}.tet-icon__alert:before{content:\"\\E802\"}.tet-icon__bank:before{content:\"\\E803\"}.tet-icon__box:before{content:\"\\E804\"}.tet-icon__download:before{content:\"\\E805\"}.tet-icon__burger:before{content:\"\\E806\"}.tet-icon__cancel:before{content:\"\\E807\"}.tet-icon__printer:before{content:\"\\E808\"}.tet-icon__cart-add:before{content:\"\\E809\"}.tet-icon__cart-remove:before{content:\"\\E80A\"}.tet-icon__cart:before{content:\"\\E80B\"}.tet-icon__chat:before{content:\"\\E80C\"}.tet-icon__arrow-up:before{content:\"\\E80D\"}.tet-icon__calendar:before{content:\"\\E80E\"}.tet-icon__help-circled:before{content:\"\\E80F\"}.tet-icon__edit:before{content:\"\\E810\"}.tet-icon__external-link:before{content:\"\\E811\"}.tet-icon__gift:before{content:\"\\E812\"}.tet-icon__person:before{content:\"\\E813\"}.tet-icon__heart:before{content:\"\\E814\"}.tet-icon__language:before{content:\"\\E815\"}.tet-icon__help:before{content:\"\\E816\"}.tet-icon__home-1:before{content:\"\\E817\"}.tet-icon__location:before{content:\"\\E818\"}.tet-icon__home-3:before{content:\"\\E819\"}.tet-icon__chart-even:before{content:\"\\E81A\"}.tet-icon__info-2:before{content:\"\\E81B\"}.tet-icon__key:before{content:\"\\E81C\"}.tet-icon__info:before{content:\"\\E81D\"}.tet-icon__lock-opened:before{content:\"\\E81E\"}.tet-icon__lock-outlined:before{content:\"\\E81F\"}.tet-icon__lock:before{content:\"\\E820\"}.tet-icon__laptop-filled:before{content:\"\\E821\"}.tet-icon__mail:before{content:\"\\E822\"}.tet-icon__options:before{content:\"\\E823\"}.tet-icon__chart-uneven:before{content:\"\\E824\"}.tet-icon__mail-2:before{content:\"\\E825\"}.tet-icon__remove:before{content:\"\\E826\"}.tet-icon__mobile-filled:before{content:\"\\E827\"}.tet-icon__ilu-calendar-check:before{content:\"\\E828\"}.tet-icon__settings-outlined:before{content:\"\\E829\"}.tet-icon__tablet:before{content:\"\\E82A\"}.tet-icon__thumb-up:before{content:\"\\E82B\"}.tet-icon__ilu-purchase:before{content:\"\\E82C\"}.tet-icon__chart-even-outlined:before{content:\"\\E82D\"}.tet-icon__movie:before{content:\"\\E82E\"}.tet-icon__percent:before{content:\"\\E82F\"}.tet-icon__ilu-change-whenever:before{content:\"\\E830\"}.tet-icon__truck:before{content:\"\\E831\"}.tet-icon__zero:before{content:\"\\E832\"}.tet-icon__attach:before{content:\"\\E833\"}.tet-icon__cloud-done:before{content:\"\\E834\"}.tet-icon__cloud-download:before{content:\"\\E835\"}.tet-icon__cloud-upload:before{content:\"\\E836\"}.tet-icon__cloud:before{content:\"\\E837\"}.tet-icon__folder:before{content:\"\\E838\"}.tet-icon__remote:before{content:\"\\E839\"}.tet-icon__router:before{content:\"\\E83A\"}.tet-icon__shield-filled:before{content:\"\\E83B\"}.tet-icon__shield:before{content:\"\\E83C\"}.tet-icon__ilu-devices:before{content:\"\\E83D\"}.tet-icon__ilu-get-points:before{content:\"\\E83E\"}.tet-icon__tv:before{content:\"\\E83F\"}.tet-icon__ilu-internet:before{content:\"\\E840\"}.tet-icon__wifi-outlined:before{content:\"\\E841\"}.tet-icon__wifi:before{content:\"\\E842\"}.tet-icon__description-outlined:before{content:\"\\E843\"}.tet-icon__laptop:before{content:\"\\E844\"}.tet-icon__chart-uneven-outlined:before{content:\"\\E845\"}.tet-icon__meter:before{content:\"\\E846\"}.tet-icon__mobile:before{content:\"\\E847\"}.tet-icon__phone:before{content:\"\\E848\"}.tet-icon__plug-filled:before{content:\"\\E849\"}.tet-icon__plug:before{content:\"\\E84A\"}.tet-icon__print:before{content:\"\\E84B\"}.tet-icon__camera:before{content:\"\\E84C\"}.tet-icon__clock:before{content:\"\\E84D\"}.tet-icon__placeholder:before{content:\"\\E84E\"}.tet-icon__tv-filled:before{content:\"\\E84F\"}.tet-icon__arrow-down:before{content:\"\\E850\"}.tet-icon__arrow-left:before{content:\"\\E851\"}.tet-icon__arrow-right:before{content:\"\\E852\"}.tet-icon__description:before{content:\"\\E853\"}.tet-icon__login:before{content:\"\\E854\"}.tet-icon__check:before{content:\"\\E855\"}.tet-icon__chevron-down:before{content:\"\\E856\"}.tet-icon__chevron-left:before{content:\"\\E857\"}.tet-icon__chevron-right:before{content:\"\\E858\"}.tet-icon__chevron-up:before{content:\"\\E859\"}.tet-icon__close-circled:before{content:\"\\E85A\"}.tet-icon__close:before{content:\"\\E85B\"}.tet-icon__more-horizontal:before{content:\"\\E85C\"}.tet-icon__more-vertical:before{content:\"\\E85D\"}.tet-icon__refresh:before{content:\"\\E85E\"}.tet-icon__facebook:before{content:\"\\E85F\"}.tet-icon__instagram:before{content:\"\\E860\"}.tet-icon__linkedin:before{content:\"\\E861\"}.tet-icon__people:before{content:\"\\E862\"}.tet-icon__logout:before{content:\"\\E863\"}.tet-icon__share:before{content:\"\\E864\"}.tet-icon__twitter:before{content:\"\\E865\"}.tet-icon__cancel-filled:before{content:\"\\E866\"}.tet-icon__done:before{content:\"\\E867\"}.tet-icon__star-filled:before{content:\"\\E868\"}.tet-icon__star:before{content:\"\\E869\"}.tet-icon__clipboard:before{content:\"\\E86A\"}.tet-icon__ilu-calendar:before{content:\"\\E86B\"}.tet-icon__check-circled:before{content:\"\\E86C\"}.tet-icon__ilu-choose-channels:before{content:\"\\E86D\"}.tet-icon__search:before{content:\"\\E86E\"}.tet-icon__warning:before{content:\"\\E86F\"}.tet-icon__ilu-clock-1:before{content:\"\\E870\"}.tet-icon__ilu-fold:before{content:\"\\E871\"}.tet-icon__ilu-letter:before{content:\"\\E872\"}.tet-icon__ilu-pay:before{content:\"\\E873\"}.tet-icon__ilu-meter:before{content:\"\\E874\"}.tet-icon__ilu-sign:before{content:\"\\E875\"}.tet-icon__smart-watch-filled:before{content:\"\\E876\"}.tet-icon__washing-machine-filled:before{content:\"\\E877\"}.tet-icon__bullet:before{content:\"\\E878\"}.tet-icon__sound:before{content:\"\\E879\"}.tet-icon__dropdown:before{content:\"\\E87A\"}.tet-icon__mask-pass:before{content:\"\\E87B\"}.tet-icon__select:before{content:\"\\E87C\"}.tet-icon__text-area-sizing:before{content:\"\\E87D\"}.tet-icon__unmask-pass:before{content:\"\\E87E\"}.tet-icon__bullet-small:before{content:\"\\E882\"}.tet-icon__electric-bolt:before{content:\"\\E880\"}.tet-icon__sun:before{content:\"\\E881\"}:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--button-text-decoration:none;--button-background:rgb(255, 255, 255);--button-text-color:rgb(247, 247, 247);--button-border-color:rgb(0, 96, 245);--button-border:0.125rem solid var(--button-border-color);--button-width:auto;--button-box-shadow:none;--button-font-weight:500;--button-gap:0.25rem;--button-icon-size:1.25rem;--button-content-gap:0.5rem;--button-font-size-small:0.875rem;--button-padding-small:0.5rem 1.125rem;--button-font-size-medium:1rem;--button-padding-medium:0.625rem 1.25rem;--button-font-size-large:1rem;--button-padding-large:0.75rem 1.5rem;--button-font-size:var(--button-font-size-large);--button-padding:var(--button-padding-large);display:inline-block;cursor:pointer}.button{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:var(--button-gap);width:var(--button-width);border-radius:2rem;cursor:inherit;transition:all 0.2s ease-in-out;font-family:var(--font-family-content);font-weight:var(--button-font-weight);color:var(--button-text-color);border:var(--button-border);background-color:var(--button-background);border-color:var(--button-border-color);box-shadow:var(--button-box-shadow);text-decoration:var(--button-text-decoration);font-size:var(--button-font-size);padding:var(--button-padding)}.button-small{--button-font-size:var(--button-font-size-small);--button-padding:var(--button-padding-small)}.button-medium{--button-font-size:var(--button-font-size-medium);--button-padding:var(--button-padding-medium)}.button__content{display:flex;align-items:center;gap:var(--button-content-gap)}.button:disabled{cursor:not-allowed;backdrop-filter:blur(5px)}.button:not(:disabled){backdrop-filter:blur(7.5px)}.button.with-icon tet-icon{--icon-color:var(--button-icon-color);--icon-size:var(--button-icon-size);--icon-container-display:flex}.button--type-primary{--button-background:initial}.button--type-primary.button-dark-theme{--button-text-color:var(--tc-button-text-primary-dark);--button-border-color:transparent;--button-background:var(--tc-button-primary-background-default-dark);--button-icon-color:var(--tc-button-icon-primary-dark)}.button--type-primary.button-dark-theme:hover:not(:disabled){--button-background:var(--tc-button-primary-background-hover-dark);--button-box-shadow:var(--tc-button-hover-shadow-centre-dark), var(--tc-button-hover-shadow-raised-dark)}.button--type-primary.button-dark-theme:focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s;--button-box-shadow:none}.button--type-primary.button-dark-theme:active:not(:disabled){--button-background:var(--tc-button-primary-background-pressed-dark)}.button--type-primary.button-dark-theme:disabled{--button-text-color:var(--tc-button-text-disabled-dark);--button-background:var(--tc-button-primary-background-disabled-dark);--button-icon-color:var(--tc-button-icon-disabled-dark)}.button--type-primary.button-dark-inverse-theme{--button-text-color:var(--tc-button-text-inverse-primary-dark);--button-border-color:transparent;--button-background:var(--tc-button-primary-background-inverse-default-dark);--button-icon-color:var(--tc-button-icon-inverse-primary-dark)}.button--type-primary.button-dark-inverse-theme:hover:not(:disabled){--button-background:var(--tc-button-primary-background-inverse-hover-dark);--button-box-shadow:var(--tc-button-hover-shadow-centre-dark), var(--tc-button-hover-shadow-raised-dark)}.button--type-primary.button-dark-inverse-theme:focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s;--button-box-shadow:none}.button--type-primary.button-dark-inverse-theme:active:not(:disabled){--button-background:var(--tc-button-primary-background-inverse-pressed-dark)}.button--type-primary.button-dark-inverse-theme:disabled{--button-text-color:var(--tc-button-text-inverse-disabled-dark);--button-background:var(--tc-button-primary-background-inverse-disabled-dark);--button-icon-color:var(--tc-button-icon-inverse-disabled-dark)}.button--type-primary.button-mint-theme{--button-text-color:rgb(10, 11, 13);--button-border-color:rgb(26, 213, 219);--button-background:rgb(26, 213, 219)}.button--type-primary.button-mint-theme:hover:not(:disabled){--button-background:rgb(153, 245, 255);--button-border-color:rgb(153, 245, 255)}.button--type-primary.button-mint-theme:focus:not(:disabled){--button-background:rgb(153, 245, 255);--button-border-color:rgb(26, 213, 219);--button-box-shadow:0 0 0 0.1875rem rgba(31, 208, 214, 0.32)}.button--type-primary.button-mint-theme:active:not(:disabled){--button-background:rgb(24, 165, 170);--button-border-color:rgb(24, 165, 170)}.button--type-primary.button-mint-theme:disabled{--button-text-color:rgb(153, 160, 174);--button-border-color:rgb(67, 75, 86);--button-background:rgb(67, 75, 86)}.button--type-primary.button-light-theme{--button-text-color:var(--tc-button-text-primary);--button-border-color:transparent;--button-background:var(--tc-button-primary-background-default);--button-icon-color:var(--tc-button-icon-primary)}.button--type-primary.button-light-theme:hover:not(:disabled){--button-background:var(--tc-button-primary-background-hover);--button-box-shadow:var(--tc-button-hover-shadow-centre), var(--tc-button-hover-shadow-raised)}.button--type-primary.button-light-theme:focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;--button-box-shadow:none}.button--type-primary.button-light-theme:active:not(:disabled){--button-background:var(--tc-button-primary-background-pressed)}.button--type-primary.button-light-theme:disabled{--button-text-color:var(--tc-button-text-disabled);--button-background:var(--tc-button-primary-background-disabled);--button-icon-color:var(--tc-button-icon-disabled)}.button--type-primary.button-light-inverse-theme{--button-text-color:var(--tc-button-text-inverse-primary);--button-border-color:transparent;--button-background:var(--tc-button-primary-background-inverse-default);--button-icon-color:var(--tc-button-icon-inverse-primary)}.button--type-primary.button-light-inverse-theme:hover:not(:disabled){--button-background:var(--tc-button-primary-background-inverse-hover);--button-box-shadow:var(--tc-button-hover-shadow-centre), var(--tc-button-hover-shadow-raised)}.button--type-primary.button-light-inverse-theme:focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;--button-box-shadow:none}.button--type-primary.button-light-inverse-theme:active:not(:disabled){--button-background:var(--tc-button-primary-background-inverse-pressed)}.button--type-primary.button-light-inverse-theme:disabled{--button-text-color:var(--tc-button-text-inverse-disabled);--button-background:var(--tc-button-primary-background-inverse-disabled);--button-icon-color:var(--tc-button-icon-inverse-disabled)}.button--type-primary.button-classic-theme{--button-text-color:rgb(255, 255, 255);--button-background:rgb(0, 96, 245)}.button--type-primary.button-classic-theme:hover:not(:disabled){--button-background:rgb(52, 132, 244);--button-border-color:rgb(52, 132, 244)}.button--type-primary.button-classic-theme:focus:not(:disabled){--button-background:rgb(52, 132, 244);--button-border-color:rgb(8, 53, 104);--button-box-shadow:0 0 0 0.1875rem rgba(52, 132, 244, 0.45)}.button--type-primary.button-classic-theme:active:not(:disabled){--button-background:rgb(8, 53, 104);--button-border-color:rgb(8, 53, 104)}.button--type-primary.button-classic-theme:disabled{--button-text-color:rgb(153, 160, 174);--button-border-color:rgb(255, 255, 255);--button-background:rgb(255, 255, 255)}.button--type-primary.button-netflix-theme{--button-text-color:rgb(255, 255, 255);--button-background:rgb(229, 9, 20);--button-border-color:transparent}.button--type-primary.button-netflix-theme:hover:not(:disabled){--button-background:rgb(182, 7, 18);--button-border-color:rgb(182, 7, 18)}.button--type-primary.button-netflix-theme:focus:not(:disabled){--button-background:rgb(229, 9, 20);--button-border-color:rgb(67, 75, 86);--button-box-shadow:0 0 0 0.1875rem rgba(215, 219, 224, 0.7)}.button--type-primary.button-netflix-theme:active:not(:disabled){--button-background:rgb(132, 5, 13);--button-border-color:rgb(132, 5, 13)}.button--type-primary.button-netflix-theme:disabled{--button-text-color:rgb(153, 160, 174);--button-border-color:rgb(255, 255, 255);--button-background:rgb(255, 255, 255)}.button--type-primary.button-yellow-theme{--button-text-color:rgb(10, 11, 13);--button-background:rgb(255, 209, 38);--button-border-color:transparent}.button--type-primary.button-yellow-theme:hover:not(:disabled){--button-background:rgb(204, 161, 0);--button-border-color:rgb(204, 161, 0)}.button--type-primary.button-yellow-theme:focus:not(:disabled){--button-background:rgb(255, 209, 38);--button-border-color:rgb(67, 75, 86);--button-box-shadow:0 0 0 0.1875rem rgba(215, 219, 224, 0.7)}.button--type-primary.button-yellow-theme:active:not(:disabled){--button-background:rgb(229, 181, 0);--button-border-color:rgb(229, 181, 0)}.button--type-primary.button-yellow-theme:disabled{--button-text-color:rgb(153, 160, 174);--button-border-color:rgb(255, 255, 255);--button-background:rgb(255, 255, 255)}.button--type-secondary{--button-background:transparent}.button--type-secondary.button-dark-theme{--button-text-color:var(--tc-button-text-secondary-dark);--button-border-color:var(--tc-button-border-secondary-dark);--button-icon-color:var(--tc-button-icon-inverse-primary-dark)}.button--type-secondary.button-dark-theme:hover:not(:disabled){--button-background:var(--tc-button-secondary-background-hover-dark);--button-box-shadow:var(--tc-button-hover-shadow-centre-dark), var(--tc-button-hover-shadow-raised-dark)}.button--type-secondary.button-dark-theme:focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s;--button-box-shadow:none}.button--type-secondary.button-dark-theme:active:not(:disabled){--button-background:var(--tc-button-secondary-background-pressed-dark)}.button--type-secondary.button-dark-theme:disabled{--button-text-color:var(--tc-button-text-secondary-disabled-dark);--button-border-color:var(--tc-button-border-disabled-dark);--button-icon-color:var(--tc-button-icon-secondary-disabled-dark)}.button--type-secondary.button-dark-inverse-theme{--button-text-color:var(--tc-button-text-inverse-secondary-dark);--button-border-color:var(--tc-button-border-inverse-secondary-dark);--button-icon-color:var(--tc-button-icon-inverse-secondary-dark)}.button--type-secondary.button-dark-inverse-theme:hover:not(:disabled){--button-background:var(--tc-button-secondary-background-inverse-hover-dark);--button-box-shadow:var(--tc-button-hover-shadow-centre-dark), var(--tc-button-hover-shadow-raised-dark)}.button--type-secondary.button-dark-inverse-theme:focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s;--button-box-shadow:none}.button--type-secondary.button-dark-inverse-theme:active:not(:disabled){--button-background:var(--tc-button-secondary-background-inverse-pressed-dark)}.button--type-secondary.button-dark-inverse-theme:disabled{--button-text-color:var(--tc-button-text-inverse-secondary-disabled-dark);--button-border-color:var(--tc-button-border-inverse-disabled-dark);--button-icon-color:var(--tc-button-icon-inverse-secondary-disabled-dark)}.button--type-secondary.button-mint-theme{--button-text-color:rgb(26, 213, 219);--button-border-color:rgb(26, 213, 219)}.button--type-secondary.button-mint-theme:hover:not(:disabled){--button-text-color:rgb(255, 255, 255);--button-border-color:rgb(153, 245, 255);--button-background:rgba(26, 213, 219, 0.08)}.button--type-secondary.button-mint-theme:focus:not(:disabled){--button-text-color:rgb(255, 255, 255);--button-border-color:rgb(26, 213, 219);--button-background:rgba(26, 213, 219, 0.24);--button-box-shadow:0 0 0 0.1875rem rgba(31, 208, 214, 0.32)}.button--type-secondary.button-mint-theme:active:not(:disabled){--button-text-color:rgb(255, 255, 255);--button-border-color:rgb(26, 213, 219);--button-background:rgba(26, 213, 219, 0.32)}.button--type-secondary.button-mint-theme:disabled{--button-text-color:rgb(153, 160, 174);--button-border-color:rgb(153, 160, 174);--button-background:transparent}.button--type-secondary.button-light-theme{--button-text-color:var(--tc-button-text-secondary);--button-border-color:var(--tc-button-border-secondary);--button-icon-color:var(--tc-button-icon-inverse-primary)}.button--type-secondary.button-light-theme:hover:not(:disabled){--button-background:var(--tc-button-secondary-background-hover);--button-box-shadow:var(--tc-button-hover-shadow-centre), var(--tc-button-hover-shadow-raised)}.button--type-secondary.button-light-theme:focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;--button-box-shadow:none}.button--type-secondary.button-light-theme:active:not(:disabled){--button-background:var(--tc-button-secondary-background-pressed)}.button--type-secondary.button-light-theme:disabled{--button-text-color:var(--tc-button-text-secondary-disabled);--button-border-color:var(--tc-button-border-disabled);--button-icon-color:var(--tc-button-icon-secondary-disabled)}.button--type-secondary.button-light-inverse-theme{--button-text-color:var(--tc-button-text-inverse-secondary);--button-border-color:var(--tc-button-border-inverse-secondary);--button-icon-color:var(--tc-button-icon-inverse-secondary)}.button--type-secondary.button-light-inverse-theme:hover:not(:disabled){--button-background:var(--tc-button-secondary-background-inverse-hover);--button-box-shadow:var(--tc-button-hover-shadow-centre), var(--tc-button-hover-shadow-raised)}.button--type-secondary.button-light-inverse-theme:focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;--button-box-shadow:none}.button--type-secondary.button-light-inverse-theme:active:not(:disabled){--button-background:var(--tc-button-secondary-background-inverse-pressed)}.button--type-secondary.button-light-inverse-theme:disabled{--button-text-color:var(--tc-button-text-inverse-secondary-disabled);--button-border-color:var(--tc-button-border-inverse-disabled);--button-icon-color:var(--tc-button-icon-inverse-secondary-disabled)}.button--type-secondary.button-classic-theme{--button-text-color:rgb(0, 96, 245);--button-border-color:rgb(0, 96, 245)}.button--type-secondary.button-classic-theme:hover:not(:disabled){--button-text-color:rgb(8, 53, 104);--button-background:rgba(0, 96, 245, 0.08)}.button--type-secondary.button-classic-theme:focus:not(:disabled){--button-text-color:rgb(8, 53, 104);--button-background:rgba(0, 96, 245, 0.12);--button-box-shadow:0 0 0 0.1875rem rgba(113, 172, 244, 0.5)}.button--type-secondary.button-classic-theme:active:not(:disabled){--button-text-color:rgb(8, 53, 104);--button-background:rgba(0, 96, 245, 0.16)}.button--type-secondary.button-classic-theme:disabled{--button-text-color:rgb(153, 160, 174);--button-border-color:rgb(153, 160, 174);--button-background:transparent}.button--type-ghost{--button-border-color:transparent;--button-background:transparent}.button--type-ghost.button-dark-theme{--button-text-color:rgb(255, 255, 255);--button-border-color:transparent}.button--type-ghost.button-dark-theme:hover:not(:disabled){--button-text-color:rgb(215, 219, 224);--button-border-color:transparent}.button--type-ghost.button-dark-theme:focus:not(:disabled){--button-background:rgba(215, 219, 224, 0.01);--button-border-color:rgb(192, 197, 206);--button-box-shadow:0 0 0 0.1875rem rgba(215, 219, 224, 0.35)}.button--type-ghost.button-dark-theme:focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s;--button-box-shadow:none}.button--type-ghost.button-dark-theme:active:not(:disabled){--button-border-color:transparent}.button--type-ghost.button-dark-theme:disabled{--button-text-color:rgb(153, 160, 174);--button-border-color:transparent;--button-background:transparent}.button--type-ghost.button-mint-theme{--button-text-color:rgb(26, 213, 219);--button-border-color:transparent}.button--type-ghost.button-mint-theme:hover:not(:disabled){--button-text-color:rgb(153, 245, 255);--button-border-color:transparent}.button--type-ghost.button-mint-theme:focus:not(:disabled){--button-text-color:rgb(153, 245, 255);--button-border-color:rgb(153, 245, 255);--button-background:rgba(153, 245, 255, 0.01);--button-box-shadow:0 0 0 0.1875rem rgba(153, 245, 255, 0.3)}.button--type-ghost.button-mint-theme:active:not(:disabled){--button-text-color:rgb(24, 165, 170);--button-border-color:transparent}.button--type-ghost.button-mint-theme:disabled{--button-text-color:rgb(153, 160, 174);--button-border-color:transparent;--button-background:transparent}.button--type-ghost.button-light-theme{--button-text-color:rgb(10, 11, 13);--button-border-color:transparent}.button--type-ghost.button-light-theme:hover:not(:disabled){--button-text-color:rgb(88, 99, 116);--button-border-color:transparent}.button--type-ghost.button-light-theme:focus:not(:disabled),.button--type-ghost.button-light-theme:focus-visible:not(:disabled){--button-text-color:rgb(10, 11, 13);--button-border-color:rgb(153, 160, 174);--button-background:rgba(153, 160, 174, 0.01);--button-box-shadow:0 0 0 0.1875rem rgba(153, 160, 174, 0.3)}.button--type-ghost.button-light-theme:focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;--button-box-shadow:none}.button--type-ghost.button-light-theme:active:not(:disabled){--button-text-color:rgb(35, 40, 46);--button-border-color:transparent}.button--type-ghost.button-light-theme:disabled{--button-text-color:rgb(153, 160, 174);--button-border-color:transparent;--button-background:transparent}.button--type-ghost.button-classic-theme{--button-text-color:rgb(0, 96, 245);--button-border-color:transparent}.button--type-ghost.button-classic-theme:hover:not(:disabled){--button-text-color:rgb(52, 132, 244);--button-border-color:transparent}.button--type-ghost.button-classic-theme:focus:not(:disabled){--button-text-color:rgb(52, 132, 244);--button-border-color:rgb(52, 132, 244);--button-background:rgba(52, 132, 244, 0.01)}.button--type-ghost.button-classic-theme:focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.button--type-ghost.button-classic-theme:active:not(:disabled){--button-text-color:rgb(8, 53, 104);--button-border-color:transparent}.button--type-ghost.button-classic-theme:disabled{--button-text-color:rgb(153, 160, 174);--button-border-color:transparent;--button-background:transparent}.button--type-link{text-align:left;--button-border-color:transparent;--button-background:transparent}.button--type-link:focus-visible:not(:disabled),.button--type-link:focus:not(:disabled){border-radius:0.625rem}.button--type-link.button-dark-theme{--button-text-color:rgb(247, 247, 247)}.button--type-link.button-dark-theme:hover:not(:disabled){--button-text-color:rgb(215, 219, 224);--button-text-decoration:underline}.button--type-link.button-dark-theme:focus:not(:disabled){--button-text-color:rgb(215, 219, 224);--button-text-decoration:underline}.button--type-link.button-dark-theme:focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s;--button-text-color:rgb(247, 247, 247)}.button--type-link.button-dark-theme:active:not(:disabled){--button-text-color:rgb(247, 247, 247);--button-text-decoration:underline}.button--type-link.button-dark-theme:disabled{--button-text-color:rgb(153, 160, 174)}.button--type-link.button-mint-theme{--button-text-color:rgb(26, 213, 219)}.button--type-link.button-mint-theme:hover:not(:disabled){--button-text-color:rgb(153, 245, 255);--button-text-decoration:underline}.button--type-link.button-mint-theme:focus:not(:disabled){--button-text-color:rgb(153, 245, 255);--button-text-decoration:underline}.button--type-link.button-mint-theme:active:not(:disabled){--button-text-color:rgb(26, 213, 219);--button-text-decoration:underline}.button--type-link.button-mint-theme:disabled{--button-text-color:rgb(153, 160, 174)}.button--type-link.button-light-theme{--button-text-color:rgb(10, 11, 13)}.button--type-link.button-light-theme:hover:not(:disabled){--button-text-color:rgb(88, 99, 116);--button-text-decoration:underline}.button--type-link.button-light-theme:focus:not(:disabled){--button-text-color:rgb(88, 99, 116);--button-text-decoration:underline}.button--type-link.button-light-theme:focus-visible:not(:disabled){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.button--type-link.button-light-theme:active:not(:disabled){--button-text-color:rgb(35, 40, 46);--button-text-decoration:underline}.button--type-link.button-light-theme:disabled{--button-text-color:rgb(153, 160, 174)}.button--type-link.button-classic-theme{--button-text-color:rgb(0, 96, 245)}.button--type-link.button-classic-theme:hover:not(:disabled){--button-text-color:rgb(52, 132, 244);--button-text-decoration:underline}.button--type-link.button-classic-theme:focus:not(:disabled){--button-text-color:rgb(52, 132, 244);--button-text-decoration:underline}.button--type-link.button-classic-theme:active:not(:disabled){--button-text-color:rgb(0, 96, 245);--button-text-decoration:underline}.button--type-link.button-classic-theme:disabled{--button-text-color:rgb(153, 160, 174)}.button.icon-mode{aspect-ratio:1;border-radius:50%}";
 const TetButtonStyle0 = tetButtonCss;
@@ -10,12 +10,6 @@ const TetButtonStyle0 = tetButtonCss;
 const TetButton = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.handleClick = () => {
-            this.clickCallback();
-            if (!this.url)
-                return;
-            window.open(this.url, this.urlTarget, this.urlTarget === '_blank' ? 'noopener,noreferrer' : undefined);
-        };
         this.clickCallback = () => null;
         this.size = 'large';
         this.type = 'primary';
@@ -38,15 +32,21 @@ const TetButton = class {
         }
         return (index.h("div", { class: "button__content" }, index.h("slot", null), index.h("tet-icon", { name: this.iconName })));
     }
+    handleClick = () => {
+        this.clickCallback();
+        if (!this.url)
+            return;
+        window.open(this.url, this.urlTarget, this.urlTarget === '_blank' ? 'noopener,noreferrer' : undefined);
+    };
     render() {
-        return (index.h(index.Host, { key: '7adccbc8b3035550420d5e0eac1d46f68052526d' }, index.h("button", Object.assign({ key: '6d6732ed5e7d2c55e200aa7421f8ae2c54015a31', part: "button", onClick: this.handleClick, id: this.elementId, class: {
+        return (index.h(index.Host, { key: '7adccbc8b3035550420d5e0eac1d46f68052526d' }, index.h("button", { key: '6d6732ed5e7d2c55e200aa7421f8ae2c54015a31', part: "button", onClick: this.handleClick, id: this.elementId, class: {
                 button: true,
                 [`button-${this.size}`]: true,
                 [`button--type-${this.type}`]: true,
                 [`button-${this.theme}-theme`]: true,
                 'icon-mode': this.iconMode,
                 'with-icon': !!this.iconName,
-            }, disabled: this.disabled }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}), { tabindex: 0 }), (!!this.iconName && this.iconMode)
+            }, disabled: this.disabled, ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}), tabindex: 0 }, (!!this.iconName && this.iconMode)
             ? index.h("tet-icon", { name: this.iconName })
             : !!this.iconName
                 ? this.renderButtonWithIcon(this.iconPosition)