@tet/tet-components 1.4.30-testing → 1.4.31-staging

package/dist/types/components/advanced/cards/tet-snicker-card-group/tet-snicker-card-group.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import type { SnickerCardSelectionType } from '../tet-snicker-card/tet-snicker-card';
+export type SnickerCardGroupSelectionType = SnickerCardSelectionType;
+export interface SnickerCardGroupSelectionChangeDetail {
+    selectionType: SnickerCardGroupSelectionType;
+    selectedIndexes: number[];
+}
+export declare class TetSnickerCardGroup {
+    hostElement: HTMLTetSnickerCardGroupElement;
+    /** Selection behavior for slotted cards. */
+    selectionType: SnickerCardGroupSelectionType;
+    /** Emitted when group selection changes. */
+    groupSelectionChange: EventEmitter<SnickerCardGroupSelectionChangeDetail>;
+    private selectedIndex?;
+    private selectedIndexes;
+    onSelectionTypeChanged(): void;
+    componentDidLoad(): void;
+    private readonly getCards;
+    private readonly isCardBlocked;
+    private readonly getCardState;
+    private readonly isCardStateBlocked;
+    private readonly syncSelectionFromChildren;
+    private readonly applySelectionToChildren;
+    private readonly getCardIndexFromEvent;
+    private readonly emitSelectionChange;
+    private readonly focusCard;
+    private readonly handleCardClick;
+    private readonly handleKeyDown;
+    private readonly handleSlotChange;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -59,7 +59,9 @@ import { FooterTextType, PriceSize, PriceTheme, PriceType } from "./components/v
 import { RadioCheckEventInterface } from "./components/basic/buttons/tet-radio/tet-radio";
 import { RoundStepperInterface } from "./components/basic/steppers/tet-round-stepper/tet-round-stepper";
 import { ListItemContextInterface } from "./components/simple/lists/tet-selection-list/tet-selection-list";
+import { SnickerCardAccordionConfig, SnickerCardIndicator, SnickerCardInlineMessage, SnickerCardPriceInfo, SnickerCardSelection, SnickerCardSelectionState, SnickerCardSelectionType, SnickerCardState } from "./components/advanced/cards/tet-snicker-card/tet-snicker-card";
 import { TetSnickerCardBadgeState, TetSnickerCardBadgeTheme, TetSnickerCardBadgeType } from "./components/advanced/cards/tet-snicker-card/partials/tet-snicker-card-badge/tet-snicker-card-badge";
+import { SnickerCardGroupSelectionChangeDetail, SnickerCardGroupSelectionType } from "./components/advanced/cards/tet-snicker-card-group/tet-snicker-card-group";
 import { StepperStepInterface } from "./components/basic/steppers/tet-stepper/tet-stepper";
 import { StepperV2StepInterface } from "./components/basic/steppers/tet-stepper-v2/tet-stepper-v2";
 import { StepperV3StepInterface } from "./components/basic/steppers/tet-stepper-v3/tet-stepper-v3";
@@ -127,7 +129,9 @@ export { FooterTextType, PriceSize, PriceTheme, PriceType } from "./components/v
 export { RadioCheckEventInterface } from "./components/basic/buttons/tet-radio/tet-radio";
 export { RoundStepperInterface } from "./components/basic/steppers/tet-round-stepper/tet-round-stepper";
 export { ListItemContextInterface } from "./components/simple/lists/tet-selection-list/tet-selection-list";
+export { SnickerCardAccordionConfig, SnickerCardIndicator, SnickerCardInlineMessage, SnickerCardPriceInfo, SnickerCardSelection, SnickerCardSelectionState, SnickerCardSelectionType, SnickerCardState } from "./components/advanced/cards/tet-snicker-card/tet-snicker-card";
 export { TetSnickerCardBadgeState, TetSnickerCardBadgeTheme, TetSnickerCardBadgeType } from "./components/advanced/cards/tet-snicker-card/partials/tet-snicker-card-badge/tet-snicker-card-badge";
+export { SnickerCardGroupSelectionChangeDetail, SnickerCardGroupSelectionType } from "./components/advanced/cards/tet-snicker-card-group/tet-snicker-card-group";
 export { StepperStepInterface } from "./components/basic/steppers/tet-stepper/tet-stepper";
 export { StepperV2StepInterface } from "./components/basic/steppers/tet-stepper-v2/tet-stepper-v2";
 export { StepperV3StepInterface } from "./components/basic/steppers/tet-stepper-v3/tet-stepper-v3";
@@ -3221,6 +3225,111 @@ export namespace Components {
          */
         "unsetSelectedItems": () => Promise<void>;
     }
+    /**
+     * Snicker card component based on the Snicker Card Max layout.
+     */
+    interface TetSnickerCard {
+        /**
+          * Optional accordion toggle configuration.
+         */
+        "accordionConfig"?: SnickerCardAccordionConfig;
+        /**
+          * Optional benefit link rendered as the last benefits entry.
+         */
+        "benefitLink"?: string;
+        /**
+          * Optional benefits list.
+         */
+        "benefits"?: string[];
+        /**
+          * Bottom link text.
+         */
+        "bottomLinkText"?: string;
+        /**
+          * Optional remark shown in the bottom.
+         */
+        "bottomRemark"?: string;
+        /**
+          * Main title text.
+         */
+        "cardTitle"?: string;
+        /**
+          * Current committed count state.
+         */
+        "count"?: number;
+        /**
+          * Description text.
+         */
+        "description"?: string;
+        /**
+          * Programmatically focuses the card selection target used by keyboard navigation.
+         */
+        "focusSelectionTarget": () => Promise<void>;
+        /**
+          * Optional indicator visual config (`tet-radio` / `tet-checkbox`) for UI only; it does not control selection behavior.
+         */
+        "indicator"?: SnickerCardIndicator;
+        /**
+          * Optional inline message config.
+         */
+        "inlineMessage"?: SnickerCardInlineMessage;
+        /**
+          * Indicates whether the item is already in cart.
+         */
+        "isInCart": boolean;
+        /**
+          * Roving-tabindex flag used by parent groups in `radio` mode.
+         */
+        "isTabStop": boolean;
+        /**
+          * Optional package item image urls.
+         */
+        "packageItems"?: string[];
+        /**
+          * Optional price information.
+         */
+        "price"?: SnickerCardPriceInfo;
+        /**
+          * Current committed primary dropdown value.
+         */
+        "primaryValue"?: DropdownOptionInterface['value'];
+        /**
+          * Current committed secondary dropdown value.
+         */
+        "secondaryValue"?: DropdownOptionInterface['value'];
+        /**
+          * Optional selection controls config: dropdowns + stepper + add/remove button.
+         */
+        "selectionConfig"?: SnickerCardSelection;
+        /**
+          * Functional selection behavior (`radio` | `checkbox`) used for card interaction and accessibility roles.
+         */
+        "selectionType": SnickerCardSelectionType;
+        /**
+          * Visual card state.
+         */
+        "state": SnickerCardState;
+        /**
+          * Optional subscription row image urls.
+         */
+        "subscriptionItems"?: string[];
+        /**
+          * Optional subscription label shown for `subscribed` state.
+         */
+        "subscriptionLabel"?: string;
+        /**
+          * Subtitle text.
+         */
+        "subtitle"?: string;
+        /**
+          * The card theme.
+         */
+        "theme": 'light' | 'dark';
+        /**
+          * Optional top floating badge label.
+         */
+        "topBadge"?: string;
+    }
     /**
      * A compact status badge component.
      */
@@ -3240,7 +3349,13 @@ export namespace Components {
         /**
           * Badge visual type.
          */
-        "type": TetSnickerCardBadgeType;
+        "type"?: TetSnickerCardBadgeType;
+    }
+    interface TetSnickerCardGroup {
+        /**
+          * Selection behavior for slotted cards.
+         */
+        "selectionType": SnickerCardGroupSelectionType;
     }
     interface TetSpacing {
     }
@@ -4130,6 +4245,14 @@ export interface TetSelectionListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTetSelectionListElement;
 }
