@tet/tet-components 1.4.71-testing → 1.4.72-production

package/dist/components/tet-compare-card-v3.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TetCompareCardV3 extends Components.TetCompareCardV3, HTMLElement {}
+export const TetCompareCardV3: {
+    prototype: TetCompareCardV3;
+    new (): TetCompareCardV3;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,440 @@
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment } from './p-8b6ad07d.js';
+import './p-80b1df35.js';
+import { p as productComparison } from './p-1d8bc79a.js';
+import { d as defineCustomElement$8 } from './p-936f84b7.js';
+import { d as defineCustomElement$7 } from './p-78acba3f.js';
+import { d as defineCustomElement$6 } from './p-16a058a6.js';
+import { d as defineCustomElement$5 } from './p-df8f8a8f.js';
+import { d as defineCustomElement$4 } from './p-6c7cd629.js';
+import { d as defineCustomElement$3 } from './p-50d97c82.js';
+import { d as defineCustomElement$2 } from './p-19b3a55c.js';
+
+const tetCompareCardV3Css = ":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)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:\"-->\";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--compare-card-top-part-background-color:var(--tc-layer-permanent-yellow);--compare-card-bottom-part-background-color:var(--tc-layer-primary);--compare-card-text-permanent-color:var(--tc-text-permanent-black);--compare-card-text-color:var(--tc-text-primary);--compare-card-text-tertiary-color:var(--tc-text-tertiary);--compare-card-best-choice-background-color:var(--tc-layer-inverse-primary);--compare-card-best-choice-text-color:var(--tc-text-adaptive-yellow-to-black);--compare-card-separator-border-color:var(--tc-border-tertiary);--compare-card-chevron-container-background-color:var(--tc-layer-tertiary);--compare-card-chevron-container-hover-background-color:var(--tc-layer-inverse-primary);--compare-card-chevron-container-active-background-color:var(--tc-layer-inverse-tertiary);--compare-card-chevron-icon-color:var(--tc-grey-60);--compare-card-chevron-icon-hover-color:var(--tc-icon-inverse-primary);--compare-card-interactive-element-hover-background-color:var(--tc-layer-secondary);--compare-card-interactive-element-active-background-color:var(--tc-layer-tertiary);--compare-card-focus-outline-color:var(--tc-blue-40);--compare-card-box-shadow:var(--tc-elevation-three);--compare-card-border-radius:1rem;--compare-card-min-width:20.5rem;--compare-card-max-width:100%;--compare-card-radio-container-background-color:var(--tc-product-card-menu-default);--compare-card-radio-container-background-hover-color:var(--tc-product-card-menu-hover);--compare-card-radio-container-background-pressed-color:var(--tc-product-card-menu-pressed);--compare-card-radio-container-background-active-color:var(--tc-product-card-menu-active);--compare-card-radio-container-border-color:var(--tc-product-card-menu-border-default);--compare-card-radio-container-border-hover-color:var(--tc-product-card-menu-border-hover);--compare-card-radio-container-border-pressed-color:var(--tc-product-card-menu-border-pressed);--compare-card-radio-container-border-active-color:var(--tc-product-card-menu-border-active);display:inline-block;width:100%;min-width:var(--compare-card-min-width);max-width:var(--compare-card-max-width)}:host([theme=dark]){--compare-card-bottom-part-background-color:var(--tc-layer-primary-dark);--compare-card-text-color:var(--tc-text-primary-dark);--compare-card-text-tertiary-color:var(--tc-text-tertiary-dark);--compare-card-best-choice-background-color:var(--tc-layer-inverse-primary-dark);--compare-card-best-choice-text-color:var(--tc-text-adaptive-yellow-to-black-dark);--compare-card-separator-border-color:var(--tc-border-tertiary-dark);--compare-card-chevron-container-background-color:var(--tc-layer-tertiary-dark);--compare-card-chevron-container-hover-background-color:var(--tc-layer-inverse-primary-dark);--compare-card-chevron-container-active-background-color:var(--tc-layer-inverse-tertiary-dark);--compare-card-chevron-icon-color:var(--tc-grey-60-dark);--compare-card-chevron-icon-hover-color:var(--tc-icon-inverse-primary-dark);--compare-card-interactive-element-hover-background-color:var(--tc-layer-secondary-dark);--compare-card-interactive-element-active-background-color:var(--tc-layer-tertiary-dark);--compare-card-focus-outline-color:var(--tc-blue-40-dark);--compare-card-box-shadow:var(--tc-elevation-three-dark);--compare-card-radio-container-background-color:var(--tc-product-card-menu-default-dark);--compare-card-radio-container-background-hover-color:var(--tc-product-card-menu-hover-dark);--compare-card-radio-container-background-pressed-color:var(--tc-product-card-menu-pressed-dark);--compare-card-radio-container-background-active-color:var(--tc-product-card-menu-active-dark);--compare-card-radio-container-border-color:var(--tc-product-card-menu-border-default-dark);--compare-card-radio-container-border-hover-color:var(--tc-product-card-menu-border-hover-dark);--compare-card-radio-container-border-pressed-color:var(--tc-product-card-menu-border-pressed-dark);--compare-card-radio-container-border-active-color:var(--tc-product-card-menu-border-active-dark)}.card{display:inline-flex;flex-direction:column;position:relative;width:100%;height:100%;border-radius:var(--compare-card-border-radius);box-shadow:var(--compare-card-box-shadow)}.card__placeholder{--placeholder-border-radius:var(--compare-card-border-radius)}.card .content{padding:1.5rem 1rem}.card .content__top{background-color:var(--compare-card-top-part-background-color);color:var(--compare-card-text-permanent-color);border-top-left-radius:var(--compare-card-border-radius);border-top-right-radius:var(--compare-card-border-radius)}.card .content__bottom{background-color:var(--compare-card-bottom-part-background-color);color:var(--compare-card-text-color);border-bottom-left-radius:var(--compare-card-border-radius);border-bottom-right-radius:var(--compare-card-border-radius)}@media screen and (min-width: 31.25rem){.card .content{padding:1.5rem 2rem}}@media screen and (min-width: 80rem){.card .content{padding:2rem}}.card .best-choice-title{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";position:absolute;align-self:center;visibility:hidden;white-space:nowrap;top:-2.5rem;max-width:18.5rem;padding:0.5rem 1rem;border-radius:1rem 1rem 0 0;background-color:var(--compare-card-best-choice-background-color);color:var(--compare-card-best-choice-text-color);overflow:hidden;text-overflow:ellipsis}.card .best-choice-title.active{visibility:visible}.card .title{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.card .price-wrapper{display:flex;flex-direction:column;overflow:hidden;gap:0.75rem}.card .price-wrapper .price-container{display:flex;align-items:flex-end;gap:0.25rem;align-self:stretch}.card .price-wrapper .price-container__price{font:600 3.5rem/4rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.card .price-wrapper .price-container__price{font:600 5rem/5.5rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}}@media screen and (min-width: 90rem){.card .price-wrapper .price-container__price{font:600 6rem/6.5rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}}.card .price-wrapper .price-container__currency{font:600 1.25rem/1.5rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";margin-bottom:0.75rem}@media screen and (min-width: 31.25rem){.card .price-wrapper .price-container__currency{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}}.card .price-wrapper .price-container__description{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.card .button{--button-width:100%;margin:0.75rem 0 1rem;width:100%}.card .secondary-link{font:400 0.75rem/1rem \"Inter\", \"Gilroy, Arial, sans-serif\";width:fit-content;margin:0 auto}.card .bonuses,.card .benefits{display:flex;flex-direction:column;gap:0.75rem}.card .bonuses__title,.card .benefits__title{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";padding:0.375rem 0;color:var(--compare-card-text-tertiary-color);border-bottom:0.0625rem solid var(--compare-card-separator-border-color)}.card .bonuses .benefits__title,.card .benefits .benefits__title{margin:1.5rem 0 0.75rem}.card .bonuses__bonus-container .bonus,.card .bonuses__bonus-container .benefit,.card .bonuses__benefit-container .bonus,.card .bonuses__benefit-container .benefit,.card .benefits__bonus-container .bonus,.card .benefits__bonus-container .benefit,.card .benefits__benefit-container .bonus,.card .benefits__benefit-container .benefit{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:flex;align-items:center;width:100%;gap:0.75rem;padding:0.375rem 0.5rem;border-radius:0.5rem;appearance:none;-webkit-appearance:none;background:none;border:none;margin:0;color:inherit;text-align:start;text-decoration:none;--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus--interactive:hover,.card .bonuses__bonus-container .benefit--interactive:hover,.card .bonuses__benefit-container .bonus--interactive:hover,.card .bonuses__benefit-container .benefit--interactive:hover,.card .benefits__bonus-container .bonus--interactive:hover,.card .benefits__bonus-container .benefit--interactive:hover,.card .benefits__benefit-container .bonus--interactive:hover,.card .benefits__benefit-container .benefit--interactive:hover{--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-hover-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-hover-color);background-color:var(--compare-card-interactive-element-hover-background-color)}.card .bonuses__bonus-container .bonus--interactive:active,.card .bonuses__bonus-container .benefit--interactive:active,.card .bonuses__benefit-container .bonus--interactive:active,.card .bonuses__benefit-container .benefit--interactive:active,.card .benefits__bonus-container .bonus--interactive:active,.card .benefits__bonus-container .benefit--interactive:active,.card .benefits__benefit-container .bonus--interactive:active,.card .benefits__benefit-container .benefit--interactive:active{--bonus-chevron-container-state-bg:var(--compare-card-chevron-container-active-background-color);--bonus-chevron-icon-state-color:var(--compare-card-chevron-icon-hover-color);background-color:var(--compare-card-interactive-element-active-background-color)}.card .bonuses__bonus-container .bonus--interactive:focus-visible,.card .bonuses__bonus-container .benefit--interactive:focus-visible,.card .bonuses__benefit-container .bonus--interactive:focus-visible,.card .bonuses__benefit-container .benefit--interactive:focus-visible,.card .benefits__bonus-container .bonus--interactive:focus-visible,.card .benefits__bonus-container .benefit--interactive:focus-visible,.card .benefits__benefit-container .bonus--interactive:focus-visible,.card .benefits__benefit-container .benefit--interactive:focus-visible{outline:0.125rem solid var(--compare-card-focus-outline-color)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .bonuses__bonus-container .benefit--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .bonuses__bonus-container .benefit--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .bonuses__benefit-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .bonuses__benefit-container .bonus--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .bonuses__benefit-container .benefit--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .bonuses__benefit-container .benefit--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .benefits__bonus-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .benefits__bonus-container .bonus--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .benefits__bonus-container .benefit--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .benefits__bonus-container .benefit--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .benefits__benefit-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .benefits__benefit-container .bonus--interactive:is(:hover,:active) .benefit__chevron-icon-container,.card .benefits__benefit-container .benefit--interactive:is(:hover,:active) .bonus__chevron-icon-container,.card .benefits__benefit-container .benefit--interactive:is(:hover,:active) .benefit__chevron-icon-container{background-color:var(--bonus-chevron-container-state-bg)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron,.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .benefit__icon--chevron,.card .bonuses__bonus-container .benefit--interactive:is(:hover,:active) .bonus__icon--chevron,.card .bonuses__bonus-container .benefit--interactive:is(:hover,:active) .benefit__icon--chevron,.card .bonuses__benefit-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron,.card .bonuses__benefit-container .bonus--interactive:is(:hover,:active) .benefit__icon--chevron,.card .bonuses__benefit-container .benefit--interactive:is(:hover,:active) .bonus__icon--chevron,.card .bonuses__benefit-container .benefit--interactive:is(:hover,:active) .benefit__icon--chevron,.card .benefits__bonus-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron,.card .benefits__bonus-container .bonus--interactive:is(:hover,:active) .benefit__icon--chevron,.card .benefits__bonus-container .benefit--interactive:is(:hover,:active) .bonus__icon--chevron,.card .benefits__bonus-container .benefit--interactive:is(:hover,:active) .benefit__icon--chevron,.card .benefits__benefit-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron,.card .benefits__benefit-container .bonus--interactive:is(:hover,:active) .benefit__icon--chevron,.card .benefits__benefit-container .benefit--interactive:is(:hover,:active) .bonus__icon--chevron,.card .benefits__benefit-container .benefit--interactive:is(:hover,:active) .benefit__icon--chevron{--icon-color:var(--bonus-chevron-icon-state-color)}.card .bonuses__bonus-container .bonus__text,.card .bonuses__bonus-container .benefit__text,.card .bonuses__benefit-container .bonus__text,.card .bonuses__benefit-container .benefit__text,.card .benefits__bonus-container .bonus__text,.card .benefits__bonus-container .benefit__text,.card .benefits__benefit-container .bonus__text,.card .benefits__benefit-container .benefit__text{flex:1 0 0;text-align:start}.card .bonuses__bonus-container .bonus__icon,.card .bonuses__bonus-container .benefit__icon,.card .bonuses__benefit-container .bonus__icon,.card .bonuses__benefit-container .benefit__icon,.card .benefits__bonus-container .bonus__icon,.card .benefits__bonus-container .benefit__icon,.card .benefits__benefit-container .bonus__icon,.card .benefits__benefit-container .benefit__icon{--icon-container-display:flex;--icon-size:1.5rem}.card .bonuses__bonus-container .bonus__icon--chevron,.card .bonuses__bonus-container .benefit__icon--chevron,.card .bonuses__benefit-container .bonus__icon--chevron,.card .bonuses__benefit-container .benefit__icon--chevron,.card .benefits__bonus-container .bonus__icon--chevron,.card .benefits__bonus-container .benefit__icon--chevron,.card .benefits__benefit-container .bonus__icon--chevron,.card .benefits__benefit-container .benefit__icon--chevron{--icon-size:1rem;--icon-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus__chevron-icon-container,.card .bonuses__bonus-container .benefit__chevron-icon-container,.card .bonuses__benefit-container .bonus__chevron-icon-container,.card .bonuses__benefit-container .benefit__chevron-icon-container,.card .benefits__bonus-container .bonus__chevron-icon-container,.card .benefits__bonus-container .benefit__chevron-icon-container,.card .benefits__benefit-container .bonus__chevron-icon-container,.card .benefits__benefit-container .benefit__chevron-icon-container{display:flex;justify-content:center;align-items:center;margin-left:0.125rem;padding:0.125rem;border-radius:50%;background:var(--compare-card-chevron-container-background-color);width:1.25rem;height:1.25rem}.card .bonuses__bonus-container .bonus--inactive,.card .bonuses__bonus-container .benefit--inactive,.card .bonuses__benefit-container .bonus--inactive,.card .bonuses__benefit-container .benefit--inactive,.card .benefits__bonus-container .bonus--inactive,.card .benefits__bonus-container .benefit--inactive,.card .benefits__benefit-container .bonus--inactive,.card .benefits__benefit-container .benefit--inactive{display:none}.card .bonuses__bonus-container .bonus--interactive,.card .bonuses__bonus-container .benefit--interactive,.card .bonuses__benefit-container .bonus--interactive,.card .bonuses__benefit-container .benefit--interactive,.card .benefits__bonus-container .bonus--interactive,.card .benefits__bonus-container .benefit--interactive,.card .benefits__benefit-container .bonus--interactive,.card .benefits__benefit-container .benefit--interactive{cursor:pointer}.card .bonuses__bonus-container .benefit+.dropdown,.card .bonuses__benefit-container .benefit+.dropdown,.card .benefits__bonus-container .benefit+.dropdown,.card .benefits__benefit-container .benefit+.dropdown{margin-top:0.375rem}.card .bonuses__bonus-container .benefit+.radio-container,.card .bonuses__benefit-container .benefit+.radio-container,.card .benefits__bonus-container .benefit+.radio-container,.card .benefits__benefit-container .benefit+.radio-container{margin-top:0.75rem}.card .radio-container{display:flex;flex-direction:column;gap:1rem}.card .radio-wrapper{border-radius:0.5rem}.card .radio-wrapper .radio{--radio-container-outline-offset:-0.125rem}.card .radio-wrapper .radio .radio__container--focus-style:has(:focus-visible){border-radius:0.5rem}.card .radio-wrapper .radio .radio__container{padding:1rem 0.75rem;border-radius:0.5rem;border:0.0625rem solid var(--compare-card-radio-container-border-color);background-color:var(--compare-card-radio-container-background-color);cursor:pointer}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio__container:hover{background-color:var(--compare-card-radio-container-background-hover-color)}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio__container:active{background-color:var(--compare-card-radio-container-background-pressed-color)}.card .radio-wrapper:not(.error):not(.disabled):not(.unavailable) .radio__container:hover{border-color:var(--compare-card-radio-container-border-hover-color)}.card .radio-wrapper:not(.error):not(.disabled):not(.unavailable) .radio__container:active{border-color:var(--compare-card-radio-container-border-pressed-color)}.card .radio-wrapper:not(.disabled):not(.unavailable) .radio[checked]:not([checked=false]) .radio__container{border-color:var(--compare-card-radio-container-border-active-color);background-color:var(--compare-card-radio-container-background-active-color)}.card .switch-wrapper{border-radius:0.5rem}.card .switch-wrapper .switch{--switch-container-outline-offset:-0.125rem}.card .switch-wrapper .switch-label{display:flex;align-items:center;gap:0.75rem;width:100%;text-align:start}.card .switch-wrapper .switch::part(switch-container){padding:0.375rem 0.5rem;border-radius:0.5rem;cursor:pointer}.card .switch-wrapper:not(.disabled) .switch::part(switch-container):hover{background-color:var(--compare-card-interactive-element-hover-background-color)}.card .switch-wrapper:not(.disabled) .switch::part(switch-container):active{background-color:var(--compare-card-interactive-element-active-background-color)}";
+const TetCompareCardV3Style0 = tetCompareCardV3Css;
+
+const TetCompareCardV3$1 = /*@__PURE__*/ proxyCustomElement(class TetCompareCardV3 extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.cardLoaded = createEvent(this, "cardLoaded", 7);
+        this.productChanged = createEvent(this, "productChanged", 7);
+        this.cardType = 'static';
+        this.theme = 'light';
+        this.bestChoice = false;
+        this.language = 'lv';
+        this.options = [];
+        this.bonuses = [];
+        this.benefits = [];
+        this.contractTerm = 0;
+        this.bestChoiceText = '';
+        this.currency = '€/mēn.';
+        this.secondaryLink = '';
+        this.secondaryLinkText = '';
+        this.secondaryLinkOpenBlank = false;
+        this.buttonTitle = '';
+        this.linkOpenBlank = false;
+        this.showLoader = true;
+        this.selectedProductCode = '';
+        this.selectedSwitchKeys = [];
+        this.preselectedKeys = [];
+        this.preselectedProductCode = '';
+        this.allProductData = {};
+        this.preselectedRemountId = 0;
+        this.buttonSize = 'large';
+    }
+    buttonSizeBreakpoint = 1280;
+    /**
+     * WeakMap to store unique IDs for bonuses.
+     */
+    bonusWeakMap = new WeakMap();
+    /**
+     * Counter for unique bonus IDs.
+     */
+    bonusCounter = 0;
+    /**
+     * Emitted when the card has loaded.
+     */
+    cardLoaded;
+    /**
+     * Emitted when the selected product has changed.
+     */
+    productChanged;
+    /**
+     * @param event
+     */
+    onOptionSelected(event) {
+        const productCode = event.detail.value;
+        this.selectedProductCode = productCode;
+        this.productChanged.emit();
+    }
+    async componentWillLoad() {
+        this.syncButtonSize();
+        this.fetchProductComparison();
+        switch (this.cardType) {
+            case 'dropdown':
+            case 'radio': {
+                const selectedOption = this.options.find(option => option.preselected) ?? this.options[0];
+                if (selectedOption) {
+                    this.selectedProductCode = selectedOption.productCode;
+                    this.productChanged.emit();
+                }
+                break;
+            }
+            case 'switcher': {
+                const preselected = this.options.find(option => option.preselected);
+                if (preselected) {
+                    this.preselectedKeys = [...preselected.keys ?? []];
+                    this.preselectedProductCode = preselected.productCode;
+                    this.selectedSwitchKeys = [...preselected.keys ?? []];
+                    this.selectedProductCode = preselected.productCode;
+                    this.productChanged.emit();
+                }
+                break;
+            }
+            case 'static':
+                this.selectedProductCode = this.options.find(option => option.productCode)?.productCode || '';
+                this.productChanged.emit();
+                break;
+        }
+    }
+    onResize() {
+        this.syncButtonSize();
+    }
+    syncButtonSize() {
+        if (globalThis.window === undefined) {
+            this.buttonSize = 'large';
+            return;
+        }
+        const nextButtonSize = globalThis.window.innerWidth < this.buttonSizeBreakpoint
+            ? 'medium'
+            : 'large';
+        if (this.buttonSize !== nextButtonSize) {
+            this.buttonSize = nextButtonSize;
+        }
+    }
+    getSelectionOptions() {
+        return this.options.map((option) => ({
+            label: option.label || '',
+            value: option.productCode || '',
+            preselected: option.preselected || false
+        }));
+    }
+    /**
+     * Resolves product code by matching an exact toggle-key combination.
+     */
+    getToggledProductCode(keys) {
+        const sortedKeys = [...keys].sort((a, b) => a.localeCompare(b)).join(',');
+        const found = this.options.find(option => [...option.keys ?? []].sort((a, b) => a.localeCompare(b)).join(',') === sortedKeys);
+        return found ? found.productCode : null;
+    }
+    /**
+     * Handles switch interactions and keeps selection in a valid state.
+     */
+    handleSwitchToggle(key, checked) {
+        const benefit = this.benefits.find(benefit => benefit.toggleKey === key);
+        let activeKeys = [...this.selectedSwitchKeys];
+        if (checked) {
+            if (benefit?.selectAll) {
+                const fullCombo = this.getFullComboToggleOption();
+                if (fullCombo) {
+                    this.selectedSwitchKeys = [...fullCombo.keys ?? []];
+                    this.selectedProductCode = fullCombo.productCode;
+                    this.productChanged.emit();
+                    return;
+                }
+            }
+            if (!activeKeys.includes(key))
+                activeKeys.push(key);
+        }
+        else {
+            const newActiveKeys = activeKeys.filter(k => k !== key);
+            if (newActiveKeys.length === 0) {
+                this.selectedSwitchKeys = [...this.preselectedKeys];
+                this.selectedProductCode = this.preselectedProductCode;
+                this.preselectedRemountId++;
+                this.productChanged.emit();
+                return;
+            }
+            const validProductCode = this.getToggledProductCode(newActiveKeys);
+            if (validProductCode) {
+                this.selectedSwitchKeys = newActiveKeys;
+                this.selectedProductCode = validProductCode;
+                this.productChanged.emit();
+                return;
+            }
+            this.selectedSwitchKeys = [...this.preselectedKeys];
+            this.selectedProductCode = this.preselectedProductCode;
+            this.preselectedRemountId++;
+            this.productChanged.emit();
+            return;
+        }
+        activeKeys = activeKeys.sort((a, b) => a.localeCompare(b));
+        const productCode = this.getToggledProductCode(activeKeys);
+        this.selectedSwitchKeys = activeKeys;
+        if (productCode) {
+            this.selectedProductCode = productCode;
+            this.productChanged.emit();
+        }
+        else {
+            this.selectedProductCode = this.preselectedProductCode;
+            this.selectedSwitchKeys = [...this.preselectedKeys];
+            this.preselectedRemountId++;
+            this.productChanged.emit();
+        }
+    }
+    /**
+     * Returns option with the most keys (used by select-all switch behavior).
+     */
+    getFullComboToggleOption() {
+        if (!this.options.length) {
+            return null;
+        }
+        return this.options.reduce((max, curr) => (curr.keys ?? []).length > (max.keys ?? []).length ? curr : max, this.options[0]);
+    }
+    async fetchProductComparison() {
+        const productCodes = this.options.map(option => option.productCode).filter(Boolean);
+        if (productCodes.length) {
+            try {
+                const response = await productComparison(productCodes.join(','));
+                this.allProductData = response['products'] || {};
+            }
+            catch (e) {
+                this.allProductData = {};
+                console.error(e);
+            }
+        }
+        else {
+            this.allProductData = {};
+        }
+        this.showLoader = false;
+        this.cardLoaded.emit();
+    }
+    /**
+     * Returns contract term data matching current `contractTerm` prop.
+     */
+    selectedContractTerm() {
+        const contractTerms = this.allProductData[this.selectedProductCode]?.contractTerms;
+        if (!contractTerms?.length) {
+            return;
+        }
+        return contractTerms.find((contractTerm) => contractTerm.term === this.contractTerm);
+    }
+    currentBonuses() {
+        const option = this.options.find(option => option.productCode === this.selectedProductCode);
+        return option?.bonuses ?? [];
+    }
+    allBonuses() {
+        return this.options.flatMap(option => option.bonuses || []);
+    }
+    /**
+     * Returns a stable ID for each bonus object across renders.
+     */
+    getUniqueBonusId(bonus) {
+        const existingId = this.bonusWeakMap.get(bonus);
+        if (existingId) {
+            return existingId;
+        }
+        const nextId = `bonus-${this.bonusCounter++}`;
+        this.bonusWeakMap.set(bonus, nextId);
+        return nextId;
+    }
+    /**
+     * Chooses semantic element tag from provided data attributes.
+     */
+    getElementTag(attributes) {
+        if (attributes?.href?.trim()) {
+            return 'a';
+        }
+        const modalKey = attributes?.['data-modal-screen-key']?.trim();
+        const role = attributes?.role?.trim().toLowerCase();
+        if (modalKey || role === 'button') {
+            return 'button';
+        }
+        return 'div';
+    }
+    renderBenefit(benefit) {
+        const attributes = Array.isArray(benefit.dataAttributes) ? undefined : benefit.dataAttributes;
+        const isInteractive = Boolean(attributes && Object.keys(attributes).length > 0);
+        const ElementTag = this.getElementTag(attributes);
+        const hasTitle = !!benefit.title;
+        const hasBenefit = !!benefit.icon && !!benefit.name;
+        return (h(Fragment, null, hasTitle && (h("div", { class: "benefits__title" }, benefit.title)), hasBenefit && (h(ElementTag, { class: {
+                'benefit': true,
+                'benefit--interactive': isInteractive,
+            }, key: benefit.toggleKey, ...(attributes || {}) }, h("tet-icon", { theme: this.theme, class: "benefit__icon", name: benefit.icon }), h("span", { class: "benefit__text" }, benefit.name), isInteractive && (h("div", { class: "benefit__chevron-icon-container" }, h("tet-icon", { class: "benefit__icon benefit__icon--chevron", name: "tc-chevron-right-small" })))))));
+    }
+    renderSwitch(benefit) {
+        const { toggleKey } = benefit;
+        if (!toggleKey) {
+            return null;
+        }
+        const isPreselected = this.preselectedKeys.includes(toggleKey);
+        const switchKey = isPreselected
+            ? `${toggleKey}-${this.preselectedRemountId}`
+            : toggleKey;
+        const hasTitle = !!benefit.title;
+        return (h(Fragment, null, hasTitle && (h("div", { class: "benefits__title" }, benefit.title)), h("div", { class: "switch-wrapper" }, h("tet-switch", { class: "switch", theme: this.theme, key: switchKey, name: toggleKey, checked: this.selectedSwitchKeys.includes(toggleKey), onCheck: (e) => this.handleSwitchToggle(toggleKey, e.detail.checked), labelPosition: "left", focusStyleOnContainer: true }, h("div", { class: "switch-label" }, h("tet-icon", { theme: this.theme, class: "benefit__icon", name: benefit.icon }), benefit.name)))));
+    }
+    /**
+     * Renders bonuses and marks bonuses outside current product as inactive.
+     */
+    renderBonuses() {
+        const currentBonusIds = new Set(this.currentBonuses().map(this.getUniqueBonusId.bind(this)));
+        const allBonuses = this.allBonuses();
+        const bonusTitle = this.options.find(option => option.productCode === this.selectedProductCode)?.bonusTitle;
+        if (allBonuses.length < 1) {
+            return null;
+        }
+        return (h("div", { class: "bonuses" }, !!bonusTitle && (h("div", { class: "bonuses__title" }, bonusTitle)), h("div", { class: "bonuses__bonus-container" }, allBonuses.map((bonus) => {
+            const id = this.getUniqueBonusId(bonus);
+            const isActive = currentBonusIds.has(id);
+            const attributes = Array.isArray(bonus.dataAttributes) ? undefined : bonus.dataAttributes;
+            const isInteractive = Boolean(attributes && Object.keys(attributes).length > 0);
+            const ElementTag = this.getElementTag(attributes);
+            return (h(ElementTag, { key: id, type: isInteractive ? 'button' : undefined, class: {
+                    'bonus': true,
+                    'bonus--inactive': !isActive,
+                    'bonus--interactive': isInteractive,
+                }, ...(attributes || {}) }, h("tet-icon", { theme: this.theme, class: "bonus__icon", name: bonus.iconName }), h("span", { class: "bonus__text" }, bonus.name), isInteractive && (h("div", { class: "bonus__chevron-icon-container" }, h("tet-icon", { class: "bonus__icon bonus__icon--chevron", name: "tc-chevron-right-small" })))));
+        }))));
+    }
+    renderRadioOptions() {
+        const selectionOptions = this.getSelectionOptions();
+        return (h("div", { class: "radio-container" }, selectionOptions.map((option) => (h("div", { class: "radio-wrapper" }, h("tet-radio", { class: "radio", theme: this.theme, name: "radio-card-options", label: option.label, value: option.value, checked: this.selectedProductCode === option.value, focusStyleOnContainer: true, onCheck: (event) => this.onOptionSelected(event) }))))));
+    }
+    renderPrice(price, parsedPrice, priceDescription) {
+        if (!price || Number.isNaN(parsedPrice)) {
+            return null;
+        }
+        return (h("div", { class: "price-wrapper" }, h("div", { class: "price-container" }, h("div", { class: "price-container__price translation-none" }, parsedPrice.toFixed(2).replace('.', ',')), h("div", { class: "price-container__currency" }, h("span", null, this.currency))), priceDescription && h("span", { class: "price-container__description" }, priceDescription)));
+    }
+    renderBenefitsSection() {
+        const selectionOptions = this.getSelectionOptions();
+        if (this.cardType === 'switcher') {
+            return (h("div", { class: "benefits" }, h("div", null, this.benefits.map((benefit) => this.renderSwitch(benefit)))));
+        }
+        const renderedBenefits = this.benefits.map((benefit) => this.renderBenefit(benefit));
+        return (h("div", { class: "benefits" }, h("div", { class: "benefits__benefit-container" }, renderedBenefits, this.cardType === 'dropdown' && (h("tet-dropdown", { id: "dropdown", class: "dropdown", theme: this.theme, "button-label": "", "close-on-selection": "true", "flex-layout": "true", options: selectionOptions })), this.cardType === 'radio' && this.renderRadioOptions())));
+    }
+    /**
+     * Renders the card body.
+     * @returns rendered card body.
+     */
+    renderCard() {
+        const comparisonData = this.allProductData[this.selectedProductCode];
+        const contractTermData = this.selectedContractTerm();
+        const overrideProductName = comparisonData?.attributes?.find(attr => attr.key === 'overrideProductName')?.value;
+        const mainTitle = overrideProductName ?? comparisonData?.name?.[this.language];
+        const price = contractTermData?.amount.toString() ?? '';
+        const parsedPrice = Number.parseFloat(price.replace(',', '.'));
+        const promotionCode = contractTermData?.promotionCode ?? '';
+        const term = contractTermData?.term ?? '';
+        const priceDescription = contractTermData?.priceDescription?.[this.language] ?? '';
+        const secondaryLink = this.secondaryLink || contractTermData?.contract || '';
+        const shouldRenderSecondaryLink = !!secondaryLink && !!this.secondaryLinkText;
+        const secondaryLinkTarget = this.secondaryLinkOpenBlank ? '_blank' : undefined;
+        const secondaryLinkRel = this.secondaryLinkOpenBlank ? 'noopener noreferrer' : undefined;
+        const baseUrl = comparisonData?.formUrl?.[this.language] || '';
+        const params = new URLSearchParams({
+            contractTerm: term?.toString() ?? '',
+            product: this.selectedProductCode,
+            promotion: promotionCode ?? '',
+            lang: this.language ?? '',
+            from: 'tet.lv'
+        });
+        const link = `${baseUrl}${baseUrl.includes('?') ? '&' : '?'}${params.toString()}`;
+        const isBestChoice = !!this.options.find(option => option.productCode === this.selectedProductCode)?.bestChoice;
+        return (h("div", { class: { 'card': true, 'best-choice': isBestChoice } }, this.bestChoiceText && (h("div", { class: { 'best-choice-title': true, 'active': isBestChoice } }, this.bestChoiceText)), h("div", { class: "content content__top" }, mainTitle && h("h3", { class: "title" }, mainTitle), this.renderPrice(price, parsedPrice, priceDescription), h("tet-button", { class: "button", type: "primary", theme: "light", size: this.buttonSize, url: link, urlTarget: this.linkOpenBlank ? '_blank' : '_self' }, this.buttonTitle), shouldRenderSecondaryLink && (h("div", { class: "secondary-link" }, h("a", { class: "tet-link", href: secondaryLink, target: secondaryLinkTarget, rel: secondaryLinkRel }, this.secondaryLinkText)))), h("div", { class: "content content__bottom" }, this.renderBonuses(), this.renderBenefitsSection())));
+    }
+    /**
+     * Renders the loader.
+     */
+    renderLoader() {
+        return (h("tet-placeholder", { class: "card__placeholder", height: "37rem", width: "100%", darkTheme: this.theme === 'dark' }));
+    }
+    render() {
+        if (this.showLoader) {
+            return this.renderLoader();
+        }
+        return this.renderCard();
+    }
+    static get style() { return TetCompareCardV3Style0; }
+}, [1, "tet-compare-card-v3", {
+        "cardType": [1, "card-type"],
+        "theme": [1],
+        "bestChoice": [4, "best-choice"],
+        "language": [1],
+        "options": [16],
+        "bonuses": [16],
+        "benefits": [16],
+        "contractTerm": [2, "contract-term"],
+        "bestChoiceText": [1, "best-choice-text"],
+        "currency": [1],
+        "secondaryLink": [1, "secondary-link"],
+        "secondaryLinkText": [1, "secondary-link-text"],
+        "secondaryLinkOpenBlank": [4, "secondary-link-open-blank"],
+        "buttonTitle": [1, "button-title"],
+        "linkOpenBlank": [4, "link-open-blank"],
+        "showLoader": [32],
+        "selectedProductCode": [32],
+        "selectedSwitchKeys": [32],
+        "preselectedKeys": [32],
+        "preselectedProductCode": [32],
+        "allProductData": [32],
+        "preselectedRemountId": [32],
+        "buttonSize": [32]
+    }, [[0, "optionSelected", "onOptionSelected"], [9, "resize", "onResize"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["tet-compare-card-v3", "tet-button", "tet-checkbox", "tet-dropdown", "tet-icon", "tet-placeholder", "tet-radio", "tet-switch"];
+    components.forEach(tagName => { switch (tagName) {
+        case "tet-compare-card-v3":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TetCompareCardV3$1);
+            }
+            break;
+        case "tet-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "tet-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "tet-dropdown":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "tet-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "tet-placeholder":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "tet-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "tet-switch":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const TetCompareCardV3 = TetCompareCardV3$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { TetCompareCardV3, defineCustomElement };

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

@@ -1,4 +1,4 @@
-import { T as TetCompareCard$1, d as defineCustomElement$1 } from './p-23f7b264.js';
+import { T as TetCompareCard$1, d as defineCustomElement$1 } from './p-7dad0edc.js';
 
 const TetCompareCard = TetCompareCard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tet-compare-cards-tab.js

@@ -1,19 +1,19 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-25b93e8f.js';
-import { f as fillProductData, d as defineCustomElement$a } from './p-d6c8d210.js';
-import './p-efa3ec10.js';
-import { p as productComparison } from './p-b51591ec.js';
-import { C as CompareCardsTabProductsFilters, d as defineCustomElement$e } from './p-1a84e464.js';
-import { d as defineCustomElement$d } from './p-a6c51126.js';
-import { d as defineCustomElement$c } from './p-a004fba4.js';
-import { d as defineCustomElement$b } from './p-23f7b264.js';
-import { d as defineCustomElement$9 } from './p-b63a7833.js';
-import { d as defineCustomElement$8 } from './p-68c6a6d2.js';
-import { d as defineCustomElement$7 } from './p-6b6e4f80.js';
-import { d as defineCustomElement$6 } from './p-3c404244.js';
-import { d as defineCustomElement$5 } from './p-6e273f47.js';
-import { d as defineCustomElement$4 } from './p-d2906f29.js';
-import { d as defineCustomElement$3 } from './p-eabd73fc.js';
-import { d as defineCustomElement$2 } from './p-d659d0dc.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-8b6ad07d.js';
+import { f as fillProductData, d as defineCustomElement$a } from './p-3ef3a3e7.js';
+import './p-80b1df35.js';
+import { p as productComparison } from './p-1d8bc79a.js';
+import { C as CompareCardsTabProductsFilters, d as defineCustomElement$e } from './p-0cd72467.js';
+import { d as defineCustomElement$d } from './p-936f84b7.js';
+import { d as defineCustomElement$c } from './p-78acba3f.js';
+import { d as defineCustomElement$b } from './p-7dad0edc.js';
+import { d as defineCustomElement$9 } from './p-16a058a6.js';
+import { d as defineCustomElement$8 } from './p-df8f8a8f.js';
+import { d as defineCustomElement$7 } from './p-6c7cd629.js';
+import { d as defineCustomElement$6 } from './p-429235d1.js';
+import { d as defineCustomElement$5 } from './p-2b8d8b77.js';
+import { d as defineCustomElement$4 } from './p-17f7575a.js';
+import { d as defineCustomElement$3 } from './p-b8ad4f15.js';
+import { d as defineCustomElement$2 } from './p-7dd4f8c0.js';
 
 const tetCompareCardsTabCss = ":host{--compare-cards-tab-placeholder-wrap:nowrap;--compare-cards-tab-placeholder-flex-direction:row;--compare-cards-tab-new-price-font-size:2.5rem;--compare-cards-tab-old-price-font-size:1rem;--compare-cards-tab-new-currency-font-size:1.125rem;--compare-cards-tab-title-margin-top:1.25rem;--compare-cards-tab-helper-margin-top:0;--compare-cards-tab-card-max-width:32rem;--compare-cards-tab-padding:1.5rem;--compare-cards-tab-price-wrapper-margin-top:auto;--compare-cards-tab-secondary-link-font-size:0.75rem;--compare-cards-tab-price-line-height:3rem;--compare-cards-tab-thumbnail-display:flex;--compare-cards-tab-thumbnail-card-radius:0 1.5rem 1.5rem 0;--compare-cards-tab-thumbnail-card-width:44rem}.tet-compare-cards-tab-wrapper{width:100%}.tet-compare-cards-tab__content{margin-top:1.75rem}.tet-compare-cards-tab__content tet-compare-cards{--compare-cards-card-max-width:var(--compare-cards-tab-card-max-width);--compare-cards-new-price-font-size:var(--compare-cards-tab-new-price-font-size);--compare-cards-old-price-font-size:var(--compare-cards-tab-old-price-font-size);--compare-cards-new-currency-font-size:var(--compare-cards-tab-new-currency-font-size);--compare-cards-title-margin-top:var(--compare-cards-tab-title-margin-top);--compare-cards-helper-margin-top:var(--compare-cards-tab-helper-margin-top);--compare-cards-price-wrapper-margin-top:var(--compare-cards-tab-price-wrapper-margin-top);--compare-cards-padding:var(--compare-cards-tab-padding);--compare-cards-secondary-link-font-size:var(--compare-cards-tab-secondary-link-font-size);--compare-cards-price-line-height:var(--compare-cards-tab-price-line-height);--compare-cards-thumbnail-display:var(--compare-cards-tab-thumbnail-display);--compare-cards-thumbnail-card-radius:var(--compare-cards-tab-thumbnail-card-radius);--compare-cards-thumbnail-card-width:var(--compare-cards-tab-thumbnail-card-width)}.tet-compare-cards-tab__header{margin:0 auto;display:flex;flex-direction:column}.tet-compare-cards-tab__header .button{font-size:1rem}.tet-compare-cards-tab__header-container{display:flex;flex-direction:column;padding-bottom:0.75rem}.tet-compare-cards-tab__filters{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.tet-compare-cards-tab__header--image{max-height:0.875rem;align-self:center;margin-right:0.5rem}.tet-compare-cards-tab__header--image.right{margin-left:0.5rem;margin-right:unset}.tet-compare-cards-tab__cards{display:block}.tet-compare-cards-tab__cards.hidden{display:none}.tet-compare-cards-tab__placeholder{display:none;flex-direction:var(--compare-cards-tab-placeholder-flex-direction);flex-wrap:var(--compare-cards-tab-placeholder-wrap);gap:1rem;justify-content:center;padding-top:2.5rem}.tet-compare-cards-tab__placeholder.visible{display:flex}.tet-compare-cards-tab__placeholder .tet-placeholder{--placeholder-border-radius:1.5rem}";
 const TetCompareCardsTabStyle0 = tetCompareCardsTabCss;

package/dist/components/tet-compare-cards.js

@@ -1,4 +1,4 @@
-import { T as TetCompareCards$1, d as defineCustomElement$1 } from './p-d6c8d210.js';
+import { T as TetCompareCards$1, d as defineCustomElement$1 } from './p-3ef3a3e7.js';
 
 const TetCompareCards = TetCompareCards$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tet-contact-form.js

@@ -1,13 +1,13 @@
-import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h } from './p-25b93e8f.js';
-import { p as processTranslations, t as translate } from './p-789bee5f.js';
-import './p-efa3ec10.js';
-import { P as PhoneNumberValidator, c as createCallCenterTask } from './p-411270c6.js';
+import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h } from './p-8b6ad07d.js';
+import { p as processTranslations, t as translate } from './p-14371fc9.js';
+import './p-80b1df35.js';
+import { P as PhoneNumberValidator, c as createCallCenterTask } from './p-2523029a.js';
 import { R as RequiredValidator } from './p-e1259b83.js';
-import { d as defineCustomElement$6 } from './p-a6c51126.js';
-import { d as defineCustomElement$5 } from './p-70507bfc.js';
-import { d as defineCustomElement$4 } from './p-68c6a6d2.js';
-import { d as defineCustomElement$3 } from './p-454eccfc.js';
-import { d as defineCustomElement$2 } from './p-734f67c5.js';
+import { d as defineCustomElement$6 } from './p-936f84b7.js';
+import { d as defineCustomElement$5 } from './p-78567cb4.js';
+import { d as defineCustomElement$4 } from './p-df8f8a8f.js';
+import { d as defineCustomElement$3 } from './p-adc7c3dd.js';
+import { d as defineCustomElement$2 } from './p-1ad085d5.js';
 
 const tetContactFormCss = ":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{--contact-form-container-background:initial;--contact-form-text-color:var(--color-ta600);--contact-form-loader-overlay-background:rgb(255, 255, 255);display:block}.dark-theme{--contact-form-container-background:var(--color-tg500);--contact-form-text-color:rgb(255, 255, 255);--contact-form-loader-overlay-background:var(--color-tg600)}.container{--border-radius:0.625rem;--box-shadow:0 0 0 0.03125rem rgba(5, 29, 89, 0.07), 0 0.1875rem 0.5625rem rgba(5, 29, 89, 0.15);--padding:2.5rem 1rem;--background:var(--contact-form-container-background)}.form-container{max-width:26rem;display:flex;flex-direction:column;margin:0 auto;text-align:center}.form-title{font-size:1.5rem;font-weight:600;margin-bottom:0.5em;color:var(--contact-form-text-color)}.form-subtitle{font-size:1.125rem;font-weight:400;color:var(--contact-form-text-color)}.form-input{margin-top:2rem;text-align:left}.form-submit{width:fit-content;margin-top:1.5rem;--button-font-size:1rem}@media only screen and (max-width: 44.9375rem){.form-submit{--button-width:100%}}.loader-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:var(--contact-form-loader-overlay-background);z-index:100;opacity:0.75}.loader-overlay .loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}";
 const TetContactFormStyle0 = tetContactFormCss;