@tet/tet-components 1.4.87-testing → 1.4.88-production

package/dist/tet-components/{p-e16ceea8.entry.js → p-050f6915.entry.js}

@@ -1 +1 @@
-import{r as e,g as t,h as n,H as o}from"./p-83f43fdd.js";const r=class{constructor(t){e(this,t),this.isActive=!1,this.firstLevelTitle="",this.firstLevelLink="",this.firstLevelId=void 0,this.subLevels=[],this.darkMode=!1,this.highlightTheme=void 0,this.showAnimation=!1,this.firstLevelIcon="",this.hideIcons=!1,this.hideBottomBorder=!1,this.openActiveMenu=!1,this.isExpanded=!1,this.hasDropdownContent=!1,this.subMenuState=[]}rootMenuId="tet-menu-mobile-root-dropdown";get rootElement(){return t(this)}getOpenSubMenusByActiveItems(e){const t=new Set,n=e=>{let o=!1;return e.forEach((e=>{const r=e.subLevels||[],i=!!r.length&&n(r),a=Boolean(e.active)||i;r.length&&a&&t.add(e.title),a&&(o=!0)})),o};return n(e),Array.from(t)}syncExpandedStateWithActiveState(e){this.openActiveMenu&&(e?this.hasDropdownContent&&(this.isExpanded=!0,this.subMenuState=this.getOpenSubMenusByActiveItems(this.subLevels)):this.isExpanded=!1)}onIsActiveChange(e){this.syncExpandedStateWithActiveState(e)}componentWillLoad(){const e=Boolean(this.rootElement?.querySelector('[slot="list-start"]')),t=Boolean(this.rootElement?.querySelector('[slot="list-end"]'));this.hasDropdownContent=e||t||Boolean(this.subLevels.length),this.syncExpandedStateWithActiveState(this.isActive)}firstLevelClick=()=>{this.hasDropdownContent&&(this.isExpanded=!this.isExpanded)};secondLevelClick(e,t){t&&(this.subMenuState=this.subMenuState.includes(e)?this.subMenuState.filter((t=>t!==e)):[...this.subMenuState,e])}renderFirstLevel(){const{firstLevelTitle:e,firstLevelLink:t,firstLevelId:o}=this,r=!this.hasDropdownContent&&!!t,i=this.hasDropdownContent,a=[!this.hideIcons&&this.firstLevelIcon&&n("tet-icon",{class:"menu__first-level-icon",name:this.firstLevelIcon,theme:this.darkMode?"dark":"light",type:(this.highlightTheme?this.isExpanded&&!this.isActive:this.isExpanded||this.isActive)?"secondary":"primary"}),n("span",null,e),this.renderChevron()],m={"menu__first-level":!0,"menu__first-level-themed":!!this.highlightTheme,"menu--active":this.isActive,"menu--expandable":this.hasDropdownContent,"show-animation":this.showAnimation,...this.highlightTheme&&{[`theme-${this.highlightTheme}`]:!0}};return i?n("button",{id:o,type:"button","aria-controls":this.rootMenuId,"aria-expanded":this.isExpanded.toString(),class:m,onClick:this.firstLevelClick},a):n("a",{id:o,href:r?t:void 0,class:m,onClick:this.firstLevelClick},a)}renderSubLevels(){const{hasDropdownContent:e,subLevels:t}=this;if(!e)return null;let o=null;return t.length&&(o=t.map(((e,t)=>this.renderSubItem(e,!1,t)))),n("div",{class:"menu__dropdown"},n("ul",{class:"menu__dropdown__list",id:this.rootMenuId},n("slot",{name:"list-start"}),o,n("slot",{name:"list-end"})))}renderSubItem(e,t=!1,o){const r=e.subLevels?.map(((e,t)=>this.renderSubItem(e,!0,t))),i=!!r?.length,a=!i,m=!t&&i?`tet-menu-mobile-submenu-${o}`:void 0,l=!!e.active||this.subMenuState.includes(e.title),s={"menu--active":!!e.active,"menu__second-level":!t,"menu__third-level":t,"menu--expandable":i,"menu--expanded":this.subMenuState.includes(e.title)},d=[e.badge?n("div",null,e.title,n("span",{class:"badge"},e.badge)):e.title,!!i&&this.renderSubChevron(e.title,l)];return n("li",null,i?n("button",{id:e.id,type:"button","aria-controls":m,"aria-expanded":this.subMenuState.includes(e.title).toString(),class:s,onClick:()=>this.secondLevelClick(e.title,i),inert:!this.isExpanded},d):n("a",{id:e.id,href:a?e.link:void 0,class:s,onClick:()=>this.secondLevelClick(e.title,i),inert:!this.isExpanded},d),!!this.subMenuState.includes(e.title)&&n("ul",{class:"sublist",id:m},r))}renderChevron(){return this.hasDropdownContent?n("tet-icon",{class:"menu__chevron",name:this.isExpanded?"chevron-up":"chevron-down",theme:this.darkMode?"dark":"light",type:(this.highlightTheme?this.isExpanded&&!this.isActive:this.isExpanded||this.isActive)?"secondary":"primary"}):null}renderSubChevron(e,t=!1){return n("tet-icon",{class:"menu__chevron",name:this.subMenuState.includes(e)?"chevron-up":"chevron-down",theme:this.darkMode?"dark":"light",type:t?"secondary":"primary"})}render(){return n(o,{key:"66ccd316721735ef71f0ab5df9b5b61140e7a6c4"},n("div",{key:"9a5296f3ca15bc980036324c98343f3ad1bd5d77",class:{menu:!0,"menu--expanded":this.isExpanded,"menu--active":this.isActive,"menu--dark":this.darkMode,"menu--hide-border":this.hideBottomBorder}},this.renderFirstLevel(),this.renderSubLevels()))}static get watchers(){return{isActive:["onIsActiveChange"]}}};r.style=':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)}@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{--menu-text-size:0.875rem;--menu-line-height:1.25rem;--menu-list-expanded-margin-bottom:1rem;--menu-list-expanded-margin-top:0.375rem;--menu-dropdown-animation-speed:0.2s;--menu-link-border-radius:0.375rem;--menu-text-color:var(--tc-text-primary);--menu-item-theme-bg:var(--tc-layer-primary);--menu-text-color-active:var(--tc-text-tertiary);--menu-border-bottom:0.03125rem solid var(--tc-border-quaternary);--menu-link-active-background-color:var(--tc-navigation-menu-item-active);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed);--menu-item-theme-hover-bg:var(--tc-menu-item-hover);--menu-focus-outline-color:var(--tc-blue-40);--menu-badge-background:var(--tc-navigation-menu-item-tag);--menu-active-item-badge-background-color:var(--tc-layer-permanent-white);--menu-badge-text-color:var(--tc-text-black-permanent);--menu-item-theme-gradient:transparent;--menu-third-level-border-color:var(--tc-border-tertiary);--menu-first-level-item-padding:0.5rem 1rem;display:inline-block;position:relative;width:100%}:host .theme-yellow{--menu-item-theme-bg:var(--tc-menu-item-yellow-background-default);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-yellow-gradient-main) 30%,\n      var(--tc-menu-item-yellow-gradient-accent) 50%,\n      var(--tc-menu-item-yellow-gradient-main) 70%\n  )}:host .theme-red{--menu-item-theme-bg:var(--tc-menu-item-red-background-default);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-red-gradient-main) 30%,\n      var(--tc-menu-item-red-gradient-accent) 50%,\n      var(--tc-menu-item-red-gradient-main) 70%\n  )}:host .theme-green{--menu-item-theme-bg:var(--tc-menu-item-green-background-default);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-green-gradient-main) 30%,\n      var(--tc-menu-item-green-gradient-accent) 50%,\n      var(--tc-menu-item-green-gradient-main) 70%\n  )}:host .theme-violet{--menu-item-theme-bg:var(--tc-menu-item-violet-background-default);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-violet-gradient-main) 30%,\n      var(--tc-menu-item-violet-gradient-accent) 50%,\n      var(--tc-menu-item-violet-gradient-main) 70%\n  )}:host .theme-blue{--menu-item-theme-bg:var(--tc-menu-item-blue-background-default);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-blue-gradient-main) 30%,\n      var(--tc-menu-item-blue-gradient-accent) 50%,\n      var(--tc-menu-item-blue-gradient-main) 70%\n  )}.menu{background-color:var(--menu-item-theme-bg);border-bottom:var(--menu-border-bottom);color:var(--menu-text-color);line-height:var(--menu-line-height);position:relative;width:100%;transition:border-bottom-color var(--menu-dropdown-animation-speed)}.menu--dark{--menu-text-color:var(--tc-text-primary-dark);--menu-item-theme-bg:var(--tc-layer-primary-dark);--menu-text-color-active:var(--tc-text-tertiary-dark);--menu-border-bottom:0.03125rem solid var(--tc-border-quaternary-dark);--menu-highlited-item-background-color:var(--tc-layer-primary-dark);--menu-link-active-background-color:var(--tc-navigation-menu-item-active-dark);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover-dark);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-hover-dark);--menu-focus-outline-color:var(--tc-blue-40-dark);--menu-badge-background:var(--tc-navigation-menu-item-tag-dark);--menu-active-item-badge-background-color:var(--tc-layer-permanent-white-dark);--menu-badge-text-color:var(--tc-text-black-permanent-dark);--menu-item-theme-gradient:transparent;--menu-third-level-border-color:var(--tc-border-tertiary-dark)}.menu--dark .theme-yellow{--menu-item-theme-bg:var(--tc-menu-item-yellow-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-yellow-gradient-main-dark) 30%,\n      var(--tc-menu-item-yellow-gradient-accent-dark) 50%,\n      var(--tc-menu-item-yellow-gradient-main-dark) 70%\n  )}.menu--dark .theme-red{--menu-item-theme-bg:var(--tc-menu-item-red-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-red-gradient-main-dark) 30%,\n      var(--tc-menu-item-red-gradient-accent-dark) 50%,\n      var(--tc-menu-item-red-gradient-main-dark) 70%\n  )}.menu--dark .theme-green{--menu-item-theme-bg:var(--tc-menu-item-green-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-green-gradient-main-dark) 30%,\n      var(--tc-menu-item-green-gradient-accent-dark) 50%,\n      var(--tc-menu-item-green-gradient-main-dark) 70%\n  )}.menu--dark .theme-violet{--menu-item-theme-bg:var(--tc-menu-item-violet-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-violet-gradient-main-dark) 30%,\n      var(--tc-menu-item-violet-gradient-accent-dark) 50%,\n      var(--tc-menu-item-violet-gradient-main-dark) 70%\n  )}.menu--dark .theme-blue{--menu-item-theme-bg:var(--tc-menu-item-blue-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-blue-gradient-main-dark) 30%,\n      var(--tc-menu-item-blue-gradient-accent-dark) 50%,\n      var(--tc-menu-item-blue-gradient-main-dark) 70%\n  )}.menu--expanded,.menu--hide-border{border-bottom-color:transparent}.menu a,.menu button{color:var(--menu-text-color);text-decoration:none;cursor:pointer;text-align:left}.menu a:hover,.menu button:hover{background-color:var(--menu-link-hover-background-color)}.menu a:active,.menu button:active{background-color:var(--menu-link-pressed-background-color)}.menu__first-level{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";align-items:center;display:flex;width:100%;flex-direction:row;padding:var(--menu-first-level-item-padding);border:0.125rem solid transparent;background-color:var(--menu-item-theme-bg);border-radius:var(--menu-link-border-radius)}.menu__first-level-themed{position:relative;isolation:isolate;background-image:linear-gradient(var(--menu-item-theme-bg)), var(--menu-item-theme-gradient);background-origin:border-box;background-clip:padding-box, border-box;background-size:100% 100%, 300% 100%;background-position:0 0, 120% 120%}.menu__first-level-themed.show-animation:not(:active,.menu--active){animation:gradient-border-cycle 4s ease-in-out infinite}.menu__first-level-themed:hover{border-color:var(--menu-item-theme-hover-bg);background-image:linear-gradient(var(--menu-item-theme-hover-bg), var(--menu-item-theme-hover-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__first-level-icon{--icon-size:1.25rem;display:flex;align-self:center;padding-right:0.5rem}.menu--expanded .menu__first-level{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__first-level.menu--active:not(:hover):not(:active){background-color:var(--menu-item-theme-active-bg)}.menu__first-level.menu--active.menu__first-level-themed{color:var(--menu-text-color);text-decoration:none;border-color:var(--menu-item-theme-active-bg);background-image:linear-gradient(var(--menu-item-theme-active-bg), var(--menu-item-theme-active-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__first-level.menu--active.menu--expandable{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__first-level.menu--active.menu--expandable:not(:hover):not(:active){background-color:unset}.menu__first-level.menu--active:not(.menu--expandable):not(.menu__first-level-themed):not(:hover):not(:active){background-color:var(--menu-link-active-background-color)}.menu__first-level:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-offset:-0.125rem}.menu__chevron{--icon-size:1.25rem;margin-left:auto;padding-left:0.75rem}.menu__dropdown{overflow:hidden;z-index:1;min-width:14rem}.menu__dropdown__list{margin-top:0;margin-bottom:0;max-height:0;transition:all var(--menu-dropdown-animation-speed) ease-out}.menu--expanded .menu__dropdown__list{margin-top:var(--menu-list-expanded-margin-top);margin-bottom:var(--menu-list-expanded-margin-bottom);max-height:100rem;transition:all var(--menu-dropdown-animation-speed) ease-in}.menu__dropdown__list li{list-style:none;padding:0.0625rem;border-radius:var(--menu-link-border-radius)}.menu__dropdown__list .sublist{margin:0.5rem 0 1.5rem 1.5rem;padding-left:1rem;border-left:0.0625rem solid var(--menu-third-level-border-color)}.menu__dropdown__list .sublist a,.menu__dropdown__list .sublist button{padding:0.5rem 1rem}.menu__dropdown a,.menu__dropdown button{padding:0.5rem 1rem 0.5rem 1.75rem;display:flex;border:0;border-radius:var(--menu-link-border-radius);width:100%;background-color:unset;font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.menu__dropdown a:focus-visible,.menu__dropdown button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color)}.menu__dropdown a.menu__second-level.menu--expanded,.menu__dropdown button.menu__second-level.menu--expanded{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__dropdown a.menu--active:not(:hover):not(:active),.menu__dropdown button.menu--active:not(:hover):not(:active){background-color:var(--menu-item-theme-active-bg)}.menu__dropdown a.menu--active:not(:hover):not(:active) .badge,.menu__dropdown button.menu--active:not(:hover):not(:active) .badge{background-color:var(--menu-active-item-badge-background-color)}.menu__dropdown a.menu--active.menu__second-level:not(.menu--expandable):not(:hover):not(:active),.menu__dropdown a.menu--active.menu__third-level:not(:hover):not(:active),.menu__dropdown button.menu--active.menu__second-level:not(.menu--expandable):not(:hover):not(:active),.menu__dropdown button.menu--active.menu__third-level:not(:hover):not(:active){background-color:var(--menu-link-active-background-color)}.menu__dropdown a.menu--active.menu--expandable,.menu__dropdown button.menu--active.menu--expandable{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__dropdown a.menu--active.menu--expandable:not(:hover):not(:active),.menu__dropdown button.menu--active.menu--expandable:not(:hover):not(:active){background-color:unset}.badge{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--menu-badge-text-color);background-color:var(--menu-badge-background);margin-left:0.25rem;vertical-align:middle;position:relative;top:-0.0625em;padding:0.125rem 0.375rem;border-radius:0.25rem}@keyframes gradient-border-cycle{0%,100%{background-position:0 0, 0% 0%}20%{background-position:0 0, 70% 70%}30%{background-position:0 0, 100% 100%}40%{background-position:0 0, 120% 120%}40%,100%{background-position:0 0, 120% 120%}}';export{r as tet_menu_mobile}
+import{r as e,g as t,h as n,H as o}from"./p-7c868b40.js";const r=class{constructor(t){e(this,t),this.isActive=!1,this.firstLevelTitle="",this.firstLevelLink="",this.firstLevelId=void 0,this.subLevels=[],this.darkMode=!1,this.highlightTheme=void 0,this.showAnimation=!1,this.firstLevelIcon="",this.hideIcons=!1,this.hideBottomBorder=!1,this.openActiveMenu=!1,this.isExpanded=!1,this.hasDropdownContent=!1,this.subMenuState=[]}rootMenuId="tet-menu-mobile-root-dropdown";get rootElement(){return t(this)}getOpenSubMenusByActiveItems(e){const t=new Set,n=e=>{let o=!1;return e.forEach((e=>{const r=e.subLevels||[],i=!!r.length&&n(r),a=Boolean(e.active)||i;r.length&&a&&t.add(e.title),a&&(o=!0)})),o};return n(e),Array.from(t)}syncExpandedStateWithActiveState(e){this.openActiveMenu&&(e?this.hasDropdownContent&&(this.isExpanded=!0,this.subMenuState=this.getOpenSubMenusByActiveItems(this.subLevels)):this.isExpanded=!1)}onIsActiveChange(e){this.syncExpandedStateWithActiveState(e)}componentWillLoad(){const e=Boolean(this.rootElement?.querySelector('[slot="list-start"]')),t=Boolean(this.rootElement?.querySelector('[slot="list-end"]'));this.hasDropdownContent=e||t||Boolean(this.subLevels.length),this.syncExpandedStateWithActiveState(this.isActive)}firstLevelClick=()=>{this.hasDropdownContent&&(this.isExpanded=!this.isExpanded)};secondLevelClick(e,t){t&&(this.subMenuState=this.subMenuState.includes(e)?this.subMenuState.filter((t=>t!==e)):[...this.subMenuState,e])}renderFirstLevel(){const{firstLevelTitle:e,firstLevelLink:t,firstLevelId:o}=this,r=!this.hasDropdownContent&&!!t,i=this.hasDropdownContent,a=[!this.hideIcons&&this.firstLevelIcon&&n("tet-icon",{class:"menu__first-level-icon",name:this.firstLevelIcon,theme:this.darkMode?"dark":"light",type:(this.highlightTheme?this.isExpanded&&!this.isActive:this.isExpanded||this.isActive)?"secondary":"primary"}),n("span",null,e),this.renderChevron()],m={"menu__first-level":!0,"menu__first-level-themed":!!this.highlightTheme,"menu--active":this.isActive,"menu--expandable":this.hasDropdownContent,"show-animation":this.showAnimation,...this.highlightTheme&&{[`theme-${this.highlightTheme}`]:!0}};return i?n("button",{id:o,type:"button","aria-controls":this.rootMenuId,"aria-expanded":this.isExpanded.toString(),class:m,onClick:this.firstLevelClick},a):n("a",{id:o,href:r?t:void 0,class:m,onClick:this.firstLevelClick},a)}renderSubLevels(){const{hasDropdownContent:e,subLevels:t}=this;if(!e)return null;let o=null;return t.length&&(o=t.map(((e,t)=>this.renderSubItem(e,!1,t)))),n("div",{class:"menu__dropdown"},n("ul",{class:"menu__dropdown__list",id:this.rootMenuId},n("slot",{name:"list-start"}),o,n("slot",{name:"list-end"})))}renderSubItem(e,t=!1,o){const r=e.subLevels?.map(((e,t)=>this.renderSubItem(e,!0,t))),i=!!r?.length,a=!i,m=!t&&i?`tet-menu-mobile-submenu-${o}`:void 0,l=!!e.active||this.subMenuState.includes(e.title),s={"menu--active":!!e.active,"menu__second-level":!t,"menu__third-level":t,"menu--expandable":i,"menu--expanded":this.subMenuState.includes(e.title)},d=[e.badge?n("div",null,e.title,n("span",{class:"badge"},e.badge)):e.title,!!i&&this.renderSubChevron(e.title,l)];return n("li",null,i?n("button",{id:e.id,type:"button","aria-controls":m,"aria-expanded":this.subMenuState.includes(e.title).toString(),class:s,onClick:()=>this.secondLevelClick(e.title,i),inert:!this.isExpanded},d):n("a",{id:e.id,href:a?e.link:void 0,class:s,onClick:()=>this.secondLevelClick(e.title,i),inert:!this.isExpanded},d),!!this.subMenuState.includes(e.title)&&n("ul",{class:"sublist",id:m},r))}renderChevron(){return this.hasDropdownContent?n("tet-icon",{class:"menu__chevron",name:this.isExpanded?"chevron-up":"chevron-down",theme:this.darkMode?"dark":"light",type:(this.highlightTheme?this.isExpanded&&!this.isActive:this.isExpanded||this.isActive)?"secondary":"primary"}):null}renderSubChevron(e,t=!1){return n("tet-icon",{class:"menu__chevron",name:this.subMenuState.includes(e)?"chevron-up":"chevron-down",theme:this.darkMode?"dark":"light",type:t?"secondary":"primary"})}render(){return n(o,{key:"f73813e8244660221b83f40e1fbe4a3122e4f9de"},n("div",{key:"5eafee743bc8c24ffd2a6ed75e4b657960f6e104",class:{menu:!0,"menu--expanded":this.isExpanded,"menu--active":this.isActive,"menu--dark":this.darkMode,"menu--hide-border":this.hideBottomBorder}},this.renderFirstLevel(),this.renderSubLevels()))}static get watchers(){return{isActive:["onIsActiveChange"]}}};r.style=':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)}@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{--menu-text-size:0.875rem;--menu-line-height:1.25rem;--menu-list-expanded-margin-bottom:1rem;--menu-list-expanded-margin-top:0.375rem;--menu-dropdown-animation-speed:0.2s;--menu-link-border-radius:0.375rem;--menu-text-color:var(--tc-text-primary);--menu-item-theme-bg:var(--tc-layer-primary);--menu-text-color-active:var(--tc-text-tertiary);--menu-border-bottom:0.03125rem solid var(--tc-border-quaternary);--menu-link-active-background-color:var(--tc-navigation-menu-item-active);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed);--menu-item-theme-hover-bg:var(--tc-menu-item-hover);--menu-focus-outline-color:var(--tc-blue-40);--menu-badge-background:var(--tc-navigation-menu-item-tag);--menu-active-item-badge-background-color:var(--tc-layer-permanent-white);--menu-badge-text-color:var(--tc-text-black-permanent);--menu-item-theme-gradient:transparent;--menu-third-level-border-color:var(--tc-border-tertiary);--menu-first-level-item-padding:0.5rem 1rem;display:inline-block;position:relative;width:100%}:host .theme-yellow{--menu-item-theme-bg:var(--tc-menu-item-yellow-background-default);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-yellow-gradient-main) 30%,\n      var(--tc-menu-item-yellow-gradient-accent) 50%,\n      var(--tc-menu-item-yellow-gradient-main) 70%\n  )}:host .theme-red{--menu-item-theme-bg:var(--tc-menu-item-red-background-default);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-red-gradient-main) 30%,\n      var(--tc-menu-item-red-gradient-accent) 50%,\n      var(--tc-menu-item-red-gradient-main) 70%\n  )}:host .theme-green{--menu-item-theme-bg:var(--tc-menu-item-green-background-default);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-green-gradient-main) 30%,\n      var(--tc-menu-item-green-gradient-accent) 50%,\n      var(--tc-menu-item-green-gradient-main) 70%\n  )}:host .theme-violet{--menu-item-theme-bg:var(--tc-menu-item-violet-background-default);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-violet-gradient-main) 30%,\n      var(--tc-menu-item-violet-gradient-accent) 50%,\n      var(--tc-menu-item-violet-gradient-main) 70%\n  )}:host .theme-blue{--menu-item-theme-bg:var(--tc-menu-item-blue-background-default);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-blue-gradient-main) 30%,\n      var(--tc-menu-item-blue-gradient-accent) 50%,\n      var(--tc-menu-item-blue-gradient-main) 70%\n  )}.menu{background-color:var(--menu-item-theme-bg);border-bottom:var(--menu-border-bottom);color:var(--menu-text-color);line-height:var(--menu-line-height);position:relative;width:100%;transition:border-bottom-color var(--menu-dropdown-animation-speed)}.menu--dark{--menu-text-color:var(--tc-text-primary-dark);--menu-item-theme-bg:var(--tc-layer-primary-dark);--menu-text-color-active:var(--tc-text-tertiary-dark);--menu-border-bottom:0.03125rem solid var(--tc-border-quaternary-dark);--menu-highlited-item-background-color:var(--tc-layer-primary-dark);--menu-link-active-background-color:var(--tc-navigation-menu-item-active-dark);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover-dark);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-hover-dark);--menu-focus-outline-color:var(--tc-blue-40-dark);--menu-badge-background:var(--tc-navigation-menu-item-tag-dark);--menu-active-item-badge-background-color:var(--tc-layer-permanent-white-dark);--menu-badge-text-color:var(--tc-text-black-permanent-dark);--menu-item-theme-gradient:transparent;--menu-third-level-border-color:var(--tc-border-tertiary-dark)}.menu--dark .theme-yellow{--menu-item-theme-bg:var(--tc-menu-item-yellow-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-yellow-gradient-main-dark) 30%,\n      var(--tc-menu-item-yellow-gradient-accent-dark) 50%,\n      var(--tc-menu-item-yellow-gradient-main-dark) 70%\n  )}.menu--dark .theme-red{--menu-item-theme-bg:var(--tc-menu-item-red-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-red-gradient-main-dark) 30%,\n      var(--tc-menu-item-red-gradient-accent-dark) 50%,\n      var(--tc-menu-item-red-gradient-main-dark) 70%\n  )}.menu--dark .theme-green{--menu-item-theme-bg:var(--tc-menu-item-green-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-green-gradient-main-dark) 30%,\n      var(--tc-menu-item-green-gradient-accent-dark) 50%,\n      var(--tc-menu-item-green-gradient-main-dark) 70%\n  )}.menu--dark .theme-violet{--menu-item-theme-bg:var(--tc-menu-item-violet-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-violet-gradient-main-dark) 30%,\n      var(--tc-menu-item-violet-gradient-accent-dark) 50%,\n      var(--tc-menu-item-violet-gradient-main-dark) 70%\n  )}.menu--dark .theme-blue{--menu-item-theme-bg:var(--tc-menu-item-blue-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n      135deg,\n      var(--tc-menu-item-blue-gradient-main-dark) 30%,\n      var(--tc-menu-item-blue-gradient-accent-dark) 50%,\n      var(--tc-menu-item-blue-gradient-main-dark) 70%\n  )}.menu--expanded,.menu--hide-border{border-bottom-color:transparent}.menu a,.menu button{color:var(--menu-text-color);text-decoration:none;cursor:pointer;text-align:left}.menu a:hover,.menu button:hover{background-color:var(--menu-link-hover-background-color)}.menu a:active,.menu button:active{background-color:var(--menu-link-pressed-background-color)}.menu__first-level{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";align-items:center;display:flex;width:100%;flex-direction:row;padding:var(--menu-first-level-item-padding);border:0.125rem solid transparent;background-color:var(--menu-item-theme-bg);border-radius:var(--menu-link-border-radius)}.menu__first-level-themed{position:relative;isolation:isolate;background-image:linear-gradient(var(--menu-item-theme-bg)), var(--menu-item-theme-gradient);background-origin:border-box;background-clip:padding-box, border-box;background-size:100% 100%, 300% 100%;background-position:0 0, 120% 120%}.menu__first-level-themed.show-animation:not(:active,.menu--active){animation:gradient-border-cycle 4s ease-in-out infinite}.menu__first-level-themed:hover{border-color:var(--menu-item-theme-hover-bg);background-image:linear-gradient(var(--menu-item-theme-hover-bg), var(--menu-item-theme-hover-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__first-level-icon{--icon-size:1.25rem;display:flex;align-self:center;padding-right:0.5rem}.menu--expanded .menu__first-level{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__first-level.menu--active:not(:hover):not(:active){background-color:var(--menu-item-theme-active-bg)}.menu__first-level.menu--active.menu__first-level-themed{color:var(--menu-text-color);text-decoration:none;border-color:var(--menu-item-theme-active-bg);background-image:linear-gradient(var(--menu-item-theme-active-bg), var(--menu-item-theme-active-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__first-level.menu--active.menu--expandable{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__first-level.menu--active.menu--expandable:not(:hover):not(:active){background-color:unset}.menu__first-level.menu--active:not(.menu--expandable):not(.menu__first-level-themed):not(:hover):not(:active){background-color:var(--menu-link-active-background-color)}.menu__first-level:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-offset:-0.125rem}.menu__chevron{--icon-size:1.25rem;margin-left:auto;padding-left:0.75rem}.menu__dropdown{overflow:hidden;z-index:1;min-width:14rem}.menu__dropdown__list{margin-top:0;margin-bottom:0;max-height:0;transition:all var(--menu-dropdown-animation-speed) ease-out}.menu--expanded .menu__dropdown__list{margin-top:var(--menu-list-expanded-margin-top);margin-bottom:var(--menu-list-expanded-margin-bottom);max-height:100rem;transition:all var(--menu-dropdown-animation-speed) ease-in}.menu__dropdown__list li{list-style:none;padding:0.0625rem;border-radius:var(--menu-link-border-radius)}.menu__dropdown__list .sublist{margin:0.5rem 0 1.5rem 1.5rem;padding-left:1rem;border-left:0.0625rem solid var(--menu-third-level-border-color)}.menu__dropdown__list .sublist a,.menu__dropdown__list .sublist button{padding:0.5rem 1rem}.menu__dropdown a,.menu__dropdown button{padding:0.5rem 1rem 0.5rem 1.75rem;display:flex;border:0;border-radius:var(--menu-link-border-radius);width:100%;background-color:unset;font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.menu__dropdown a:focus-visible,.menu__dropdown button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color)}.menu__dropdown a.menu__second-level.menu--expanded,.menu__dropdown button.menu__second-level.menu--expanded{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__dropdown a.menu--active:not(:hover):not(:active),.menu__dropdown button.menu--active:not(:hover):not(:active){background-color:var(--menu-item-theme-active-bg)}.menu__dropdown a.menu--active:not(:hover):not(:active) .badge,.menu__dropdown button.menu--active:not(:hover):not(:active) .badge{background-color:var(--menu-active-item-badge-background-color)}.menu__dropdown a.menu--active.menu__second-level:not(.menu--expandable):not(:hover):not(:active),.menu__dropdown a.menu--active.menu__third-level:not(:hover):not(:active),.menu__dropdown button.menu--active.menu__second-level:not(.menu--expandable):not(:hover):not(:active),.menu__dropdown button.menu--active.menu__third-level:not(:hover):not(:active){background-color:var(--menu-link-active-background-color)}.menu__dropdown a.menu--active.menu--expandable,.menu__dropdown button.menu--active.menu--expandable{color:var(--menu-text-color-active);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.menu__dropdown a.menu--active.menu--expandable:not(:hover):not(:active),.menu__dropdown button.menu--active.menu--expandable:not(:hover):not(:active){background-color:unset}.badge{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--menu-badge-text-color);background-color:var(--menu-badge-background);margin-left:0.25rem;vertical-align:middle;position:relative;top:-0.0625em;padding:0.125rem 0.375rem;border-radius:0.25rem}@keyframes gradient-border-cycle{0%,100%{background-position:0 0, 0% 0%}20%{background-position:0 0, 70% 70%}30%{background-position:0 0, 100% 100%}40%{background-position:0 0, 120% 120%}40%,100%{background-position:0 0, 120% 120%}}';export{r as tet_menu_mobile}