+export interface TetSnickerCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTetSnickerCardElement;
+}
+export interface TetSnickerCardGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTetSnickerCardGroupElement;
+}
 export interface TetStepperInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTetStepperInputElement;
@@ -5421,6 +5544,31 @@ declare global {
         prototype: HTMLTetSelectionListElement;
         new (): HTMLTetSelectionListElement;
     };
+    interface HTMLTetSnickerCardElementEventMap {
+        "bottomLinkClick": string;
+        "benefitLinkClick": string;
+        "cardClick": void;
+        "selectionStateChange": SnickerCardSelectionState;
+        "addToCart": SnickerCardSelectionState;
+        "removeFromCart": void;
+    }
+    /**
+     * Snicker card component based on the Snicker Card Max layout.
+     */
+    interface HTMLTetSnickerCardElement extends Components.TetSnickerCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTetSnickerCardElementEventMap>(type: K, listener: (this: HTMLTetSnickerCardElement, ev: TetSnickerCardCustomEvent<HTMLTetSnickerCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLTetSnickerCardElementEventMap>(type: K, listener: (this: HTMLTetSnickerCardElement, ev: TetSnickerCardCustomEvent<HTMLTetSnickerCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLTetSnickerCardElement: {
+        prototype: HTMLTetSnickerCardElement;
+        new (): HTMLTetSnickerCardElement;
+    };
     /**
      * A compact status badge component.
      */
@@ -5430,6 +5578,23 @@ declare global {
         prototype: HTMLTetSnickerCardBadgeElement;
         new (): HTMLTetSnickerCardBadgeElement;
     };
+    interface HTMLTetSnickerCardGroupElementEventMap {
+        "groupSelectionChange": SnickerCardGroupSelectionChangeDetail;
+    }
+    interface HTMLTetSnickerCardGroupElement extends Components.TetSnickerCardGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTetSnickerCardGroupElementEventMap>(type: K, listener: (this: HTMLTetSnickerCardGroupElement, ev: TetSnickerCardGroupCustomEvent<HTMLTetSnickerCardGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLTetSnickerCardGroupElementEventMap>(type: K, listener: (this: HTMLTetSnickerCardGroupElement, ev: TetSnickerCardGroupCustomEvent<HTMLTetSnickerCardGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLTetSnickerCardGroupElement: {
+        prototype: HTMLTetSnickerCardGroupElement;
+        new (): HTMLTetSnickerCardGroupElement;
+    };
     interface HTMLTetSpacingElement extends Components.TetSpacing, HTMLStencilElement {
     }
     var HTMLTetSpacingElement: {
@@ -5794,7 +5959,9 @@ declare global {
         "tet-referral": HTMLTetReferralElement;
         "tet-round-stepper": HTMLTetRoundStepperElement;
         "tet-selection-list": HTMLTetSelectionListElement;
+        "tet-snicker-card": HTMLTetSnickerCardElement;
         "tet-snicker-card-badge": HTMLTetSnickerCardBadgeElement;
+        "tet-snicker-card-group": HTMLTetSnickerCardGroupElement;
         "tet-spacing": HTMLTetSpacingElement;
         "tet-spinner": HTMLTetSpinnerElement;
         "tet-stepper": HTMLTetStepperElement;
@@ -9013,6 +9180,131 @@ declare namespace LocalJSX {
          */
         "preSelectedItems"?: any[];
     }
+    /**
+     * Snicker card component based on the Snicker Card Max layout.
+     */
+    interface TetSnickerCard {
+        /**
+          * Optional accordion toggle configuration.
+         */
+        "accordionConfig"?: SnickerCardAccordionConfig;
+        /**
+          * Optional benefit link rendered as the last benefits entry.
+         */
+        "benefitLink"?: string;
+        /**
+          * Optional benefits list.
+         */
+        "benefits"?: string[];
+        /**
+          * Bottom link text.
+         */
+        "bottomLinkText"?: string;
+        /**
+          * Optional remark shown in the bottom.
+         */
+        "bottomRemark"?: string;
+        /**
+          * Main title text.
+         */
+        "cardTitle"?: string;
+        /**
+          * Current committed count state.
+         */
+        "count"?: number;
+        /**
+          * Description text.
+         */
+        "description"?: string;
+        /**
+          * Optional indicator visual config (`tet-radio` / `tet-checkbox`) for UI only; it does not control selection behavior.
+         */
+        "indicator"?: SnickerCardIndicator;
+        /**
+          * Optional inline message config.
+         */
+        "inlineMessage"?: SnickerCardInlineMessage;
+        /**
+          * Indicates whether the item is already in cart.
+         */
+        "isInCart"?: boolean;
+        /**
+          * Roving-tabindex flag used by parent groups in `radio` mode.
+         */
+        "isTabStop"?: boolean;
+        /**
+          * Emitted when add-to-cart button is clicked.
+         */
+        "onAddToCart"?: (event: TetSnickerCardCustomEvent<SnickerCardSelectionState>) => void;
+        /**
+          * Emitted when benefit link is clicked. Emits link text.
+         */
+        "onBenefitLinkClick"?: (event: TetSnickerCardCustomEvent<string>) => void;
+        /**
+          * Emitted when bottom link is clicked. Emits link text.
+         */
+        "onBottomLinkClick"?: (event: TetSnickerCardCustomEvent<string>) => void;
+        /**
+          * Emitted when card surface is clicked.
+         */
+        "onCardClick"?: (event: TetSnickerCardCustomEvent<void>) => void;
+        /**
+          * Emitted when remove-from-cart button is clicked.
+         */
+        "onRemoveFromCart"?: (event: TetSnickerCardCustomEvent<void>) => void;
+        /**
+          * Emitted when any selection input changes (primary, secondary, count).
+         */
+        "onSelectionStateChange"?: (event: TetSnickerCardCustomEvent<SnickerCardSelectionState>) => void;
+        /**
+          * Optional package item image urls.
+         */
+        "packageItems"?: string[];
+        /**
+          * Optional price information.
+         */
+        "price"?: SnickerCardPriceInfo;
+        /**
+          * Current committed primary dropdown value.
+         */
+        "primaryValue"?: DropdownOptionInterface['value'];
+        /**
+          * Current committed secondary dropdown value.
+         */
+        "secondaryValue"?: DropdownOptionInterface['value'];
+        /**
+          * Optional selection controls config: dropdowns + stepper + add/remove button.
+         */
+        "selectionConfig"?: SnickerCardSelection;
+        /**
+          * Functional selection behavior (`radio` | `checkbox`) used for card interaction and accessibility roles.
+         */
+        "selectionType"?: SnickerCardSelectionType;
+        /**
+          * Visual card state.
+         */
+        "state"?: SnickerCardState;
+        /**
+          * Optional subscription row image urls.
+         */
+        "subscriptionItems"?: string[];
+        /**
+          * Optional subscription label shown for `subscribed` state.
+         */
+        "subscriptionLabel"?: string;
+        /**
+          * Subtitle text.
+         */
+        "subtitle"?: string;
+        /**
+          * The card theme.
+         */
+        "theme"?: 'light' | 'dark';
+        /**
+          * Optional top floating badge label.
+         */
+        "topBadge"?: string;
+    }
     /**
      * A compact status badge component.
      */
@@ -9034,6 +9326,16 @@ declare namespace LocalJSX {
          */
         "type"?: TetSnickerCardBadgeType;
     }
+    interface TetSnickerCardGroup {
+        /**
+          * Emitted when group selection changes.
+         */
+        "onGroupSelectionChange"?: (event: TetSnickerCardGroupCustomEvent<SnickerCardGroupSelectionChangeDetail>) => void;
+        /**
+          * Selection behavior for slotted cards.
+         */
+        "selectionType"?: SnickerCardGroupSelectionType;
+    }
     interface TetSpacing {
     }
     /**
@@ -9789,7 +10091,9 @@ declare namespace LocalJSX {
         "tet-referral": TetReferral;
         "tet-round-stepper": TetRoundStepper;
         "tet-selection-list": TetSelectionList;
+        "tet-snicker-card": TetSnickerCard;
         "tet-snicker-card-badge": TetSnickerCardBadge;
+        "tet-snicker-card-group": TetSnickerCardGroup;
         "tet-spacing": TetSpacing;
         "tet-spinner": TetSpinner;
         "tet-stepper": TetStepper;
@@ -10098,10 +10402,15 @@ declare module "@stencil/core" {
              * The selection list adds the selection functionality to a data array.
              */
             "tet-selection-list": LocalJSX.TetSelectionList & JSXBase.HTMLAttributes<HTMLTetSelectionListElement>;
+            /**
+             * Snicker card component based on the Snicker Card Max layout.
+             */
+            "tet-snicker-card": LocalJSX.TetSnickerCard & JSXBase.HTMLAttributes<HTMLTetSnickerCardElement>;
             /**
              * A compact status badge component.
              */
             "tet-snicker-card-badge": LocalJSX.TetSnickerCardBadge & JSXBase.HTMLAttributes<HTMLTetSnickerCardBadgeElement>;
+            "tet-snicker-card-group": LocalJSX.TetSnickerCardGroup & JSXBase.HTMLAttributes<HTMLTetSnickerCardGroupElement>;
             "tet-spacing": LocalJSX.TetSpacing & JSXBase.HTMLAttributes<HTMLTetSpacingElement>;
             /**
              * A simple circular indicator of progress and activity.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tet/tet-components",
-  "version": "v1.4.30-testing",
+  "version": "v1.4.31-staging",
   "description": "A Stencil-based Web Components library for reusable UI elements.",
   "homepage": "https://tet.lv",
   "main": "dist/index.cjs.js",

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

@@ -1,122 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3242ff3f.js');
-
-const tetCheckboxCss = ":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:underline;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:\"-->\";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--checkbox-border-color:var(--tc-border-secondary);--checkbox-background-color:transparent;--checkbox-checked-background-color:var(--tc-checkbox-active-default);--checkbox-pressed-background-color:var(--tc-checkbox-pressed);--checkbox-icon-color:var(--tc-checkbox-default);--checkbox-text-color:var(--tc-text-primary);--checkbox-text-size:0.875rem;--checkbox-flex-direction:row;--checkbox-justify-content:normal;--checkbox-alignment:center;--checkbox-gap:0.5rem;--checkbox-container-outline-offset:0.125rem;--checkbox-hover-border-color:var(--tc-border-secondary);--checkbox-hover-background-color:var(--tc-checkbox-hover);--checkbox-checked-hover-background-color:var(--tc-checkbox-active-hover);--checkbox-checked-pressed-background-color:var(--tc-checkbox-active-pressed);--checkbox-focus-background-color:transparent;--checkbox-focus-shadow-color:var(--tc-checkbox-active-focus);--checkbox-outline-focus-color:var(--tc-blue-40);--checkbox-disabled-border-color:var(--tc-border-quaternary);--checkbox-disabled-background-color:var(--tc-checkbox-disabled);--checkbox-disabled-checked-background-color:var(--tc-checkbox-active-disabled);--checkbox-disabled-text-color:var(--tc-grey-40);--checkbox-error-border-color:var(--tc-alert-accent-error);--checkbox-unavailable-text-color:var(--tc-text-tertiary);display:block;position:relative}.checkbox.dark,.checkbox.mint{--checkbox-border-color:var(--tc-border-secondary-dark);--checkbox-checked-background-color:var(--tc-checkbox-active-default-dark);--checkbox-pressed-background-color:var(--tc-checkbox-pressed-dark);--checkbox-icon-color:var(--tc-checkbox-default-dark);--checkbox-text-color:var(--tc-text-primary-dark);--checkbox-hover-border-color:var(--tc-border-secondary-dark);--checkbox-hover-background-color:var(--tc-checkbox-hover-dark);--checkbox-checked-hover-background-color:var(--tc-checkbox-active-hover-dark);--checkbox-checked-pressed-background-color:var(--tc-checkbox-active-pressed-dark);--checkbox-focus-background-color:transparent;--checkbox-focus-shadow-color:var(--tc-checkbox-active-focus-dark);--checkbox-outline-focus-color:var(--tc-blue-40-dark);--checkbox-disabled-border-color:var(--tc-border-quaternary-dark);--checkbox-disabled-background-color:var(--tc-checkbox-disabled-dark);--checkbox-disabled-checked-background-color:var(--tc-checkbox-active-disabled-dark);--checkbox-disabled-text-color:var(--tc-grey-40-dark);--checkbox-error-border-color:var(--tc-alert-accent-error-dark);--checkbox-unavailable-text-color:var(--tc-text-tertiary-dark)}.checkbox.dark .checkbox__html-input:focus-visible~.checkbox__input,.checkbox.mint .checkbox__html-input:focus-visible~.checkbox__input{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.checkbox.dark .checkbox__html-input:focus-visible~.checkbox__input--hide-focus-style,.checkbox.mint .checkbox__html-input:focus-visible~.checkbox__input--hide-focus-style{outline:none}.checkbox.mint{--checkbox-checked-background-color:rgb(31, 208, 214);--checkbox-hover-background-color:rgba(31, 208, 214, 0.16);--checkbox-focus-border-color:rgb(31, 208, 214);--checkbox-focus-shadow-color:rgba(31, 208, 214, 0.24);--checkbox-checked-hover-background-color:var(--checkbox-checked-background-color);--checkbox-checked-pressed-background-color:var(--checkbox-checked-background-color)}.checkbox__container{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:flex;gap:var(--checkbox-gap);flex-direction:var(--checkbox-flex-direction);justify-content:var(--checkbox-justify-content);align-items:var(--checkbox-alignment);user-select:none;cursor:pointer;color:var(--checkbox-text-color);font-size:var(--checkbox-text-size)}.checkbox__container--focus-style:has(.checkbox__html-input:focus-visible){outline:0.125rem solid var(--checkbox-outline-focus-color);outline-offset:var(--checkbox-container-outline-offset);border-radius:0.125rem}.checkbox__container:has(.checkbox__html-input:disabled){cursor:auto}.checkbox__container--align-start{align-items:flex-start}.checkbox__container--align-start .checkbox__input--sm{margin-top:0.0625rem}.checkbox__container--align-start .checkbox__input--md{margin-top:0.15625rem}.checkbox__container--align-start .checkbox__input--lg-inter,.checkbox__container--align-start .checkbox__input--lg-gilroy{margin-top:0.1875rem}.checkbox__container:hover .checkbox__input{border-color:var(--checkbox-hover-border-color);background-color:var(--checkbox-hover-background-color)}.checkbox__container:hover .checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__container:active .checkbox__input{background-color:var(--checkbox-pressed-background-color)}.checkbox__container:hover .checkbox__html-input:checked:not(:disabled)~.checkbox__input{border-color:transparent;background-color:var(--checkbox-checked-hover-background-color)}.checkbox__container:active .checkbox__html-input:checked:not(:disabled)~.checkbox__input{border-color:transparent;background-color:var(--checkbox-checked-pressed-background-color)}.checkbox__icon{--icon-color:var(--checkbox-icon-color);--icon-size:100%;opacity:0;position:absolute}.checkbox__html-input{position:absolute;opacity:0;width:0;height:0}.checkbox__html-input:focus~.checkbox__input{background-color:var(--checkbox-focus-background-color);border-color:var(--checkbox-focus-border-color)}.checkbox__html-input:focus~.checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__html-input:focus-visible~.checkbox__input{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.checkbox__html-input:focus-visible~.checkbox__input--hide-focus-style{outline:none;border-color:var(--checkbox-border-color)}.checkbox__html-input:focus-visible~.checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__html-input:indeterminate~.checkbox__input,.checkbox__html-input:checked~.checkbox__input{border-color:var(--checkbox-checked-background-color);background-color:var(--checkbox-checked-background-color)}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon,.checkbox__html-input:checked~.checkbox__input .checkbox__icon{opacity:1}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon--indeterminate,.checkbox__html-input:checked~.checkbox__input .checkbox__icon--indeterminate{opacity:0}.checkbox__html-input:indeterminate .checkbox__icon,.checkbox__html-input:checked .checkbox__icon{opacity:1}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon{opacity:0}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon--indeterminate{opacity:1}.checkbox__html-input[disabled]~.checkbox__input{border-color:var(--checkbox-disabled-border-color);background-color:var(--checkbox-disabled-background-color)}.checkbox__html-input[disabled]~.checkbox__label-container .checkbox__label{color:var(--checkbox-disabled-text-color)}.checkbox__html-input[disabled]:checked~.checkbox__input,.checkbox__html-input[disabled]:indeterminate~.checkbox__input{border:none;background-color:var(--checkbox-disabled-checked-background-color)}.checkbox__html-input[disabled].checkbox__html-input--unavailable~.checkbox__label-container .checkbox__label{color:var(--checkbox-unavailable-text-color)}.checkbox__input{display:inline-flex;align-items:center;justify-content:center;background-color:var(--checkbox-background-color);width:1.125rem;min-width:1.125rem;height:1.125rem;min-height:1.125rem;border:0.1rem solid var(--checkbox-border-color);border-radius:0.25rem}.checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__label-container{position:relative}.checkbox__label-slot-icon{display:inline-flex;vertical-align:middle}.checkbox__label-slot-icon--hidden{display:none}.checkbox__label-slot-icon ::slotted(*){width:auto;height:1rem;margin-right:0.5rem}.checkbox__label-slot-icon--sm{vertical-align:text-bottom}.checkbox__label-slot-icon--md ::slotted(*){height:1.25rem}.checkbox__label-slot-icon--lg-inter ::slotted(*),.checkbox__label-slot-icon--lg-gilroy ::slotted(*){height:1.5rem}.checkbox__label--sm{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.checkbox__label--md{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";vertical-align:middle}.checkbox__label--lg-inter{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";vertical-align:middle}.checkbox__label--lg-gilroy{font:600 1.25rem/1.5rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";vertical-align:middle}.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.25rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.25rem) / 2)}.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.25rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--lg-inter,.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.375rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.375rem) / 2)}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.375rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.625rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.625rem) / 2)}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.625rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:1.875rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.875rem) / 2)}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(1.875rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.5rem) / 2)}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.875rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.875rem) / 2)}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.875rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:2.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2.5rem) / 2)}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(2.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.75rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.75rem) / 2)}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.75rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:2rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2rem) / 2)}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--md+.checkbox__label{padding-left:calc(2rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:2.625rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2.625rem) / 2)}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(2.625rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1rem) / 2)}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.25rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.25rem) / 2)}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.25rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}";
-const TetCheckboxStyle0 = tetCheckboxCss;
-
-const TetCheckbox = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.check = index.createEvent(this, "check", 7);
-        this.theme = 'light';
-        this.label = undefined;
-        this.accessibilityLabel = '';
-        this.name = undefined;
-        this.value = 0;
-        this.disabled = false;
-        this.unavailable = false;
-        this.checked = false;
-        this.error = false;
-        this.indeterminate = false;
-        this.focusStyleOnContainer = false;
-        this.iconName = undefined;
-        this.labelFont = undefined;
-        this.alignCenter = true;
-        this.hasSlotIcon = false;
-    }
-    /** The HTML input element. */
-    inputEl;
-    /** The event that is emitted whenever the control element is checked. */
-    check;
-    /**
-     * Updates the indeterminate state whenever the component mounts or updates.
-     */
-    updateIndeterminateState() {
-        this.inputEl.indeterminate = this.indeterminate;
-    }
-    /**
-     * Handles change on the html input element.
-     */
-    handleChange = ({ target }) => {
-        const { checked, indeterminate, error, value } = this;
-        const element = target;
-        this.checked = element.checked;
-        this.indeterminate = element.indeterminate;
-        this.check.emit({ checked: !checked, indeterminate, error, value });
-    };
-    /**
-     * Changes the checked prop of the component.
-     *
-     * @param value
-     */
-    async setChecked(value) {
-        this.checked = value;
-    }
-    /**
-     * Changes the indeterminate prop of the component.
-     *
-     * @param value
-     */
-    async setIndeterminate(value) {
-        this.indeterminate = value;
-    }
-    /**
-     * Changes the error prop of the component.
-     *
-     * @param value
-     */
-    async setError(value) {
-        this.error = value;
-    }
-    onIconSlotChange = (event) => {
-        const slot = event.target;
-        this.hasSlotIcon = slot.assignedElements().length > 0;
-    };
-    get iconType() {
-        const { unavailable, disabled } = this;
-        switch (true) {
-            case unavailable:
-                return 'secondary';
-            case disabled:
-                return 'tertiary';
-            default:
-                return 'primary';
-        }
-    }
-    render() {
-        const { label, name, checked, value, disabled, error, iconName, labelFont, alignCenter, hasSlotIcon, accessibilityLabel, unavailable, iconType } = this;
-        return (index.h(index.Host, { key: '2b137f96b9a158928e7bf13edd24064fc9a67fcf' }, index.h("div", { key: 'd9ad8a40fb6c0a0a1fe2705b99cb14f092a821e3', class: { checkbox: true, [`${this.theme}`]: true } }, index.h("label", { key: '73de7eae4cad137187ea5fbd9b355dab804074f6', class: {
-                'checkbox__container': true,
-                'checkbox__container--focus-style': this.focusStyleOnContainer,
-                'checkbox__container--align-start': !alignCenter,
-            }, part: "checkbox-container", htmlFor: "tet-checkbox" }, index.h("input", { key: '12fbd0566b9b43771e84fe1bc6bd41ebee30178b', ref: (el) => (this.inputEl = el), class: {
-                "checkbox__html-input": true,
-                'checkbox__html-input--unavailable': unavailable,
-            }, id: "tet-checkbox", type: "checkbox", name: name, value: value, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), disabled: disabled || unavailable, checked: checked, onChange: this.handleChange }), index.h("span", { key: 'd57b60f2c25914cd0469ca9500a3b8e6548ad096', class: {
-                'checkbox__input': true,
-                'checkbox__input--error': error,
-                'checkbox__input--hide-focus-style': this.focusStyleOnContainer,
-                ...(labelFont ? { [`checkbox__input--${labelFont}`]: true } : {}),
-            } }, index.h("tet-icon", { key: '19057fad568cc1e4a917b6566d4764f1a9b9bf93', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), index.h("tet-icon", { key: '39d38a6dd295e60d4cbb0c0aafe2ec9d7f7bfddd', name: "check", class: "checkbox__icon" })), index.h("div", { key: '2ac221e6a4818bec7c32980a0fe5a7aa7cc0ddd6', class: "checkbox__label-container" }, iconName ? (index.h("tet-icon", { theme: this.theme === 'light' ? 'light' : 'dark', name: iconName, type: iconType, class: {
-                'checkbox__label-icon': true,
-                [`checkbox__label-icon--${iconName}`]: true,
-                ...(labelFont ? { [`checkbox__label-icon--${labelFont}`]: true } : {}),
-            } })) : (index.h("div", { class: {
-                'checkbox__label-slot-icon': true,
-                'checkbox__label-slot-icon--hidden': !hasSlotIcon,
-                ...(labelFont ? { [`checkbox__label-slot-icon--${labelFont}`]: true } : {}),
-            } }, index.h("slot", { name: "label-icon", onSlotchange: this.onIconSlotChange }))), index.h("span", { key: '2f1efb33e50c2e00d464399c950e77528e98ed67', class: {
-                'checkbox__label': true,
-                ...(labelFont ? { [`checkbox__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, index.h("slot", { key: 'c72b3d2b6323c243cf7a58ce25a7b67cc3b6fca2' })))))));
-    }
-    static get watchers() { return {
-        "indeterminate": ["updateIndeterminateState"]
-    }; }
-};
-TetCheckbox.style = TetCheckboxStyle0;
-
-exports.tet_checkbox = TetCheckbox;