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

package/dist/components/tet-business-card.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-37ed3ebb.js';
+import { p as proxyCustomElement, H, h } from './p-88af3744.js';
 import { g as getConvertedPixels } from './p-165a8492.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)}";
@@ -9,36 +9,6 @@ const TetBusinessCard$1 = /*@__PURE__*/ proxyCustomElement(class TetBusinessCard
         super();
         this.__registerHost();
         this.__attachShadow();
-        /**
-         * @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 = getConvertedPixels(breakpointXsInRem);
-            const breakpointLg = 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;
@@ -46,6 +16,13 @@ const TetBusinessCard$1 = /*@__PURE__*/ proxyCustomElement(class TetBusinessCard
         this.theme = 'light';
         this.size = 'xs';
     }
+    /**
+     * The root HTML Element
+     */
+    rootRef;
+    get element() { return this; }
+    /** The resize observer watching element resizes. */
+    resizeObserver;
     /**
      * Attaches the `resizeObserver` to rootRef
      */
@@ -55,6 +32,36 @@ const TetBusinessCard$1 = /*@__PURE__*/ proxyCustomElement(class TetBusinessCard
     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 = getConvertedPixels(breakpointXsInRem);
+        const breakpointLg = 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 (h("div", { key: '623c7ce9661b60b708a1e999f81f3873e0806e1d', ref: divRef => {
@@ -66,7 +73,6 @@ const TetBusinessCard$1 = /*@__PURE__*/ proxyCustomElement(class TetBusinessCard
                 [`theme-${theme}`]: true,
             } }, h("div", { key: 'ad755fd31a61336c483ffc5d2d104261b03c00e1', class: "tet-business-card__body" }, h("div", { key: 'c8b226d3f2a1f8a73396b7ddad68c6c87d5577df', class: "tet-business-card__content" }, h("div", { key: '387bd6ead57b4a8aa40652284be2ad1ecb916233', class: "tet-business-card__title" }, h("slot", { key: '1e6e4c32b14a30efb454887158c55692ac77e302', name: "title" }, h("h3", { key: 'cadd683e5f657cbc39f8837e50cd6045cca4a7ec' }, mainTitle))), h("slot", { key: 'ddd2aab44a592a92d4eb71166a7d9b1bcb635fb6', name: "subtitle" }, subTitle && (h("div", { key: '3ab90cc3dc867d0d13ea9293f75d2eca54b56b3d', class: { 'tet-business-card__subtitle': true, 'tet-business-card__subtitle--large': !infoText } }, subTitle)))), h("slot", { key: '02333b6a4a46a123902bbd82473633f387e6e9c0', name: "button" })), h("slot", { key: '7d8109bb6447899f505cdde431969f8a6624f3f0', name: "infotext" }, infoText && h("div", { key: 'ef545e575dd54d0397a2e4cc77b6252ef32862a5', class: "tet-business-card__infotext" }, infoText))));
     }
-    get element() { return this; }
     static get style() { return TetBusinessCardStyle0; }
 }, [1, "tet-business-card", {
         "mainTitle": [1, "main-title"],

package/dist/components/tet-business-compare-card.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h } from './p-37ed3ebb.js';
-import { d as defineCustomElement$3 } from './p-b0d6ed2e.js';
-import { d as defineCustomElement$2 } from './p-e707e73a.js';
+import { p as proxyCustomElement, H, h } from './p-88af3744.js';
+import { d as defineCustomElement$3 } from './p-a9b1c410.js';
+import { d as defineCustomElement$2 } from './p-c217775d.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 TetBusinessCompareCard$1 = /*@__PURE__*/ proxyCustomElement(class TetBusin
         super();
         this.__registerHost();
         this.__attachShadow();
-        /**
-         * 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$1 = /*@__PURE__*/ proxyCustomElement(class TetBusin
         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 (h("div", { key: '5e1d0b71f4b76cc04be038eeaa9cc2c6f10841a6', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: '0f744f6661b839014c01a350df8e5c40a5621c4c', class: "tet-business-compare-card__body" }, h("div", { key: '98a2955c54ea7c77081f8d568cfe589d467221cb', class: "tet-business-compare-card__title" }, h("slot", { key: '863863123521db2513d0d68b7936dc7ef07d1ab6', name: "title" }, h("h3", { key: '7e8038ae06e887648408fe22759d8078fcc811a8' }, mainTitle))), h("div", { key: 'af674237e132462560d6ca829962eb9cf85e6c98', class: "tet-business-compare-card__content" }, h("slot", { key: '142549e6c6dfc9bec69780600de756aaae972fb6', name: "content" }, !!(bulletPoints === null || bulletPoints === void 0 ? void 0 : bulletPoints.length) && (h("tet-text-list", { key: '1196f1e77382a70e6312bcdfce39487cbb30b72f', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: '63ff7800f5913ad00afc5282423f2ea227277542', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: '0c060ab46b15202e1b9def1434e798c27f27f309', class: "tet-business-compare-card__price" }, h("span", { key: '49adc5b056e2f598ef0b6ebc19f4db8ae3157dcd', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: 'b5cb30b15c5e3e9794de481d5e54da27ad81aa16', class: "tet-business-compare-card__price" }, price), h("div", { key: 'c3134011a3f08dc923bb24959100c343446af4bc', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: '5dd89161209222fea55a71663343ab9bfe98f87b', class: {
+        return (h("div", { key: '5e1d0b71f4b76cc04be038eeaa9cc2c6f10841a6', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: '0f744f6661b839014c01a350df8e5c40a5621c4c', class: "tet-business-compare-card__body" }, h("div", { key: '98a2955c54ea7c77081f8d568cfe589d467221cb', class: "tet-business-compare-card__title" }, h("slot", { key: '863863123521db2513d0d68b7936dc7ef07d1ab6', name: "title" }, h("h3", { key: '7e8038ae06e887648408fe22759d8078fcc811a8' }, mainTitle))), h("div", { key: 'af674237e132462560d6ca829962eb9cf85e6c98', class: "tet-business-compare-card__content" }, h("slot", { key: '142549e6c6dfc9bec69780600de756aaae972fb6', name: "content" }, !!bulletPoints?.length && (h("tet-text-list", { key: '1196f1e77382a70e6312bcdfce39487cbb30b72f', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: '63ff7800f5913ad00afc5282423f2ea227277542', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: '0c060ab46b15202e1b9def1434e798c27f27f309', class: "tet-business-compare-card__price" }, h("span", { key: '49adc5b056e2f598ef0b6ebc19f4db8ae3157dcd', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: 'b5cb30b15c5e3e9794de481d5e54da27ad81aa16', class: "tet-business-compare-card__price" }, price), h("div", { key: 'c3134011a3f08dc923bb24959100c343446af4bc', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: '5dd89161209222fea55a71663343ab9bfe98f87b', class: {
                 'tet-business-compare-card__footer': true,
                 'tet-business-compare-card__footer--show': this.hasContentInFooter,
             } }, h("slot", { key: '96821535ea4bbeca437b165f7aceacc2f0265963', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), h("slot", { key: '69957318445326ab6703dc62ae685a40b273bfad', ref: (slot) => (this.linkSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "link" }))));

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

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, d as createEvent, h, f as forceUpdate } from './p-37ed3ebb.js';
-import { e as endpoints, A as ApiRequest } from './p-6830b44d.js';
-import { s as searchAddressByKey } from './p-a81e545d.js';
-import { t as translate, p as processTranslations } from './p-aca28e71.js';
-import { d as defineCustomElement$2 } from './p-b0d6ed2e.js';
+import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h } from './p-88af3744.js';
+import { e as endpoints, A as ApiRequest } from './p-c1f5b99f.js';
+import { s as searchAddressByKey } from './p-581edb37.js';
+import { p as processTranslations, t as translate } from './p-2627300f.js';
+import { d as defineCustomElement$2 } from './p-a9b1c410.js';
 
 const businessLines = () => {
     let apiUrl;
@@ -29,26 +29,6 @@ const TetBusinessLines$1 = /*@__PURE__*/ proxyCustomElement(class TetBusinessLin
         this.__registerHost();
         this.__attachShadow();
         this.businessLineSelected = 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 (h("div", { class: "headings" }, h("h2", { class: "title" }, translate('components-business-lines-title')), 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 (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" })));
-        };
         this.language = 'lv';
         this.addressKey = undefined;
         this.showHeadings = true;
@@ -58,6 +38,8 @@ const TetBusinessLines$1 = /*@__PURE__*/ proxyCustomElement(class TetBusinessLin
     onLanguageChange(language) {
         processTranslations('tet-components', language).then(() => forceUpdate(this));
     }
+    /** The event that is emitted when business line is selected. */
+    businessLineSelected;
     async onAddressKeyChange() {
         searchAddressByKey(String(this.addressKey)).then((response) => this.address = response);
     }
@@ -66,9 +48,26 @@ const TetBusinessLines$1 = /*@__PURE__*/ proxyCustomElement(class TetBusinessLin
         businessLines().then((response) => this.businessLines = response);
         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 (h("div", { class: "headings" }, h("h2", { class: "title" }, translate('components-business-lines-title')), h("p", { class: "full-address" }, this.address?.fullAddress)));
+    };
+    handleBusinessLineSelection = ({ url }) => {
+        if (!this.translate(url)) {
+            return;
+        }
+        window.open(this.translate(url));
+    };
+    renderBusinessLineItem = (businessLine) => {
+        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() {
-        var _a;
-        return (h("div", { key: '97d449a59b86105e2470fffedf30d04d7805000d', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '9ecbea6151d74f7dcae9d7ce86d57bb61ca5359d', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '97d449a59b86105e2470fffedf30d04d7805000d', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '9ecbea6151d74f7dcae9d7ce86d57bb61ca5359d', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"],

package/dist/components/tet-business-navigation.js

@@ -1,4 +1,4 @@
-import { T as TetBusinessNavigation$1, d as defineCustomElement$1 } from './p-04fe59fc.js';
+import { T as TetBusinessNavigation$1, d as defineCustomElement$1 } from './p-25756e4c.js';
 
 const TetBusinessNavigation = TetBusinessNavigation$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tet-business-round-stepper.js

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h } from './p-37ed3ebb.js';
-import { d as defineCustomElement$2 } from './p-b0d6ed2e.js';
+import { p as proxyCustomElement, H, h } from './p-88af3744.js';
+import { d as defineCustomElement$2 } from './p-a9b1c410.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;
@@ -8,19 +8,19 @@ const TetBusinessRoundStepper$1 = /*@__PURE__*/ proxyCustomElement(class TetBusi
     constructor() {
         super();
         this.__registerHost();
-        /**
-         * Renders a business stepper step.
-         *
-         * @param stepData
-         * @returns
-         */
-        this.renderStepData = (stepData) => {
-            return (h("div", { class: "business-stepper__step" }, h("div", { class: "business-stepper__icon", style: { 'background-color': stepData.color } }, h("tet-icon", { name: stepData.icon, theme: this.theme })), h("span", { class: "business-stepper__title" }, stepData.description), 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 (h("div", { class: "business-stepper__step" }, h("div", { class: "business-stepper__icon", style: { 'background-color': stepData.color } }, h("tet-icon", { name: stepData.icon, theme: this.theme })), h("span", { class: "business-stepper__title" }, stepData.description), h("p", { class: "business-stepper__text" }, stepData.text)));
+    };
     render() {
         return (h("div", { key: '46f68347298a2d722ed7b9243a591727dd7bd732', class: {
                 'business-stepper': true,

package/dist/components/tet-business-summary-card.js

@@ -1,4 +1,4 @@
-import { T as TetBusinessSummaryCardComponent, d as defineCustomElement$1 } from './p-856695a3.js';
+import { T as TetBusinessSummaryCardComponent, d as defineCustomElement$1 } from './p-13bb64a3.js';
 
 const TetBusinessSummaryCard = TetBusinessSummaryCardComponent;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tet-button.js

@@ -1,4 +1,4 @@
-import { T as TetButton$1, d as defineCustomElement$1 } from './p-68f0e894.js';
+import { T as TetButton$1, d as defineCustomElement$1 } from './p-7e8270ec.js';
 
 const TetButton = TetButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tet-card-list.js

@@ -1,4 +1,4 @@
-import { T as TetCardList$1, d as defineCustomElement$1 } from './p-616c71e1.js';
+import { T as TetCardList$1, d as defineCustomElement$1 } from './p-f82069f3.js';
 
 const TetCardList = TetCardList$1;
 const defineCustomElement = defineCustomElement$1;