package/dist/tet-components/{p-0a712921.entry.js → p-0b9906f1.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,g as n,h as o,H as i}from"./p-83f43fdd.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"bab88c2aaa92e1ff275685c85c735be8cb156756"},o("div",{key:"a620a00f464cd1d5c19beba0b6263af51304fb5a",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"c6b200baa79a8e641b5134380870915191231a36",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"1499521dac1b234a0b657c045da279e58557bcee",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};s.style=':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{display:block;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}
+import{r as t,c as e,g as n,h as o,H as i}from"./p-7c868b40.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"a234df32a4e338308927d5163ca678dd3b2c4695"},o("div",{key:"f2448b570fe6a5bd0c459aa1573a8ae64624a654",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"4791da7e1a6969c9131f7067cf5af5266900e8b5",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"269890255beddbd9856881abee2c931ba878a4dd",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};s.style=':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{display:block;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}

package/dist/tet-components/p-0ce1471b.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,g as o,h as r,H as i}from"./p-7c868b40.js";import{a as n}from"./p-713fff27.js";import{p as a,t as s}from"./p-8f9c8b2c.js";import{f as l}from"./p-e1e74d01.js";import"./p-9a2b6ee2.js";import"./p-59c5d02d.js";const c=class{constructor(o){e(this,o),this.bottomLinkClick=t(this,"bottomLinkClick",7),this.benefitLinkClick=t(this,"benefitLinkClick",7),this.cardClick=t(this,"cardClick",7),this.selectionStateChange=t(this,"selectionStateChange",7),this.addToCart=t(this,"addToCart",7),this.removeFromCart=t(this,"removeFromCart",7),this.segmentSwitchChange=t(this,"segmentSwitchChange",7),this.isDesktopResolution=!1,this.isAccordionOpen=!0,this.theme="light",this.state="default",this.selected=!1,this.selectionType=void 0,this.isTabStop=!0,this.subscriptionLabel=void 0,this.topBadge=void 0,this.indicator=void 0,this.cardTitle=void 0,this.cardId=void 0,this.subtitle=void 0,this.description=void 0,this.price=void 0,this.inlineMessage=void 0,this.selectionConfig=void 0,this.segmentSwitch=void 0,this.count=void 0,this.primaryValue=void 0,this.secondaryValue=void 0,this.isInCart=!1,this.benefits=void 0,this.benefitLink=void 0,this.packageItems=void 0,this.subscriptionItems=void 0,this.bottomLinkText=void 0,this.bottomRemark=void 0,this.accordionConfig=void 0}get hostElement(){return o(this)}focusTargetEl;static INTERACTIVE_CLICK_TAGS=new Set(["TET-STEPPER-INPUT","TET-BUTTON","TET-DROPDOWN","TET-TAB-HEADER"]);accordionEl;bottomLinkClick;benefitLinkClick;cardClick;selectionStateChange;addToCart;removeFromCart;segmentSwitchChange;get isSelectedState(){return this.selected}get isDisabledState(){return"disabled"===this.state}get isUnavailableState(){return"unavailable"===this.state}get isSubscribedState(){return"subscribed"===this.state}get isSelectable(){return!(!this.selectionType||this.isDisabledState||this.isUnavailableState||this.isSubscribedState)}get isHoverable(){return this.isSelectable&&("checkbox"===this.selectionType||!this.isSelectedState)}get hasDesktopAccordionToggle(){const e=this.accordionConfig?.openLabelDesktop?.trim(),t=this.accordionConfig?.closedLabelDesktop?.trim();return!!e&&!!t}async componentWillLoad(){this.isAccordionOpen="closed"!==this.accordionConfig?.defaultState,this.checkDesktopResolution(),this.ensureDesktopOpenWithoutToggle(),await a("tet-components","lv")}onAccordionConfigChanged(){this.ensureDesktopOpenWithoutToggle()}onSelectionConfigChanged(e,t){const o=this.haveDropdownOptionsChanged(e?.primaryDropdown,t?.primaryDropdown),r=this.haveDropdownOptionsChanged(e?.secondaryDropdown,t?.secondaryDropdown),i={};let n=!1;o&&void 0!==this.primaryValue&&(i.primaryValue=void 0,n=!0),r&&void 0!==this.secondaryValue&&(i.secondaryValue=void 0,n=!0),n&&this.emitSelectionStateChanged(i)}onResize(){const e=this.isDesktopResolution;this.checkDesktopResolution(),!e&&this.isDesktopResolution&&this.ensureDesktopOpenWithoutToggle()}checkDesktopResolution=()=>{this.isDesktopResolution=void 0!==globalThis.window&&globalThis.window.innerWidth>=500};emitSelectionStateChanged=e=>{const t={primaryValue:this.primaryValue,secondaryValue:this.secondaryValue,count:this.count,...e};this.selectionStateChange.emit(t)};getDropdownValueSignature=e=>JSON.stringify((e?.options??[]).map((e=>e.value)));haveDropdownOptionsChanged=(e,t)=>this.getDropdownValueSignature(e)!==this.getDropdownValueSignature(t);onSelectionCounterValueChange=({detail:e})=>{this.emitSelectionStateChanged({count:e})};onSelectionAdd=e=>{e.stopPropagation(),this.isDisabledState||this.addToCart.emit({primaryValue:this.primaryValue,secondaryValue:this.secondaryValue,count:this.count})};onSelectionRemove=e=>{e.stopPropagation(),this.isDisabledState||this.removeFromCart.emit()};onDropdownOptionSelected=e=>({detail:t})=>{this.emitSelectionStateChanged("primary"===e?{primaryValue:t.value}:{secondaryValue:t.value})};onAccordionChanged=({detail:e})=>{this.isAccordionOpen=e};ensureDesktopOpenWithoutToggle=()=>{!this.isDesktopResolution||this.hasDesktopAccordionToggle||this.isAccordionOpen||(this.isAccordionOpen=!0)};onBottomAccordionToggle=e=>{e.preventDefault(),e.stopPropagation(),this.isAccordionOpen?this.accordionEl?.close():this.accordionEl?.open()};onHeaderAccordionToggle=e=>{e.preventDefault(),e.stopPropagation(),this.onBottomAccordionToggle(e)};onBottomLinkClick=e=>{e.preventDefault(),e.stopPropagation(),this.isDisabledState||this.bottomLinkClick.emit(this.bottomLinkText??"")};onBenefitLinkClick=e=>{e.preventDefault(),e.stopPropagation(),this.isDisabledState||this.benefitLinkClick.emit(this.benefitLink??"")};isInteractiveCardClick=e=>e.composedPath().some((e=>e instanceof HTMLElement&&c.INTERACTIVE_CLICK_TAGS.has(e.tagName)));onCardClick=e=>{this.isSelectable&&(this.isInteractiveCardClick(e)||this.cardClick.emit())};async focusSelectionTarget(){this.focusTargetEl?.focus()}renderTopBadge=()=>this.topBadge?r("div",{class:"snicker-card__badge"},this.topBadge):null;renderSubscriptionStrip=()=>this.isSubscribedState&&this.subscriptionLabel?r("div",{class:"subscription-strip"},r("p",{class:"subscription-strip__label"},this.subscriptionLabel)):null;renderSelection=()=>{if(!this.selectionConfig)return null;const{primaryDropdown:e,secondaryDropdown:t,stepper:o,addButtonLabel:i,removeButtonLabel:n}=this.selectionConfig,a=this.isInCart,l=this.isDisabledState,c=this.count??o?.value??o?.min,d=a?n??s("components-snicker-card-remove-from-cart"):i??s("components-snicker-card-add-to-cart");return r("div",{class:{selection:!0,"selection--before-switch":!!this.segmentSwitch}},e&&r("tet-dropdown",{class:"selection__dropdown",theme:this.theme,label:e.label,buttonLabel:e.buttonLabel,options:e.options,disabled:l||(e.disabled??!1),closeOnSelection:e.closeOnSelection??!0,onOptionSelected:this.onDropdownOptionSelected("primary")}),t&&r("tet-dropdown",{class:"selection__dropdown",theme:this.theme,label:t.label,buttonLabel:t.buttonLabel,options:t.options,disabled:l||(t.disabled??!1),closeOnSelection:t.closeOnSelection??!0,onOptionSelected:this.onDropdownOptionSelected("secondary")}),o&&r("tet-stepper-input",{class:"selection__stepper",theme:this.theme,disabled:l,value:c,displayMode:this.isDesktopResolution?"input":"text",min:o.min,max:o.max,step:o.step??1,accessibilityLabel:o.label,onInputValueChanged:this.onSelectionCounterValueChange}),!a&&r("tet-button",{class:"selection__button",onClick:this.onSelectionAdd,size:"medium",type:"primary",theme:this.theme,disabled:l,iconName:"tc-cart-outline",iconPosition:"left",accessibilityLabel:d},d),a&&r("tet-button",{class:"selection__button selection__button--in-cart selection__button--mobile",onClick:this.onSelectionRemove,size:"medium",type:"secondary",theme:this.theme,disabled:l,iconName:"tc-trash",iconPosition:"left",accessibilityLabel:d},d),a&&r("tet-button",{class:"selection__button selection__button--in-cart selection__button--desktop",onClick:this.onSelectionRemove,size:"medium",type:"primary",theme:this.theme,disabled:l,iconName:"tc-trash",iconMode:!0,iconPosition:"left",accessibilityLabel:d,customColorCode:"light"===this.theme?"#F7F7F7":"#18191B",customColorContentTone:"light"===this.theme?"dark":"light"}))};renderSegmentSwitch=()=>{if(!this.segmentSwitch)return null;const{values:e,defaultSelected:t,label:o}=this.segmentSwitch,i=t??e[0],n=this.isDisabledState||this.isUnavailableState;return r("div",{class:"segment-switch"},r("div",{class:{"segment-switch__label":!0,"segment-switch__label--disabled":n}},o),r("tet-tab-header",{class:"segment-switch__block",theme:this.theme,"default-tab":i,segmented:!0,mode:"switch",accessibilityLabel:o,sizing:this.isDesktopResolution?"web":"mobile",disabled:n,onTabSelected:e=>{e.stopPropagation(),void 0!==e.detail.old&&e.detail.old!==e.detail.new&&this.segmentSwitchChange.emit({value:String(e.detail.new),previousValue:String(e.detail.old)})}},e.map((e=>r("button",{"data-name":e},e)))))};renderBenefits=()=>{const e=this.benefits??[];let t="primary";return this.isDisabledState?t="quaternary":this.isUnavailableState&&(t="tertiary"),0!==e.length||this.benefitLink?r("ul",{class:"benefits with-divider"},e.map((e=>r("li",{class:"benefits__item"},r("tet-icon",{theme:this.theme,class:"benefits__icon",type:t,name:"tc-check"}),r("span",{class:"benefits__text"},e)))),this.benefitLink&&r("li",{class:"benefits__item"},r("tet-icon",{theme:this.theme,class:"benefits__icon",type:t,name:"tc-check"}),r("button",{type:"button",class:{"button-naked":!0,benefits__link:!0,"benefits__link--unavailable":this.isUnavailableState,"tet-link":!0,disabled:this.isDisabledState,[this.theme]:!0},disabled:this.isDisabledState,onClick:this.onBenefitLinkClick},this.benefitLink))):null};renderPackageItems=()=>{const e=this.packageItems??[];return 0===e.length?null:r("div",{class:"packages"},e.map((e=>r("div",{class:"packages__item"},r("img",{class:"packages__image",src:e,alt:"",loading:"lazy",decoding:"async"})))))};renderSubscriptionItems=()=>{const e=this.subscriptionItems??[];return 0===e.length?null:r("div",{class:"subscriptions with-divider"},e.map((e=>r("div",{class:"subscriptions__item"},r("img",{class:"subscriptions__image",src:e,alt:"",loading:"lazy",decoding:"async"})))))};renderInlineMessage=()=>{const e=this.inlineMessage;return e?r("div",{class:{message:!0,"with-divider":!0,"message--standalone":!this.selectionConfig}},r("tet-inline-message",{class:"message__inline",variant:e.variant??"info",theme:this.theme},r("span",{slot:"title"},e.title),r("span",{slot:"description"},e.message))):null};renderBottomLink=()=>this.bottomLinkText?r("button",{type:"button",class:{"button-naked":!0,"tet-link":!0,disabled:this.isDisabledState,[this.theme]:!0,footer__link:!0},disabled:this.isDisabledState,onClick:this.onBottomLinkClick},this.bottomLinkText):null;renderBottomToggle=()=>{const e=this.hasDesktopAccordionToggle,t=this.isAccordionOpen?this.accordionConfig?.openLabelDesktop:this.accordionConfig?.closedLabelDesktop;return e?r("button",{class:{footer__toggle:!0,"tet-link":!0,[this.theme]:!0},onClick:this.onBottomAccordionToggle},r("span",{class:"footer__toggle-label"},t),r("tet-icon",{theme:this.theme,class:{"footer__toggle-icon":!0,open:this.isAccordionOpen},type:"primary",name:"chevron-down"})):null};renderBottomSection=()=>{const e=!!this.bottomLinkText,t=!!this.bottomRemark;return e||t||this.hasDesktopAccordionToggle?r("div",{class:{footer:!0,"footer--desktop-only":!e&&!t}},r("div",{class:"footer__contract"},this.renderBottomLink(),t&&r("p",{class:"footer__remark"},this.bottomRemark)),this.renderBottomToggle()):null};renderIndicator=()=>{const e=this.indicator;return e?"checkbox"===e.type?r("tet-checkbox",{class:"header__selector",theme:this.theme,checked:this.isSelectedState,disabled:this.isDisabledState,unavailable:this.isUnavailableState,iconName:e.iconName,labelFont:"lg-inter",label:this.cardTitle,"aria-hidden":!0,inert:!0,alignCenter:!1},r("slot",{name:"indicator-label-icon",slot:"label-icon"})):"radio"===e.type?r("tet-radio",{class:"header__selector",theme:this.theme,checked:this.isSelectedState,disabled:this.isDisabledState,unavailable:this.isUnavailableState,iconName:e.iconName,label:this.cardTitle,labelFont:"lg-inter","aria-hidden":!0,inert:!0},r("slot",{name:"indicator-label-icon",slot:"label-icon"})):void 0:r("slot",{name:"indicator-label-icon"})};renderHeader=()=>{const e=this.price,t=!!e;let o=-1;this.isSelectable&&(o="radio"!==this.selectionType||this.isTabStop?0:-1);const i="price"===e?.type;let a,s;if(i){const t={decimalSeparator:",",currency:""};a=l(e.value,t),s=void 0===e.oldValue?void 0:l(e.oldValue,t)}else a=e?.value,s=e?.oldValue;const c=i?e?.prefix:void 0,d=i?e?.suffix:void 0;return r("div",{class:{header:!0,"header--hoverable":this.isHoverable,"header--closed":!this.isAccordionOpen,"header--no-price":!t}},r("div",{class:"header__top"},r("div",{class:"header__top-left","data-selection-target":"true",ref:e=>this.focusTargetEl=e??void 0,tabindex:o,onKeyDown:this.isSelectable?n:void 0,role:this.isSelectable?this.selectionType:void 0,"aria-checked":this.isSelectable?String(this.isSelectedState):void 0},this.renderIndicator(),!this.indicator&&r("h3",{class:"header__title"},this.cardTitle)),r("button",{type:"button",class:"header__accordion-toggle",onClick:this.onHeaderAccordionToggle},r("tet-icon",{theme:this.theme,class:{"header__accordion-toggle-icon":!0,open:this.isAccordionOpen},type:"primary",name:"chevron-down"}))),r("div",{class:"header__content"},this.subtitle&&r("p",{class:"header__subtitle"},this.subtitle),t&&r("div",{class:"header__price-line"},r("div",{class:"header__price-main"},c&&r("span",{class:"header__price-prefix"},c),r("span",{class:"header__price-value"},a),d&&r("span",{class:"header__price-suffix"},d)),s&&r("div",{class:"header__old-price"},s,d?` ${d}`:"")),this.description&&r("p",{class:"header__description"},this.description)))};render(){return r(i,{key:"371d2a9f190550dc6c3619b5e715179dfdc6f9dd"},r("div",{key:"4fbc106d3953798b920207e7f634f4149fa74bd0",class:{"snicker-card":!0,[this.theme]:!0,"snicker-card--hoverable":this.isHoverable,"snicker-card--selected":this.isSelectedState&&!this.isDisabledState,"snicker-card--disabled":this.isDisabledState,"snicker-card--unavailable":this.isUnavailableState,"snicker-card--subscribed":this.isSubscribedState,"snicker-card--with-badge":!!this.topBadge},onClick:this.onCardClick},this.renderTopBadge(),this.renderSubscriptionStrip(),r("tet-accordion",{key:"35c14f2187e16025f710be0ab3bd5fcc83d86489",ref:e=>this.accordionEl=e,class:"accordion",theme:this.theme,isOpen:this.isAccordionOpen,onOpenChanged:this.onAccordionChanged,transparentBackground:!0,isHeaderInteractive:!1},r("div",{key:"7a5e1e9a8f16d18a285b19ba5043f6d276bcc3bb",slot:"header",class:"accordion__header"},this.renderHeader()),r("div",{key:"83ce840564025dc260ef0f69b30f1c0c87fe4151",class:"accordion__content"},this.renderInlineMessage(),this.renderSelection(),this.renderSegmentSwitch(),this.renderBenefits(),this.renderPackageItems(),this.renderSubscriptionItems())),this.renderBottomSection()))}static get watchers(){return{accordionConfig:["onAccordionConfigChanged"],selectionConfig:["onSelectionConfigChanged"]}}};c.style=':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)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block}.light{--snicker-card-background:var(--tc-layer-primary);--snicker-card-subscribed-background:var(--tc-layer-secondary);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary);--snicker-card-border-color:var(--tc-border-quaternary);--snicker-card-border-hover-color:var(--tc-border-secondary);--snicker-card-border-selected-color:var(--tc-border-primary);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary);--snicker-card-text-primary:var(--tc-text-primary);--snicker-card-text-secondary:var(--tc-text-secondary);--snicker-card-text-tertiary:var(--tc-text-tertiary);--snicker-card-unavailable-color:var(--tc-text-tertiary);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled);--snicker-card-toggle-color:var(--tc-text-primary);--snicker-card-shadow:var(--tc-elevation-one);--snicker-card-selected-shadow:var(--tc-elevation-two);--snicker-card-badge-background:var(--tc-yellow-40);--snicker-card-focus-outline-color:var(--tc-blue-40)}.dark{--snicker-card-background:var(--tc-layer-primary-dark);--snicker-card-subscribed-background:var(--tc-layer-secondary-dark);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary-dark);--snicker-card-border-color:var(--tc-border-quaternary-dark);--snicker-card-border-hover-color:var(--tc-border-secondary-dark);--snicker-card-border-selected-color:var(--tc-border-primary-dark);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary-dark);--snicker-card-text-primary:var(--tc-text-primary-dark);--snicker-card-text-secondary:var(--tc-text-secondary-dark);--snicker-card-text-tertiary:var(--tc-text-tertiary-dark);--snicker-card-unavailable-color:var(--tc-text-tertiary-dark);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled-dark);--snicker-card-toggle-color:var(--tc-text-primary-dark);--snicker-card-shadow:var(--tc-elevation-one-dark);--snicker-card-selected-shadow:var(--tc-elevation-two-dark);--snicker-card-badge-background:var(--tc-yellow-40-dark);--snicker-card-focus-outline-color:var(--tc-blue-40-dark)}.snicker-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:1rem;border:0.0625rem solid var(--snicker-card-border-color);border-radius:1rem;background-color:var(--snicker-card-background);box-shadow:var(--snicker-card-shadow);color:var(--snicker-card-text-primary)}.snicker-card--hoverable{cursor:pointer}@media (hover: hover){.snicker-card--hoverable:hover{border-color:var(--snicker-card-border-hover-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-hover-color), var(--snicker-card-shadow)}}.snicker-card:has(.header__top-left:focus-visible){box-shadow:none;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}@media screen and (min-width: 31.25rem){.snicker-card{padding:1.5rem}}.snicker-card--with-badge{margin-top:0.875rem}.snicker-card--selected{border-color:var(--snicker-card-border-selected-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-selected-color), var(--snicker-card-selected-shadow)}.snicker-card--subscribed{background-color:var(--snicker-card-subscribed-background)}.snicker-card--unavailable{--snicker-card-text-primary:var(--snicker-card-unavailable-color);--snicker-card-text-secondary:var(--snicker-card-unavailable-color);--snicker-card-text-tertiary:var(--snicker-card-unavailable-color)}.snicker-card--disabled{--snicker-card-text-primary:var(--snicker-card-disabled-color);--snicker-card-text-secondary:var(--snicker-card-disabled-color);--snicker-card-text-tertiary:var(--snicker-card-disabled-color)}.snicker-card__badge{position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%);color:var(--tc-text-black-permanent);background-color:var(--snicker-card-badge-background);padding:0.375rem 1.25rem;border-radius:6.25rem;box-shadow:var(--snicker-card-shadow);width:fit-content;white-space:nowrap;font:600 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif"}@media (min-width: 26.375rem){.snicker-card__badge{left:1.5rem;transform:translateY(-50%) translateX(0)}}.subscription-strip{margin:-1rem -1rem 1rem;background-color:var(--snicker-card-subscription-strip-background);padding:0.75rem 1rem;border-top-left-radius:1rem;border-top-right-radius:1rem;box-sizing:border-box}@media screen and (min-width: 31.25rem){.subscription-strip{margin:-1.5rem -1.5rem 1rem;padding:0.75rem 1.5rem}}.subscription-strip__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-primary)}.accordion{--accordion-background-color:transparent;--accordion-header-mobile-padding:0;--accordion-header-padding:0;--accordion-header-font:inherit;--accordion-header-mobile-font:inherit;--accordion-header-text-desktop-margin-right:0;--accordion-border-bottom-width:0;--accordion-outer-border:none;display:block;width:100%}.accordion__header{width:100%;cursor:default}.accordion__content{width:100%}.with-divider{border-top:var(--snicker-card-divider);padding-top:1rem}.button-naked{background:unset;border:unset;cursor:pointer;appearance:none}.header{display:flex;flex-direction:column;align-items:stretch;gap:0.25rem;padding-bottom:1rem}.header--hoverable{cursor:pointer}@media screen and (min-width: 31.25rem){.header{display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"top price" "subtitle price" "description price";column-gap:1.5rem;row-gap:0.125rem;align-items:start}}.header--closed{padding-bottom:0.25rem}@media screen and (min-width: 31.25rem){.header--no-price{grid-template-columns:minmax(0, 1fr);grid-template-areas:"top" "subtitle" "description"}}.header__top{display:flex;align-items:start;justify-content:space-between;gap:0.75rem}@media screen and (min-width: 31.25rem){.header__top{grid-area:top;justify-content:flex-start}}.header__top-left{display:flex;align-items:center;gap:0.5rem;min-width:0;flex-wrap:wrap}.header__top-left:focus-visible{outline:none}.header__selector{pointer-events:none}.header__content{min-width:0;display:flex;flex-direction:column}@media screen and (min-width: 31.25rem){.header__content{display:contents}}.header__title{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-primary)}.header__subtitle{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--snicker-card-text-primary)}@media screen and (min-width: 31.25rem){.header__subtitle{grid-area:subtitle}}.header__description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-secondary)}@media screen and (min-width: 31.25rem){.header__description{grid-area:description}}.header__price-line{display:flex;align-items:baseline;gap:0.5rem;margin:0.125rem 0 0;color:var(--snicker-card-text-primary);flex-wrap:nowrap}@media screen and (min-width: 31.25rem){.header__price-line{grid-area:price;flex-direction:column;align-items:flex-end;gap:0.1875rem;margin:0;align-self:start}}.header__accordion-toggle{border:0;background:transparent;padding:0;margin:0;border-radius:0.125rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem}@media screen and (min-width: 31.25rem){.header__accordion-toggle{display:none}}.header__accordion-toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.header__accordion-toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.header__accordion-toggle-icon.open{transform:rotate(-180deg)}.header__price-main{display:flex;align-items:baseline;gap:0.25rem;white-space:nowrap}.header__price-prefix{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.header__price-prefix{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.header__price-value{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.header__price-value{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.header__price-suffix{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.header__price-suffix{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.header__old-price{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--snicker-card-text-tertiary);text-decoration:line-through;white-space:nowrap}@media screen and (min-width: 31.25rem){.header__old-price{text-align:right}}.message{width:100%}.message--standalone{padding-bottom:1rem}.message__inline{width:100%;--inline-message-padding:0;--inline-message-border-bottom:none}.selection{width:100%;padding:1rem 0;display:flex;flex-direction:column;gap:1rem;align-items:stretch}@media screen and (min-width: 31.25rem){.selection{flex-direction:row;align-items:flex-end;flex-wrap:nowrap;gap:0.75rem}}.selection--before-switch{padding-bottom:0.5rem}.selection__dropdown{display:block;width:100%}@media screen and (min-width: 31.25rem){.selection__dropdown{flex:1 1 0;width:auto;min-width:0}}.selection__stepper{display:block;align-self:center}@media screen and (min-width: 31.25rem){.selection__stepper{flex:0 0 auto;align-self:flex-end}}.selection__button{align-self:center;--button-padding-medium:0.625rem 1rem}@media screen and (min-width: 31.25rem){.selection__button{flex:0 0 auto;align-self:flex-end;margin-left:auto}}.selection__button::part(button){transition:none}@media screen and (min-width: 31.25rem){.selection__button--in-cart{--button-padding-medium:0.625rem}}.selection__button--desktop{display:none}@media screen and (min-width: 31.25rem){.selection__button--desktop{display:inline-flex}}@media screen and (min-width: 31.25rem){.selection__button--mobile{display:none}}.segment-switch{display:block;padding-bottom:1rem}.segment-switch__label{padding:0 0.25rem 0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.segment-switch__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.segment-switch__label--disabled{color:var(--snicker-card-text-tertiary)}.segment-switch__block{display:block;width:100%}.benefits{list-style:none;margin:0;display:flex;flex-direction:column;gap:0.25rem}.benefits:not(:last-child){padding-bottom:1rem}.benefits__item{display:flex;align-items:center;gap:0.5rem}.benefits__icon{--icon-size:1rem;--icon-container-display:flex}.benefits__text{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--snicker-card-text-primary)}.benefits__link{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.benefits__link--unavailable{--tet-link-color:var(--snicker-card-unavailable-color);--tet-link-color-hover:var(--snicker-card-unavailable-color);--tet-link-color-active:var(--snicker-card-unavailable-color)}.packages{padding-bottom:1rem;display:flex;flex-wrap:wrap;gap:1rem}.packages__item{display:inline-flex;align-items:center}.packages__image{display:block;width:auto;height:1.5rem}.subscriptions{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 1rem;padding:0.25rem 0 0 0}.subscriptions__item{max-height:3rem;display:inline-flex;align-items:center}.subscriptions__image{display:block;width:auto}.footer{padding-top:0.75rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.footer--desktop-only{display:none}@media screen and (min-width: 31.25rem){.footer--desktop-only{display:block;text-align:right}}.footer__contract{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;align-items:flex-start;gap:0.625rem}.footer__link{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.footer__remark{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-secondary);overflow-wrap:anywhere}.footer__toggle{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";border:0;background:transparent;border-radius:0.125rem;color:var(--snicker-card-toggle-color);align-items:center;gap:0;padding:0;white-space:nowrap;cursor:pointer;display:none}@media screen and (min-width: 31.25rem){.footer__toggle{display:inline-flex}}.footer__toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.footer__toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.footer__toggle-icon.open{transform:rotate(-180deg)}';export{c as tet_snicker_card}

