@tet/tet-components 1.4.6-testing → 1.4.7-staging

package/dist/types/components/simple/lists/tet-link-card-list/tet-link-card-list.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from "../../../../stencil-public-runtime";
+export type ListLayout = 'gapped' | 'compact' | 'columns';
+export type ListTheme = 'light' | 'dark';
+export type Target = '_blank' | '_self' | '_parent' | '_top';
+export type ListItem = {
+    label: string;
+    href: string;
+    linkAttributes?: {
+        target?: Target;
+        rel?: string;
+    };
+    categoryIcon?: string;
+    description?: string;
+    rightIcon?: string;
+    rightIconText?: string;
+};
+export declare class TetLinkCardList {
+    /** The theme of the component. */
+    theme: ListTheme;
+    /** The layout of the component. */
+    layout: ListLayout;
+    /** Number of item placeholders to render when no items are provided */
+    placeholderCount: number;
+    /** The items to render in the list. */
+    items: ListItem[];
+    /** Fires when a link item is clicked or activated with Enter */
+    linkClick: EventEmitter<{
+        item: ListItem;
+        nativeEvent: MouseEvent;
+    }>;
+    private renderIconTile;
+    private renderPlaceholders;
+    private renderListItem;
+    private getRelAttributeValue;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -44,6 +44,7 @@ import { ValidatorInterface } from "./services/validators/index";
 import { StateChangeInterface, TetExpandableInputSize } from "./components/simple/inputs/tet-expandable-input/tet-expandable-input";
 import { FilterState, TagInterface } from "./components/simple/filter/tet-filter/tet-filter";
 import { InlineMessageIconVariant } from "./components/simple/text-blocks/tet-inline-message/tet-inline-message";
+import { ListItem, ListLayout, ListTheme } from "./components/simple/lists/tet-link-card-list/tet-link-card-list";
 import { Theme } from "./services/theme/index";
 import { CommunicationDialogResponse, OpenCommunicationEvent, SelectedMacdOrderTypeEvent } from "./components/views/tet-macd-view/tet-macd-view";
 import { MenuItemTheme, SubLevelInterface } from "./components/simple/menu/tet-menu/tet-menu";
@@ -105,6 +106,7 @@ export { ValidatorInterface } from "./services/validators/index";
 export { StateChangeInterface, TetExpandableInputSize } from "./components/simple/inputs/tet-expandable-input/tet-expandable-input";
 export { FilterState, TagInterface } from "./components/simple/filter/tet-filter/tet-filter";
 export { InlineMessageIconVariant } from "./components/simple/text-blocks/tet-inline-message/tet-inline-message";
+export { ListItem, ListLayout, ListTheme } from "./components/simple/lists/tet-link-card-list/tet-link-card-list";
 export { Theme } from "./services/theme/index";
 export { CommunicationDialogResponse, OpenCommunicationEvent, SelectedMacdOrderTypeEvent } from "./components/views/tet-macd-view/tet-macd-view";
 export { MenuItemTheme, SubLevelInterface } from "./components/simple/menu/tet-menu/tet-menu";
@@ -2319,6 +2321,24 @@ export namespace Components {
     }
     interface TetLink {
     }
+    interface TetLinkCardList {
+        /**
+          * The items to render in the list.
+         */
+        "items": ListItem[];
+        /**
+          * The layout of the component.
+         */
+        "layout": ListLayout;
+        /**
+          * Number of item placeholders to render when no items are provided
+         */
+        "placeholderCount": number;
+        /**
+          * The theme of the component.
+         */
+        "theme": ListTheme;
+    }
     /**
      * A simple circular indicator of progress and activity.
      */
@@ -3142,10 +3162,6 @@ export namespace Components {
           * Determines if the autoplay should be run
          */
         "autoplayDelay": number;
-        /**
-          * Determines if component is in dark mode
-         */
-        "darkMode": boolean;
         /**
           * The dataName attribute
          */
@@ -3200,7 +3216,7 @@ export namespace Components {
         /**
           * The theme of the tab.
          */
-        "theme": 'light' | 'classic' | 'blue' | 'dark' | 'square' | 'netflix' | 'dark-gray';
+        "theme": 'light' | 'blue' | 'dark' | 'square' | 'netflix' | 'dark-gray';
         /**
           * Expose toggle of autoplay
           * @param active sets state of autoplay
@@ -3732,6 +3748,10 @@ export interface TetFilterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTetFilterElement;
 }
+export interface TetLinkCardListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTetLinkCardListElement;
+}
 export interface TetMacdViewCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTetMacdViewElement;
@@ -4712,6 +4732,23 @@ declare global {
         prototype: HTMLTetLinkElement;
         new (): HTMLTetLinkElement;
     };
+    interface HTMLTetLinkCardListElementEventMap {
+        "linkClick": { item: ListItem; nativeEvent: MouseEvent };
+    }
+    interface HTMLTetLinkCardListElement extends Components.TetLinkCardList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTetLinkCardListElementEventMap>(type: K, listener: (this: HTMLTetLinkCardListElement, ev: TetLinkCardListCustomEvent<HTMLTetLinkCardListElementEventMap[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 HTMLTetLinkCardListElementEventMap>(type: K, listener: (this: HTMLTetLinkCardListElement, ev: TetLinkCardListCustomEvent<HTMLTetLinkCardListElementEventMap[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 HTMLTetLinkCardListElement: {
+        prototype: HTMLTetLinkCardListElement;
+        new (): HTMLTetLinkCardListElement;
+    };
     /**
      * A simple circular indicator of progress and activity.
      */
@@ -5273,6 +5310,7 @@ declare global {
         "tet-label": HTMLTetLabelElement;
         "tet-layout": HTMLTetLayoutElement;
         "tet-link": HTMLTetLinkElement;
+        "tet-link-card-list": HTMLTetLinkCardListElement;
         "tet-loader": HTMLTetLoaderElement;
         "tet-macd-view": HTMLTetMacdViewElement;
         "tet-menu": HTMLTetMenuElement;
@@ -7592,6 +7630,28 @@ declare namespace LocalJSX {
     }
     interface TetLink {
     }
+    interface TetLinkCardList {
+        /**
+          * The items to render in the list.
+         */
+        "items"?: ListItem[];
+        /**
+          * The layout of the component.
+         */
+        "layout"?: ListLayout;
+        /**
+          * Fires when a link item is clicked or activated with Enter
+         */
+        "onLinkClick"?: (event: TetLinkCardListCustomEvent<{ item: ListItem; nativeEvent: MouseEvent }>) => void;
+        /**
+          * Number of item placeholders to render when no items are provided
+         */
+        "placeholderCount"?: number;
+        /**
+          * The theme of the component.
+         */
+        "theme"?: ListTheme;
+    }
     /**
      * A simple circular indicator of progress and activity.
      */
@@ -8417,10 +8477,6 @@ declare namespace LocalJSX {
           * Determines if the autoplay should be run
          */
         "autoplayDelay"?: number;
-        /**
-          * Determines if component is in dark mode
-         */
-        "darkMode"?: boolean;
         /**
           * The dataName attribute
          */
@@ -8464,7 +8520,7 @@ declare namespace LocalJSX {
         /**
           * The theme of the tab.
          */
-        "theme"?: 'light' | 'classic' | 'blue' | 'dark' | 'square' | 'netflix' | 'dark-gray';
+        "theme"?: 'light' | 'blue' | 'dark' | 'square' | 'netflix' | 'dark-gray';
         /**
           * The type of the tab.
          */
@@ -8911,6 +8967,7 @@ declare namespace LocalJSX {
         "tet-label": TetLabel;
         "tet-layout": TetLayout;
         "tet-link": TetLink;
+        "tet-link-card-list": TetLinkCardList;
         "tet-loader": TetLoader;
         "tet-macd-view": TetMacdView;
         "tet-menu": TetMenu;
@@ -9148,6 +9205,7 @@ declare module "@stencil/core" {
             "tet-label": LocalJSX.TetLabel & JSXBase.HTMLAttributes<HTMLTetLabelElement>;
             "tet-layout": LocalJSX.TetLayout & JSXBase.HTMLAttributes<HTMLTetLayoutElement>;
             "tet-link": LocalJSX.TetLink & JSXBase.HTMLAttributes<HTMLTetLinkElement>;
+            "tet-link-card-list": LocalJSX.TetLinkCardList & JSXBase.HTMLAttributes<HTMLTetLinkCardListElement>;
             /**
              * A simple circular indicator of progress and activity.
              */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tet/tet-components",
-  "version": "v1.4.6-testing",
+  "version": "v1.4.7-staging",
   "description": "A Stencil-based Web Components library for reusable UI elements.",
   "homepage": "https://tet.lv",
   "main": "dist/index.cjs.js",
@@ -44,7 +44,7 @@
   },
   "devDependencies": {
     "@stencil-community/eslint-plugin": "^0.7.2",
-    "@stencil/angular-output-target": "^0.8.4",
+    "@stencil/angular-output-target": "^1.3.0",
     "@stencil/sass": "^3.0.11",
     "@stencil/store": "^2.0.15",
     "@storybook/addon-docs": "^9.1.17",

package/dist/tet-components/p-2600468d.js

@@ -1 +0,0 @@
-import{h as t}from"./p-c2d4b54d.js";import{c as e}from"./p-d865906c.js";var o;!function(t){t.LIGHT="light",t.DARK="dark"}(o||(o={}));const r="tet-components-theme",a=t=>Object.values(o).some((e=>e===t)),{state:c,onChange:n}=e({theme:(()=>{const t=localStorage.getItem(r);return a(t)?t:o.LIGHT})()});n("theme",(t=>{const e=t.toString();if(!a(e))throw new Error(`Invalid theme: "${e}"`);localStorage.setItem(r,e)}));const s=t=>`theme-${t}`,m=({theme:e},o)=>t("div",{class:{[s(e||c.theme)]:!0}},o);export{o as T,m as a}

package/dist/tet-components/p-2edb649f.entry.js

@@ -1 +0,0 @@
-import{r as a,g as e,h as t,H as r}from"./p-c2d4b54d.js";import{f as c}from"./p-25c9957d.js";import"./p-ea211ac8.js";import{p as i}from"./p-1182034b.js";import{C as s}from"./p-c9cdf98c.js";import"./p-6e631dc7.js";const d=class{constructor(e){a(this,e),this.data=void 0,this.forceColumn=!1,this.layout="default",this.theme="light",this.darkMode=!1,this.isNetflixCard=!1,this.darkHeader=!1,this.withProductFilters=!1,this.productDataLoaded=!1,this.showLoader=!0,this.productSACData=void 0,this.filteredProductCodes=[]}get element(){return e(this)}compareCardsFiltersHelper;async componentWillLoad(){const a=this.addProductCodes(this.data,[]);a.length>0?await this.getProductData(a.join(",")):this.productDataLoaded=!0}onDataChange(){!1===this.showLoader&&setTimeout((()=>{this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}),5)}async hideLoader(){this.showLoader=!1}addProductCodes(a,e){return void 0!==a?.compareCards?a.compareCards.forEach((a=>{void 0===a.productCode||e.includes(a.productCode)||e.push(a.productCode)})):void 0!==a?.tabs&&a.tabs.forEach((a=>{void 0!==a.compareCards?e=this.addProductCodes(a,e):void 0!==a.tabList&&(e=this.addProductCodes(a.tabList,e))})),e}getProductData(a){this.productDataLoaded=!1,i(a).then((a=>{this.productSACData=a,this.productDataLoaded=!0,this.initCompareCardFilters(),this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}))}initCompareCardFilters(){this.compareCardsFiltersHelper=new s(((a,e,t)=>{this.filteredProductCodes=t})),this.compareCardsFiltersHelper.initialize(this.productSACData)}handleFilteredProductsChanged=a=>{this.filteredProductCodes=a.detail.filteredProductIds};renderLoader=()=>t("div",{class:{"tet-compare-cards-tab__placeholder":!0,visible:this.showLoader}},[...Array(3)].map((()=>t("tet-placeholder",{class:"tet-placeholder",height:"27rem",width:"21.5rem",darkTheme:this.darkMode}))));renderTabHeader(a,e){if((1!==a.tabs.length||""!==a.tabs[0].title)&&void 0!==a?.tabs&&void 0!==a?.tabHeader)return a.tabs.map((e=>{""!==e?.title&&void 0!==e?.title&&1===a.tabs.length&&(e.disabled=!0)})),t("div",{class:"tet-compare-cards-tab__header-container"},t("tet-tab-header",{darkMode:!!this.darkHeader||this.darkMode,position:a.tabHeader.position,"default-tab":`tab-${e}-${a.tabHeader.defaultTabIndex}`,segmented:a.tabHeader.segmented,sizing:a.tabHeader.sizing,"data-name":a.tabHeader.dataName,class:"tet-compare-cards-tab__header"},a.tabs.map(((a,r)=>t("button",{"data-name":`tab-${e}-${r}`,class:{disabled:a.disabled||this.showLoader,button:!0}},a.image&&!a.imagePositionRight?t("img",{class:"tet-compare-cards-tab__header--image",src:a.image,alt:a.altText}):"",a.title,a.image&&a.imagePositionRight?t("img",{class:{"tet-compare-cards-tab__header--image":!0,right:!0},src:a.image,alt:a.altText}):"")))))}renderContent(a,e){return void 0!==a.compareCards?t("div",null,this.renderCompareCards(a.compareCards,a.vatText,a.cardScript)):t("tet-tab-content",{"data-name":a.tabHeader.dataName,"default-tab":`tab-${e}-${a.tabHeader.defaultTabIndex}`,"use-visibility":!a.disableCardHeightSegmentAlignment},a.tabs.map(((a,r)=>t("div",{"data-name":`tab-${e}-${r}`},void 0!==a.tabList?this.renderTabHeader(a.tabList,e+1):"",void 0!==a.tabList?this.renderContent(a.tabList,e+1):"",void 0!==a.compareCards?this.renderCompareCards(a.compareCards,a.vatText,a.cardScript):""))))}renderProductFilters=()=>t("tet-address-offers-filters-products",{productCodes:this.productSACData,class:"center tet-compare-cards-tab__filters",clearFilterButton:!0,onFilteredProductsChanged:this.handleFilteredProductsChanged,theme:this.darkMode?"dark":"light"});renderCompareCards(a,e="",r=""){let i=a;this.filteredProductCodes&&this.filteredProductCodes.length>0&&(i=a.filter((a=>!a.productCode||this.filteredProductCodes.includes(a.productCode))));let s=[];return i.forEach((a=>{if(void 0!==a.productCode){const e=a.productCode,t=this.productSACData.products[e];t&&(a=c(a,e,t,this.theme,this.darkMode,this.isNetflixCard))}s.push(a)})),t("div",{class:"tet-compare-cards-tab__content"},t("tet-compare-cards",{theme:this.theme,"dark-mode":this.darkMode,"is-netflix-card":this.isNetflixCard,layout:this.layout,"force-column":this.forceColumn,"vat-text":e??!1,"card-script":r??!1,data:s}))}render(){return t(r,{key:"e5053b5fc6a387ead25274117c56453be934a850"},t("div",{key:"4ea1b50f18436416bbd7cbda69eb23470eeebdf2",class:"tet-compare-cards-tab-wrapper"},this.withProductFilters?this.renderProductFilters():"",this.renderTabHeader(this.data,1),this.renderLoader(),t("div",{key:"f9a144648ca90e24b095b556506a590d2ff0e4ce",class:{"tet-compare-cards-tab__cards":!0,hidden:this.showLoader}},this.productDataLoaded?this.renderContent(this.data,1):"")))}static get watchers(){return{showLoader:["onDataChange"]}}};d.style=":host{--compare-cards-tab-placeholder-wrap:nowrap;--compare-cards-tab-placeholder-flex-direction:row;--compare-cards-tab-new-price-font-size:2.5rem;--compare-cards-tab-old-price-font-size:1rem;--compare-cards-tab-new-currency-font-size:1.125rem;--compare-cards-tab-title-margin-top:1.25rem;--compare-cards-tab-helper-margin-top:0;--compare-cards-tab-card-max-width:32rem;--compare-cards-tab-padding:1.5rem;--compare-cards-tab-price-wrapper-margin-top:auto;--compare-cards-tab-secondary-link-font-size:0.75rem;--compare-cards-tab-price-line-height:3rem;--compare-cards-tab-thumbnail-display:flex;--compare-cards-tab-thumbnail-card-radius:0 1.5rem 1.5rem 0;--compare-cards-tab-thumbnail-card-width:44rem}.tet-compare-cards-tab-wrapper{width:100%}.tet-compare-cards-tab__content{margin-top:1.75rem}.tet-compare-cards-tab__content tet-compare-cards{--compare-cards-card-max-width:var(--compare-cards-tab-card-max-width);--compare-cards-new-price-font-size:var(--compare-cards-tab-new-price-font-size);--compare-cards-old-price-font-size:var(--compare-cards-tab-old-price-font-size);--compare-cards-new-currency-font-size:var(--compare-cards-tab-new-currency-font-size);--compare-cards-title-margin-top:var(--compare-cards-tab-title-margin-top);--compare-cards-helper-margin-top:var(--compare-cards-tab-helper-margin-top);--compare-cards-price-wrapper-margin-top:var(--compare-cards-tab-price-wrapper-margin-top);--compare-cards-padding:var(--compare-cards-tab-padding);--compare-cards-secondary-link-font-size:var(--compare-cards-tab-secondary-link-font-size);--compare-cards-price-line-height:var(--compare-cards-tab-price-line-height);--compare-cards-thumbnail-display:var(--compare-cards-tab-thumbnail-display);--compare-cards-thumbnail-card-radius:var(--compare-cards-tab-thumbnail-card-radius);--compare-cards-thumbnail-card-width:var(--compare-cards-tab-thumbnail-card-width)}.tet-compare-cards-tab__header{margin:0 auto;display:flex;flex-direction:column}.tet-compare-cards-tab__header .button{font-size:1rem}.tet-compare-cards-tab__header-container{display:flex;flex-direction:column;padding-bottom:0.75rem}.tet-compare-cards-tab__filters{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.tet-compare-cards-tab__header--image{max-height:0.875rem;align-self:center;margin-right:0.5rem}.tet-compare-cards-tab__header--image.right{margin-left:0.5rem;margin-right:unset}.tet-compare-cards-tab__cards{display:block}.tet-compare-cards-tab__cards.hidden{display:none}.tet-compare-cards-tab__placeholder{display:none;flex-direction:var(--compare-cards-tab-placeholder-flex-direction);flex-wrap:var(--compare-cards-tab-placeholder-wrap);gap:1rem;justify-content:center;padding-top:2.5rem}.tet-compare-cards-tab__placeholder.visible{display:flex}.tet-compare-cards-tab__placeholder .tet-placeholder{--placeholder-border-radius:1.5rem}";export{d as tet_compare_cards_tab}

package/dist/tet-components/p-317ba450.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,g as o,h as n,H as i}from"./p-c2d4b54d.js";import{d as r}from"./p-87bbb893.js";import{n as s}from"./p-58434b0c.js";import{b as c,c as a,i as f}from"./p-9a2b6ee2.js";import{r as l}from"./p-df4bc38e.js";function m(t){return!!t&&(!("string"!=typeof t.h||!["a","button","input","select","textarea"].includes(t.h.toLowerCase()))||"object"==typeof t.o&&null!==t.o&&void 0!==t.o.tabindex&&-1!==t.o.tabindex||!!Array.isArray(t.i)&&t.i.some((t=>m(t))))}const d=class{constructor(o){t(this,o),this.optionSelected=e(this,"optionSelected",7),this.activeComponentStateChanged=e(this,"activeComponentStateChanged",7),this.showOptionsOnEscapeClear=!1,this.defaultOptions=[],this.optionsFilterAction=()=>[],this.noOptionsMessage=void 0,this.noOptionsRenderFunction=()=>null,this.clearCallback=void 0,this.finishedLoading=void 0,this.newStyle=!1,this.highlightOptionsKeyword=!0,this.darkTheme=!1,this.optionsIcon="",this.redesignedStyle=!1,this.filteredOptions=[],this.activeOption=void 0,this.showOptions=!1,this.showLoader=!1,this.isKeyboardFocus=!0}get rootElement(){return o(this)}internalUniqueId;inputElement;optionsContainer;activeOptionElement;noOptionsElement;skipNextFilterValueChange=!1;lastFilteredValue="";typingDebounceTime=250;optionSelected;activeComponentStateChanged;componentDidLoad(){this.internalUniqueId=l(12);const t=this.rootElement?.querySelector(".autocomplete-input");var e;null!==t&&(this.inputElement=(e={value:t=>{this.skipNextFilterValueChange||this.debouncedUpdateFilteredOptions(t),this.skipNextFilterValueChange=!1}},new Proxy(t,{set:(t,o,n)=>(o in e&&e[o](n),t[o]=n,!0),get:(t,e)=>"origin"===e?t:t[e]}))),this.inputElement?.origin.addEventListener("input",this.onInputChange),this.inputElement?.origin.addEventListener("focus",this.tryToDisplayOptions)}disconnectedCallback(){this.inputElement?.origin.removeEventListener("input",this.onInputChange),this.inputElement?.origin.removeEventListener("focus",this.tryToDisplayOptions)}onPointerUp(t){t.stopPropagation()}onWindowPointerUp(t){"mouse"!==t.pointerType&&this.activeComponentStateChanged.emit(null)}onMouseDown(){this.isKeyboardFocus=!1}onComponentActiveStateChange({detail:t}){t===this.internalUniqueId&&null!==t||!this.showOptions||(this.showOptions=!1)}async handleKeyDown(t){switch(t.key){case"Escape":await this.clear(this.showOptionsOnEscapeClear);break;case"ArrowDown":if(this.optionsContainer&&this.filteredOptions.length){this.isKeyboardFocus=!0,this.handleInputFocusOutline();const t=-1,e=this.filteredOptions.length-1,o=this.filteredOptions.indexOf(this.activeOption),[n]=this.filteredOptions;if(o===t||o===e)return this.optionsContainer.scrollTop=0,void(this.activeOption=n);this.activeOption=this.filteredOptions[o+1];const i=this.activeOptionElement.nextSibling;this.optionsContainer.scrollTop=i.offsetTop-i.offsetHeight}break;case"ArrowUp":if(this.optionsContainer&&this.filteredOptions.length&&this.activeOption){this.isKeyboardFocus=!0,this.handleInputFocusOutline();const t=this.filteredOptions.length-1,e=this.filteredOptions.indexOf(this.activeOption);if(0===e)return this.optionsContainer.scrollTop=this.optionsContainer.scrollHeight,void(this.activeOption=this.filteredOptions[t]);this.activeOption=this.filteredOptions[e-1];const o=this.activeOptionElement.previousSibling;this.optionsContainer.scrollTop=o.offsetTop-2*o.offsetHeight}break;case"Enter":this.activeOption&&(this.getOptionSelectAction(this.activeOption)(t),this.handleInputFocusOutline(!1));break;default:if(this.showOptions||"Tab"===t.key)return;this.showOptions=!0}}handleNoOptionsFocusOut=t=>{const e=t.relatedTarget;e&&e instanceof HTMLElement&&e.classList.contains("icon-right")||(this.noOptionsElement?.removeEventListener("focusout",this.handleNoOptionsFocusOut),this.showOptions=!1)};handleFocusOut(t){const e=t.relatedTarget;return c(this.noOptionsRenderFunction)&&null!==this.noOptionsRenderFunction()&&!this.filteredOptions.length&&e&&this.rootElement.contains(e)&&m(this.noOptionsRenderFunction())?(this.noOptionsElement?.removeEventListener("focusout",this.handleNoOptionsFocusOut),void this.noOptionsElement?.addEventListener("focusout",this.handleNoOptionsFocusOut)):e&&e instanceof HTMLElement&&e.classList.contains("icon-right")?(this.showOptions=!1,void(this.activeOption=null)):void(this.showOptions&&(e&&this.rootElement.contains(e)||(this.showOptions=!1)))}async clear(t=!1){this.inputElement&&(this.inputElement.value="",this.showOptions=(!this.showOptions||!t)&&t,this.handleInputFocusOutline(!1),this.clearCallback&&this.clearCallback())}async focusOnNativeInput(){this.inputElement&&(this.inputElement.origin.focus(),this.showOptions=!0)}async selectOption(t){this.optionSelected.emit(t),this.showOptions=!1,this.activeOption=null,this.inputElement&&(this.skipNextFilterValueChange=!0,this.inputElement.value=t.label)}handleInputFocusOutline=(t=!0)=>{const e=this.rootElement?.querySelector("input");e instanceof HTMLInputElement&&this.isKeyboardFocus&&(t?(e.focus(),requestAnimationFrame((()=>e.classList.remove("keyboard-focus")))):e.classList.add("keyboard-focus"))};tryToExecuteFinishedLoading=()=>{this.finishedLoading instanceof Function&&this.finishedLoading()};tryToDisplayOptions=()=>{this.showOptions=!0,this.activeComponentStateChanged.emit(this.internalUniqueId),this.inputElement&&this.updateFilteredOptions(this.inputElement?.value)};onInputChange=t=>{this.debouncedUpdateFilteredOptions(t.target.value)};updateFilteredOptions=t=>{this.activeOption=null;const e=s(t??"");if(this.defaultOptions.length&&!e)return this.filteredOptions=this.defaultOptions,this.tryToExecuteFinishedLoading();if(!e||this.lastFilteredValue===e)return this.filteredOptions.length&&!e&&(this.filteredOptions=[]),this.lastFilteredValue=e,this.tryToExecuteFinishedLoading();const o=this.optionsFilterAction(e);a(o)?(this.showLoader=!0,this.filteredOptions=[],o.then((t=>{this.filteredOptions=t,this.lastFilteredValue=e})).finally((()=>{this.showLoader=!1}))):(this.filteredOptions=o,this.lastFilteredValue=e),this.tryToExecuteFinishedLoading()};debouncedUpdateFilteredOptions=r((t=>{this.updateFilteredOptions(t)}),this.typingDebounceTime);onOptionSelect=async(t,e)=>{await this.selectOption({...e,userInteraction:!0,_originalEvent:t}),t.stopPropagation()};getOptionSelectAction=t=>c(t?.clickCallback)?e=>t.clickCallback(e,t):e=>this.onOptionSelect(e,t);getNoOptionsContent=()=>c(this.noOptionsRenderFunction)&&this.noOptionsRenderFunction()||this.noOptionsMessage;renderOptionsLoader=()=>{if(this.showLoader&&!this.newStyle&&!this.redesignedStyle)return n("ul",{class:"autocomplete-options"},n("li",{class:{"autocomplete-options-loader":!0,dark:this.darkTheme}},n("tet-loader",null)))};renderNoOptionsMessage=()=>{const t=this.getNoOptionsContent(),e={};return f(t)||(e.innerHTML=t),n("li",{class:{"autocomplete-options-none-message":!0,dark:this.darkTheme},...e,"aria-live":"polite",ref:t=>this.noOptionsElement=t},f(t)?t:null)};renderOption=(t,e)=>{let{label:o,ignoreHighlighting:i,cssPart:r}=t;const s=this.getOptionSelectAction(t),c=this.lastFilteredValue.split(/\s+/).map((t=>new RegExp(`(?:!</?[^>]*|&[^;]*)(${t})`,"ig")));return this.highlightOptionsKeyword&&!i&&c.forEach((t=>{o=o.replace(t,"<strong>$&</strong>")})),n("li",{class:{"autocomplete-options-item":!0,active:t===this.activeOption,dark:this.darkTheme,"focus-visible":t===this.activeOption&&this.isKeyboardFocus},part:r,onClick:s,onKeyDown:e=>{"Enter"===e.key&&s(t)},ref:e=>t===this.activeOption&&(this.activeOptionElement=e),id:`${this.internalUniqueId}-${e}`,role:"option"},"manual-input"===t.value?n("a",{class:{"tet-link":!0,dark:this.darkTheme,"manual-input":!0},innerHTML:o}):[this.optionsIcon&&(this.newStyle||this.redesignedStyle)&&n("tet-icon",{class:"icon",name:this.optionsIcon}),n("span",{innerHTML:o})])};renderOptions=t=>{if(!this.showOptions)return;const e=!t.length&&!this.showLoader&&this.inputElement?.value&&!!this.getNoOptionsContent();return e||t.length?n("div",{class:{"autocomplete-options-container":!0,dark:this.darkTheme,"new-style":this.newStyle||this.redesignedStyle,"redesigned-style":this.redesignedStyle},part:"autocomplete-options-container",role:"combobox","aria-expanded":this.showOptions,"aria-activedescendant":this.activeOption?`${this.internalUniqueId}-${this.filteredOptions.indexOf(this.activeOption)}`:void 0},n("ul",{class:"autocomplete-options",ref:t=>this.optionsContainer=t,role:"listbox",tabindex:"-1"},e&&this.renderNoOptionsMessage(),t.map(this.renderOption))):void 0};render(){return n(i,{key:"74e0ce0bd9373267485e191d057f77181c00bcdc",class:{autocomplete:!0,dark:this.darkTheme}},n("slot",{key:"da7465cd514a819ab49fcc81d7d639e5e81f58dd"}),this.renderOptionsLoader(),this.renderOptions(this.filteredOptions))}};d.style='@font-face{font-family:Avenir Next;src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix);src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix) format("eot"),url(assets/fonts/3c3e10968ffc97c2a52c5830f9886d1f.woff2) format("woff2"),url(assets/fonts/660fbf858d30d7685fa4b166080f5980.woff) format("woff"),url(assets/fonts/2b7748589092fd1a10b806abdfb562ff.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix);src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix) format("eot"),url(assets/fonts/aad36ecead30948bb30fe0ef818b749c.woff2) format("woff2"),url(assets/fonts/c437d7752feaf3f056bbf8613e898d3a.woff) format("woff"),url(assets/fonts/b8df4d02ef5de13a813917a85bc4a9c4.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix);src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix) format("eot"),url(assets/fonts/4d52f8276a74ea8efbad833ed790367c.woff2) format("woff2"),url(assets/fonts/a067695dd1b87e927f4056c040d84669.woff) format("woff"),url(assets/fonts/510a664af9771b72d4ce5e637109ca3c.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix);src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix) format("eot"),url(assets/fonts/63f5acc71d9852468683a4bfe824a28f.woff2) format("woff2"),url(assets/fonts/ed94c737da267752ce0abd79bb003ff6.woff) format("woff"),url(assets/fonts/6302f55a6dc6b12365177dc89b7d63cf.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix);src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix) format("eot"),url(assets/fonts/1fe7da97fe9dbe1349aca9b54b5fdf69.woff2) format("woff2"),url(assets/fonts/dacc6a84278e221422902af99579ada5.woff) format("woff"),url(assets/fonts/e530c573663a3a07243d303fbf7db508.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix);src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix) format("eot"),url(assets/fonts/93ec0034623fc696601ab99aba652d4c.woff2) format("woff2"),url(assets/fonts/d73c8eb1c13abe1237366aa3ee829a59.woff) format("woff"),url(assets/fonts/7b6dcef99f3f4b23346e23925ec8678f.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}.tet-icon{font-family:Tet Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Tet Icons;src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot);src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot?#iefix) format("embedded-opentype"),url(assets/fonts/25f10ef322a1220b2e9e11db38b73892.woff2) format("woff2"),url(assets/fonts/fed75ac1edcf1c25cdd8612d2c365f9a.woff) format("woff"),url(assets/fonts/df7fbe67cabb13cb837172a73c46378a.ttf) format("truetype"),url(assets/fonts/5486d8c87e2abc6c13ed952a6cc96658.svg#tet-icons) format("svg");font-weight:400;font-style:normal}.tet-icon:before{content:"\\E84E"}.tet-icon--sm{font-size:1.125rem}.tet-icon--md{font-size:1.5rem}.tet-icon--lg{font-size:2.25rem}.tet-icon--xl{font-size:3rem}.tet-icon--xxl{font-size:4rem}.tet-icon--0{font-size:0}.tet-icon--1{font-size:.0625rem}.tet-icon--2{font-size:.125rem}.tet-icon--3{font-size:.1875rem}.tet-icon--4{font-size:.25rem}.tet-icon--5{font-size:.3125rem}.tet-icon--6{font-size:.375rem}.tet-icon--7{font-size:.4375rem}.tet-icon--8{font-size:.5rem}.tet-icon--9{font-size:.5625rem}.tet-icon--10{font-size:.625rem}.tet-icon--11{font-size:.6875rem}.tet-icon--12{font-size:.75rem}.tet-icon--13{font-size:.8125rem}.tet-icon--14{font-size:.875rem}.tet-icon--15{font-size:.9375rem}.tet-icon--16{font-size:1rem}.tet-icon--17{font-size:1.0625rem}.tet-icon--18{font-size:1.125rem}.tet-icon--19{font-size:1.1875rem}.tet-icon--20{font-size:1.25rem}.tet-icon--21{font-size:1.3125rem}.tet-icon--22{font-size:1.375rem}.tet-icon--23{font-size:1.4375rem}.tet-icon--24{font-size:1.5rem}.tet-icon--25{font-size:1.5625rem}.tet-icon--26{font-size:1.625rem}.tet-icon--27{font-size:1.6875rem}.tet-icon--28{font-size:1.75rem}.tet-icon--29{font-size:1.8125rem}.tet-icon--30{font-size:1.875rem}.tet-icon--31{font-size:1.9375rem}.tet-icon--32{font-size:2rem}.tet-icon--33{font-size:2.0625rem}.tet-icon--34{font-size:2.125rem}.tet-icon--35{font-size:2.1875rem}.tet-icon--36{font-size:2.25rem}.tet-icon--37{font-size:2.3125rem}.tet-icon--38{font-size:2.375rem}.tet-icon--39{font-size:2.4375rem}.tet-icon--40{font-size:2.5rem}.tet-icon--41{font-size:2.5625rem}.tet-icon--42{font-size:2.625rem}.tet-icon--43{font-size:2.6875rem}.tet-icon--44{font-size:2.75rem}.tet-icon--45{font-size:2.8125rem}.tet-icon--46{font-size:2.875rem}.tet-icon--47{font-size:2.9375rem}.tet-icon--48{font-size:3rem}.tet-icon--49{font-size:3.0625rem}.tet-icon--50{font-size:3.125rem}.tet-icon--51{font-size:3.1875rem}.tet-icon--52{font-size:3.25rem}.tet-icon--53{font-size:3.3125rem}.tet-icon--54{font-size:3.375rem}.tet-icon--55{font-size:3.4375rem}.tet-icon--56{font-size:3.5rem}.tet-icon--57{font-size:3.5625rem}.tet-icon--58{font-size:3.625rem}.tet-icon--59{font-size:3.6875rem}.tet-icon--60{font-size:3.75rem}.tet-icon--61{font-size:3.8125rem}.tet-icon--62{font-size:3.875rem}.tet-icon--63{font-size:3.9375rem}.tet-icon--64{font-size:4rem}.tet-icon--65{font-size:4.0625rem}.tet-icon--66{font-size:4.125rem}.tet-icon--67{font-size:4.1875rem}.tet-icon--68{font-size:4.25rem}.tet-icon--69{font-size:4.3125rem}.tet-icon--70{font-size:4.375rem}.tet-icon--71{font-size:4.4375rem}.tet-icon--72{font-size:4.5rem}.tet-icon--73{font-size:4.5625rem}.tet-icon--74{font-size:4.625rem}.tet-icon--75{font-size:4.6875rem}.tet-icon--76{font-size:4.75rem}.tet-icon--77{font-size:4.8125rem}.tet-icon--78{font-size:4.875rem}.tet-icon--79{font-size:4.9375rem}.tet-icon--80{font-size:5rem}.tet-icon--81{font-size:5.0625rem}.tet-icon--82{font-size:5.125rem}.tet-icon--83{font-size:5.1875rem}.tet-icon--84{font-size:5.25rem}.tet-icon--85{font-size:5.3125rem}.tet-icon--86{font-size:5.375rem}.tet-icon--87{font-size:5.4375rem}.tet-icon--88{font-size:5.5rem}.tet-icon--89{font-size:5.5625rem}.tet-icon--90{font-size:5.625rem}.tet-icon--91{font-size:5.6875rem}.tet-icon--92{font-size:5.75rem}.tet-icon--93{font-size:5.8125rem}.tet-icon--94{font-size:5.875rem}.tet-icon--95{font-size:5.9375rem}.tet-icon--96{font-size:6rem}.tet-icon--97{font-size:6.0625rem}.tet-icon--98{font-size:6.125rem}.tet-icon--99{font-size:6.1875rem}.tet-icon--100{font-size:6.25rem}.tet-icon--101{font-size:6.3125rem}.tet-icon__add:before{content:"\\E800"}.tet-icon__alert-circled:before{content:"\\E801"}.tet-icon__alert:before{content:"\\E802"}.tet-icon__bank:before{content:"\\E803"}.tet-icon__box:before{content:"\\E804"}.tet-icon__download:before{content:"\\E805"}.tet-icon__burger:before{content:"\\E806"}.tet-icon__cancel:before{content:"\\E807"}.tet-icon__printer:before{content:"\\E808"}.tet-icon__cart-add:before{content:"\\E809"}.tet-icon__cart-remove:before{content:"\\E80A"}.tet-icon__cart:before{content:"\\E80B"}.tet-icon__chat:before{content:"\\E80C"}.tet-icon__arrow-up:before{content:"\\E80D"}.tet-icon__calendar:before{content:"\\E80E"}.tet-icon__help-circled:before{content:"\\E80F"}.tet-icon__edit:before{content:"\\E810"}.tet-icon__external-link:before{content:"\\E811"}.tet-icon__gift:before{content:"\\E812"}.tet-icon__person:before{content:"\\E813"}.tet-icon__heart:before{content:"\\E814"}.tet-icon__language:before{content:"\\E815"}.tet-icon__help:before{content:"\\E816"}.tet-icon__home-1:before{content:"\\E817"}.tet-icon__location:before{content:"\\E818"}.tet-icon__home-3:before{content:"\\E819"}.tet-icon__chart-even:before{content:"\\E81A"}.tet-icon__info-2:before{content:"\\E81B"}.tet-icon__key:before{content:"\\E81C"}.tet-icon__info:before{content:"\\E81D"}.tet-icon__lock-opened:before{content:"\\E81E"}.tet-icon__lock-outlined:before{content:"\\E81F"}.tet-icon__lock:before{content:"\\E820"}.tet-icon__laptop-filled:before{content:"\\E821"}.tet-icon__mail:before{content:"\\E822"}.tet-icon__options:before{content:"\\E823"}.tet-icon__chart-uneven:before{content:"\\E824"}.tet-icon__mail-2:before{content:"\\E825"}.tet-icon__remove:before{content:"\\E826"}.tet-icon__mobile-filled:before{content:"\\E827"}.tet-icon__ilu-calendar-check:before{content:"\\E828"}.tet-icon__settings-outlined:before{content:"\\E829"}.tet-icon__tablet:before{content:"\\E82A"}.tet-icon__thumb-up:before{content:"\\E82B"}.tet-icon__ilu-purchase:before{content:"\\E82C"}.tet-icon__chart-even-outlined:before{content:"\\E82D"}.tet-icon__movie:before{content:"\\E82E"}.tet-icon__percent:before{content:"\\E82F"}.tet-icon__ilu-change-whenever:before{content:"\\E830"}.tet-icon__truck:before{content:"\\E831"}.tet-icon__zero:before{content:"\\E832"}.tet-icon__attach:before{content:"\\E833"}.tet-icon__cloud-done:before{content:"\\E834"}.tet-icon__cloud-download:before{content:"\\E835"}.tet-icon__cloud-upload:before{content:"\\E836"}.tet-icon__cloud:before{content:"\\E837"}.tet-icon__folder:before{content:"\\E838"}.tet-icon__remote:before{content:"\\E839"}.tet-icon__router:before{content:"\\E83A"}.tet-icon__shield-filled:before{content:"\\E83B"}.tet-icon__shield:before{content:"\\E83C"}.tet-icon__ilu-devices:before{content:"\\E83D"}.tet-icon__ilu-get-points:before{content:"\\E83E"}.tet-icon__tv:before{content:"\\E83F"}.tet-icon__ilu-internet:before{content:"\\E840"}.tet-icon__wifi-outlined:before{content:"\\E841"}.tet-icon__wifi:before{content:"\\E842"}.tet-icon__description-outlined:before{content:"\\E843"}.tet-icon__laptop:before{content:"\\E844"}.tet-icon__chart-uneven-outlined:before{content:"\\E845"}.tet-icon__meter:before{content:"\\E846"}.tet-icon__mobile:before{content:"\\E847"}.tet-icon__phone:before{content:"\\E848"}.tet-icon__plug-filled:before{content:"\\E849"}.tet-icon__plug:before{content:"\\E84A"}.tet-icon__print:before{content:"\\E84B"}.tet-icon__camera:before{content:"\\E84C"}.tet-icon__clock:before{content:"\\E84D"}.tet-icon__placeholder:before{content:"\\E84E"}.tet-icon__tv-filled:before{content:"\\E84F"}.tet-icon__arrow-down:before{content:"\\E850"}.tet-icon__arrow-left:before{content:"\\E851"}.tet-icon__arrow-right:before{content:"\\E852"}.tet-icon__description:before{content:"\\E853"}.tet-icon__login:before{content:"\\E854"}.tet-icon__check:before{content:"\\E855"}.tet-icon__chevron-down:before{content:"\\E856"}.tet-icon__chevron-left:before{content:"\\E857"}.tet-icon__chevron-right:before{content:"\\E858"}.tet-icon__chevron-up:before{content:"\\E859"}.tet-icon__close-circled:before{content:"\\E85A"}.tet-icon__close:before{content:"\\E85B"}.tet-icon__more-horizontal:before{content:"\\E85C"}.tet-icon__more-vertical:before{content:"\\E85D"}.tet-icon__refresh:before{content:"\\E85E"}.tet-icon__facebook:before{content:"\\E85F"}.tet-icon__instagram:before{content:"\\E860"}.tet-icon__linkedin:before{content:"\\E861"}.tet-icon__people:before{content:"\\E862"}.tet-icon__logout:before{content:"\\E863"}.tet-icon__share:before{content:"\\E864"}.tet-icon__twitter:before{content:"\\E865"}.tet-icon__cancel-filled:before{content:"\\E866"}.tet-icon__done:before{content:"\\E867"}.tet-icon__star-filled:before{content:"\\E868"}.tet-icon__star:before{content:"\\E869"}.tet-icon__clipboard:before{content:"\\E86A"}.tet-icon__ilu-calendar:before{content:"\\E86B"}.tet-icon__check-circled:before{content:"\\E86C"}.tet-icon__ilu-choose-channels:before{content:"\\E86D"}.tet-icon__search:before{content:"\\E86E"}.tet-icon__warning:before{content:"\\E86F"}.tet-icon__ilu-clock-1:before{content:"\\E870"}.tet-icon__ilu-fold:before{content:"\\E871"}.tet-icon__ilu-letter:before{content:"\\E872"}.tet-icon__ilu-pay:before{content:"\\E873"}.tet-icon__ilu-meter:before{content:"\\E874"}.tet-icon__ilu-sign:before{content:"\\E875"}.tet-icon__smart-watch-filled:before{content:"\\E876"}.tet-icon__washing-machine-filled:before{content:"\\E877"}.tet-icon__bullet:before{content:"\\E878"}.tet-icon__sound:before{content:"\\E879"}.tet-icon__dropdown:before{content:"\\E87A"}.tet-icon__mask-pass:before{content:"\\E87B"}.tet-icon__select:before{content:"\\E87C"}.tet-icon__text-area-sizing:before{content:"\\E87D"}.tet-icon__unmask-pass:before{content:"\\E87E"}.tet-icon__bullet-small:before{content:"\\E882"}.tet-icon__electric-bolt:before{content:"\\E880"}.tet-icon__sun:before{content:"\\E881"}:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}: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:"--\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{--option-padding:0.5rem 1rem;--options-max-height:15.625rem;--option-background-color:var(--tc-layer-primary);--option-hover-background-color:var(--tc-button-primary-background-inverse-hover);--option-item-icon-color:var(--tc-icon-secondary);--option-item-icon-hover-color:var(--tc-icon-primary);--option-text-color:var(--tc-text-primary);--option-container-border-color:var(--tc-border-secondary);display:block;position:relative}::slotted(.autocomplete-input){width:100%}.autocomplete-options{overflow-y:auto;list-style:none;max-height:var(--options-max-height);--item-icon-color:var(--option-item-icon-color)}.autocomplete-options-container{position:absolute;z-index:20;width:100%;background-color:var(--option-background-color);margin:0;padding:0;border-radius:0.1875rem;box-shadow:0 0 0 0.0625rem rgba(5, 29, 89, 0.16), 0 0.25rem 0.5rem rgba(5, 29, 89, 0.25);font-family:var(--text-font);animation:slideDown 0.125s ease-out 1;animation-fill-mode:forwards}.autocomplete-options-container .autocomplete-options{padding:0.375rem 0}.autocomplete-options-container .autocomplete-options:has(.autocomplete-options-item .manual-input){padding-bottom:0;margin-bottom:0.375rem}.autocomplete-options-container.redesigned-style .autocomplete-options{margin-right:0.25rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar{width:0.5rem;height:0.5rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar-thumb{background:var(--tc-border-quaternary);border-radius:0.5rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar-track{background:var(--tc-layer-primary)}.autocomplete-options-container.redesigned-style.dark .autocomplete-options{margin-right:0.25rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar{width:0.5rem;height:0.5rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar-thumb{background:var(--tc-border-quaternary-dark);border-radius:0.5rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar-track{background:var(--tc-layer-primary-dark)}.autocomplete-options-container .autocomplete-options-item{margin:0 0.375rem}.autocomplete-options-container .autocomplete-options-item .manual-input{outline-offset:0.125rem !important;margin:0 0.375rem}.autocomplete-options-container.dark{--option-background-color:var(--tc-layer-primary-dark);--option-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--option-item-icon-color:var(--tc-icon-secondary-dark);--option-item-icon-hover-color:var(--tc-icon-primary-dark);--option-text-color:var(--tc-text-primary-dark);--option-container-border-color:var(--tc-border-secondary-dark)}.autocomplete-options-container.new-style{--options-max-height:12.25rem;--option-padding:0.5rem 1rem 0.5rem 0.5rem;background:var(--option-background-color);font-family:"Inter", var(--font-family-fallback);box-shadow:none;border:0.03125rem solid var(--option-container-border-color);margin-top:0.375rem;border-radius:0.625rem;overflow:hidden}.autocomplete-options-container.new-style .autocomplete-options{padding:0.5rem 0}.autocomplete-options-container.new-style .autocomplete-options:has(.autocomplete-options-item .manual-input){margin-bottom:0.5rem}.autocomplete-options-container.new-style .autocomplete-options-item{display:flex;position:relative;min-height:2.25rem;color:var(--option-text-color);border-radius:0.625rem;gap:0.5rem;margin:0 0.5rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.autocomplete-options-container.new-style .autocomplete-options-item .manual-input{margin:0 0.5rem}.autocomplete-options-container.new-style .autocomplete-options-none-message{font-size:0.875rem;color:var(--option-text-color);text-align:left;padding:0.5rem 1rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.autocomplete-options-item{display:flex;align-items:center;padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);cursor:pointer}.autocomplete-options-item .icon{--icon-color:var(--option-item-icon-color);--icon-size:1.25rem}.autocomplete-options-item:hover,.autocomplete-options-item.active{background:var(--option-hover-background-color);--option-item-icon-color:var(--option-item-icon-hover-color)}.autocomplete-options-item:hover.focus-visible:not(:has(a)),.autocomplete-options-item:hover.focus-visible a,.autocomplete-options-item.active.focus-visible:not(:has(a)),.autocomplete-options-item.active.focus-visible a{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary);background:var(--option-background-color);border-radius:0.125rem;z-index:2}.autocomplete-options-item:hover.focus-visible:not(:has(a)).dark,.autocomplete-options-item:hover.focus-visible a.dark,.autocomplete-options-item.active.focus-visible:not(:has(a)).dark,.autocomplete-options-item.active.focus-visible a.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary-dark)}.autocomplete-options-loader{display:flex;align-items:center;justify-content:center;background:var(--tc-layer-primary);position:absolute;height:11.625rem;width:100%;z-index:100}.autocomplete-options-loader.dark{background:var(--tc-layer-primary-dark)}.autocomplete-options-none-message{padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-25%)}50%{opacity:0.1}100%{opacity:1;transform:translateY(0)}}';export{d as tet_autocomplete}

package/dist/tet-components/p-57922780.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,g as o,h as n,H as r}from"./p-c2d4b54d.js";import{d as i}from"./p-87bbb893.js";const s=class{constructor(o){e(this,o),this.select=t(this,"tabSelected",7),this.theme=void 0,this.darkMode=!1,this.type=void 0,this.position=void 0,this.sizing="web",this.defaultTab=0,this.segmented=!1,this.hideHeaderUnderline=!1,this.hideActiveHeaderUnderline=!1,this.autoplayDelay=0,this.stopAutoplayOnHeaderHover=!1,this.stopAutoplayOnContentHover=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.idSuffix="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().split("-")[0]:Math.random().toString(36).substring(2,10),this.segmentAnimation={width:"0px",position:"0px",transition:""}}tabElement;tabContainer;tabHeaders;tabHeadersNotDisabled;animationObserver;isPointerDown;autoplayInterval=[];tabListeners=new WeakMap;get element(){return o(this)}select;async toggleAutoplay(e){this.autoplay=e,e?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((e=>{clearInterval(e)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const e=this.getTabElement(this.selectedId);let t=this.tabHeaders.indexOf(e)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[t])<0;)if(t+=1,t+1>this.tabHeaders.length){t=0;break}t=this.tabHeaders.indexOf(this.getTabElement(t)),this.selectTab(t)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((e=>{this.hideActiveHeaderUnderline?e.classList.add("no-underline"):e.classList.remove("no-underline")}))}onAutoplayDelayChange(e){console.log(e,!!e),this.stopAutoplay(),e&&this.startAutoplay()}initAutoplay(){if(this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((e=>{e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const e=this.element.parentElement.querySelector(`tet-tab-content[data-name="${this.dataName}"`);e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const e=new MutationObserver((t=>{t.every((t=>!t.oldValue?.includes("disabled")||(this.initTabHeaders(),e.disconnect(),!1)))}));e.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect()}cleanupTabListeners(){this.tabHeaders?.forEach((e=>{const t=this.tabListeners.get(e);t&&(e.removeEventListener("click",t.click),e.removeEventListener("keydown",t.keydown),this.tabListeners.delete(e))}))}onContainerMouseDown=e=>{this.isPointerDown=!0,this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:e.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=e=>{e.preventDefault(),this.isPointerDown=1===e.buttons,this.isPointerDown?this.tabElement.scrollTo(this.positions.scrollLeft-(e.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp)};onSegmentedChange(e){e&&void 0===this.animationObserver&&this.initAnimationObserver()}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((e,t)=>{e.setAttribute("role","tab"),e.setAttribute("id",`tab-${t+1}-${this.idSuffix}`),e.setAttribute("aria-controls",`tabpanel-${t+1}-${this.idSuffix}`);const o=e.classList.contains("disabled"),n=e.classList.contains("active");if(e.setAttribute("tabIndex",n?"0":"-1"),e.setAttribute("aria-selected",`${n}`),!o&&!this.tabListeners.has(e)){this.tabHeadersNotDisabled.push(e);const o=()=>{this.selectTab(e.getAttribute("data-name")||t)},n=t=>{const{key:o}=t;if(["ArrowLeft","ArrowRight","Home","End"].includes(o)){t.preventDefault();const n=this.tabHeadersNotDisabled.indexOf(e);let r;switch(o){case"ArrowRight":r=n+1,r>=this.tabHeadersNotDisabled.length&&(r=0);break;case"ArrowLeft":r=n-1,r<0&&(r=this.tabHeadersNotDisabled.length-1);break;case"Home":r=0;break;case"End":r=this.tabHeadersNotDisabled.length-1}const i=this.tabHeadersNotDisabled[r];i.focus(),i.click()}};e.addEventListener("click",o),e.addEventListener("keydown",n),this.tabListeners.set(e,{click:o,keydown:n})}}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((e=>{const t=e.getAttribute("data-image");if(t){const o=e.getAttribute("data-image-active"),n=e.getAttribute("data-image-alt")??"",r=document.createElement("img");if(r.src=t,r.alt=n,r.classList.add("tab-header-image"),r.style.maxHeight="1.5rem",e.appendChild(r),o){const t=document.createElement("img");t.src=o,t.alt=n,t.classList.add("tab-header-image","active"),t.style.display="none",t.style.maxHeight="1.5rem",e.appendChild(t),r.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(e=!0){if(!this.segmented)return;if(void 0===this.tabContainer)return;const t=this.getTabElement(this.selectedId),o=t.parentNode.getBoundingClientRect(),n=t.getBoundingClientRect();if(this.segmentAnimation={width:`${n.width}px`,position:`${n.left-o.left+this.tabElement.scrollLeft}px`,transition:e?"transform 0.3s ease, width 0.3s ease":null},"web"===this.sizing){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,o=t.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(o.width/2+o.left)})}}async selectTab(e,t=!0,o=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-selected","false"),e.setAttribute("tabIndex","-1");const t=e.querySelector("img.tab-header-image.active");t&&(t.style.display="none");const o=e.querySelector("img.tab-header-image.default");o&&(o.style.display="inline-block")}));const n=this.getTabElement(e);if(null===n)return;if(o&&!this.isPointerDown){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,t=n.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(t.width/2+t.left)})}n.classList.add("active"),n.setAttribute("aria-selected","true"),n.setAttribute("tabIndex","0");const r=n.querySelector("img.tab-header-image.active");if(r){r.style.display="inline-block";const e=n.querySelector("img.tab-header-image.default");e&&(e.style.display="none")}this.select.emit({new:e,old:this.selectedId}),this.selectedId=e,this.animateActiveSegment(t)}getTabElement(e){if(!this.tabHeaders?.length)return null;let t;return t="number"==typeof e?this.tabHeaders[e]:this.tabHeaders.find((t=>t.getAttribute("data-name")===e)),void 0!==t?t:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=i(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:e,position:t,transition:o}=this.segmentAnimation;return{"--active-width":e,"--active-x-pos":t,"--active-transition":o}}return{}}render(){return n(r,{key:"42e681d4a571d16603b5cea6a212fdf3ca74b089","data-id-suffix":this.idSuffix},n("div",{key:"7e2b531e1f0fc0c11491aa06b03fa21955e9855d",class:{tabs:!0,"tabs--segmented":this.segmented,dark:this.darkMode,[this.position]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:e=>this.tabElement=e,role:"tablist"},n("slot",{key:"3ac4a602de30acbfe6f7de3ae5cd4b2980210754",ref:e=>this.tabContainer=e})),n("div",{key:"0001affb03c45190def5388e016627f09c7d04ab",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"]}}};s.style='@font-face{font-family:Avenir Next;src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix);src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix) format("eot"),url(assets/fonts/3c3e10968ffc97c2a52c5830f9886d1f.woff2) format("woff2"),url(assets/fonts/660fbf858d30d7685fa4b166080f5980.woff) format("woff"),url(assets/fonts/2b7748589092fd1a10b806abdfb562ff.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix);src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix) format("eot"),url(assets/fonts/aad36ecead30948bb30fe0ef818b749c.woff2) format("woff2"),url(assets/fonts/c437d7752feaf3f056bbf8613e898d3a.woff) format("woff"),url(assets/fonts/b8df4d02ef5de13a813917a85bc4a9c4.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix);src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix) format("eot"),url(assets/fonts/4d52f8276a74ea8efbad833ed790367c.woff2) format("woff2"),url(assets/fonts/a067695dd1b87e927f4056c040d84669.woff) format("woff"),url(assets/fonts/510a664af9771b72d4ce5e637109ca3c.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix);src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix) format("eot"),url(assets/fonts/63f5acc71d9852468683a4bfe824a28f.woff2) format("woff2"),url(assets/fonts/ed94c737da267752ce0abd79bb003ff6.woff) format("woff"),url(assets/fonts/6302f55a6dc6b12365177dc89b7d63cf.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix);src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix) format("eot"),url(assets/fonts/1fe7da97fe9dbe1349aca9b54b5fdf69.woff2) format("woff2"),url(assets/fonts/dacc6a84278e221422902af99579ada5.woff) format("woff"),url(assets/fonts/e530c573663a3a07243d303fbf7db508.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix);src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix) format("eot"),url(assets/fonts/93ec0034623fc696601ab99aba652d4c.woff2) format("woff2"),url(assets/fonts/d73c8eb1c13abe1237366aa3ee829a59.woff) format("woff"),url(assets/fonts/7b6dcef99f3f4b23346e23925ec8678f.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}.tet-icon{font-family:Tet Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Tet Icons;src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot);src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot?#iefix) format("embedded-opentype"),url(assets/fonts/25f10ef322a1220b2e9e11db38b73892.woff2) format("woff2"),url(assets/fonts/fed75ac1edcf1c25cdd8612d2c365f9a.woff) format("woff"),url(assets/fonts/df7fbe67cabb13cb837172a73c46378a.ttf) format("truetype"),url(assets/fonts/5486d8c87e2abc6c13ed952a6cc96658.svg#tet-icons) format("svg");font-weight:400;font-style:normal}.tet-icon:before{content:"\\E84E"}.tet-icon--sm{font-size:1.125rem}.tet-icon--md{font-size:1.5rem}.tet-icon--lg{font-size:2.25rem}.tet-icon--xl{font-size:3rem}.tet-icon--xxl{font-size:4rem}.tet-icon--0{font-size:0}.tet-icon--1{font-size:.0625rem}.tet-icon--2{font-size:.125rem}.tet-icon--3{font-size:.1875rem}.tet-icon--4{font-size:.25rem}.tet-icon--5{font-size:.3125rem}.tet-icon--6{font-size:.375rem}.tet-icon--7{font-size:.4375rem}.tet-icon--8{font-size:.5rem}.tet-icon--9{font-size:.5625rem}.tet-icon--10{font-size:.625rem}.tet-icon--11{font-size:.6875rem}.tet-icon--12{font-size:.75rem}.tet-icon--13{font-size:.8125rem}.tet-icon--14{font-size:.875rem}.tet-icon--15{font-size:.9375rem}.tet-icon--16{font-size:1rem}.tet-icon--17{font-size:1.0625rem}.tet-icon--18{font-size:1.125rem}.tet-icon--19{font-size:1.1875rem}.tet-icon--20{font-size:1.25rem}.tet-icon--21{font-size:1.3125rem}.tet-icon--22{font-size:1.375rem}.tet-icon--23{font-size:1.4375rem}.tet-icon--24{font-size:1.5rem}.tet-icon--25{font-size:1.5625rem}.tet-icon--26{font-size:1.625rem}.tet-icon--27{font-size:1.6875rem}.tet-icon--28{font-size:1.75rem}.tet-icon--29{font-size:1.8125rem}.tet-icon--30{font-size:1.875rem}.tet-icon--31{font-size:1.9375rem}.tet-icon--32{font-size:2rem}.tet-icon--33{font-size:2.0625rem}.tet-icon--34{font-size:2.125rem}.tet-icon--35{font-size:2.1875rem}.tet-icon--36{font-size:2.25rem}.tet-icon--37{font-size:2.3125rem}.tet-icon--38{font-size:2.375rem}.tet-icon--39{font-size:2.4375rem}.tet-icon--40{font-size:2.5rem}.tet-icon--41{font-size:2.5625rem}.tet-icon--42{font-size:2.625rem}.tet-icon--43{font-size:2.6875rem}.tet-icon--44{font-size:2.75rem}.tet-icon--45{font-size:2.8125rem}.tet-icon--46{font-size:2.875rem}.tet-icon--47{font-size:2.9375rem}.tet-icon--48{font-size:3rem}.tet-icon--49{font-size:3.0625rem}.tet-icon--50{font-size:3.125rem}.tet-icon--51{font-size:3.1875rem}.tet-icon--52{font-size:3.25rem}.tet-icon--53{font-size:3.3125rem}.tet-icon--54{font-size:3.375rem}.tet-icon--55{font-size:3.4375rem}.tet-icon--56{font-size:3.5rem}.tet-icon--57{font-size:3.5625rem}.tet-icon--58{font-size:3.625rem}.tet-icon--59{font-size:3.6875rem}.tet-icon--60{font-size:3.75rem}.tet-icon--61{font-size:3.8125rem}.tet-icon--62{font-size:3.875rem}.tet-icon--63{font-size:3.9375rem}.tet-icon--64{font-size:4rem}.tet-icon--65{font-size:4.0625rem}.tet-icon--66{font-size:4.125rem}.tet-icon--67{font-size:4.1875rem}.tet-icon--68{font-size:4.25rem}.tet-icon--69{font-size:4.3125rem}.tet-icon--70{font-size:4.375rem}.tet-icon--71{font-size:4.4375rem}.tet-icon--72{font-size:4.5rem}.tet-icon--73{font-size:4.5625rem}.tet-icon--74{font-size:4.625rem}.tet-icon--75{font-size:4.6875rem}.tet-icon--76{font-size:4.75rem}.tet-icon--77{font-size:4.8125rem}.tet-icon--78{font-size:4.875rem}.tet-icon--79{font-size:4.9375rem}.tet-icon--80{font-size:5rem}.tet-icon--81{font-size:5.0625rem}.tet-icon--82{font-size:5.125rem}.tet-icon--83{font-size:5.1875rem}.tet-icon--84{font-size:5.25rem}.tet-icon--85{font-size:5.3125rem}.tet-icon--86{font-size:5.375rem}.tet-icon--87{font-size:5.4375rem}.tet-icon--88{font-size:5.5rem}.tet-icon--89{font-size:5.5625rem}.tet-icon--90{font-size:5.625rem}.tet-icon--91{font-size:5.6875rem}.tet-icon--92{font-size:5.75rem}.tet-icon--93{font-size:5.8125rem}.tet-icon--94{font-size:5.875rem}.tet-icon--95{font-size:5.9375rem}.tet-icon--96{font-size:6rem}.tet-icon--97{font-size:6.0625rem}.tet-icon--98{font-size:6.125rem}.tet-icon--99{font-size:6.1875rem}.tet-icon--100{font-size:6.25rem}.tet-icon--101{font-size:6.3125rem}.tet-icon__add:before{content:"\\E800"}.tet-icon__alert-circled:before{content:"\\E801"}.tet-icon__alert:before{content:"\\E802"}.tet-icon__bank:before{content:"\\E803"}.tet-icon__box:before{content:"\\E804"}.tet-icon__download:before{content:"\\E805"}.tet-icon__burger:before{content:"\\E806"}.tet-icon__cancel:before{content:"\\E807"}.tet-icon__printer:before{content:"\\E808"}.tet-icon__cart-add:before{content:"\\E809"}.tet-icon__cart-remove:before{content:"\\E80A"}.tet-icon__cart:before{content:"\\E80B"}.tet-icon__chat:before{content:"\\E80C"}.tet-icon__arrow-up:before{content:"\\E80D"}.tet-icon__calendar:before{content:"\\E80E"}.tet-icon__help-circled:before{content:"\\E80F"}.tet-icon__edit:before{content:"\\E810"}.tet-icon__external-link:before{content:"\\E811"}.tet-icon__gift:before{content:"\\E812"}.tet-icon__person:before{content:"\\E813"}.tet-icon__heart:before{content:"\\E814"}.tet-icon__language:before{content:"\\E815"}.tet-icon__help:before{content:"\\E816"}.tet-icon__home-1:before{content:"\\E817"}.tet-icon__location:before{content:"\\E818"}.tet-icon__home-3:before{content:"\\E819"}.tet-icon__chart-even:before{content:"\\E81A"}.tet-icon__info-2:before{content:"\\E81B"}.tet-icon__key:before{content:"\\E81C"}.tet-icon__info:before{content:"\\E81D"}.tet-icon__lock-opened:before{content:"\\E81E"}.tet-icon__lock-outlined:before{content:"\\E81F"}.tet-icon__lock:before{content:"\\E820"}.tet-icon__laptop-filled:before{content:"\\E821"}.tet-icon__mail:before{content:"\\E822"}.tet-icon__options:before{content:"\\E823"}.tet-icon__chart-uneven:before{content:"\\E824"}.tet-icon__mail-2:before{content:"\\E825"}.tet-icon__remove:before{content:"\\E826"}.tet-icon__mobile-filled:before{content:"\\E827"}.tet-icon__ilu-calendar-check:before{content:"\\E828"}.tet-icon__settings-outlined:before{content:"\\E829"}.tet-icon__tablet:before{content:"\\E82A"}.tet-icon__thumb-up:before{content:"\\E82B"}.tet-icon__ilu-purchase:before{content:"\\E82C"}.tet-icon__chart-even-outlined:before{content:"\\E82D"}.tet-icon__movie:before{content:"\\E82E"}.tet-icon__percent:before{content:"\\E82F"}.tet-icon__ilu-change-whenever:before{content:"\\E830"}.tet-icon__truck:before{content:"\\E831"}.tet-icon__zero:before{content:"\\E832"}.tet-icon__attach:before{content:"\\E833"}.tet-icon__cloud-done:before{content:"\\E834"}.tet-icon__cloud-download:before{content:"\\E835"}.tet-icon__cloud-upload:before{content:"\\E836"}.tet-icon__cloud:before{content:"\\E837"}.tet-icon__folder:before{content:"\\E838"}.tet-icon__remote:before{content:"\\E839"}.tet-icon__router:before{content:"\\E83A"}.tet-icon__shield-filled:before{content:"\\E83B"}.tet-icon__shield:before{content:"\\E83C"}.tet-icon__ilu-devices:before{content:"\\E83D"}.tet-icon__ilu-get-points:before{content:"\\E83E"}.tet-icon__tv:before{content:"\\E83F"}.tet-icon__ilu-internet:before{content:"\\E840"}.tet-icon__wifi-outlined:before{content:"\\E841"}.tet-icon__wifi:before{content:"\\E842"}.tet-icon__description-outlined:before{content:"\\E843"}.tet-icon__laptop:before{content:"\\E844"}.tet-icon__chart-uneven-outlined:before{content:"\\E845"}.tet-icon__meter:before{content:"\\E846"}.tet-icon__mobile:before{content:"\\E847"}.tet-icon__phone:before{content:"\\E848"}.tet-icon__plug-filled:before{content:"\\E849"}.tet-icon__plug:before{content:"\\E84A"}.tet-icon__print:before{content:"\\E84B"}.tet-icon__camera:before{content:"\\E84C"}.tet-icon__clock:before{content:"\\E84D"}.tet-icon__placeholder:before{content:"\\E84E"}.tet-icon__tv-filled:before{content:"\\E84F"}.tet-icon__arrow-down:before{content:"\\E850"}.tet-icon__arrow-left:before{content:"\\E851"}.tet-icon__arrow-right:before{content:"\\E852"}.tet-icon__description:before{content:"\\E853"}.tet-icon__login:before{content:"\\E854"}.tet-icon__check:before{content:"\\E855"}.tet-icon__chevron-down:before{content:"\\E856"}.tet-icon__chevron-left:before{content:"\\E857"}.tet-icon__chevron-right:before{content:"\\E858"}.tet-icon__chevron-up:before{content:"\\E859"}.tet-icon__close-circled:before{content:"\\E85A"}.tet-icon__close:before{content:"\\E85B"}.tet-icon__more-horizontal:before{content:"\\E85C"}.tet-icon__more-vertical:before{content:"\\E85D"}.tet-icon__refresh:before{content:"\\E85E"}.tet-icon__facebook:before{content:"\\E85F"}.tet-icon__instagram:before{content:"\\E860"}.tet-icon__linkedin:before{content:"\\E861"}.tet-icon__people:before{content:"\\E862"}.tet-icon__logout:before{content:"\\E863"}.tet-icon__share:before{content:"\\E864"}.tet-icon__twitter:before{content:"\\E865"}.tet-icon__cancel-filled:before{content:"\\E866"}.tet-icon__done:before{content:"\\E867"}.tet-icon__star-filled:before{content:"\\E868"}.tet-icon__star:before{content:"\\E869"}.tet-icon__clipboard:before{content:"\\E86A"}.tet-icon__ilu-calendar:before{content:"\\E86B"}.tet-icon__check-circled:before{content:"\\E86C"}.tet-icon__ilu-choose-channels:before{content:"\\E86D"}.tet-icon__search:before{content:"\\E86E"}.tet-icon__warning:before{content:"\\E86F"}.tet-icon__ilu-clock-1:before{content:"\\E870"}.tet-icon__ilu-fold:before{content:"\\E871"}.tet-icon__ilu-letter:before{content:"\\E872"}.tet-icon__ilu-pay:before{content:"\\E873"}.tet-icon__ilu-meter:before{content:"\\E874"}.tet-icon__ilu-sign:before{content:"\\E875"}.tet-icon__smart-watch-filled:before{content:"\\E876"}.tet-icon__washing-machine-filled:before{content:"\\E877"}.tet-icon__bullet:before{content:"\\E878"}.tet-icon__sound:before{content:"\\E879"}.tet-icon__dropdown:before{content:"\\E87A"}.tet-icon__mask-pass:before{content:"\\E87B"}.tet-icon__select:before{content:"\\E87C"}.tet-icon__text-area-sizing:before{content:"\\E87D"}.tet-icon__unmask-pass:before{content:"\\E87E"}.tet-icon__bullet-small:before{content:"\\E882"}.tet-icon__electric-bolt:before{content:"\\E880"}.tet-icon__sun:before{content:"\\E881"}:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;max-width:100%}.tabs{--active-width:auto;--active-x-pos:0;--active-transition:none;position:relative;display:flex;flex-wrap:var(--tabs-container-flex-wrap);align-items:center;max-width:100%;padding:0.125rem 0;overflow-x:scroll;scrollbar-width:none;-webkit-user-select:none;user-select:none}.tabs ::slotted(img){margin:0;padding:0;height:1.3125rem}.tabs-line{display:flex;position:relative;max-width:100%;height:0.0625rem;background-color:var(--tabs-container-border-color);border:none;margin-top:-0.125rem}.tabs-line.no-underline{display:none}.tabs *{box-sizing:border-box}.tabs::-webkit-scrollbar{display:none}.tabs.right:not(.tabs--segmented){justify-content:flex-end}.tabs.center:not(.tabs--segmented){justify-content:center}.tabs ::slotted(*){display:flex;justify-content:center;align-items:center;border-bottom:0.125rem solid transparent;color:var(--tabs-headers-text-color);cursor:pointer;padding:var(--tabs-headers-item-padding) !important;margin:var(--tabs-headers-item-margin) !important;transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.blue ::slotted(:hover){--tabs-headers-hover-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(:focus){--tabs-headers-focus-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(.active){--tabs-headers-active-border-color:rgb(0, 96, 245)}.tabs.dark,.tabs--segmented.dark{--tabs-container-border-color:var(--tc-border-quaternary-dark);--tabs-headers-text-color:var(--tc-text-primary-dark);--tabs-headers-text-disabled-color:var(--tc-grey-50-dark);--tabs-headers-active-border-color:var(--tc-icon-primary-dark);--tabs-headers-hover-border-color:var(--tc-border-tertiary-dark);--tabs-headers-focus-border-color:var(--tc-border-secondary-dark);--tabs-headers-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-segmented-border-color:var(--tc-border-quaternary-dark);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two-dark)}.tabs--segmented{display:flex;border:0.0625rem solid var(--tabs-headers-segmented-border-color);border-radius:1.5rem;background-color:var(--tabs-headers-segmented-background-color);padding:0 0.25rem;box-sizing:border-box;overflow-x:scroll}.tabs--segmented .web{padding:0.25rem}.tabs--segmented ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.dark-gray{--tabs-headers-text-color:rgb(255, 255, 255);--tabs-headers-segmented-border-color:rgb(67, 75, 86);--tabs-headers-segmented-background-color:rgb(35, 40, 46);--tabs-headers-segmented-active-background-color:rgb(67, 75, 86);--tabs-headers-segmented-active-box-shadow:0 0 0.0625rem 0 rgba(10, 11, 13, 0.08),\n    0 0.1875rem 0.25rem 0 rgba(10, 11, 13, 0.12);--icon-color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(:hover),.tabs--segmented.dark-gray ::slotted(:focus),.tabs--segmented.dark-gray ::slotted(.active){color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(.disabled){color:var(--tabs-headers-text-disabled-color)}.tabs--segmented::before{content:"";position:absolute;top:0.25rem;bottom:0.25rem;left:0;z-index:0;border-radius:1.563rem;width:var(--active-width);transform:translateX(var(--active-x-pos));transition:var(--active-transition);background:var(--tabs-headers-segmented-active-background-color);box-shadow:var(--tabs-headers-segmented-active-box-shadow)}.tabs--segmented ::slotted(*){font:var(--tabs-headers-segmended-item-font);line-height:1.5rem;z-index:1;position:relative;border:none;padding:var(--tabs-headers-segmented-item-padding) !important;margin:var(--tabs-headers-segmented-item-margin) !important;border-radius:1.563rem;display:flex;flex:1;justify-content:center}.tabs--segmented.mobile ::slotted(*){font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;padding:0.25rem 1.5rem !important;margin:0.188rem 0 !important;line-height:1.25rem}.tabs--segmented.square{--tabs-headers-segmented-background-color:rgba(var(--tabs-headers-square-base-rgb), 0.16);--tabs-headers-segmented-border-color:transparent;height:4.75rem;border-radius:0.375rem;padding:0}.tabs--segmented.square::before{--tabs-headers-segmented-active-box-shadow:none;position:absolute;top:0;bottom:0;left:-0.0625rem;border-radius:0}.tabs--segmented.square ::slotted(*){--tabs-headers-segmented-item-padding:0;--tabs-headers-segmented-item-margin:0;border-radius:0;height:100%;align-items:center}.tabs--segmented.square ::slotted(*)::after{content:"";background-color:rgba(var(--tabs-headers-square-base-rgb), 0.2);position:absolute;top:0.375rem;bottom:0.375rem;right:0;width:0.0625rem}.tabs--segmented.square ::slotted(:hover){background-color:rgba(var(--tabs-headers-square-base-rgb), 0.24)}.tabs--segmented.square ::slotted(:first-child){border-radius:0.3125rem 0 0 0.3125rem}.tabs--segmented.square ::slotted(:last-child){border-radius:0 0.3125rem 0.3125rem 0}.tabs--segmented.square ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.square ::slotted(:focus-visible)::after{display:none}.tabs--segmented.square ::slotted(.active)::after,.tabs--segmented.square ::slotted(:last-child)::after{display:none}.tabs--segmented.netflix{height:2.75rem;gap:0.5rem;overflow-y:hidden}.tabs--segmented.netflix ::slotted(*){flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.5rem}.tabs--segmented.netflix ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.0625rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-radius:1.563rem}.tabs ::slotted(.no-underline){border-bottom:none}';export{s as tet_tab_header}