@tet/tet-components 1.4.138-testing → 1.4.139-testing

package/dist/collection/components/basic/buttons/tet-radio-blocks/tet-radio-blocks.css

@@ -361,21 +361,21 @@
     * @prop --radio-block-checked-background-color: Sets background color of radio block when its checked.
     * @prop --radio-block-focused-border-color: Sets outline color of radio block when focused with keyboard;
    */
+  --radio-block-text-color: var(--tc-text-primary);
+  --radio-block-border-color: var(--tc-border-quaternary);
+  --radio-block-background-color: var(--tc-layer-permanent-white);
+  --radio-block-hover-border-color: var(--tc-border-tertiary);
+  --radio-block-hover-background-color: var(--tc-yellow-10);
+  --radio-block-pressed-border-color: var(--tc-border-secondary);
+  --radio-block-pressed-background-color: var(--tc-yellow-20);
+  --radio-block-checked-border-color: var(--tc-yellow-60);
+  --radio-block-checked-background-color: var(--tc-yellow-40);
+  --radio-block-focused-border-color: var(--tc-blue-40);
   display: block;
   position: relative;
 }
 
-.radio-block {
-  display: flex;
-  width: 100%;
-  align-items: center;
-  gap: 0.75rem;
-  border-radius: 0.5rem;
-  border: 0.0625rem solid var(--radio-block-border-color);
-  background-color: var(--radio-block-background-color);
-  cursor: pointer;
-}
-.radio-block-dark-theme {
+:host([theme=dark]) {
   --radio-block-text-color: var(--tc-text-primary-dark);
   --radio-block-border-color: var(--tc-border-quaternary-dark);
   --radio-block-background-color: var(--tc-layer-permanent-black-dark);
@@ -387,60 +387,92 @@
   --radio-block-checked-background-color: var(--tc-brown-50-dark);
   --radio-block-focused-border-color: var(--tc-blue-40-dark);
 }
-.radio-block-light-theme {
-  --radio-block-text-color: var(--tc-text-primary);
-  --radio-block-border-color: var(--tc-border-quaternary);
-  --radio-block-background-color: var(--tc-layer-permanent-white);
-  --radio-block-hover-border-color: var(--tc-border-tertiary);
-  --radio-block-hover-background-color: var(--tc-yellow-10);
-  --radio-block-pressed-border-color: var(--tc-border-secondary);
-  --radio-block-pressed-background-color: var(--tc-yellow-20);
-  --radio-block-checked-border-color: var(--tc-yellow-60);
-  --radio-block-checked-background-color: var(--tc-yellow-40);
-  --radio-block-focused-border-color: var(--tc-blue-40);
+
+.radio-block {
+  display: flex;
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  align-items: flex-start;
+  gap: 0.75rem;
+  border-radius: 0.5rem;
+  border: 0.0625rem solid var(--radio-block-border-color);
+  background-color: var(--radio-block-background-color);
+  cursor: pointer;
+  overflow: hidden;
 }
-.radio-block.small {
-  padding: 1.25rem 0.75rem;
+.radio-block__container.small > .radio-block {
+  padding: 1rem 0.75rem;
   flex-direction: row;
-  gap: 0.75rem;
+  gap: 0.5rem;
 }
-.radio-block.large {
+.radio-block__container.large > .radio-block {
   align-items: flex-start;
-  padding: 1.25rem;
   flex-direction: column;
-  gap: 1rem;
+  padding: 1rem;
+  gap: 0.5rem;
+}
+@media screen and (min-width: 80rem) {
+  .radio-block__container.large > .radio-block {
+    padding: 1.25rem;
+    gap: 1rem;
+  }
 }
 .radio-block__container {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   gap: 1rem;
 }
-@media screen and (min-width: 31.25rem) {
-  .radio-block__container.row-of-2 {
-    grid-template-columns: repeat(2, 1fr);
-  }
+.radio-block__container.row-of-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
-@media screen and (min-width: 31.25rem) {
-  .radio-block__container.row-of-3 {
-    grid-template-columns: repeat(3, 1fr);
-  }
+.radio-block__container.row-of-2 > :last-child:nth-child(odd) {
+  grid-column: 1/-1;
+}
+.radio-block__container.row-of-3 {
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+}
+.radio-block__container.row-of-3 > * {
+  grid-column: span 2;
+}
+.radio-block__container.row-of-3 > :last-child:nth-child(3n+1) {
+  grid-column: 1/-1;
+}
+.radio-block__container.row-of-3 > :nth-child(3n+1):nth-last-child(2),
+.radio-block__container.row-of-3 > :nth-child(3n+1):nth-last-child(2) + * {
+  grid-column: span 3;
 }
 .radio-block__icon {
   --icon-size: 1.5rem;
 }
+.radio-block__input {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
 .radio-block__label {
-  font: 500 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";
+  font: 500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
   color: var(--radio-block-text-color);
 }
-@media screen and (min-width: 31.25rem) {
-  .radio-block__label {
-    font: 500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
+@media screen and (min-width: 80rem) {
+  .radio-block__container.large > .radio-block .radio-block__label {
+    font: 500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
   }
 }
 .radio-block__description {
   font: 500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";
   color: var(--radio-block-text-color);
   text-align: start;
+  display: flex;
+  flex-direction: column;
+  margin-top: auto;
+  gap: 0.25rem;
 }
 .radio-block:hover {
   border-color: var(--radio-block-hover-border-color);
@@ -454,6 +486,7 @@
   border-color: var(--radio-block-checked-border-color);
   background-color: var(--radio-block-checked-background-color);
 }
-.radio-block:focus-visible {
-  border: 0.125rem solid var(--radio-block-focused-border-color);
+.radio-block:has(> .radio-block__input:focus-visible) {
+  border: 0.0625rem solid var(--radio-block-focused-border-color);
+  outline: 0.0625rem solid var(--radio-block-focused-border-color);
 }

package/dist/collection/components/basic/buttons/tet-radio-blocks/tet-radio-blocks.js

@@ -3,20 +3,21 @@ import { Host, h } from "@stencil/core";
  * A simple radio block component.
  */
 export class TetRadioBlocks {
+    radioGroupName = 'tet-radio-blocks';
     /** The event that is emitted whenever the control element is checked. */
     check;
     /** The array of items to render as radio blocks. */
-    blocks;
+    blocks = [];
     /** Number of blocks to render in one row. */
     blocksPerRow = 2;
     /** Type of the block. */
     blockType = 'small';
     /** The theme of the radio block. */
     theme = 'light';
-    /** The value of the aria label. */
+    /** Accessible name for the radio group. */
     accessibilityLabel = '';
     /** Defines if block is checked. */
-    checked;
+    checkedBlockId;
     /**
      * Changes the checked prop of the block.
      *
@@ -26,16 +27,15 @@ export class TetRadioBlocks {
     async setChecked(id, value) {
         this.blocks.forEach((block) => {
             block.checked = block.id === id;
-            this.checked = id;
+            this.checkedBlockId = id;
         });
         this.check.emit({ id, value });
     }
     componentWillLoad() {
-        this.blocks.forEach((block) => {
-            if (block.checked) {
-                this.checked = block.id;
-            }
-        });
+        this.syncCheckedBlock();
+    }
+    syncCheckedBlock() {
+        this.checkedBlockId = this.blocks.find((block) => block.checked)?.id;
     }
     /** Render icon of b;lock type is small. */
     renderIcon(iconName) {
@@ -45,27 +45,29 @@ export class TetRadioBlocks {
         return h("tet-icon", { class: "radio-block__icon", name: iconName, theme: this.theme });
     }
     /** Render description if blockType set to large. */
-    renderDescription(description) {
-        if (this.blockType === 'small' || !description) {
+    renderDescription(description, secondaryDescription, descriptionId) {
+        if (this.blockType === 'small' || (!description && !secondaryDescription)) {
             return '';
         }
-        return h("span", { class: "radio-block__description" }, description);
+        return (h("span", { class: "radio-block__description", id: descriptionId }, description && h("span", null, description), secondaryDescription && h("span", null, secondaryDescription)));
     }
     /** Function to render one Single block based on block info. */
-    renderSingleBlock(block) {
-        const { id, value, iconName, label, description } = block;
-        return (h("button", { class: { 'radio-block': true, [this.blockType]: true, 'checked': this.checked === id }, onClick: () => this.setChecked(id, value) }, this.renderIcon(iconName), h("span", { class: "radio-block__label" }, label), this.renderDescription(description)));
+    renderSingleBlock(block, index) {
+        const { id, value, iconName, label, description, secondaryDescription } = block;
+        const labelId = `${this.radioGroupName}-${index}-label`;
+        const descriptionId = `${this.radioGroupName}-${index}-description`;
+        const hasDescription = this.blockType === 'large' && !!(description || secondaryDescription);
+        return (h("label", { class: { 'radio-block': true, 'checked': this.checkedBlockId === id } }, h("input", { class: "radio-block__input", type: "radio", name: this.radioGroupName, value: value, checked: this.checkedBlockId === id, "aria-labelledby": labelId, "aria-describedby": hasDescription ? descriptionId : undefined, onChange: () => this.setChecked(id, value) }), this.renderIcon(iconName), h("span", { class: "radio-block__label", id: labelId }, label), this.renderDescription(description, secondaryDescription, descriptionId)));
     }
     render() {
-        const { theme, blocks } = this;
-        return (h(Host, { key: '9d5566ae86d83b32f964fe3a809c137b68dc323e' }, h("div", { key: '669855a39a00bdf352bc4f98dfe8f9f2a667ac20', class: {
+        return (h(Host, { key: '21a0749fdba1cc6001513687262ab146a892f639' }, h("div", { key: 'dcec81d674af2ca39f150c12096dca147213e938', role: "radiogroup", "aria-label": this.accessibilityLabel || undefined, class: {
                 'radio-block__container': true,
-                [`radio-block-${theme}-theme`]: true,
+                [this.blockType]: true,
                 [`row-of-${this.blocksPerRow}`]: !!this.blocksPerRow
-            } }, blocks.map((block) => this.renderSingleBlock(block)))));
+            } }, this.blocks.map((block, index) => this.renderSingleBlock(block, index)))));
     }
     static get is() { return "tet-radio-blocks"; }
-    static get encapsulation() { return "scoped"; }
+    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
             "$": ["tet-radio-blocks.scss"]
@@ -99,14 +101,15 @@ export class TetRadioBlocks {
                     "text": "The array of items to render as radio blocks."
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "defaultValue": "[]"
             },
             "blocksPerRow": {
                 "type": "number",
                 "mutable": false,
                 "complexType": {
-                    "original": "2 | 3",
-                    "resolved": "2 | 3",
+                    "original": "1 | 2 | 3",
+                    "resolved": "1 | 2 | 3",
                     "references": {}
                 },
                 "required": false,
@@ -157,7 +160,7 @@ export class TetRadioBlocks {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "theme",
                 "defaultValue": "'light'"
             },
@@ -173,7 +176,7 @@ export class TetRadioBlocks {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The value of the aria label."
+                    "text": "Accessible name for the radio group."
                 },
                 "getter": false,
                 "setter": false,
@@ -185,7 +188,7 @@ export class TetRadioBlocks {
     }
     static get states() {
         return {
-            "checked": {}
+            "checkedBlockId": {}
         };
     }
     static get events() {
@@ -247,4 +250,10 @@ export class TetRadioBlocks {
             }
         };
     }
+    static get watchers() {
+        return [{
+                "propName": "blocks",
+                "methodName": "syncCheckedBlock"
+            }];
+    }
 }

package/dist/components/p-CKvGKHDE.js

@@ -0,0 +1 @@
+import{p as o,H as t,d as e,h as r,c as n,t as i}from"./p-nb3MHK7A.js";import{d as a}from"./p-CFDvtl5l.js";const l=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.check=e(this,"check")}radioGroupName="tet-radio-blocks";check;blocks=[];blocksPerRow=2;blockType="small";theme="light";accessibilityLabel="";checkedBlockId;async setChecked(o,t){this.blocks.forEach((t=>{t.checked=t.id===o,this.checkedBlockId=o})),this.check.emit({id:o,value:t})}componentWillLoad(){this.syncCheckedBlock()}syncCheckedBlock(){this.checkedBlockId=this.blocks.find((o=>o.checked))?.id}renderIcon(o){return"large"!==this.blockType&&o?r("tet-icon",{class:"radio-block__icon",name:o,theme:this.theme}):null}renderDescription(o,t,e){return"small"===this.blockType||!o&&!t?"":r("span",{class:"radio-block__description",id:e},o&&r("span",null,o),t&&r("span",null,t))}renderSingleBlock(o,t){const{id:e,value:n,iconName:i,label:a,description:l,secondaryDescription:c}=o,s=`${this.radioGroupName}-${t}-label`,f=`${this.radioGroupName}-${t}-description`;return r("label",{class:{"radio-block":!0,checked:this.checkedBlockId===e}},r("input",{class:"radio-block__input",type:"radio",name:this.radioGroupName,value:n,checked:this.checkedBlockId===e,"aria-labelledby":s,"aria-describedby":"large"===this.blockType&&(l||c)?f:void 0,onChange:()=>this.setChecked(e,n)}),this.renderIcon(i),r("span",{class:"radio-block__label",id:s},a),this.renderDescription(l,c,f))}render(){return r(n,{key:"21a0749fdba1cc6001513687262ab146a892f639"},r("div",{key:"dcec81d674af2ca39f150c12096dca147213e938",role:"radiogroup","aria-label":this.accessibilityLabel||void 0,class:{"radio-block__container":!0,[this.blockType]:!0,[`row-of-${this.blocksPerRow}`]:!!this.blocksPerRow}},this.blocks.map(((o,t)=>this.renderSingleBlock(o,t)))))}static get watchers(){return{blocks:[{syncCheckedBlock:0}]}}static get style(){return':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{--radio-block-text-color:var(--tc-text-primary);--radio-block-border-color:var(--tc-border-quaternary);--radio-block-background-color:var(--tc-layer-permanent-white);--radio-block-hover-border-color:var(--tc-border-tertiary);--radio-block-hover-background-color:var(--tc-yellow-10);--radio-block-pressed-border-color:var(--tc-border-secondary);--radio-block-pressed-background-color:var(--tc-yellow-20);--radio-block-checked-border-color:var(--tc-yellow-60);--radio-block-checked-background-color:var(--tc-yellow-40);--radio-block-focused-border-color:var(--tc-blue-40);display:block;position:relative}:host([theme=dark]){--radio-block-text-color:var(--tc-text-primary-dark);--radio-block-border-color:var(--tc-border-quaternary-dark);--radio-block-background-color:var(--tc-layer-permanent-black-dark);--radio-block-hover-border-color:var(--tc-border-tertiary-dark);--radio-block-hover-background-color:var(--tc-brown-80);--radio-block-pressed-border-color:var(--tc-border-secondary-dark);--radio-block-pressed-background-color:var(--tc-brown-60);--radio-block-checked-border-color:var(--tc-brown-30);--radio-block-checked-background-color:var(--tc-brown-50-dark);--radio-block-focused-border-color:var(--tc-blue-40-dark)}.radio-block{display:flex;position:relative;box-sizing:border-box;width:100%;align-items:flex-start;gap:0.75rem;border-radius:0.5rem;border:0.0625rem solid var(--radio-block-border-color);background-color:var(--radio-block-background-color);cursor:pointer;overflow:hidden}.radio-block__container.small>.radio-block{padding:1rem 0.75rem;flex-direction:row;gap:0.5rem}.radio-block__container.large>.radio-block{align-items:flex-start;flex-direction:column;padding:1rem;gap:0.5rem}@media screen and (min-width: 80rem){.radio-block__container.large>.radio-block{padding:1.25rem;gap:1rem}}.radio-block__container{display:grid;grid-template-columns:repeat(1, 1fr);gap:1rem}.radio-block__container.row-of-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.radio-block__container.row-of-2>:last-child:nth-child(odd){grid-column:1/-1}.radio-block__container.row-of-3{grid-template-columns:repeat(6, minmax(0, 1fr))}.radio-block__container.row-of-3>*{grid-column:span 2}.radio-block__container.row-of-3>:last-child:nth-child(3n+1){grid-column:1/-1}.radio-block__container.row-of-3>:nth-child(3n+1):nth-last-child(2),.radio-block__container.row-of-3>:nth-child(3n+1):nth-last-child(2)+*{grid-column:span 3}.radio-block__icon{--icon-size:1.5rem}.radio-block__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.radio-block__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--radio-block-text-color)}@media screen and (min-width: 80rem){.radio-block__container.large>.radio-block .radio-block__label{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.radio-block__description{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--radio-block-text-color);text-align:start;display:flex;flex-direction:column;margin-top:auto;gap:0.25rem}.radio-block:hover{border-color:var(--radio-block-hover-border-color);background-color:var(--radio-block-hover-background-color)}.radio-block:active{border-color:var(--radio-block-pressed-border-color);background-color:var(--radio-block-pressed-background-color)}.radio-block.checked{border-color:var(--radio-block-checked-border-color);background-color:var(--radio-block-checked-background-color)}.radio-block:has(>.radio-block__input:focus-visible){border:0.0625rem solid var(--radio-block-focused-border-color);outline:0.0625rem solid var(--radio-block-focused-border-color)}'}},[513,"tet-radio-blocks",{blocks:[16],blocksPerRow:[2,"blocks-per-row"],blockType:[1,"block-type"],theme:[513],accessibilityLabel:[1,"accessibility-label"],checkedBlockId:[32],setChecked:[64]},void 0,{blocks:[{syncCheckedBlock:0}]}]);function c(){"undefined"!=typeof customElements&&["tet-radio-blocks","tet-icon"].forEach((o=>{switch(o){case"tet-radio-blocks":customElements.get(i(o))||customElements.define(i(o),l);break;case"tet-icon":customElements.get(i(o))||a()}}))}export{l as T,c as d}

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

@@ -1 +1 @@
-import{p as r,H as e,d as o,h as t,c as a,t as i}from"./p-nb3MHK7A.js";import"./p-KBNSpMwX.js";import{p as n}from"./p-DRJ0zjoF.js";import{d as c}from"./p-BsNlQtYx.js";import{d as s}from"./p-c36Z0_hK.js";import{d as l}from"./p-CT-Ge0pF.js";import{d}from"./p-CFDvtl5l.js";import{d as m}from"./p-B_RQCK28.js";import{d as p}from"./p-DKavMVSi.js";import{d as h}from"./p-BBMx2Nbt.js";import{d as f}from"./p-DJQWSjRR.js";import{d as u}from"./p-CMbAQKoe.js";const b=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.cardLoaded=o(this,"cardLoaded"),this.productChanged=o(this,"productChanged")}buttonSizeBreakpoint=1280;singleCardBreakpoint=1024;cardType="static";theme="light";language="lv";options=[];toggles=[];contractTerm=0;controlsTitle;singleCardTabsTitle;bestChoiceText;bestChoiceIconName;currency="€/mēn.";secondaryLink="";secondaryLinkText="";secondaryLinkOpenBlank=!1;buttonTitle="";linkOpenBlank=!1;showControlsFirst=!1;showLoader=!0;selectedProductId="";selectedDropdownOptionId="";selectedSwitchKeys=[];preselectedKeys=[];preselectedProductId="";allProductData={};preselectedRemountId=0;buttonSize="large";isSingleCardDesktop=!0;didEmitCardLoaded=!1;cardLoaded;productChanged;onOptionSelected(r){const e=r.detail.value,o=this.getOptionById(this.selectedProductId),t=o?.dropdownOptions?.find((r=>this.getOptionId(r)===e));if(t)return this.selectedDropdownOptionId=e,void this.productChanged.emit();this.selectedProductId=e,this.setInitialDropdownOption(this.getOptionById(e)),this.productChanged.emit()}async componentWillLoad(){switch(this.syncButtonSize(),"single-card"===this.cardType&&this.syncSingleCardBreakpoint(),this.fetchProductComparison(),this.cardType){case"single-card":case"dropdown":case"radio":{const r=this.options.find((r=>r.preselected))??this.options[0];r&&(this.selectedProductId=this.getOptionId(r),this.setInitialDropdownOption(r),this.productChanged.emit());break}case"switcher":{const r=this.options.find((r=>r.preselected));r&&(this.preselectedKeys=[...r.keys??[]],this.preselectedProductId=this.getOptionId(r),this.selectedSwitchKeys=[...r.keys??[]],this.selectedProductId=this.getOptionId(r),this.productChanged.emit());break}case"static":this.selectedProductId=this.getOptionId(this.options[0]),this.productChanged.emit()}}componentDidRender(){this.showLoader||this.didEmitCardLoaded||(this.didEmitCardLoaded=!0,this.cardLoaded.emit())}onResize(){this.syncButtonSize(),"single-card"===this.cardType&&this.syncSingleCardBreakpoint()}syncButtonSize(){if(void 0===globalThis.window)return void(this.buttonSize="large");const r=globalThis.window.innerWidth<this.buttonSizeBreakpoint?"medium":"large";this.buttonSize!==r&&(this.buttonSize=r)}syncSingleCardBreakpoint(){if(void 0===globalThis.window)return void(this.isSingleCardDesktop=!0);const r=globalThis.window.innerWidth>=this.singleCardBreakpoint;this.isSingleCardDesktop!==r&&(this.isSingleCardDesktop=r)}getOptionId(r){return r?.id??r?.productCode??""}getOptionById(r){return this.options.find((e=>this.getOptionId(e)===r))}getProductOptions(){return this.options.reduce(((r,e)=>[...r,...e.dropdownOptions?.length?e.dropdownOptions:[e]]),[])}async getProductByCode(r){const e=this.getProductOptions().find((e=>e.productCode===r)),o=e?this.allProductData[this.getOptionId(e)]:void 0;if(!o)return;const t=o.formUrl?.[this.language]??"";return{...o,contractTerms:o.contractTerms?.map((e=>({...e,completeUrl:this.getCompleteUrl(t,r,e)})))}}getSelectedOption(){const r=this.getOptionById(this.selectedProductId),e=r?.dropdownOptions??[];return e.length?e.find((r=>this.getOptionId(r)===this.selectedDropdownOptionId))??e.find((r=>r.preselected))??e[0]:r}hasSingleCardDropdownOptions(){return"single-card"===this.cardType&&this.options.some((r=>r.dropdownOptions?.length))}setInitialDropdownOption(r){const e=r?.dropdownOptions??[],o=e.find((r=>r.preselected))??e[0];this.selectedDropdownOptionId=this.getOptionId(o)}getSelectionOptions(){return this.options.map((r=>({label:r.optionLabel||"",value:this.getOptionId(r),preselected:this.getOptionId(r)===this.selectedProductId})))}getToggledProductId(r){const e=[...r].sort(((r,e)=>r.localeCompare(e))).join(","),o=this.options.find((r=>[...r.keys??[]].sort(((r,e)=>r.localeCompare(e))).join(",")===e));return o?this.getOptionId(o):null}handleSwitchToggle(r,e){const o=this.toggles.find((e=>e.toggleKey===r));let t=[...this.selectedSwitchKeys];if(!e){const e=t.filter((e=>e!==r));if(0===e.length)return this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductId=this.preselectedProductId,this.preselectedRemountId++,void this.productChanged.emit();const o=this.getToggledProductId(e);return o?(this.selectedSwitchKeys=e,this.selectedProductId=o,void this.productChanged.emit()):(this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductId=this.preselectedProductId,this.preselectedRemountId++,void this.productChanged.emit())}if(o?.selectAll){const r=this.getFullComboToggleOption();if(r)return this.selectedSwitchKeys=[...r.keys??[]],this.selectedProductId=this.getOptionId(r),void this.productChanged.emit()}t.includes(r)||t.push(r),t=t.sort(((r,e)=>r.localeCompare(e)));const a=this.getToggledProductId(t);this.selectedSwitchKeys=t,a?(this.selectedProductId=a,this.productChanged.emit()):(this.selectedProductId=this.preselectedProductId,this.selectedSwitchKeys=[...this.preselectedKeys],this.preselectedRemountId++,this.productChanged.emit())}getFullComboToggleOption(){return this.options.length?this.options.reduce(((r,e)=>(e.keys??[]).length>(r.keys??[]).length?e:r),this.options[0]):null}async fetchProductComparison(){const r=Array.from(new Set(this.getProductOptions().filter((r=>!r.productData)).map((r=>r.productCode)).filter(Boolean)));let e={};if(r.length)try{const o=await n(r.join(","));e=o.products||{}}catch(r){console.error(r)}this.allProductData=this.getProductOptions().reduce(((r,o)=>{const t=this.getOptionId(o),a=o.productCode?e[o.productCode]:void 0;return t&&a&&(r[t]=a),r}),{}),this.showLoader=!1}selectedContractTerm(){const r=this.getSelectedOption(),e=this.allProductData[this.getOptionId(r)]?.contractTerms;if(!e?.length)return;const o=r?.contractTerm??this.contractTerm;return e.find((r=>r.term===o))}getElementTag(r){if(r?.href?.trim())return"a";const e=r?.["data-modal-screen-key"]?.trim(),o=r?.role?.trim().toLowerCase();return e||"button"===o?"button":"div"}renderSwitch(r){const{toggleKey:e,icon:o,name:a}=r;if(!e)return null;const i=this.preselectedKeys.includes(e);return t("div",{class:"switch-wrapper"},t("tet-switch",{class:"switch",theme:this.theme,key:i?`${e}-${this.preselectedRemountId}`:e,name:e,checked:this.selectedSwitchKeys.includes(e),onCheck:r=>this.handleSwitchToggle(e,r.detail.checked),labelPosition:"left",focusStyleOnContainer:!0},t("div",{class:"switch-label"},t("tet-icon",{theme:this.theme,class:"benefit__icon",name:o}),a)))}handleSingleCardTabSelect(r){const e=this.getOptionById(r);e&&(this.selectedProductId=r,this.setInitialDropdownOption(e),this.productChanged.emit())}renderSingleCardControls(){const r=this.selectedProductId||this.getOptionId(this.options[0]),e=1===this.options.length;return this.hasSingleCardDropdownOptions()&&e?null:e?t("div",{class:"single-option-label"},this.options[0].optionLabel??""):t("tet-tab-header",{theme:this.theme,mode:"switch",segmented:!0,sizing:this.isSingleCardDesktop?"web":"mobile",defaultTab:r,onTabSelected:r=>this.handleSingleCardTabSelect(r.detail.new)},this.options.map((r=>{const e=this.getOptionId(r);return e?t("button",{type:"button","data-name":e},r.optionLabel??""):null})))}renderBonuses(){const r=this.getSelectedOption(),e=r?.bonuses??[];return e.length<1?null:t("div",{class:"bonuses"},e.map((r=>{const e=r.items??[];return e.length?t("div",{class:"bonuses__bonus-container"},!!r.title&&t("div",{class:"section-title"},r.title),e.map((r=>{const e=Array.isArray(r.dataAttributes)?void 0:r.dataAttributes,o=this.getElementTag(e),a=["a","button"].includes(o);return t(o,{type:"button"===o?"button":void 0,class:{bonus:!0,"bonus--interactive":a},...e||{}},t("tet-icon",{theme:this.theme,class:"bonus__icon",name:r.iconName}),t("span",{class:"bonus__text"},r.name),a&&t("div",{class:"bonus__chevron-icon-container"},t("tet-icon",{class:"bonus__icon bonus__icon--chevron",name:"tc-chevron-right-small"})))}))):null})))}renderCardLabel(r){const e=r?.cardLabel;return e?t("div",/<(?:p|div|ul|ol|h[1-6])\b/i.test(e)?{class:"card-info",innerHTML:e}:{class:"card-label",innerHTML:e}):null}renderRadioOptions(){const r=this.getSelectionOptions();return t("div",{class:"radio-container"},r.map((r=>t("div",{class:"radio-wrapper"},t("tet-radio",{class:"radio","label-font":"md",theme:this.theme,name:"radio-card-options",label:r.label,value:r.value,checked:this.selectedProductId===r.value,focusStyleOnContainer:!0,onCheck:r=>this.onOptionSelected(r)})))))}renderPrice({contractPrice:r,basePrice:e,priceAsText:o,priceDescription:a,showDiscount:i}){const n=Number.parseFloat(r.replace(",",".")),c=Number.parseFloat(e.replace(",",".")),s=void 0!==o,l=!s&&i&&Number.isFinite(c);return s||r&&Number.isFinite(n)?t("div",{class:"price-wrapper"},t("div",{class:"price-container"},t("div",{class:"price-container__price-group"},t("div",{class:"price-container__price translation-none"},s?o:this.formatPrice(n)),!s&&t("div",{class:"price-container__currency"},t("span",null,this.currency))),l&&t("div",{class:"price-container__base-price translation-none"},t("span",null,this.formatPrice(c)),t("span",null,this.currency))),a&&t("span",{class:"price-container__description"},a)):null}formatPrice(r){return new Intl.NumberFormat(this.language||"lv",{minimumFractionDigits:2,maximumFractionDigits:5}).format(r)}getPriceData(r,e,o){const t=""+(r?.discountPrice??r?.price??o?.amount??""),a=""+(r?.price??e?.amount??""),i=Number.parseFloat(t.replace(",",".")),n=Number.parseFloat(a.replace(",",".")),c=!1!==o?.showDiscount&&Number.isFinite(i)&&Number.isFinite(n)&&n>i;return{contractPrice:t,basePrice:a,priceAsText:r?.priceAsText,priceDescription:r?.priceDescription??o?.priceDescription?.[this.language]??"",showDiscount:c}}renderControl(r){switch(this.cardType){case"switcher":return t("div",null,this.toggles.map((r=>this.renderSwitch(r))));case"single-card":return this.renderSingleCardControls();case"dropdown":return t("tet-dropdown",{id:"dropdown",class:"dropdown",theme:this.theme,"button-label":"","close-on-selection":"true","flex-layout":"true",options:r});case"radio":return this.renderRadioOptions();default:return null}}renderSingleCardDropdownControls(){const r=this.getOptionById(this.selectedProductId),e=r?.dropdownOptions??[];if(0===e.length)return null;const o=r?.dropdownTitle??this.controlsTitle,a=r?.dropdownTooltip,i=this.getTooltipLabel(a),n=o&&t("div",{class:"single-card-dropdown-title"},t("span",null,o),a&&t("button",{type:"button",class:"single-card-dropdown-tooltip","aria-label":i},t("tet-icon",{name:"tc-info-circle-outline"}),t("tet-tooltip",{theme:this.theme,innerHTML:a})));if(1===e.length)return t("div",{class:"single-card-dropdown-controls"},n,t("div",{class:"single-option-label"},e[0].optionLabel));const c=e.map((r=>({label:r.optionLabel??"",value:this.getOptionId(r),preselected:this.getOptionId(r)===this.selectedDropdownOptionId})));return t("div",{class:"single-card-dropdown-controls"},n,t("tet-dropdown",{class:"single-card-dropdown",theme:this.theme,"button-label":"","close-on-selection":"true","flex-layout":"true",options:c}))}renderControls(){const r=this.getSelectionOptions(),e=this.hasSingleCardDropdownOptions(),o=!!this.controlsTitle&&"static"!==this.cardType&&!e,a=e?this.renderSingleCardDropdownControls():this.renderControl(r),i="single-card"===this.cardType,n=1===this.options.length;return a||e?t("div",{class:"controls"},e&&!!this.singleCardTabsTitle&&t("div",{class:"single-card-tabs-title"},this.singleCardTabsTitle),e&&this.renderSingleCardControls(),o&&t("div",{class:{"section-title":!0,"single-card-controls-title":i,"single-option":i&&n}},this.controlsTitle),a):null}getCompleteUrl(r,e,o){const t=new URLSearchParams({sourceUrl:globalThis.location?.href??""});null!==e&&(t.set("contractTerm",(o?.term??"")+""),t.set("product",e),t.set("promotion",o?.promotionCode??""),t.set("lang",this.language??""),t.set("from","tet.lv"));try{const e=new URL(r);return["http:","https:"].includes(e.protocol)?(t.forEach(((r,o)=>{e.searchParams.append(o,r)})),""+e):""}catch{return""}}getTooltipLabel(r){if(r)return(new DOMParser).parseFromString(r,"text/html").body.textContent?.replace(/\s+/g," ").trim()}renderContentTop(){const r=this.getSelectedOption(),e=this.allProductData[this.getOptionId(r)],o=r?.productData,a=this.selectedContractTerm(),i=e?.attributes?.find((r=>"overrideProductName"===r.key))?.value,n=o?.name??i??e?.name?.[this.language],c=this.getPriceData(o,e,a),s=this.secondaryLink||o?.contractUrl||a?.contract||"",l=!!s&&!!this.secondaryLinkText,d=this.secondaryLinkOpenBlank?"_blank":void 0,m=this.secondaryLinkOpenBlank?"noopener noreferrer":void 0,p=e?.formUrl?.[this.language]||"",h=o?this.getCompleteUrl(o.formUrl,null):this.getCompleteUrl(p,r?.productCode??"",a),f=r?.titleBadge;return t("div",{class:"content content__top"},(n||f)&&t("div",{class:"title-container"},n&&t("h3",{class:"title"},n),f&&t("span",{class:"title-badge"},t("tet-icon",{class:"title-badge__icon",name:"tc-info-circle"}),f)),this.renderPrice(c),this.renderCardLabel(r),t("div",{class:"button-wrapper"},t("tet-button",{class:"button",type:"primary",theme:"light",size:this.buttonSize,url:h,urlTarget:this.linkOpenBlank?"_blank":"_self"},this.buttonTitle)),l&&t("div",{class:"secondary-link"},t("a",{class:"tet-link",href:s,target:d,rel:m},this.secondaryLinkText)))}renderContentBottom(){return t("div",{class:"content content__bottom"},this.showControlsFirst?[this.renderControls(),this.renderBonuses()]:[this.renderBonuses(),this.renderControls()])}renderCard(){const r=this.getSelectedOption(),e=!!r?.bestChoice,o="single-card"===this.cardType&&this.isSingleCardDesktop;return t("div",{class:{card:!0,"best-choice":e,"single-card":"single-card"===this.cardType}},this.bestChoiceText&&t("div",{class:{"best-choice-title":!0,active:e}},!!this.bestChoiceIconName&&t("tet-icon",{class:"best-choice-title__icon ",name:this.bestChoiceIconName}),t("span",null,this.bestChoiceText)),o?[this.renderContentBottom(),this.renderContentTop()]:[this.renderContentTop(),this.renderContentBottom()])}renderLoader(){return t("tet-placeholder",{class:{card__placeholder:!0,"single-card":"single-card"===this.cardType},height:"100%",width:"100%",darkTheme:"dark"===this.theme})}render(){return t(a,{key:"db2a0399e7903acc8a4f3065211cab95a02b8179","data-contains-focusable-content":!0},this.showLoader?this.renderLoader():this.renderCard())}static get style(){return':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:"--\x3e";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-black-permanent);--compare-card-text-color:var(--tc-text-primary);--compare-card-text-secondary-color:var(--tc-text-secondary);--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-label-background-color:var(--tc-layer-yellow-quaternary);--compare-card-focus-outline-color:var(--tc-blue-40);--compare-card-box-shadow:var(--tc-elevation-three);--compare-card-title-badge-background-color:var(--tc-layer-permanent-black);--compare-card-title-badge-text-color:var(--tc-text-white-permanent);--compare-card-title-badge-icon-color:var(--tc-icon-permanent-white);--compare-card-single-option-label-background-color:var(--tc-layer-yellow-quaternary);--compare-card-border-color:var(--tc-border-quaternary);--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:flex;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-secondary-color:var(--tc-text-secondary-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-title-badge-background-color:var(--tc-layer-permanent-black-dark);--compare-card-title-badge-text-color:var(--tc-text-white-permanent-dark);--compare-card-title-badge-icon-color:var(--tc-icon-permanent-white-dark);--compare-card-single-option-label-background-color:var(--tc-layer-yellow-quaternary-dark);--compare-card-border-color:var(--tc-border-quaternary-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);border:0.0625rem solid var(--compare-card-border-color)}.card__placeholder{--placeholder-min-height:37rem;--placeholder-border-radius:var(--compare-card-border-radius)}@media screen and (min-width: 64rem){.card__placeholder.single-card{--placeholder-min-height:25.75rem}}.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);height:100%}@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";display:flex;align-items:center;gap:0.5rem;position:absolute;align-self:center;visibility:hidden;white-space:nowrap;top:-2.5625rem;max-width:18.5rem;padding:0.5rem 1.25rem;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__icon{--icon-container-display:flex;--icon-size:1.375rem;--icon-color:var(--compare-card-best-choice-text-color)}.card .best-choice-title.active{visibility:visible}.card .title-container{display:flex;flex-direction:column;gap:0.375rem}@media screen and (min-width: 80rem){.card .title-container{flex-direction:row;justify-content:space-between;align-items:flex-start}}.card .title-badge{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;width:fit-content;padding:0.375rem 0.75rem 0.375rem 0.5rem;align-items:center;gap:0.25rem;border-radius:0.625rem;background-color:var(--compare-card-title-badge-background-color);color:var(--compare-card-title-badge-text-color)}.card .title-badge__icon{--icon-color:var(--compare-card-title-badge-icon-color);--icon-container-display:flex;--icon-size:1rem}.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;flex-direction:column}.card .price-wrapper .price-container__price-group{display:inline-flex;align-items:flex-end;flex-wrap:nowrap;white-space:nowrap;gap:0.25rem}.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 4rem/4.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.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{margin-bottom:0.5rem;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.card .price-wrapper .price-container__currency{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 90rem){.card .price-wrapper .price-container__currency{margin-bottom:0.75rem}}.card .price-wrapper .price-container__base-price{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";flex:0 0 100%;width:100%;text-decoration-line:line-through}.card .price-wrapper .price-container__description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.card .card-label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";overflow:hidden;padding:0.625rem 0.75rem;margin-top:0.75rem;border-radius:0.5rem;background-color:var(--compare-card-label-background-color)}.card .card-info>:first-child{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";overflow:hidden;padding:0.625rem 0.75rem;margin:0.75rem 0 0;border-radius:0.5rem;background-color:var(--compare-card-label-background-color)}.card .card-info>:not(:first-child){font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin:0.75rem 0 0;color:var(--compare-card-text-permanent-color)}.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{display:flex;flex-direction:column;gap:1.5rem}.card .bonuses+.controls{margin-top:1.5rem}.card .bonuses__bonus-container .bonus{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;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{cursor:pointer}.card .bonuses__bonus-container .bonus--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{--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{outline:0.125rem solid var(--compare-card-focus-outline-color)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container{background-color:var(--bonus-chevron-container-state-bg)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron{--icon-color:var(--bonus-chevron-icon-state-color)}.card .bonuses__bonus-container .bonus__text{flex:1 0 0;text-align:start;padding:0.125rem 0}.card .bonuses__bonus-container .bonus__icon{--icon-container-display:flex;--icon-size:1.5rem}.card .bonuses__bonus-container .bonus__icon--chevron{--icon-size:1rem;--icon-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus__chevron-icon-container{display:flex;justify-content:center;align-items:center;margin:0.125rem;padding:0.125rem;border-radius:50%;background:var(--compare-card-chevron-container-background-color);width:1.25rem;height:1.25rem}.card .controls+.bonuses{margin-top:1.5rem}.card .section-title{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0.375rem 0;margin-bottom:0.75rem;color:var(--compare-card-text-tertiary-color);border-bottom:0.0625rem solid var(--compare-card-separator-border-color)}.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)}@media screen and (min-width: 31.25rem){.card.single-card .price-container__price{font:600 5rem/5.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 48rem){.card.single-card .price-container__price{font:600 7.25rem/8.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.card.single-card .price-container__price{font:600 4rem/4.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 80rem){.card.single-card .price-container__price{font:600 5rem/5.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 90rem){.card.single-card .price-container__price{font:600 6rem/6.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 120rem){.card.single-card .price-container__price{font:600 7.25rem/8.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.card.single-card .price-container__currency{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 80rem){.card.single-card .price-container__currency{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}.card.single-card .section-title.single-card-controls-title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";padding:0 0 0.25rem 0;border-bottom:none;color:var(--compare-card-text-secondary-color)}.card.single-card .section-title.single-option{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";padding:0;color:var(--compare-card-text-color)}.card.single-card .single-option-label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";padding:0.625rem 0.75rem;border-radius:0.5rem;background-color:var(--compare-card-single-option-label-background-color)}.card.single-card .single-card-dropdown-controls{margin-top:1rem}.card.single-card .single-card-tabs-title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";margin-bottom:0.5rem;color:var(--compare-card-text-secondary-color)}.card.single-card .single-card-dropdown-title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem;color:var(--compare-card-text-color)}.card.single-card .single-card-dropdown-tooltip{display:inline-flex;align-items:center;margin-left:auto;padding:0;border:0;background:none;cursor:pointer}.card.single-card .single-card-dropdown-tooltip tet-icon{--icon-size:1.5rem;--icon-color:var(--tc-grey-50)}.card.single-card .single-card-dropdown{width:100%}@media screen and (min-width: 64rem){.card.single-card{flex-direction:row}.card.single-card .content{display:flex;flex-direction:column;flex:1;min-height:25.75rem}.card.single-card .content__top{border-radius:0;border-top-right-radius:var(--compare-card-border-radius);border-bottom-right-radius:var(--compare-card-border-radius)}.card.single-card .content__bottom{border-radius:0;border-top-left-radius:var(--compare-card-border-radius);border-bottom-left-radius:var(--compare-card-border-radius)}.card.single-card .button-wrapper{margin-top:auto}}@media screen and (min-width: 64rem){.card.single-card .best-choice-title{right:0.75rem}}@media screen and (min-width: 80rem){.card.single-card .best-choice-title{right:2.75rem}}@media screen and (min-width: 90rem){.card.single-card .best-choice-title{right:4.25rem}}@media screen and (min-width: 120rem){.card.single-card .best-choice-title{right:9.25rem}}'}},[513,"tet-compare-card-v3",{cardType:[1,"card-type"],theme:[1],language:[1],options:[16],toggles:[16],contractTerm:[2,"contract-term"],controlsTitle:[1,"controls-title"],singleCardTabsTitle:[1,"single-card-tabs-title"],bestChoiceText:[1,"best-choice-text"],bestChoiceIconName:[1,"best-choice-icon-name"],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"],showControlsFirst:[4,"show-controls-first"],showLoader:[32],selectedProductId:[32],selectedDropdownOptionId:[32],selectedSwitchKeys:[32],preselectedKeys:[32],preselectedProductId:[32],allProductData:[32],preselectedRemountId:[32],buttonSize:[32],isSingleCardDesktop:[32],getProductByCode:[64]},[[0,"optionSelected","onOptionSelected"],[9,"resize","onResize"]]]),g=b,v=function(){"undefined"!=typeof customElements&&["tet-compare-card-v3","tet-button","tet-checkbox","tet-dropdown","tet-icon","tet-placeholder","tet-radio","tet-switch","tet-tab-header","tet-tooltip"].forEach((r=>{switch(r){case"tet-compare-card-v3":customElements.get(i(r))||customElements.define(i(r),b);break;case"tet-button":customElements.get(i(r))||c();break;case"tet-checkbox":customElements.get(i(r))||s();break;case"tet-dropdown":customElements.get(i(r))||l();break;case"tet-icon":customElements.get(i(r))||d();break;case"tet-placeholder":customElements.get(i(r))||m();break;case"tet-radio":customElements.get(i(r))||p();break;case"tet-switch":customElements.get(i(r))||h();break;case"tet-tab-header":customElements.get(i(r))||f();break;case"tet-tooltip":customElements.get(i(r))||u()}}))};export{g as TetCompareCardV3,v as defineCustomElement}
+import{p as r,H as e,d as o,h as t,c as a,t as i}from"./p-nb3MHK7A.js";import"./p-KBNSpMwX.js";import{p as n}from"./p-DRJ0zjoF.js";import{d as c}from"./p-BsNlQtYx.js";import{d as s}from"./p-c36Z0_hK.js";import{d as l}from"./p-CT-Ge0pF.js";import{d}from"./p-CFDvtl5l.js";import{d as m}from"./p-B_RQCK28.js";import{d as p}from"./p-DKavMVSi.js";import{d as h}from"./p-CKvGKHDE.js";import{d as f}from"./p-BBMx2Nbt.js";import{d as b}from"./p-DJQWSjRR.js";import{d as u}from"./p-CMbAQKoe.js";const g=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.cardLoaded=o(this,"cardLoaded"),this.productChanged=o(this,"productChanged")}buttonSizeBreakpoint=1280;singleCardBreakpoint=1024;cardType="static";singleCardControlType="tabs";theme="light";language="lv";options=[];toggles=[];contractTerm=0;controlsTitle;singleCardTabsTitle;bestChoiceText;bestChoiceIconName;currency="€/mēn.";secondaryLink="";secondaryLinkText="";secondaryLinkOpenBlank=!1;buttonTitle="";linkOpenBlank=!1;showControlsFirst=!1;showLoader=!0;selectedProductId="";selectedDropdownOptionId="";selectedSwitchKeys=[];preselectedKeys=[];preselectedProductId="";allProductData={};preselectedRemountId=0;buttonSize="large";isSingleCardDesktop=!0;smallRadioBlocksPerRow=2;largeRadioBlocksPerRow=3;didEmitCardLoaded=!1;cardLoaded;productChanged;onOptionSelected(r){const e=r.detail.value,o=this.getOptionById(this.selectedProductId),t=o?.dropdownOptions?.find((r=>this.getOptionId(r)===e));if(t)return this.selectedDropdownOptionId=e,void this.productChanged.emit();this.selectedProductId=e,this.setInitialDropdownOption(this.getOptionById(e)),this.productChanged.emit()}async componentWillLoad(){switch(this.syncButtonSize(),"single-card"===this.cardType&&this.syncSingleCardBreakpoint(),this.fetchProductComparison(),this.cardType){case"single-card":case"dropdown":case"radio":{const r=this.options.find((r=>r.preselected))??this.options[0];r&&(this.selectedProductId=this.getOptionId(r),this.setInitialDropdownOption(r),this.productChanged.emit());break}case"switcher":{const r=this.options.find((r=>r.preselected));r&&(this.preselectedKeys=[...r.keys??[]],this.preselectedProductId=this.getOptionId(r),this.selectedSwitchKeys=[...r.keys??[]],this.selectedProductId=this.getOptionId(r),this.productChanged.emit());break}case"static":this.selectedProductId=this.getOptionId(this.options[0]),this.productChanged.emit()}}componentDidRender(){this.showLoader||this.didEmitCardLoaded||(this.didEmitCardLoaded=!0,this.cardLoaded.emit())}onResize(){this.syncButtonSize(),"single-card"===this.cardType&&this.syncSingleCardBreakpoint()}syncButtonSize(){if(void 0===globalThis.window)return void(this.buttonSize="large");const r=globalThis.window.innerWidth<this.buttonSizeBreakpoint?"medium":"large";this.buttonSize!==r&&(this.buttonSize=r)}syncSingleCardBreakpoint(){if(void 0===globalThis.window)return this.isSingleCardDesktop=!0,this.smallRadioBlocksPerRow=2,void(this.largeRadioBlocksPerRow=3);const r=globalThis.window.innerWidth,e=r>=this.singleCardBreakpoint;this.isSingleCardDesktop!==e&&(this.isSingleCardDesktop=e),"radio"===this.singleCardControlType&&(this.smallRadioBlocksPerRow=r<768||r>=1024&&r<1280?1:2,this.largeRadioBlocksPerRow=r>=768&&r<1024||r>=1440?3:2)}getOptionId(r){return r?.id??r?.productCode??""}getOptionById(r){return this.options.find((e=>this.getOptionId(e)===r))}getProductOptions(){return this.options.reduce(((r,e)=>[...r,...e.dropdownOptions?.length?e.dropdownOptions:[e]]),[])}async getProductByCode(r){const e=this.getProductOptions().find((e=>e.productCode===r)),o=e?this.allProductData[this.getOptionId(e)]:void 0;if(!o)return;const t=o.formUrl?.[this.language]??"";return{...o,contractTerms:o.contractTerms?.map((e=>({...e,completeUrl:this.getCompleteUrl(t,r,e)})))}}getSelectedOption(){const r=this.getOptionById(this.selectedProductId),e=r?.dropdownOptions??[];return e.length?e.find((r=>this.getOptionId(r)===this.selectedDropdownOptionId))??e.find((r=>r.preselected))??e[0]:r}hasSingleCardDropdownOptions(){return"single-card"===this.cardType&&this.options.some((r=>r.dropdownOptions?.length))}setInitialDropdownOption(r){const e=r?.dropdownOptions??[],o=e.find((r=>r.preselected))??e[0];this.selectedDropdownOptionId=this.getOptionId(o)}getSelectionOptions(){return this.options.map((r=>({label:r.optionLabel||"",value:this.getOptionId(r),preselected:this.getOptionId(r)===this.selectedProductId})))}getToggledProductId(r){const e=[...r].sort(((r,e)=>r.localeCompare(e))).join(","),o=this.options.find((r=>[...r.keys??[]].sort(((r,e)=>r.localeCompare(e))).join(",")===e));return o?this.getOptionId(o):null}handleSwitchToggle(r,e){const o=this.toggles.find((e=>e.toggleKey===r));let t=[...this.selectedSwitchKeys];if(!e){const e=t.filter((e=>e!==r));if(0===e.length)return this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductId=this.preselectedProductId,this.preselectedRemountId++,void this.productChanged.emit();const o=this.getToggledProductId(e);return o?(this.selectedSwitchKeys=e,this.selectedProductId=o,void this.productChanged.emit()):(this.selectedSwitchKeys=[...this.preselectedKeys],this.selectedProductId=this.preselectedProductId,this.preselectedRemountId++,void this.productChanged.emit())}if(o?.selectAll){const r=this.getFullComboToggleOption();if(r)return this.selectedSwitchKeys=[...r.keys??[]],this.selectedProductId=this.getOptionId(r),void this.productChanged.emit()}t.includes(r)||t.push(r),t=t.sort(((r,e)=>r.localeCompare(e)));const a=this.getToggledProductId(t);this.selectedSwitchKeys=t,a?(this.selectedProductId=a,this.productChanged.emit()):(this.selectedProductId=this.preselectedProductId,this.selectedSwitchKeys=[...this.preselectedKeys],this.preselectedRemountId++,this.productChanged.emit())}getFullComboToggleOption(){return this.options.length?this.options.reduce(((r,e)=>(e.keys??[]).length>(r.keys??[]).length?e:r),this.options[0]):null}async fetchProductComparison(){const r=Array.from(new Set(this.getProductOptions().filter((r=>!r.productData)).map((r=>r.productCode)).filter(Boolean)));let e={};if(r.length)try{const o=await n(r.join(","));e=o.products||{}}catch(r){console.error(r)}this.allProductData=this.getProductOptions().reduce(((r,o)=>{const t=this.getOptionId(o),a=o.productCode?e[o.productCode]:void 0;return t&&a&&(r[t]=a),r}),{}),this.showLoader=!1}selectedContractTerm(){const r=this.getSelectedOption(),e=this.allProductData[this.getOptionId(r)]?.contractTerms;if(!e?.length)return;const o=r?.contractTerm??this.contractTerm;return e.find((r=>r.term===o))}getElementTag(r){if(r?.href?.trim())return"a";const e=r?.["data-modal-screen-key"]?.trim(),o=r?.role?.trim().toLowerCase();return e||"button"===o?"button":"div"}renderSwitch(r){const{toggleKey:e,icon:o,name:a}=r;if(!e)return null;const i=this.preselectedKeys.includes(e);return t("div",{class:"switch-wrapper"},t("tet-switch",{class:"switch",theme:this.theme,key:i?`${e}-${this.preselectedRemountId}`:e,name:e,checked:this.selectedSwitchKeys.includes(e),onCheck:r=>this.handleSwitchToggle(e,r.detail.checked),labelPosition:"left",focusStyleOnContainer:!0},t("div",{class:"switch-label"},t("tet-icon",{theme:this.theme,class:"benefit__icon",name:o}),a)))}handleSingleCardControlSelect(r){const e=this.getOptionById(r);e&&(this.selectedProductId=r,this.setInitialDropdownOption(e),this.productChanged.emit())}renderSingleCardControls(){const r=this.selectedProductId||this.getOptionId(this.options[0]),e=1===this.options.length;return this.hasSingleCardDropdownOptions()&&e?null:e?t("div",{class:"single-option-label"},this.options[0].optionLabel??""):"radio"===this.singleCardControlType?this.renderSingleCardRadioControls():t("tet-tab-header",{theme:this.theme,mode:"switch",segmented:!0,sizing:this.isSingleCardDesktop?"web":"mobile",defaultTab:r,onTabSelected:r=>this.handleSingleCardControlSelect(r.detail.new)},this.options.map((r=>{const e=this.getOptionId(r);return e?t("button",{type:"button","data-name":e},r.optionLabel??""):null})))}renderSingleCardRadioControls(){const r=this.selectedProductId||this.getOptionId(this.options[0]),e=this.options.some((r=>(r?.bonuses??[]).length>0||!!r?.optionIcon)),o=this.options.flatMap((e=>{const o=this.getOptionId(e);return o?[{id:o,label:e.optionLabel??"",value:o,checked:o===r,iconName:e.optionIcon??"",description:e.optionDescription??"",secondaryDescription:e.optionSecondaryDescription??""}]:[]}));return t("tet-radio-blocks",{theme:this.theme,blocks:o,blockType:e?"small":"large",blocksPerRow:e?this.smallRadioBlocksPerRow:this.largeRadioBlocksPerRow,accessibilityLabel:this.controlsTitle?.replace(/:\s*$/,"").trim(),onCheck:r=>this.handleSingleCardControlSelect(r.detail.value)})}renderBonuses(){const r=this.getSelectedOption(),e=r?.bonuses??[];return e.length<1?null:t("div",{class:"bonuses"},e.map((r=>{const e=r.items??[];return e.length?t("div",{class:"bonuses__bonus-container"},!!r.title&&t("div",{class:"section-title"},r.title),e.map((r=>{const e=Array.isArray(r.dataAttributes)?void 0:r.dataAttributes,o=this.getElementTag(e),a=["a","button"].includes(o);return t(o,{type:"button"===o?"button":void 0,class:{bonus:!0,"bonus--interactive":a},...e||{}},t("tet-icon",{theme:this.theme,class:"bonus__icon",name:r.iconName}),t("span",{class:"bonus__text"},r.name),a&&t("div",{class:"bonus__chevron-icon-container"},t("tet-icon",{class:"bonus__icon bonus__icon--chevron",name:"tc-chevron-right-small"})))}))):null})))}renderCardLabel(r){const e=r?.cardLabel;return e?t("div",/<(?:p|div|ul|ol|h[1-6])\b/i.test(e)?{class:"card-info",innerHTML:e}:{class:"card-label",innerHTML:e}):null}renderRadioOptions(){const r=this.getSelectionOptions();return t("div",{class:"radio-container"},r.map((r=>t("div",{class:"radio-wrapper"},t("tet-radio",{class:"radio","label-font":"md",theme:this.theme,name:"radio-card-options",label:r.label,value:r.value,checked:this.selectedProductId===r.value,focusStyleOnContainer:!0,onCheck:r=>this.onOptionSelected(r)})))))}renderPrice({contractPrice:r,basePrice:e,priceAsText:o,priceDescription:a,showDiscount:i}){const n=Number.parseFloat(r.replace(",",".")),c=Number.parseFloat(e.replace(",",".")),s=void 0!==o,l=!s&&i&&Number.isFinite(c);return s||r&&Number.isFinite(n)?t("div",{class:"price-wrapper"},t("div",{class:"price-container"},t("div",{class:"price-container__price-group"},t("div",{class:"price-container__price translation-none"},s?o:this.formatPrice(n)),!s&&t("div",{class:"price-container__currency"},t("span",null,this.currency))),l&&t("div",{class:"price-container__base-price translation-none"},t("span",null,this.formatPrice(c)),t("span",null,this.currency))),a&&t("span",{class:"price-container__description"},a)):null}formatPrice(r){return new Intl.NumberFormat(this.language||"lv",{minimumFractionDigits:2,maximumFractionDigits:5}).format(r)}getPriceData(r,e,o){const t=""+(r?.discountPrice??r?.price??o?.amount??""),a=""+(r?.price??e?.amount??""),i=Number.parseFloat(t.replace(",",".")),n=Number.parseFloat(a.replace(",",".")),c=!1!==o?.showDiscount&&Number.isFinite(i)&&Number.isFinite(n)&&n>i;return{contractPrice:t,basePrice:a,priceAsText:r?.priceAsText,priceDescription:r?.priceDescription??o?.priceDescription?.[this.language]??"",showDiscount:c}}renderControl(r){switch(this.cardType){case"switcher":return t("div",null,this.toggles.map((r=>this.renderSwitch(r))));case"single-card":return this.renderSingleCardControls();case"dropdown":return t("tet-dropdown",{id:"dropdown",class:"dropdown",theme:this.theme,"button-label":"","close-on-selection":"true","flex-layout":"true",options:r});case"radio":return this.renderRadioOptions();default:return null}}renderSingleCardDropdownControls(){const r=this.getOptionById(this.selectedProductId),e=r?.dropdownOptions??[];if(0===e.length)return null;const o=r?.dropdownTitle??this.controlsTitle,a=r?.dropdownTooltip,i=this.getTooltipLabel(a),n=o&&t("div",{class:"single-card-dropdown-title"},t("span",null,o),a&&t("button",{type:"button",class:"single-card-dropdown-tooltip","aria-label":i},t("tet-icon",{name:"tc-info-circle-outline"}),t("tet-tooltip",{theme:this.theme,innerHTML:a})));if(1===e.length)return t("div",{class:"single-card-dropdown-controls"},n,t("div",{class:"single-option-label"},e[0].optionLabel));const c=e.map((r=>({label:r.optionLabel??"",value:this.getOptionId(r),preselected:this.getOptionId(r)===this.selectedDropdownOptionId})));return t("div",{class:"single-card-dropdown-controls"},n,t("tet-dropdown",{class:"single-card-dropdown",theme:this.theme,"button-label":"","close-on-selection":"true","flex-layout":"true",options:c}))}renderControls(){const r=this.getSelectionOptions(),e=this.hasSingleCardDropdownOptions(),o=!!this.controlsTitle&&"static"!==this.cardType&&!e,a=e?this.renderSingleCardDropdownControls():this.renderControl(r),i="single-card"===this.cardType,n="tabs"===this.singleCardControlType,c=1===this.options.length;return a||e?t("div",{class:"controls"},e&&!!this.singleCardTabsTitle&&t("div",{class:"single-card-tabs-title"},this.singleCardTabsTitle),e&&this.renderSingleCardControls(),o&&t("div",{class:{"section-title":!0,"single-card-tab-controls-title":i&&n,"single-option":i&&c}},this.controlsTitle),a):null}getCompleteUrl(r,e,o){const t=new URLSearchParams({sourceUrl:globalThis.location?.href??""});null!==e&&(t.set("contractTerm",(o?.term??"")+""),t.set("product",e),t.set("promotion",o?.promotionCode??""),t.set("lang",this.language??""),t.set("from","tet.lv"));try{const e=new URL(r);return["http:","https:"].includes(e.protocol)?(t.forEach(((r,o)=>{e.searchParams.append(o,r)})),""+e):""}catch{return""}}getTooltipLabel(r){if(r)return(new DOMParser).parseFromString(r,"text/html").body.textContent?.replace(/\s+/g," ").trim()}renderContentTop(){const r=this.getSelectedOption(),e=this.allProductData[this.getOptionId(r)],o=r?.productData,a=this.selectedContractTerm(),i=e?.attributes?.find((r=>"overrideProductName"===r.key))?.value,n=o?.name??i??e?.name?.[this.language],c=this.getPriceData(o,e,a),s=this.secondaryLink||o?.contractUrl||a?.contract||"",l=!!s&&!!this.secondaryLinkText,d=this.secondaryLinkOpenBlank?"_blank":void 0,m=this.secondaryLinkOpenBlank?"noopener noreferrer":void 0,p=e?.formUrl?.[this.language]||"",h=o?this.getCompleteUrl(o.formUrl,null):this.getCompleteUrl(p,r?.productCode??"",a),f=r?.titleBadge;return t("div",{class:"content content__top"},(n||f)&&t("div",{class:"title-container"},n&&t("h3",{class:"title"},n),f&&t("span",{class:"title-badge"},t("tet-icon",{class:"title-badge__icon",name:"tc-info-circle"}),f)),this.renderPrice(c),this.renderCardLabel(r),t("div",{class:"button-wrapper"},t("tet-button",{class:"button",type:"primary",theme:"light",size:this.buttonSize,url:h,urlTarget:this.linkOpenBlank?"_blank":"_self"},this.buttonTitle)),l&&t("div",{class:"secondary-link"},t("a",{class:"tet-link",href:s,target:d,rel:m},this.secondaryLinkText)))}renderContentBottom(){return t("div",{class:"content content__bottom"},this.showControlsFirst?[this.renderControls(),this.renderBonuses()]:[this.renderBonuses(),this.renderControls()])}renderCard(){const r=this.getSelectedOption(),e=!!r?.bestChoice,o="single-card"===this.cardType&&this.isSingleCardDesktop;return t("div",{class:{card:!0,"best-choice":e,"single-card":"single-card"===this.cardType}},this.bestChoiceText&&t("div",{class:{"best-choice-title":!0,active:e}},!!this.bestChoiceIconName&&t("tet-icon",{class:"best-choice-title__icon ",name:this.bestChoiceIconName}),t("span",null,this.bestChoiceText)),o?[this.renderContentBottom(),this.renderContentTop()]:[this.renderContentTop(),this.renderContentBottom()])}renderLoader(){return t("tet-placeholder",{class:{card__placeholder:!0,"single-card":"single-card"===this.cardType},height:"100%",width:"100%",darkTheme:"dark"===this.theme})}render(){return t(a,{key:"26d85ce9b2114fab806f029fc148374227a8a54a","data-contains-focusable-content":!0},this.showLoader?this.renderLoader():this.renderCard())}static get style(){return':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:"--\x3e";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-black-permanent);--compare-card-text-color:var(--tc-text-primary);--compare-card-text-secondary-color:var(--tc-text-secondary);--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-label-background-color:var(--tc-layer-yellow-quaternary);--compare-card-focus-outline-color:var(--tc-blue-40);--compare-card-box-shadow:var(--tc-elevation-three);--compare-card-title-badge-background-color:var(--tc-layer-permanent-black);--compare-card-title-badge-text-color:var(--tc-text-white-permanent);--compare-card-title-badge-icon-color:var(--tc-icon-permanent-white);--compare-card-single-option-label-background-color:var(--tc-layer-yellow-quaternary);--compare-card-border-color:var(--tc-border-quaternary);--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:flex;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-secondary-color:var(--tc-text-secondary-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-title-badge-background-color:var(--tc-layer-permanent-black-dark);--compare-card-title-badge-text-color:var(--tc-text-white-permanent-dark);--compare-card-title-badge-icon-color:var(--tc-icon-permanent-white-dark);--compare-card-single-option-label-background-color:var(--tc-layer-yellow-quaternary-dark);--compare-card-border-color:var(--tc-border-quaternary-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);border:0.0625rem solid var(--compare-card-border-color)}.card__placeholder{--placeholder-min-height:37rem;--placeholder-border-radius:var(--compare-card-border-radius)}@media screen and (min-width: 64rem){.card__placeholder.single-card{--placeholder-min-height:25.75rem}}.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);height:100%}@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";display:flex;align-items:center;gap:0.5rem;position:absolute;align-self:center;visibility:hidden;white-space:nowrap;top:-2.5625rem;max-width:18.5rem;padding:0.5rem 1.25rem;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__icon{--icon-container-display:flex;--icon-size:1.375rem;--icon-color:var(--compare-card-best-choice-text-color)}.card .best-choice-title.active{visibility:visible}.card .title-container{display:flex;flex-direction:column;gap:0.375rem}@media screen and (min-width: 80rem){.card .title-container{flex-direction:row;justify-content:space-between;align-items:flex-start}}.card .title-badge{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;width:fit-content;padding:0.375rem 0.75rem 0.375rem 0.5rem;align-items:center;gap:0.25rem;border-radius:0.625rem;background-color:var(--compare-card-title-badge-background-color);color:var(--compare-card-title-badge-text-color)}.card .title-badge__icon{--icon-color:var(--compare-card-title-badge-icon-color);--icon-container-display:flex;--icon-size:1rem}.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;flex-direction:column}.card .price-wrapper .price-container__price-group{display:inline-flex;align-items:flex-end;flex-wrap:nowrap;white-space:nowrap;gap:0.25rem}.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 4rem/4.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.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{margin-bottom:0.5rem;font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.card .price-wrapper .price-container__currency{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 90rem){.card .price-wrapper .price-container__currency{margin-bottom:0.75rem}}.card .price-wrapper .price-container__base-price{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";flex:0 0 100%;width:100%;text-decoration-line:line-through}.card .price-wrapper .price-container__description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.card .card-label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";overflow:hidden;padding:0.625rem 0.75rem;margin-top:0.75rem;border-radius:0.5rem;background-color:var(--compare-card-label-background-color)}.card .card-info>:first-child{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";overflow:hidden;padding:0.625rem 0.75rem;margin:0.75rem 0 0;border-radius:0.5rem;background-color:var(--compare-card-label-background-color)}.card .card-info>:not(:first-child){font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin:0.75rem 0 0;color:var(--compare-card-text-permanent-color)}.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{display:flex;flex-direction:column;gap:1.5rem}.card .bonuses+.controls{margin-top:1.5rem}.card .bonuses__bonus-container .bonus{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;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{cursor:pointer}.card .bonuses__bonus-container .bonus--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{--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{outline:0.125rem solid var(--compare-card-focus-outline-color)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__chevron-icon-container{background-color:var(--bonus-chevron-container-state-bg)}.card .bonuses__bonus-container .bonus--interactive:is(:hover,:active) .bonus__icon--chevron{--icon-color:var(--bonus-chevron-icon-state-color)}.card .bonuses__bonus-container .bonus__text{flex:1 0 0;text-align:start;padding:0.125rem 0}.card .bonuses__bonus-container .bonus__icon{--icon-container-display:flex;--icon-size:1.5rem}.card .bonuses__bonus-container .bonus__icon--chevron{--icon-size:1rem;--icon-color:var(--compare-card-chevron-icon-color)}.card .bonuses__bonus-container .bonus__chevron-icon-container{display:flex;justify-content:center;align-items:center;margin:0.125rem;padding:0.125rem;border-radius:50%;background:var(--compare-card-chevron-container-background-color);width:1.25rem;height:1.25rem}.card .controls+.bonuses{margin-top:1.5rem}.card .section-title{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0.375rem 0;margin-bottom:0.75rem;color:var(--compare-card-text-tertiary-color);border-bottom:0.0625rem solid var(--compare-card-separator-border-color)}.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)}@media screen and (min-width: 31.25rem){.card.single-card .price-container__price{font:600 5rem/5.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 48rem){.card.single-card .price-container__price{font:600 7.25rem/8.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.card.single-card .price-container__price{font:600 4rem/4.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 80rem){.card.single-card .price-container__price{font:600 5rem/5.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 90rem){.card.single-card .price-container__price{font:600 6rem/6.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 120rem){.card.single-card .price-container__price{font:600 7.25rem/8.375rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 64rem){.card.single-card .price-container__currency{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}@media screen and (min-width: 80rem){.card.single-card .price-container__currency{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}}.card.single-card .section-title.single-card-tab-controls-title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";padding:0 0 0.25rem 0;border-bottom:none;color:var(--compare-card-text-secondary-color)}.card.single-card .section-title.single-option{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";padding:0;color:var(--compare-card-text-color)}.card.single-card .single-option-label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";padding:0.625rem 0.75rem;border-radius:0.5rem;background-color:var(--compare-card-single-option-label-background-color)}.card.single-card .single-card-dropdown-controls{margin-top:1rem}.card.single-card .single-card-tabs-title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";margin-bottom:0.5rem;color:var(--compare-card-text-secondary-color)}.card.single-card .single-card-dropdown-title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem;color:var(--compare-card-text-color)}.card.single-card .single-card-dropdown-tooltip{display:inline-flex;align-items:center;margin-left:auto;padding:0;border:0;background:none;cursor:pointer}.card.single-card .single-card-dropdown-tooltip tet-icon{--icon-size:1.5rem;--icon-color:var(--tc-grey-50)}.card.single-card .single-card-dropdown{width:100%}@media screen and (min-width: 64rem){.card.single-card{flex-direction:row}.card.single-card .content{display:flex;flex-direction:column;flex:1;min-height:25.75rem}.card.single-card .content__top{border-radius:0;border-top-right-radius:var(--compare-card-border-radius);border-bottom-right-radius:var(--compare-card-border-radius)}.card.single-card .content__bottom{border-radius:0;border-top-left-radius:var(--compare-card-border-radius);border-bottom-left-radius:var(--compare-card-border-radius)}.card.single-card .button-wrapper{margin-top:auto}}@media screen and (min-width: 64rem){.card.single-card .best-choice-title{right:0.75rem}}@media screen and (min-width: 80rem){.card.single-card .best-choice-title{right:2.75rem}}@media screen and (min-width: 90rem){.card.single-card .best-choice-title{right:4.25rem}}@media screen and (min-width: 120rem){.card.single-card .best-choice-title{right:9.25rem}}'}},[513,"tet-compare-card-v3",{cardType:[1,"card-type"],singleCardControlType:[1,"single-card-control-type"],theme:[1],language:[1],options:[16],toggles:[16],contractTerm:[2,"contract-term"],controlsTitle:[1,"controls-title"],singleCardTabsTitle:[1,"single-card-tabs-title"],bestChoiceText:[1,"best-choice-text"],bestChoiceIconName:[1,"best-choice-icon-name"],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"],showControlsFirst:[4,"show-controls-first"],showLoader:[32],selectedProductId:[32],selectedDropdownOptionId:[32],selectedSwitchKeys:[32],preselectedKeys:[32],preselectedProductId:[32],allProductData:[32],preselectedRemountId:[32],buttonSize:[32],isSingleCardDesktop:[32],smallRadioBlocksPerRow:[32],largeRadioBlocksPerRow:[32],getProductByCode:[64]},[[0,"optionSelected","onOptionSelected"],[9,"resize","onResize"]]]),v=g,y=function(){"undefined"!=typeof customElements&&["tet-compare-card-v3","tet-button","tet-checkbox","tet-dropdown","tet-icon","tet-placeholder","tet-radio","tet-radio-blocks","tet-switch","tet-tab-header","tet-tooltip"].forEach((r=>{switch(r){case"tet-compare-card-v3":customElements.get(i(r))||customElements.define(i(r),g);break;case"tet-button":customElements.get(i(r))||c();break;case"tet-checkbox":customElements.get(i(r))||s();break;case"tet-dropdown":customElements.get(i(r))||l();break;case"tet-icon":customElements.get(i(r))||d();break;case"tet-placeholder":customElements.get(i(r))||m();break;case"tet-radio":customElements.get(i(r))||p();break;case"tet-radio-blocks":customElements.get(i(r))||h();break;case"tet-switch":customElements.get(i(r))||f();break;case"tet-tab-header":customElements.get(i(r))||b();break;case"tet-tooltip":customElements.get(i(r))||u()}}))};export{v as TetCompareCardV3,y as defineCustomElement}

package/dist/components/tet-radio-blocks.js

@@ -1 +1 @@
-import{p as o,H as t,d as e,h as r,c as a,t as i}from"./p-nb3MHK7A.js";import{d as n}from"./p-CFDvtl5l.js";const l=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.check=e(this,"check")}check;blocks;blocksPerRow=2;blockType="small";theme="light";accessibilityLabel="";checked;async setChecked(o,t){this.blocks.forEach((t=>{t.checked=t.id===o,this.checked=o})),this.check.emit({id:o,value:t})}componentWillLoad(){this.blocks.forEach((o=>{o.checked&&(this.checked=o.id)}))}renderIcon(o){return"large"!==this.blockType&&o?r("tet-icon",{class:"radio-block__icon",name:o,theme:this.theme}):null}renderDescription(o){return"small"!==this.blockType&&o?r("span",{class:"radio-block__description"},o):""}renderSingleBlock(o){const{id:t,value:e,iconName:a,label:i,description:n}=o;return r("button",{class:{"radio-block":!0,[this.blockType]:!0,checked:this.checked===t},onClick:()=>this.setChecked(t,e)},this.renderIcon(a),r("span",{class:"radio-block__label"},i),this.renderDescription(n))}render(){const{theme:o,blocks:t}=this;return r(a,{key:"9d5566ae86d83b32f964fe3a809c137b68dc323e"},r("div",{key:"669855a39a00bdf352bc4f98dfe8f9f2a667ac20",class:{"radio-block__container":!0,[`radio-block-${o}-theme`]:!0,["row-of-"+this.blocksPerRow]:!!this.blocksPerRow}},t.map((o=>this.renderSingleBlock(o)))))}static get style(){return'.sc-tet-radio-blocks-h{box-sizing:border-box}*.sc-tet-radio-blocks,*.sc-tet-radio-blocks:before,*.sc-tet-radio-blocks:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-radio-blocks-h{--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.sc-tet-radio-blocks{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.sc-tet-radio-blocks::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-radio-blocks{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.sc-tet-radio-blocks::before{content:"\\e85a"}.icon.tet-close.sc-tet-radio-blocks{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.sc-tet-radio-blocks::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-radio-blocks{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.sc-tet-radio-blocks::before{content:"\\e86c"}.icon.tet-check.sc-tet-radio-blocks{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.sc-tet-radio-blocks::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-radio-blocks{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.sc-tet-radio-blocks::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-radio-blocks{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.sc-tet-radio-blocks::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-radio-blocks{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.sc-tet-radio-blocks::before{content:"\\e86a"}.icon.tet-info.sc-tet-radio-blocks{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.sc-tet-radio-blocks::before{content:"\\e81d"}.icon.tet-done.sc-tet-radio-blocks{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.sc-tet-radio-blocks::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")}.sc-tet-radio-blocks-h{--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)}.sc-tet-radio-blocks-h{display:block;position:relative}.radio-block.sc-tet-radio-blocks{display:flex;width:100%;align-items:center;gap:0.75rem;border-radius:0.5rem;border:0.0625rem solid var(--radio-block-border-color);background-color:var(--radio-block-background-color);cursor:pointer}.radio-block-dark-theme.sc-tet-radio-blocks{--radio-block-text-color:var(--tc-text-primary-dark);--radio-block-border-color:var(--tc-border-quaternary-dark);--radio-block-background-color:var(--tc-layer-permanent-black-dark);--radio-block-hover-border-color:var(--tc-border-tertiary-dark);--radio-block-hover-background-color:var(--tc-brown-80);--radio-block-pressed-border-color:var(--tc-border-secondary-dark);--radio-block-pressed-background-color:var(--tc-brown-60);--radio-block-checked-border-color:var(--tc-brown-30);--radio-block-checked-background-color:var(--tc-brown-50-dark);--radio-block-focused-border-color:var(--tc-blue-40-dark)}.radio-block-light-theme.sc-tet-radio-blocks{--radio-block-text-color:var(--tc-text-primary);--radio-block-border-color:var(--tc-border-quaternary);--radio-block-background-color:var(--tc-layer-permanent-white);--radio-block-hover-border-color:var(--tc-border-tertiary);--radio-block-hover-background-color:var(--tc-yellow-10);--radio-block-pressed-border-color:var(--tc-border-secondary);--radio-block-pressed-background-color:var(--tc-yellow-20);--radio-block-checked-border-color:var(--tc-yellow-60);--radio-block-checked-background-color:var(--tc-yellow-40);--radio-block-focused-border-color:var(--tc-blue-40)}.radio-block.small.sc-tet-radio-blocks{padding:1.25rem 0.75rem;flex-direction:row;gap:0.75rem}.radio-block.large.sc-tet-radio-blocks{align-items:flex-start;padding:1.25rem;flex-direction:column;gap:1rem}.radio-block__container.sc-tet-radio-blocks{display:grid;grid-template-columns:repeat(1, 1fr);gap:1rem}@media screen and (min-width: 31.25rem){.radio-block__container.row-of-2.sc-tet-radio-blocks{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 31.25rem){.radio-block__container.row-of-3.sc-tet-radio-blocks{grid-template-columns:repeat(3, 1fr)}}.radio-block__icon.sc-tet-radio-blocks{--icon-size:1.5rem}.radio-block__label.sc-tet-radio-blocks{font:500 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";color:var(--radio-block-text-color)}@media screen and (min-width: 31.25rem){.radio-block__label.sc-tet-radio-blocks{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.radio-block__description.sc-tet-radio-blocks{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--radio-block-text-color);text-align:start}.radio-block.sc-tet-radio-blocks:hover{border-color:var(--radio-block-hover-border-color);background-color:var(--radio-block-hover-background-color)}.radio-block.sc-tet-radio-blocks:active{border-color:var(--radio-block-pressed-border-color);background-color:var(--radio-block-pressed-background-color)}.radio-block.checked.sc-tet-radio-blocks{border-color:var(--radio-block-checked-border-color);background-color:var(--radio-block-checked-background-color)}.radio-block.sc-tet-radio-blocks:focus-visible{border:0.125rem solid var(--radio-block-focused-border-color)}'}},[514,"tet-radio-blocks",{blocks:[16],blocksPerRow:[2,"blocks-per-row"],blockType:[1,"block-type"],theme:[1],accessibilityLabel:[1,"accessibility-label"],checked:[32],setChecked:[64]}]),s=l,c=function(){"undefined"!=typeof customElements&&["tet-radio-blocks","tet-icon"].forEach((o=>{switch(o){case"tet-radio-blocks":customElements.get(i(o))||customElements.define(i(o),l);break;case"tet-icon":customElements.get(i(o))||n()}}))};export{s as TetRadioBlocks,c as defineCustomElement}
+import{T as o,d as s}from"./p-CKvGKHDE.js";const p=o,r=s;export{p as TetRadioBlocks,r as defineCustomElement}