package/dist/tet-components/p-10afb1e4.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,g as o,h as s,H as e}from"./p-7c868b40.js";import{g as n}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:i,scrollWidth:o}=this;let s=i;return s<0?s=0:s>o&&(s=o),{scrollSpeed:t,scrollLeft:s,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:s}=this;let e=o+t.left;e<0&&(e=0),e>s&&(e=s),"smooth"===t.behavior?await this.animateScroll(-o,-e):this.scrollContainer.style.left=-e+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:e>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:s}=this,e=s+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-e,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:s}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-s,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>s?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),s=1e3/60,e=o/(this.animationSpeed/s);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const h=a,c=h-n;c<s||(n=h-c%s,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+e}px`,h-r>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};l(n)}));await l}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:s}=this;(o<0&&i>0||o>s&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const l=class{constructor(o){t(this,o),this.cardScroll=i(this,"cardScroll",7),this.contentScrollEnd=i(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;initializationTimeout;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let s=Array.from(this.element.children);this.withVirtualScroll&&(s=Array.from(this.element.querySelectorAll("[data-id]")));const e=s.find((i=>i.matches(t)));null!=e&&(await this.inertialScroll.scrollToElement(e,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=n(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),this.initializationTimeout=setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const i=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&i&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-i},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){clearTimeout(this.initializationTimeout),this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,s=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==s){const t=s.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),s=o.map((t=>t.getBoundingClientRect())),e=this.element.getBoundingClientRect(),n=e.width/2+e.left;let r=s.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===s.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=s.length-1),-1===r&&(t&&(r=s.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=s.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const l=o[r];this.withVirtualScroll&&l?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===l.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==l&&l.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),s=this.getLastOriginal(),e=o.getBoundingClientRect(),n=s.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(e.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(e.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=s.previousElementSibling,i=n.width+this.elementGap,e=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[e]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[e])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==s){const o=s.getBoundingClientRect().right,e=t.left+i;await this.inertialScroll.scrollBy({left:-(e-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==s){const i=s.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,s=this.scrollContainerRef.getBoundingClientRect().left,e=i.left-s,n=i.right-s;let r=1;return e<0?r=Math.max(.3,(i.width+e)/i.width):n<o+i.width&&(r=Math.max(.3,1-(n-o)/i.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<n(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return s(e,{key:"0b8cde183f9309ade1bcee281586575c266fc13b"},s("div",{key:"e6054f2a62ffc1cde80b39588512bc2487eea399",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"73452b7de472b7e0254a29516a39982c715cab97",class:"tet-card-list__scroll-container"},s("div",{key:"34477458fe1e5479e618c3d8d17d9859eb213be7",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"9f66e8ec14435eb6c50ce307386ec825777cfd5a"}))),s("tet-button",{key:"16a051b421a57462b8a2cbca9495a0bbedfcf087",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--left":!0,"tet-card-list__control--hidden":!this.controlVisibility.left},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleLeftControl,onKeyUp:this.handleLeftControlKeyUp},s("tet-icon",{key:"64e9ebd44fcc8e4af6113da2c024b101eeb94042",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"0e2c62406edfad0b2b185177741295490a54d853",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--right":!0,"tet-card-list__control--hidden":!this.controlVisibility.right},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleRightControl,onKeyUp:this.handleRightControlKeyUp},s("tet-icon",{key:"ff89c57ae39460d2e19fba0dfddc96f5a023c350",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"697ee135d128942fd80b97f837bc1e60288cd5ef",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"bf056d8c714c5cc7e4e2e7d4b6f551adee69d4d8",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};l.style=':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{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-icon-mode-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}';export{l as tet_card_list}

package/dist/tet-components/p-193daebe.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,g as o,f as s,h as r,H as n}from"./p-7c868b40.js";import{p as a,t as i}from"./p-8f9c8b2c.js";import{s as d,a as c}from"./p-355b139a.js";import"./p-59c5d02d.js";import{d as l}from"./p-a9634fae.js";import{n as h}from"./p-58434b0c.js";import{a as f}from"./p-713fff27.js";import"./p-9a2b6ee2.js";const p=class{constructor(o){e(this,o),this.addressSelected=t(this,"addressSelected",7),this.clearInputField=t(this,"clearInputField",7),this.manualAddressInput=t(this,"manualAddressInput",7),this.searchSubmitted=t(this,"searchSubmitted",7),this.language="lv",this.minSearchKeywordLength=4,this.placeholder="Piemēram, Nometņu iela 10 - 5, Salaspils",this.label="",this.accessibilityLabel="",this.addressKey="",this.newStyle=!1,this.newFormsStyle=!1,this.redesignedStyle=!1,this.alwaysExpanded=!1,this.theme="classic",this.manualAddressTriggers=!1,this.isInputInvalid=!1,this.inputDisabled=!1,this.highlightOptionsKeyword=!0,this.inputIconRight="",this.inputValueLength=0,this.isLoading=!1,this.isKeyboardFocus=!0,this.focusVisible=!1,this.elementActive=!1,this.searchButtonText="Parbaudīt",this.closeButtonText="Aizvert"}autocomplete;nativeInput;inputComponent;get searchElement(){return o(this)}onLanguageChanged(e){a("tet-components",e).then((()=>s(this)))}async search(e){this.nativeInput&&(e?await this.searchByAddressKey():await this.resetInputState())}onInputDisabledStateChange(e){e?this.removeIconRight():this.addClearIcon()}addressSelected;clearInputField;manualAddressInput;searchSubmitted;async resetInputState(){this.nativeInput.value="",this.inputValueLength=0,this.removeIconRight()}async componentWillLoad(){await a("tet-components",this.language)}async componentDidLoad(){this.nativeInput=await(this.inputComponent?.getInputHtmlElement()),this.nativeInput?.addEventListener("input",this.toggleInputClearIcon),this.nativeInput?.addEventListener("input",this.handleInputTyping),this.nativeInput?.addEventListener("input",this.handleInputEmptyState),this.nativeInput?.addEventListener("click",this.handleClick),this.autocomplete?.addEventListener("activeComponentStateChanged",this.handleActiveStateChange),this.nativeInput&&(this.nativeInput.style.whiteSpace="nowrap",this.nativeInput.style.overflow="hidden",this.nativeInput.style.textOverflow="ellipsis"),this.addressKey&&await this.searchByAddressKey()}disconnectedCallback(){this.nativeInput?.removeEventListener("input",this.toggleInputClearIcon),this.nativeInput?.removeEventListener("input",this.handleInputTyping),this.nativeInput?.removeEventListener("input",this.handleInputEmptyState),this.nativeInput?.removeEventListener("click",this.handleClick),this.autocomplete?.removeEventListener("activeComponentStateChanged",this.handleActiveStateChange)}handleClick=()=>{this.elementActive=!0,this.focusVisible=!1};handleInputTyping=e=>{this.elementActive=!0,e?.data&&(this.focusVisible=!1)};handleActiveStateChange=e=>{this.elementActive=null!==e.detail};onKeyDown(e){"Tab"!==e.key||this.nativeInput?.value||(this.focusVisible=!0)}onFocusOut(e){this.searchElement.contains(e.relatedTarget)||(this.elementActive=!1)}async searchByAddressKey(){const e=this.inputDisabled;this.inputDisabled=!0;const t=await d(this.addressKey);t&&t.fullAddress?(this.addressSelected.emit(t),this.nativeInput.value=t.fullAddress,this.inputValueLength=this.nativeInput.value.length,e||this.addClearIcon()):this.clearInputAction(),e||(this.inputDisabled=!1)}handleInputEmptyState=({target:e,inputType:t})=>{0===h(e.value).length&&["deleteContentBackward","deleteContentForward","deleteWordBackward","deleteWordForward","deleteByCut","historyUndo","historyRedo"].includes(t)&&this.clearInputAction()};toggleInputClearIcon=({target:e})=>{const t=h(e.value);if(this.inputValueLength=t.length,this.newStyle&&this.inputValueLength>=this.minSearchKeywordLength)return this.addLoadIcon(),void this.removeIconRight();t&&!this.inputIconRight&&this.addClearIcon(),!t&&this.inputIconRight&&this.removeIconRight()};manualAddressInputAction=()=>{this.manualAddressInput.emit(),this.clearInputAction()};addressFilterFunction=async e=>{if(e.length<this.minSearchKeywordLength)return Promise.resolve([]);const t=(await c(e)??[]).map((({fullAddress:e,addressKey:t,postalCode:o})=>({label:e,value:{addressKey:t,postalCode:o}})));return this.manualAddressTriggers&&t.length>0&&t.push({label:i("components-address-search-manual-address-input"),value:"manual-input",clickCallback:this.manualAddressInputAction,ignoreHighlighting:!0,cssPart:"manual-input-option"}),t};debounceAddressFilter=l(this.addressFilterFunction,300);removeIconRight=()=>{this.inputIconRight=""};clearInputAction=()=>{this.autocomplete?.clear()};autocompleteClearInputCallback=()=>{this.removeIconRight(),this.inputValueLength=0,this.clearInputField.emit()};addClearIcon=()=>{this.isLoading=!1,this.inputIconRight="close"};finishedLoading=()=>{this.newStyle&&(this.removeIconRight(),this.inputValueLength>=1&&this.addClearIcon())};addLoadIcon=()=>{this.isLoading=!0};handleAutocompleteOptionSelection=e=>{e.detail._originalEvent instanceof PointerEvent?(this.addressSelected.emit({addressKey:e.detail.value.addressKey,fullAddress:e.detail.label,postalCode:e.detail.value.postalCode}),this.searchSubmitted.emit(e.detail.label)):this.addressSelected.emit({addressKey:e.detail.value.addressKey,fullAddress:e.detail.label,postalCode:e.detail.value.postalCode})};handleSearchSubmit=()=>{this.searchSubmitted.emit(this.nativeInput?.value)};handleCloseButtonClick=()=>{this.focusVisible=!1,this.elementActive=!1,this.autocomplete?.dispatchEvent(new CustomEvent("activeComponentStateChanged",{detail:null,bubbles:!0,composed:!0}))};renderManualAddressInputNoOptionsMessage=()=>r("div",{part:"address-not-found"},r("p",null,i("components-address-search-not-found-message")),r("p",{part:`manual-input ${this.theme}`},r("a",{onClick:this.manualAddressInputAction,onKeyDown:f,class:{"tet-link":!0,dark:"dark"===this.theme},tabindex:"0",role:"button"},i("components-address-search-manual-address-input"))));render(){const e=["autocomplete-input"];this.redesignedStyle&&e.push("address-search--redesigned__input-field"),this.newStyle&&e.push("address-search__input--rounded"),this.newFormsStyle&&e.push("address-search__input--forms");const t="dark"===this.theme||"mint-original"===this.theme,o=t?"dark":"light",s=this.elementActive&&!this.focusVisible||this.alwaysExpanded,a=s?void 0:"var(--tc-grey-80)",d=s&&t&&this.alwaysExpanded?"adaptive-yellow":void 0;return r(n,{key:"37b917408f0d33fe99a7e568eb64d83ec73959ad",class:{"address-search":!0,"address-search--redesigned":this.redesignedStyle,"always-expanded":this.alwaysExpanded,"keyboard-focus":this.focusVisible,active:this.elementActive,[this.theme]:!0}},r("tet-autocomplete",{key:"4d2e8c2d872eaa557121bd9ed5086bb0d5a2cd3e",class:`address-search--redesigned__autocomplete\n            ${t?"dark":""}\n          `,part:"autocomplete",optionsFilterAction:this.debounceAddressFilter,onOptionSelected:this.handleAutocompleteOptionSelection,noOptionsMessage:i("components-address-search-not-found-message"),noOptionsRenderFunction:this.manualAddressTriggers?this.renderManualAddressInputNoOptionsMessage:void 0,clearCallback:this.autocompleteClearInputCallback,finishedLoading:this.finishedLoading,darkTheme:t,newStyle:this.newStyle,ref:e=>this.autocomplete=e,optionsIcon:"location",redesignedStyle:this.redesignedStyle,highlightOptionsKeyword:this.highlightOptionsKeyword},this.redesignedStyle?r("div",{class:"address-search--redesigned__autocomplete-content"},r("div",{class:"address-search--redesigned__input-wrapper\n                "+(t?"dark":"")},r("tet-input",{class:"address-search__input address-search--redesigned__input\n                    "+(t?"dark":""),part:"input","input-class":e.join(" "),"input-placeholder":this.placeholder,"input-disabled":this.inputDisabled,label:this.label,accessibilityLabel:this.accessibilityLabel,iconLeft:this.newFormsStyle?"":"tc-search-short",iconRight:this.inputIconRight,iconRightClickCallback:this.clearInputAction,ref:e=>this.inputComponent=e,error:this.isInputInvalid,autocomplete:"off"},this.isLoading&&r("tet-spinner",{theme:t?"dark":"light",class:"address-search__spinner",size:"small"}))),r("div",{class:"address-search--redesigned__button-wrapper\n                "+(t?"dark":"")},r("tet-button",{class:"submit-address js-button-mobile button-icon",type:"primary",theme:o,colorTheme:d,customColorCode:a,"accessibility-label":i("components-address-search-search"),iconName:"arrow-right",iconMode:!0,onClick:this.handleSearchSubmit}),r("tet-button",{class:"submit-address button js-button",type:"primary",size:"medium",theme:o,colorTheme:d,customColorCode:a,onClick:this.handleSearchSubmit},this.searchButtonText))):r("tet-input",{class:"address-search__input",part:"input","input-class":e.join(" "),"input-placeholder":this.placeholder,"input-disabled":this.inputDisabled,label:this.label,accessibilityLabel:this.accessibilityLabel,iconLeft:this.newFormsStyle?"":"search",iconRight:this.inputIconRight,iconRightClickCallback:this.clearInputAction,theme:this.theme,ref:e=>this.inputComponent=e,error:this.isInputInvalid,autocomplete:"off"},this.isLoading&&r("tet-spinner",{theme:"dark"===this.theme?"dark":"light",class:"address-search__spinner",size:"small"}))),this.redesignedStyle&&r("div",{key:"4636f89998b22788092074f869bd4e9237490411",class:"address-search--redesigned__close-button"},r("tet-button",{key:"82224c1574fbd29c5e176efe1a72428da11946e5",type:"link",iconName:"close",theme:"dark",onMouseDown:e=>e.preventDefault(),onClick:this.handleCloseButtonClick},this.closeButtonText)))}static get watchers(){return{language:["onLanguageChanged"],addressKey:["search"],inputDisabled:["onInputDisabledStateChange"]}}};p.style=':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{display:block;--manual-input-option-background-color:var(--tc-background-secondary);--hover-option-background-color:var(--tc-layer-primary);--input-field-icon-color:var(--tc-icon-secondary);--redesigned-address-search-padding-vertical:1rem;--redesigned-address-search-padding-horizontal:0.5rem;--redesigned-address-search-radius:1rem}:host(.address-search--redesigned){--address-search-width:100%;--address-search-height:2.75rem;width:var(--address-search-width);height:var(--address-search-height)}:host(.address-search--redesigned) ::part(autocomplete-options-container){display:none;border:none;position:unset;z-index:auto;box-shadow:none}:host(.address-search--redesigned:not(.keyboard-focus)) ::part(autocomplete-options-container){display:block}:host(.address-search--redesigned:not(.keyboard-focus).active:focus-within) .address-search--redesigned__close-button{display:block}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__autocomplete{position:absolute;top:calc(-1 * var(--redesigned-address-search-padding-vertical));left:calc(-1 * var(--redesigned-address-search-padding-horizontal));border:0.0625rem solid var(--tc-border-quaternary);background-color:var(--tc-layer-primary);border-radius:var(--redesigned-address-search-radius);padding:var(--redesigned-address-search-padding-vertical) var(--redesigned-address-search-padding-horizontal);width:calc(var(--address-search-width) + 2 * var(--redesigned-address-search-padding-horizontal))}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark){--input-text-color:var(--tc-button-text-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark) .icon-left{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark) .icon-right{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__autocomplete.dark{border-color:var(--tc-border-quaternary-dark);background-color:var(--tc-layer-primary-dark)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input-wrapper{border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.address-search--redesigned.always-expanded){height:auto;--redesigned-close-button-top:-0.5rem}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark){--input-text-color:var(--tc-button-text-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark):focus-within .icon-left{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark):focus-within .icon-right{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__autocomplete{border:0.0625rem solid var(--tc-border-quaternary);background-color:var(--tc-layer-primary);border-radius:var(--redesigned-address-search-radius);padding:var(--redesigned-address-search-padding-vertical) var(--redesigned-address-search-padding-horizontal)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__autocomplete.dark{border-color:var(--tc-border-quaternary-dark);background-color:var(--tc-layer-primary-dark)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper:not(.dark){border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.address-search--redesigned.always-expanded:focus-within) .address-search--redesigned__input-wrapper.dark{border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.dark){--manual-input-option-background-color:var(--tc-background-secondary-dark);--hover-option-background-color:var(--tc-layer-primary-dark);--input-field-icon-color:var(--tc-icon-secondary-dark)}::part(address-not-found){display:flex;flex-direction:column;gap:0.5em}::part(manual-input-option){position:sticky;bottom:0;background-color:var(--manual-input-option-background-color);margin:0.125rem 0 0 0;border-radius:0;z-index:3}::part(manual-input-option):hover{--option-hover-background-color:var(--hover-option-background-color)}.address-search__input{--input-icon-color:var(--input-field-icon-color)}.address-search__input .icon-left{--input-icon-left-position:0.875rem}.address-search__input--rounded{--input-border-radius:1.375rem;--input-hover-background-color:none}.address-search__input--rounded~.icon-left,.address-search__input--rounded~.icon-right{--icon-size:1.5rem;--input-icon-top-position:0.625rem}.address-search__input--forms{--input-border-radius:0.75rem;--input-padding:0.75rem}.address-search__spinner{position:absolute;right:1rem}.address-search--redesigned__autocomplete{border:0.0625rem solid transparent}.address-search--redesigned__autocomplete-content{position:relative;display:flex;gap:0.75rem}.address-search--redesigned__input-wrapper{width:100%;border-bottom:0.0625rem solid var(--tc-grey-70);margin:0 0 0 0.5rem;display:flex;align-items:center;gap:0.5rem}.address-search--redesigned__button-wrapper{display:flex;align-items:center;margin-left:0.5rem}.address-search--redesigned__button-wrapper .js-button-mobile{width:fit-content;display:block;--button-icon-mode-padding:0.5rem}@media (min-width: 46rem){.address-search--redesigned__button-wrapper .js-button-mobile{display:none}}.address-search--redesigned__button-wrapper .js-button{display:none;--button-padding:0.5rem 0.875rem}@media (min-width: 46rem){.address-search--redesigned__button-wrapper .js-button{display:block}}.address-search--redesigned__input{width:100%;--input-height:var(--address-search-height);--input-text-color:var(--tc-button-text-white-permanent);--input-background-color:transparent;--input-hover-background-color:transparent;--input-border-radius:0;--input-border-color:transparent;--input-focus-border-color:transparent;--input-focus-outline-color:transparent;--input-focus-background-color:transparent}.address-search--redesigned__input .icon-left{--input-icon-left-position:0.25rem;--input-focus-icon-color:var(--tc-button-icon-white-permanent)}.address-search--redesigned__input .icon-right{--input-focus-icon-color:var(--tc-button-icon-white-permanent)}.address-search--redesigned__input-field{--input-border-radius:0.0125rem}.address-search--redesigned__close-button{display:none;position:absolute;right:0;top:var(--redesigned-close-button-top, calc(-0.5rem - var(--redesigned-address-search-padding-vertical)));transform:translateY(-100%);--button-icon-color:var(--tc-button-icon-primary);--button-text-decoration:underline}.address-search--redesigned__close-button:hover{--button-icon-color:var(--color-grey-30)}.address-search--redesigned__close-button ::part(button){backdrop-filter:none;text-decoration:underline;--button-padding:0.5rem 0}';export{p as tet_address_search}

package/dist/tet-components/p-196d80b8.entry.js

@@ -0,0 +1 @@
+import{r as o,c as t,f as n,h as e,H as a}from"./p-7c868b40.js";import{p as i,t as r}from"./p-8f9c8b2c.js";import"./p-9a2b6ee2.js";import"./p-59c5d02d.js";const f=class{constructor(n){o(this,n),this.mainDropdownToggle=t(this,"mainDropdownToggle",7),this.darkMode=!1,this.language="lv",this.isTogglerExpanded=!1,this.isTogglerVisible=!0}onTogglerClick=()=>{this.isTogglerExpanded=!this.isTogglerExpanded};async showToggler(){this.isTogglerVisible=!0}async hideToggler(){this.isTogglerVisible=!1,this.isTogglerExpanded=!1}async open(){this.isTogglerExpanded=!0}async close(){this.isTogglerExpanded=!1}mainDropdownToggle;onMenuToggle(o){this.mainDropdownToggle.emit(o)}async componentWillLoad(){await this.loadTranslations()}async onLanguageChange(){await this.loadTranslations(),n(this)}async loadTranslations(){await i("tet-components",this.language||"lv")}render(){return e(a,{key:"5674d7d43464bb27e19b481d8396105db440371d"},e("navigation",{key:"7dbd2ee6e8dcbade7aa70de4ebcc5e8ba13aad88",class:{navigation:!0,"navigation--dark":this.darkMode}},e("div",{key:"d50f98ff7f9299c2890eddcb824f6b70a6559c2d",class:"navigation__nav-bar"},e("slot",{key:"d37c3e81d84fa55339ead52799e50bcbc612f17f"})),this.isTogglerVisible&&e("button",{key:"f574df4ea396ae4e61196767687233a7cf2aea34",type:"button",class:"navigation__toggler","aria-controls":"tet-navigation-mobile-dropdown","aria-expanded":this.isTogglerExpanded.toString(),"aria-label":r(this.isTogglerExpanded?"components-navigation-mobile-close-menu-label":"components-navigation-mobile-open-menu-label"),onClick:this.onTogglerClick},e("tet-icon",{key:"9fd958859c3c58c4c9f8b7c0ccf41acf5375a630",theme:this.darkMode?"dark":"light",name:this.isTogglerExpanded?"close":"burger"})),e("div",{key:"0636925eb9eae10079de2248bed890c4ebcb6a69",id:"tet-navigation-mobile-dropdown",class:{navigation__dropdown:!0,"navigation__dropdown--expanded":this.isTogglerExpanded},inert:!this.isTogglerExpanded},e("slot",{key:"afe80299b7dbe6c4e7bd5aae0d2800208cc2e531",name:"dropdown"}))))}static get watchers(){return{isTogglerExpanded:["onMenuToggle"],language:["onLanguageChange"]}}};f.style=':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{--navigation-height:4rem;--navigation-padding:0 2rem;--navigation-mobile-padding:0 1rem;--navigation-background-color:var(--tc-layer-primary);--navigation-border-bottom-color:var(--tc-border-quaternary);--navigation-dropdown-padding:0 1rem;--navigation-focus-outline-color:var(--tc-blue-40);--navigation-box-shadow:var(--tc-elevation-one);--navigation-toggler-hover-background-color:var(--tc-navigation-button-hover);--navigation-toggler-pressed-background-color:var(--tc-navigation-button-pressed);display:block;width:100%;position:relative}.navigation{height:var(--navigation-height);width:100%;display:flex;background-color:var(--navigation-background-color);border-bottom:0.0625rem solid var(--navigation-border-bottom-color);box-sizing:border-box;padding:var(--navigation-mobile-padding);box-shadow:var(--navigation-box-shadow)}.navigation--dark{--navigation-background-color:var(--tc-layer-primary-dark);--navigation-border-bottom-color:var(--tc-border-quaternary-dark);--navigation-focus-outline-color:var(--tc-blue-40-dark);--navigation-box-shadow:var(--tc-elevation-one-dark);--navigation-toggler-hover-background-color:var(--tc-navigation-button-hover-dark);--navigation-toggler-pressed-background-color:var(--tc-navigation-button-pressed-dark)}.navigation--dark .navigation__toggler:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}@media screen and (min-width: 31.25rem){.navigation{padding:var(--navigation-padding)}}.navigation__nav-bar{display:flex;flex:1}.navigation__toggler{--icon-size:1.5rem;align-self:center;background:transparent;border:0;cursor:pointer;padding:0.375rem;border-radius:50%}.navigation__toggler:hover{background-color:var(--navigation-toggler-hover-background-color)}.navigation__toggler:active{background-color:var(--navigation-toggler-pressed-background-color)}.navigation__toggler:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.navigation__dropdown{background-color:var(--navigation-background-color);height:0;opacity:0;padding:var(--navigation-dropdown-padding);pointer-events:none;position:absolute;right:0;top:var(--navigation-height);width:100%}.navigation__dropdown--expanded{height:calc(100vh - var(--navigation-height));opacity:1;pointer-events:all;overflow-y:auto}';export{f as tet_navigation_mobile}