@tet/tet-components 1.4.102-staging → 1.4.102-testing

package/dist/tet-components/{p-c9b28df4.entry.js → p-b41c68a0.entry.js}

@@ -1 +1 @@
-import{r as e,g as n,h as t,H as o}from"./p-5abb3bea.js";const i=class{constructor(n){e(this,n),this.type="main",this.active=!1,this.clickable=!1,this.closeOnLinkClick=!1,this.firstLevelTitle="",this.firstLevelId=void 0,this.firstLevelLink="",this.firstLevelIcon="",this.menuItemTheme="",this.showMenuItemAnimation=!0,this.subLevels=[],this.darkMode=!1,this.parentSelector="",this.isMegaMenuLayout=!1,this.isSubmenuLeft=!1,this.megaActiveSubLevelIndex=-1,this.isMegaMenuOpen=!1,this.isMegaMenuEscapeClosed=!1,this.isLinkClickClosed=!1}get el(){return n(this)}thirdLevelMouseEnterHandlers=new WeakMap;megaParentElement=null;onWindowResize(){this.syncLayout()}onHostMouseLeave(){this.handleMenuMouseLeave()}onHostFocusIn(){this.handleMenuFocusIn()}syncLayout=()=>{this.isMegaMenuEnabled()||this.setMegaParentElement(null),this.setupThirdLevelEvent(),this.updateDropdownLayout()};isMegaMenuEnabled(){return this.isMegaMenuLayout&&"main"===this.type&&this.subLevels.length>0}setMegaParentElement(e){this.megaParentElement!==e&&(this.megaParentElement&&this.megaParentElement.removeEventListener("mouseleave",this.handleMegaParentMouseLeave),this.megaParentElement=e,this.megaParentElement?.addEventListener("mouseleave",this.handleMegaParentMouseLeave))}closeMegaMenu=()=>{this.isMegaMenuEnabled()&&(this.isMegaMenuOpen=!1,this.clearMegaActiveSubLevel())};blurFocusedMenuItem(){const e=this.el.shadowRoot?.activeElement;e?.blur()}handleMegaParentMouseLeave=()=>{this.closeMegaMenu()};openMegaMenu(){this.isMegaMenuEnabled()&&(this.isMegaMenuEscapeClosed=!1,this.isMegaMenuOpen=!0,globalThis.dispatchEvent(new CustomEvent("tet-menu-mega-open",{detail:this.el})))}handleFirstLevelInteraction=()=>{if(this.isLinkClickClosed=!1,this.isMegaMenuEnabled())return this.syncLayout(),void this.openMegaMenu();globalThis.dispatchEvent(new CustomEvent("tet-menu-mega-open",{detail:this.el}))};handleMenuMouseLeave=()=>{this.isLinkClickClosed=!1,this.isMegaMenuEnabled()&&(this.clearMegaActiveSubLevel(),this.isMegaMenuEscapeClosed=!1)};handleMenuFocusIn=()=>{this.isMegaMenuEnabled()&&this.isMegaMenuEscapeClosed&&this.openMegaMenu()};onWindowKeyDown(e){if(!this.isMegaMenuEnabled()||"Escape"!==e.key)return;const n=("function"==typeof e.composedPath?e.composedPath():[]).includes(this.el);(this.isMegaMenuOpen||n)&&(this.isLinkClickClosed=!0,this.isMegaMenuEscapeClosed=!0,this.closeMegaMenu(),this.blurFocusedMenuItem())}onExternalMegaMenuOpen(e){this.isMegaMenuEnabled()&&e.detail!==this.el&&(this.isMegaMenuEscapeClosed=!0,this.closeMegaMenu())}setMegaActiveSubLevel(e,n){this.isMegaMenuEnabled()&&(this.megaActiveSubLevelIndex=n?e:-1)}handleMegaSecondLevelKeyDown(e,n,t){this.isMegaMenuEnabled()&&t&&"Tab"===e.key&&!e.shiftKey&&(e.preventDefault(),this.setMegaActiveSubLevel(n,t),globalThis.requestAnimationFrame((()=>{const e=this.el.shadowRoot?.querySelector(".menu__dropdown__mega-third-list a");e?.focus()})))}handleMegaThirdLevelLinkKeyDown=e=>{if(!this.isMegaMenuEnabled()||"Tab"!==e.key)return;const n=Array.from(this.el.shadowRoot?.querySelectorAll(".menu__dropdown__mega-third-list a")??[]);if(0===n.length)return;const t=n.indexOf(e.currentTarget);if(t<0)return;if(e.shiftKey){if(t>0)return e.preventDefault(),void n[t-1]?.focus();const o=this.megaActiveSubLevelIndex;if(o<0)return;e.preventDefault();const i=this.el.shadowRoot?.querySelectorAll(".menu__dropdown__list--mega > li > a");return void i?.[o]?.focus()}if(t<n.length-1)return e.preventDefault(),void n[t+1]?.focus();const o=this.megaActiveSubLevelIndex;if(o<0)return;const i=this.el.shadowRoot?.querySelectorAll(".menu__dropdown__list--mega > li > a"),r=i?.[o+1];r&&(e.preventDefault(),r.focus())};clearMegaActiveSubLevel=()=>{this.isMegaMenuEnabled()&&(this.megaActiveSubLevelIndex=-1)};handleLinkClick=()=>{this.closeOnLinkClick&&(this.isLinkClickClosed=!0,this.isMegaMenuEscapeClosed=!0,this.closeMegaMenu(),this.blurFocusedMenuItem())};closeDropdown(){const e=this.el.shadowRoot?.querySelector(".menu__dropdown");e&&(e.style.maxHeight="0",e.style.transform="scaleY(0)",e.style.animationName="hideDropdown")}resetDropdownStyles(){const e=this.el.shadowRoot?.querySelector(".menu__dropdown");e&&(e.style.removeProperty("max-height"),e.style.removeProperty("transform"),e.style.removeProperty("animation-name"))}renderFirstLevel(){const{firstLevelTitle:e,firstLevelLink:n,firstLevelId:o,firstLevelIcon:i,menuItemTheme:r,showMenuItemAnimation:a,active:l,subLevels:m,clickable:s,type:d}=this,c=s&&0!==n.length?n:"javascript:void(0)",u=i?this.renderIcon({name:i,invertIcon:!0}):"",g="main"===d&&this.hasActiveSubLevels(m);let _="",p=!1;return"main"===d&&(_=r?`menu__first-level--theme-${r}`:"",p=a),t("a",{id:o,href:c,onClick:this.handleLinkClick,part:"first-level",onMouseEnter:this.handleFirstLevelInteraction,onFocus:this.handleFirstLevelInteraction,class:{"menu__first-level":!0,"menu--active":(l||g)&&"login"!==d,"menu__first-level--themed":_.length>0,..._&&{[_]:!0},...p&&{"show-animation":!0}}},u,e,this.renderChevron())}hasActiveSubLevels(e){return e.some((e=>!!e.active||this.hasActiveSubLevels(e.subLevels??[])))}componentDidRender(){this.syncLayout(),this.isLinkClickClosed?this.closeDropdown():this.resetDropdownStyles()}disconnectedCallback(){this.setMegaParentElement(null)}updateDropdownLayout(){if(!this.isMegaMenuEnabled())return;const e=this.el.shadowRoot?.querySelector(".menu__dropdown");if(!e)return;const n=this.parentSelector?.trim(),t=n?this.el.closest(n):this.el.parentElement;if(!t)return this.setMegaParentElement(null),e.style.removeProperty("top"),void e.style.removeProperty("--menu-dropdown-hover-bridge-height");this.setMegaParentElement(t);const o=t.getBoundingClientRect();if(o.width<=0)return;const i=this.el.getBoundingClientRect(),r=Math.max(0,o.bottom-i.bottom);e.style.top=`${o.bottom}px`,e.style.setProperty("--menu-dropdown-hover-bridge-height",`${r}px`)}renderChevron(){const{subLevels:e}=this;return 0===e.length?"":t("tet-icon",{name:"tc-chevron-down",class:"chevron",theme:"login"===this.type?this.darkMode?"light":"dark":this.darkMode?"dark":"light"})}renderCheckmark(e){const{type:n}=this;return e.active&&"language"===n?t("tet-icon",{name:"tc-check",class:"menu__dropdown__list__checkmark",theme:this.darkMode?"dark":"light"}):""}renderSubLevels(){const{subLevels:e}=this;if(e.length<1)return"";const n=this.isMegaMenuEnabled(),o=n?this.megaActiveSubLevelIndex:-1,i=o>=0?e[o]?.subLevels??[]:[],r=e.map(((e,t)=>this.renderSubItem(e,t,n))),a=t("ul",{class:{menu__dropdown__list:!0,"menu__dropdown__list--mega":n}},r);return t("div",{class:{menu__dropdown:!0,"menu__dropdown--mega":n}},n?t("div",{class:"tet-grid"},t("div",{class:"menu__dropdown__wrapper tet-grid__cell tet-grid__cell--span-all"},t("div",{class:"menu__dropdown__mega-lists"},a,t("div",{class:"menu__dropdown__mega-third"},i.length>0&&t("ul",{class:"menu__dropdown__mega-third-list"},i.map((e=>this.renderSublevelItem(e)))))),t("div",{class:"menu__dropdown__mega-banner"},t("slot",{name:"banner"})))):a)}renderSubItem(e,n,o){const i=e.subLevels?.map((e=>this.renderSublevelItem(e))),r=!!i?.length,a=this.hasActiveSubLevels(e.subLevels??[]);let l="",m="";this.isMegaMenuLayout||(e.iconLeft?l=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(l=this.renderImage(e)),e.iconRight&&(m=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize})));const s=e.subTitle&&0!==e.subTitle.length?t("div",{class:{"menu__dropdown__list__sub-title":!0,"menu__dropdown__list__sub-title--mega":this.isMegaMenuLayout}},e.subTitle):"",d=e.id?.toString(),c=r&&!o?t("div",{class:{left:!o&&this.isSubmenuLeft,right:!o&&!this.isSubmenuLeft,menu__sublist:!0}},t("ul",{class:{content:!0}},i)):null;return t("li",null,t("a",{id:d,href:e.link,onClick:this.handleLinkClick,onMouseEnter:()=>this.setMegaActiveSubLevel(n,r),onFocus:()=>this.setMegaActiveSubLevel(n,r),onKeyDown:e=>this.handleMegaSecondLevelKeyDown(e,n,r),class:{"menu--active":!!e.active||a,"menu--mega-current":o&&n===this.megaActiveSubLevelIndex,"menu--highlighted":!!e.highlighted,"line-top":!!e.lineTop,"text-color-secondary":!!e.textColorSecondary,"translation-none":!!e.translationNone,"menu--submenu":r},tabIndex:0},l,t("div",null,e.badgeText?t("span",{class:"menu__badge"},e.badgeText):null,t("div",null,e.title),s,this.renderCheckmark(e)),m,r&&t("tet-icon",{class:"menu__chevron",name:"tc-chevron-right",theme:this.darkMode?"dark":"light"})),c)}renderSublevelItem(e){let n="",o="";return this.isMegaMenuLayout||(e.iconLeft?n=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(n=this.renderImage(e)),e.iconRight&&(o=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize}))),t("li",null,t("a",{id:e.id,href:e.link,onClick:this.handleLinkClick,onKeyDown:this.handleMegaThirdLevelLinkKeyDown,class:{"menu--active":!!e.active,"menu--highlighted":!!e.highlighted,"line-top":!!e.lineTop,"text-color-secondary":!!e.textColorSecondary},tabIndex:0},n,t("div",null,t("div",null,t("span",null,e.title),e.badgeText?t("span",{class:"menu__badge"},e.badgeText):null),this.renderCheckmark(e)),o))}renderIcon(e){const{name:n,right:o=!1,id:i=null,size:r=null,useDefaultColor:a=!1,invertIcon:l=!1}=e,m=i?"sublevel-icon-"+i:"",s=i&&r?t("style",null,".",m," ","{"," --icon-size: ",r,"rem ","}"):"";return t("div",{class:{menu__icon:!0,right:o}},t("tet-icon",{"use-default-color":a,class:"icon "+m,name:n,theme:"login"===this.type&&l?this.darkMode?"light":"dark":this.darkMode?"dark":"light"}),s)}renderImage(e){return t("div",{class:"menu__icon"},t("img",{src:e.imageSrc,alt:""}))}setupThirdLevelEvent(){if(this.isMegaMenuEnabled())return;const e=this.el.shadowRoot?.querySelectorAll(".menu__sublist");e&&e.forEach((e=>{const n=e.closest("li");if(!n)return;const t=n.querySelector("a");if(!t)return;const o=this.thirdLevelMouseEnterHandlers.get(t);o&&(t.removeEventListener("mouseenter",o),this.thirdLevelMouseEnterHandlers.delete(t)),e.style.removeProperty("top"),e.style.removeProperty("bottom");const i=()=>{const n=window.innerWidth,o=window.innerHeight,i=t.getBoundingClientRect(),r=e.offsetParent||null,a=r?r.getBoundingClientRect():{top:0},l=e.offsetWidth,m=Math.max(10,Math.min(i.top,o-e.offsetHeight-10));e.style.top=m-a.top+"px",e.style.bottom="",this.isSubmenuLeft=n<i.right+l};t.addEventListener("mouseenter",i),this.thirdLevelMouseEnterHandlers.set(t,i)}))}render(){const{type:e}=this;return t(o,{key:"5a761f70ae72b4142ca563d90bc9cc9605d0034f"},t("div",{key:"620cfab27c1ca9cb3c269f73ef50955d85118924",class:{menu:!0,menu__main:"main"===e,menu__language:"language"===e,menu__login:"login"===e,menu__dark:this.darkMode,"menu--mega-open":this.isMegaMenuEnabled()&&this.isMegaMenuOpen,"menu--mega-escape-closed":this.isMegaMenuEnabled()&&this.isMegaMenuEscapeClosed}},this.renderFirstLevel(),this.renderSubLevels()))}};i.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")}.tet-grid--col-12,.tet-grid--col-8,.tet-grid--col-4,.tet-grid,.tet-grid--no-limit,.tet-grid--no-margin,.tet-grid--no-padding{box-sizing:border-box;display:grid;position:relative;width:100%;max-width:none;grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:1rem;padding:0 1rem;margin:0 auto}.tet-grid--no-padding{column-gap:0 !important}.tet-grid--no-margin{padding:0 !important}.tet-grid--no-limit{max-width:unset !important}.tet-grid--col-4{grid-template-columns:repeat(4, minmax(0, 1fr)) !important}.tet-grid--col-8{grid-template-columns:repeat(8, minmax(0, 1fr)) !important}.tet-grid--col-8 .tet-grid__cell--span-all{grid-column:span 8}.tet-grid--col-12{grid-template-columns:repeat(12, minmax(0, 1fr)) !important}.tet-grid--col-12 .tet-grid__cell--span-all{grid-column:span 12}.tet-grid__cell,.tet-grid__cell--df-show,.tet-grid__cell--xs-show,.tet-grid__cell--sm-show,.tet-grid__cell--md-show,.tet-grid__cell--lg-show,.tet-grid__cell--xl-show,.tet-grid__cell--2k-show,.tet-grid__cell--gg-show{grid-column:span 1}.tet-grid__cell--span-2-rows{grid-row:span 2}.tet-grid__cell--span-3-rows{grid-row:span 3}.tet-grid__cell--span-4-rows{grid-row:span 4}.tet-grid__cell--span-5-rows{grid-row:span 5}.tet-grid__cell--span-6-rows{grid-row:span 6}.tet-grid__cell--span-7-rows{grid-row:span 7}.tet-grid__cell--span-8-rows{grid-row:span 8}.tet-grid__cell--span-9-rows{grid-row:span 9}.tet-grid__cell--span-10-rows{grid-row:span 10}.tet-grid__cell--span-11-rows{grid-row:span 11}.tet-grid__cell--span-12-rows{grid-row:span 12}.tet-grid__cell--span-all{grid-column:span 4}.tet-grid__cell--span-1{display:block;grid-column:span 1}.tet-grid__cell--span-2{display:block;grid-column:span 2}.tet-grid__cell--span-3{display:block;grid-column:span 3}.tet-grid__cell--span-4{display:block;grid-column:span 4}.tet-grid__cell--span-5{display:block;grid-column:span 4}.tet-grid__cell--span-6{display:block;grid-column:span 4}.tet-grid__cell--span-7{display:block;grid-column:span 4}.tet-grid__cell--span-8{display:block;grid-column:span 4}.tet-grid__cell--span-9{display:block;grid-column:span 4}.tet-grid__cell--span-10{display:block;grid-column:span 4}.tet-grid__cell--span-11{display:block;grid-column:span 4}.tet-grid__cell--span-12{display:block;grid-column:span 4}.tet-grid__cell--hide{display:none}.tet-grid__cell--show{display:block}@media all and (min-width: 22.5rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:1rem;padding:0 1rem}.tet-grid__cell--span-all{grid-column:span 4}.tet-grid__cell--df-span-1{display:block;grid-column:span 1}.tet-grid__cell--df-span-2{display:block;grid-column:span 2}.tet-grid__cell--df-span-3{display:block;grid-column:span 3}.tet-grid__cell--df-span-4{display:block;grid-column:span 4}.tet-grid__cell--df-span-5{display:block;grid-column:span 4}.tet-grid__cell--df-span-6{display:block;grid-column:span 4}.tet-grid__cell--df-span-7{display:block;grid-column:span 4}.tet-grid__cell--df-span-8{display:block;grid-column:span 4}.tet-grid__cell--df-span-9{display:block;grid-column:span 4}.tet-grid__cell--df-span-10{display:block;grid-column:span 4}.tet-grid__cell--df-span-11{display:block;grid-column:span 4}.tet-grid__cell--df-span-12{display:block;grid-column:span 4}.tet-grid__cell--df-hide{display:none}.tet-grid__cell--df-show{display:block}}@media all and (min-width: 31.25rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{column-gap:1.5rem;padding:0 2rem}.tet-grid__cell--xs-span-1{display:block;grid-column:span 1}.tet-grid__cell--xs-span-2{display:block;grid-column:span 2}.tet-grid__cell--xs-span-3{display:block;grid-column:span 3}.tet-grid__cell--xs-span-4{display:block;grid-column:span 4}.tet-grid__cell--xs-span-5{display:block;grid-column:span 4}.tet-grid__cell--xs-span-6{display:block;grid-column:span 4}.tet-grid__cell--xs-span-7{display:block;grid-column:span 4}.tet-grid__cell--xs-span-8{display:block;grid-column:span 4}.tet-grid__cell--xs-span-9{display:block;grid-column:span 4}.tet-grid__cell--xs-span-10{display:block;grid-column:span 4}.tet-grid__cell--xs-span-11{display:block;grid-column:span 4}.tet-grid__cell--xs-span-12{display:block;grid-column:span 4}.tet-grid__cell--xs-hide{display:none}.tet-grid__cell--xs-show{display:block}}@media all and (min-width: 46.25rem){.tet-grid__cell--sm-span-1{display:block;grid-column:span 1}.tet-grid__cell--sm-span-2{display:block;grid-column:span 2}.tet-grid__cell--sm-span-3{display:block;grid-column:span 3}.tet-grid__cell--sm-span-4{display:block;grid-column:span 4}.tet-grid__cell--sm-span-5{display:block;grid-column:span 5}.tet-grid__cell--sm-span-6{display:block;grid-column:span 6}.tet-grid__cell--sm-span-7{display:block;grid-column:span 7}.tet-grid__cell--sm-span-8{display:block;grid-column:span 8}.tet-grid__cell--sm-span-9{display:block;grid-column:span 9}.tet-grid__cell--sm-span-10{display:block;grid-column:span 10}.tet-grid__cell--sm-span-11{display:block;grid-column:span 11}.tet-grid__cell--sm-span-12{display:block;grid-column:span 12}.tet-grid__cell--sm-hide{display:none}.tet-grid__cell--sm-show{display:block}}@media all and (min-width: 48rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{grid-template-columns:repeat(8, minmax(0, 1fr))}.tet-grid__cell--span-all{grid-column:span 8}.tet-grid__cell--md-span-1{display:block;grid-column:span 1}.tet-grid__cell--md-span-2{display:block;grid-column:span 2}.tet-grid__cell--md-span-3{display:block;grid-column:span 3}.tet-grid__cell--md-span-4{display:block;grid-column:span 4}.tet-grid__cell--md-span-5{display:block;grid-column:span 5}.tet-grid__cell--md-span-6{display:block;grid-column:span 6}.tet-grid__cell--md-span-7{display:block;grid-column:span 7}.tet-grid__cell--md-span-8{display:block;grid-column:span 8}.tet-grid__cell--md-span-9{display:block;grid-column:span 8}.tet-grid__cell--md-span-10{display:block;grid-column:span 8}.tet-grid__cell--md-span-11{display:block;grid-column:span 8}.tet-grid__cell--md-span-12{display:block;grid-column:span 8}.tet-grid__cell--md-hide{display:none}.tet-grid__cell--md-show{display:block}}@media all and (min-width: 64rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{grid-template-columns:repeat(12, minmax(0, 1fr))}.tet-grid__cell--span-all{grid-column:span 12}.tet-grid__cell--lg-span-1{display:block;grid-column:span 1}.tet-grid__cell--lg-span-2{display:block;grid-column:span 2}.tet-grid__cell--lg-span-3{display:block;grid-column:span 3}.tet-grid__cell--lg-span-4{display:block;grid-column:span 4}.tet-grid__cell--lg-span-5{display:block;grid-column:span 5}.tet-grid__cell--lg-span-6{display:block;grid-column:span 6}.tet-grid__cell--lg-span-7{display:block;grid-column:span 7}.tet-grid__cell--lg-span-8{display:block;grid-column:span 8}.tet-grid__cell--lg-span-9{display:block;grid-column:span 9}.tet-grid__cell--lg-span-10{display:block;grid-column:span 10}.tet-grid__cell--lg-span-11{display:block;grid-column:span 11}.tet-grid__cell--lg-span-12{display:block;grid-column:span 12}.tet-grid__cell--lg-hide{display:none}.tet-grid__cell--lg-show{display:block}}@media all and (min-width: 80rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{padding:0 4rem}.tet-grid__cell--xl-span-1{display:block;grid-column:span 1}.tet-grid__cell--xl-span-2{display:block;grid-column:span 2}.tet-grid__cell--xl-span-3{display:block;grid-column:span 3}.tet-grid__cell--xl-span-4{display:block;grid-column:span 4}.tet-grid__cell--xl-span-5{display:block;grid-column:span 5}.tet-grid__cell--xl-span-6{display:block;grid-column:span 6}.tet-grid__cell--xl-span-7{display:block;grid-column:span 7}.tet-grid__cell--xl-span-8{display:block;grid-column:span 8}.tet-grid__cell--xl-span-9{display:block;grid-column:span 9}.tet-grid__cell--xl-span-10{display:block;grid-column:span 10}.tet-grid__cell--xl-span-11{display:block;grid-column:span 11}.tet-grid__cell--xl-span-12{display:block;grid-column:span 12}.tet-grid__cell--xl-hide{display:none}.tet-grid__cell--xl-show{display:block}}@media all and (min-width: 90rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{padding:0 4.5rem}.tet-grid__cell--mg-span-1{display:block;grid-column:span 1}.tet-grid__cell--mg-span-2{display:block;grid-column:span 2}.tet-grid__cell--mg-span-3{display:block;grid-column:span 3}.tet-grid__cell--mg-span-4{display:block;grid-column:span 4}.tet-grid__cell--mg-span-5{display:block;grid-column:span 5}.tet-grid__cell--mg-span-6{display:block;grid-column:span 6}.tet-grid__cell--mg-span-7{display:block;grid-column:span 7}.tet-grid__cell--mg-span-8{display:block;grid-column:span 8}.tet-grid__cell--mg-span-9{display:block;grid-column:span 9}.tet-grid__cell--mg-span-10{display:block;grid-column:span 10}.tet-grid__cell--mg-span-11{display:block;grid-column:span 11}.tet-grid__cell--mg-span-12{display:block;grid-column:span 12}.tet-grid__cell--mg-hide{display:none}.tet-grid__cell--mg-show{display:block}}@media all and (min-width: 120rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{max-width:111rem;padding:0}.tet-grid__cell--gg-span-1{display:block;grid-column:span 1}.tet-grid__cell--gg-span-2{display:block;grid-column:span 2}.tet-grid__cell--gg-span-3{display:block;grid-column:span 3}.tet-grid__cell--gg-span-4{display:block;grid-column:span 4}.tet-grid__cell--gg-span-5{display:block;grid-column:span 5}.tet-grid__cell--gg-span-6{display:block;grid-column:span 6}.tet-grid__cell--gg-span-7{display:block;grid-column:span 7}.tet-grid__cell--gg-span-8{display:block;grid-column:span 8}.tet-grid__cell--gg-span-9{display:block;grid-column:span 9}.tet-grid__cell--gg-span-10{display:block;grid-column:span 10}.tet-grid__cell--gg-span-11{display:block;grid-column:span 11}.tet-grid__cell--gg-span-12{display:block;grid-column:span 12}.tet-grid__cell--gg-hide{display:none}.tet-grid__cell--gg-show{display:block}}:host{--menu-border-radius:0.625rem;--menu-text-color:var(--tc-text-primary);--menu-text-inverse-color:var(--tc-button-text-primary);--menu-text-secondary-color:var(--tc-text-secondary);--menu-background-color:var(--tc-background-white-black);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed);--menu-link-active-background-color:var(--tc-navigation-menu-item-active);--menu-dropdown-border-color:var(--tc-grey-20);--menu-dropdown-box-shadow:var(--tc-elevation-three);--menu-focus-outline-color:var(--tc-blue-40);--menu-login-button-background-color:var(--tc-button-primary-background-default);--menu-login-button-background-hover-color:var(--tc-button-primary-background-hover);--menu-separator-line-color:var(--tc-grey-20);--menu-badge-background-color: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-mega-second-level-width:27.25rem;--menu-mega-third-level-width:22.6875rem;--menu-mega-banner-slot-max-width:20rem;--menu-mega-dropdown-menu-height:28.625rem;--menu-mega-separator-color:var(--tc-border-quaternary);--menu-mega-dropdown-background-color:var(--tc-layer-primary);display:inline-block;position:relative;box-sizing:border-box}.menu{position:relative;padding:0.25rem 0;color:var(--menu-text-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.menu.menu__dark{--menu-text-color:var(--tc-text-primary-dark);--menu-text-inverse-color:var(--tc-button-text-primary-dark);--menu-text-secondary-color:var(--tc-text-secondary-dark);--menu-background-color:var(--tc-background-secondary-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-link-active-background-color:var(--tc-navigation-menu-item-active-dark);--menu-dropdown-border-color:var(--tc-grey-80);--menu-dropdown-box-shadow:var(--tc-elevation-three-dark);--menu-focus-outline-color:var(--tc-blue-40-dark);--menu-login-button-background-color:var(--tc-button-primary-background-default-dark);--menu-login-button-background-hover-color:var(--tc-button-primary-background-hover-dark);--menu-separator-line-color:var(--tc-grey-80);--menu-badge-background-color: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-mega-separator-color:var(--tc-border-quaternary-dark);--menu-mega-dropdown-background-color:var(--tc-layer-primary-dark)}.menu.menu__dark.menu__main .menu__first-level--themed{--menu-item-theme-bg:var(--menu-background-color)}.menu.menu__dark.menu__main .menu__first-level--themed:is(.menu--active,:hover,:active){border-color:var(--menu-item-theme-state-bg);background-image:linear-gradient(var(--menu-item-theme-state-bg), var(--menu-item-theme-state-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu.menu__dark.menu__main .menu__first-level--themed.menu--active{--menu-item-theme-state-bg:var(--menu-link-active-background-color)}.menu.menu__dark.menu__main .menu__first-level--themed:hover{--menu-item-theme-state-bg:var(--menu-link-hover-background-color)}.menu.menu__dark.menu__main .menu__first-level--themed:active{--menu-item-theme-state-bg:var(--menu-link-pressed-background-color)}.menu.menu__dark .menu__first-level--theme-yellow{--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-pressed-bg:var(--tc-menu-item-yellow-background-pressed-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.menu__dark .menu__first-level--theme-red{--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-pressed-bg:var(--tc-menu-item-red-background-pressed-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.menu__dark .menu__first-level--theme-green{--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-pressed-bg:var(--tc-menu-item-green-background-pressed-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.menu__dark .menu__first-level--theme-violet{--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-pressed-bg:var(--tc-menu-item-violet-background-pressed-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.menu__dark .menu__first-level--theme-blue{--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-pressed-bg:var(--tc-menu-item-blue-background-pressed-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 a{color:var(--menu-text-color);text-decoration:none}.menu--active{background-color:var(--menu-link-active-background-color)}.menu__first-level{display:flex;flex-direction:row;align-items:center;border-radius:var(--menu-border-radius);padding:0.5rem 0.75rem;white-space:nowrap}.menu__first-level .chevron{display:flex;--icon-size:1rem;margin-left:0.4rem;transition:transform 150ms ease-out}:hover>.menu__first-level,:focus>.menu__first-level,:focus-within>.menu__first-level,.menu--mega-open>.menu__first-level{background-color:var(--menu-link-hover-background-color)}:hover>.menu__first-level .chevron,:focus>.menu__first-level .chevron,:focus-within>.menu__first-level .chevron,.menu--mega-open>.menu__first-level .chevron{transform:rotate(-180deg)}.menu__first-level:active{background-color:var(--menu-link-pressed-background-color)}.menu__first-level: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__badge{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";padding:0.125rem 0.375rem;border-radius:0.25rem;background-color:var(--menu-badge-background-color);color:var(--menu-badge-text-color)}.menu__icon{display:none}.menu__dropdown{max-height:0;transform:scaleY(0);position:absolute;margin-top:0.25rem;z-index:1;min-width:14rem;background:var(--menu-background-color);border:0.031rem solid var(--menu-dropdown-border-color);box-shadow:var(--menu-dropdown-box-shadow);border-radius:var(--menu-border-radius);transform-origin:top;animation-name:hideDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;right:0}.menu__dropdown.menu__dropdown--mega{animation-name:none;animation-duration:0s}:hover>.menu__dropdown:not(.menu__dropdown--mega),:focus>.menu__dropdown:not(.menu__dropdown--mega),:focus-within>.menu__dropdown:not(.menu__dropdown--mega){max-height:100rem;transform:scaleY(1);animation-name:showDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;outline:none}.menu:not(.menu--mega-escape-closed):hover>.menu__dropdown.menu__dropdown--mega,.menu:not(.menu--mega-escape-closed):focus>.menu__dropdown.menu__dropdown--mega,.menu:not(.menu--mega-escape-closed):focus-within>.menu__dropdown.menu__dropdown--mega,.menu--mega-open>.menu__dropdown.menu__dropdown--mega{max-height:100%;transform:scaleY(1);animation-name:none;animation-duration:0s;transition-delay:0s;outline:none}.menu__dropdown__list,.menu__dropdown__mega-third-list{padding:0.625rem 0 0.438rem 0}.menu__dropdown__list__sub-title,.menu__dropdown__mega-third-list__sub-title{display:none}.menu__dropdown__list li,.menu__dropdown__mega-third-list li{list-style:none;white-space:nowrap;padding-bottom:0.063rem}.menu__dropdown__wrapper{position:relative;display:flex;width:100%;overflow:hidden}.menu__dropdown__wrapper .menu__dropdown__list--mega{box-sizing:border-box;border-left:0.0625rem solid var(--menu-mega-separator-color);height:100%}.menu__dropdown__wrapper .menu__dropdown__list--mega:has(.menu--mega-current){border-right:0.0625rem solid var(--menu-mega-separator-color)}.menu__dropdown__mega-lists{display:flex;align-items:stretch;margin-right:2.5rem;height:100%}.menu__dropdown__list>li>a .menu__badge{margin-bottom:0.125rem;display:inline-block}.menu__dropdown a{padding:0.5rem 1rem;display:block;border-radius:0.375rem}.menu__dropdown a:hover{background-color:var(--menu-link-hover-background-color)}.menu__dropdown a:active{background-color:var(--menu-link-pressed-background-color)}.menu__dropdown a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__dropdown a.menu--active:not(:hover):not(:active):not(.menu--mega-current){background-color:var(--menu-link-active-background-color)}.menu__dropdown a.menu--active:not(:hover):not(:active):not(.menu--mega-current) .menu__badge{background:var(--menu-active-item-badge-background-color)}.menu__dropdown__list:not(.menu__dropdown__list--mega) li:hover>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current),.menu__dropdown__list:not(.menu__dropdown__list--mega) li:has(>.menu__sublist a:focus-visible)>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current){background-color:var(--menu-link-hover-background-color)}.menu__dropdown__list:not(.menu__dropdown__list--mega) li:hover>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current) .menu__badge,.menu__dropdown__list:not(.menu__dropdown__list--mega) li:has(>.menu__sublist a:focus-visible)>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current) .menu__badge{background:var(--menu-badge-background-color)}.menu__dropdown__mega-third{box-sizing:border-box;width:var(--menu-mega-third-level-width);min-width:var(--menu-mega-third-level-width);display:flex}.menu__main .menu__first-level{padding:0.375rem 0.75rem;gap:0.25rem}.menu__main .menu__first-level .chevron{--icon-size:1.25rem;margin-left:0}.menu__main .menu__first-level--theme-yellow{--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-pressed-bg:var(--tc-menu-item-yellow-background-pressed);--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  )}.menu__main .menu__first-level--theme-red{--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-pressed-bg:var(--tc-menu-item-red-background-pressed);--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  )}.menu__main .menu__first-level--theme-green{--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-pressed-bg:var(--tc-menu-item-green-background-pressed);--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  )}.menu__main .menu__first-level--theme-violet{--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-pressed-bg:var(--tc-menu-item-violet-background-pressed);--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  )}.menu__main .menu__first-level--theme-blue{--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-pressed-bg:var(--tc-menu-item-blue-background-pressed);--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__main .menu__first-level--themed{position:relative;padding:0.25rem 0.625rem;isolation:isolate;color:var(--menu-text-color);--menu-item-theme-bg:var(--menu-background-color);border:0.125rem solid transparent;background-image:linear-gradient(var(--menu-item-theme-bg), 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__main .menu__first-level--themed.menu--active{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__main .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__main .menu__first-level--themed:active{border-color:var(--menu-item-theme-pressed-bg);background-image:linear-gradient(var(--menu-item-theme-pressed-bg), var(--menu-item-theme-pressed-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__main .menu__first-level--themed.show-animation:not(:hover,.menu--active){animation:gradient-border-cycle 4s ease-in-out infinite}.menu__main:not(:hover):not(:focus-within) .menu__dropdown__wrapper{overflow:hidden}.menu__main .menu__dropdown{min-width:21.625rem;border:0.031rem solid var(--menu-dropdown-border-color);right:auto;left:0}.menu__main .menu__dropdown__wrapper .menu__dropdown__list--mega{width:var(--menu-mega-second-level-width);min-width:var(--menu-mega-second-level-width)}.menu__main .menu__dropdown--mega{background-color:var(--menu-mega-dropdown-background-color);position:fixed;top:0;margin-top:0;border:0;border-radius:0;box-shadow:none;inset-inline:0;width:auto;transition:transform 0s linear 100ms;height:var(--mega-menu-dropdown-height);overflow-y:hidden}.menu__main .menu__dropdown--mega .menu__dropdown__wrapper{min-height:inherit;align-items:stretch;box-sizing:border-box;padding:0.5rem 0;overflow-y:auto;overflow-x:hidden;height:var(--menu-mega-dropdown-menu-height)}.menu__main .menu__dropdown--mega .menu__dropdown__mega-lists{align-self:flex-start}.menu__main .menu__dropdown--mega .menu__dropdown__mega-third-list{height:100%;box-sizing:border-box;width:100%}.menu__main .menu__dropdown--mega::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--menu-dropdown-hover-bridge-height, 0)}.menu__main .menu__dropdown__list{padding:0.5rem}.menu__main .menu__dropdown__list--mega{padding:0 0.5rem 1rem}.menu__main .menu__dropdown__list--mega li{white-space:normal}.menu__main .menu__dropdown__list--mega li a{padding:0.625rem 0.75rem}.menu__main .menu__dropdown__list--mega a>div{min-width:0}.menu__main .menu__dropdown__list--mega .menu__dropdown__list__sub-title{white-space:normal}.menu__main .menu__dropdown__list--mega a:hover .menu__dropdown__list__sub-title--mega,.menu__main .menu__dropdown__list--mega a:focus-visible .menu__dropdown__list__sub-title--mega,.menu__main .menu__dropdown__list--mega a.menu--mega-current .menu__dropdown__list__sub-title--mega{max-height:8rem;opacity:1;transform:translateY(0);visibility:visible;transition-delay:0s}.menu__main .menu__dropdown__list--mega a.menu--mega-current:not(:active){background-color:var(--menu-link-hover-background-color)}.menu__main .menu__dropdown__list a{border-radius:var(--menu-border-radius);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;padding:0.625rem 0.75rem}.menu__main .menu__dropdown__list a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__main .menu__dropdown__list .menu--highlighted{position:relative;margin-bottom:0.875rem}.menu__main .menu__dropdown__list .menu--highlighted:after{content:"";position:absolute;left:0.375rem;right:0.375rem;bottom:-0.438rem;height:0.063rem;background:var(--menu-separator-line-color)}.menu__main .menu__dropdown__list__sub-title{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";display:block;color:var(--menu-text-secondary-color)}.menu__main .menu__dropdown__list__sub-title--mega{display:block;max-height:0;opacity:0;overflow:hidden;transform:translateY(-0.25rem);visibility:hidden;transition:max-height 360ms ease, opacity 300ms ease, transform 360ms ease, visibility 0s linear 360ms}.menu__main .menu__dropdown__mega-third-list{height:100%;padding:0 0.5rem 1rem}.menu__main .menu__dropdown__mega-third-list a{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:block;white-space:normal;padding:0.5rem 1rem;border-radius:0.375rem}.menu__main .menu__dropdown__mega-third-list a .menu__badge{margin:0 0 0 0.25rem;vertical-align:middle}.menu__main .menu__dropdown__mega-banner{margin-left:auto;overflow:hidden;max-width:var(--menu-mega-banner-slot-max-width)}.menu__main .menu__first-level>.menu__icon{display:flex;margin-right:0.25rem}.menu__main .menu__first-level>.menu__icon tet-icon{--icon-size:1.25rem;--icon-container-display:flex}.menu__main .menu__dropdown .menu__icon{width:2.75rem;padding-right:0.75rem;display:flex;align-items:center;justify-content:center}.menu__main .menu__dropdown .menu__icon img,.menu__main .menu__dropdown .menu__icon svg{max-width:2rem;max-height:2rem}.menu__chevron{margin-left:auto;padding-left:0.75rem}.menu__sublist{transform:scaleX(0);position:absolute;z-index:1;min-width:14rem;transform-origin:top right}:hover>.menu__sublist,:focus>.menu__sublist,:focus-within>.menu__sublist{max-height:100rem;transform:scaleX(1);outline:none}.menu__sublist.left{right:calc(100% - 0.6rem);padding-right:1.1rem}.menu__sublist.right{left:calc(100% - 0.6rem);padding-left:1.1rem}.menu__sublist .content{background:var(--menu-background-color);border:0.031rem solid var(--menu-dropdown-border-color);box-shadow:var(--menu-dropdown-box-shadow);border-radius:var(--menu-border-radius);min-width:21.875rem;padding:0.625rem 0}.menu__sublist .content a{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";border-radius:unset;white-space:normal}.menu__sublist .content a .menu__badge{margin:0 0 0 0.25rem;vertical-align:middle}.menu__sublist .content a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__sublist .content a.menu--active{background-color:var(--menu-link-active-background-color)}.menu__sublist .content a.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.menu__sublist .content a.menu--active:active{background-color:var(--menu-link-pressed-background-color)}.menu__login .menu__first-level{border-radius:2rem;padding:0.5rem 0.875rem;background-color:var(--menu-login-button-background-color);color:var(--menu-text-inverse-color)}.menu__login .menu__first-level .menu__icon tet-icon{--icon-size:1.25rem;--icon-container-display:flex}.menu__login .menu__first-level .chevron{margin-left:0.5rem;--icon-size:1.25rem}.menu__login .menu__first-level:hover{background-color:var(--menu-login-button-background-hover-color)}.menu__login .menu--highlighted{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;margin:0 0 0.813rem 0}.menu__login .menu--highlighted:after{content:"";position:absolute;left:0.5rem;right:0.5rem;bottom:-0.438rem;height:0.063rem;background:var(--menu-separator-line-color)}.menu__login .menu__icon{display:flex;margin-right:0.5rem}.menu__login .menu__icon.right{display:inline-flex;margin-left:auto;align-content:center;justify-content:center}.menu__login .menu--highlighted.line-top{margin:0.813rem 0 0 0}.menu__login .menu--highlighted.line-top:after{top:-0.5rem;bottom:auto}.menu__login .menu__dropdown__list a.text-color-secondary{color:var(--menu-text-secondary-color)}.menu__language>.menu__first-level{border:var(--menu-lang-border)}.menu__language:is(:hover,:focus-within)>.menu__first-level{border:var(--menu-lang-active-border)}.menu__language:not(:hover):not(:focus-within)>.menu__first-level:not(.menu--active):not(:active){background-color:var(--menu-lang-background-color)}.menu__language .menu__dropdown{min-width:6rem;white-space:nowrap}.menu__language .menu__dropdown a{position:relative}.menu__language .menu__dropdown__list__checkmark{--icon-size:1.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}@keyframes showDropdown{0%{max-height:0;padding-bottom:0.2rem;overflow:hidden}100%{max-height:100rem;padding-bottom:0;overflow:visible}}@keyframes hideDropdown{0%{max-height:100rem}100%{max-height:0}}@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{i as tet_menu}
+import{r as e,g as n,h as t,H as o}from"./p-83f43fdd.js";const i=class{constructor(n){e(this,n),this.type="main",this.active=!1,this.clickable=!1,this.closeOnLinkClick=!1,this.firstLevelTitle="",this.firstLevelId=void 0,this.firstLevelLink="",this.firstLevelIcon="",this.menuItemTheme="",this.showMenuItemAnimation=!0,this.subLevels=[],this.darkMode=!1,this.parentSelector="",this.isMegaMenuLayout=!1,this.isSubmenuLeft=!1,this.megaActiveSubLevelIndex=-1,this.isMegaMenuOpen=!1,this.isMegaMenuEscapeClosed=!1,this.isLinkClickClosed=!1}get el(){return n(this)}thirdLevelMouseEnterHandlers=new WeakMap;megaParentElement=null;onWindowResize(){this.syncLayout()}onHostMouseLeave(){this.handleMenuMouseLeave()}onHostFocusIn(){this.handleMenuFocusIn()}syncLayout=()=>{this.isMegaMenuEnabled()||this.setMegaParentElement(null),this.setupThirdLevelEvent(),this.updateDropdownLayout()};isMegaMenuEnabled(){return this.isMegaMenuLayout&&"main"===this.type&&this.subLevels.length>0}setMegaParentElement(e){this.megaParentElement!==e&&(this.megaParentElement&&this.megaParentElement.removeEventListener("mouseleave",this.handleMegaParentMouseLeave),this.megaParentElement=e,this.megaParentElement?.addEventListener("mouseleave",this.handleMegaParentMouseLeave))}closeMegaMenu=()=>{this.isMegaMenuEnabled()&&(this.isMegaMenuOpen=!1,this.clearMegaActiveSubLevel())};blurFocusedMenuItem(){const e=this.el.shadowRoot?.activeElement;e?.blur()}handleMegaParentMouseLeave=()=>{this.closeMegaMenu()};openMegaMenu(){this.isMegaMenuEnabled()&&(this.isMegaMenuEscapeClosed=!1,this.isMegaMenuOpen=!0,globalThis.dispatchEvent(new CustomEvent("tet-menu-mega-open",{detail:this.el})))}handleFirstLevelInteraction=()=>{if(this.isLinkClickClosed=!1,this.isMegaMenuEnabled())return this.syncLayout(),void this.openMegaMenu();globalThis.dispatchEvent(new CustomEvent("tet-menu-mega-open",{detail:this.el}))};handleMenuMouseLeave=()=>{this.isLinkClickClosed=!1,this.isMegaMenuEnabled()&&(this.clearMegaActiveSubLevel(),this.isMegaMenuEscapeClosed=!1)};handleMenuFocusIn=()=>{this.isMegaMenuEnabled()&&this.isMegaMenuEscapeClosed&&this.openMegaMenu()};onWindowKeyDown(e){if(!this.isMegaMenuEnabled()||"Escape"!==e.key)return;const n=("function"==typeof e.composedPath?e.composedPath():[]).includes(this.el);(this.isMegaMenuOpen||n)&&(this.isLinkClickClosed=!0,this.isMegaMenuEscapeClosed=!0,this.closeMegaMenu(),this.blurFocusedMenuItem())}onExternalMegaMenuOpen(e){this.isMegaMenuEnabled()&&e.detail!==this.el&&(this.isMegaMenuEscapeClosed=!0,this.closeMegaMenu())}setMegaActiveSubLevel(e,n){this.isMegaMenuEnabled()&&(this.megaActiveSubLevelIndex=n?e:-1)}handleMegaSecondLevelKeyDown(e,n,t){this.isMegaMenuEnabled()&&t&&"Tab"===e.key&&!e.shiftKey&&(e.preventDefault(),this.setMegaActiveSubLevel(n,t),globalThis.requestAnimationFrame((()=>{const e=this.el.shadowRoot?.querySelector(".menu__dropdown__mega-third-list a");e?.focus()})))}handleMegaThirdLevelLinkKeyDown=e=>{if(!this.isMegaMenuEnabled()||"Tab"!==e.key)return;const n=Array.from(this.el.shadowRoot?.querySelectorAll(".menu__dropdown__mega-third-list a")??[]);if(0===n.length)return;const t=n.indexOf(e.currentTarget);if(t<0)return;if(e.shiftKey){if(t>0)return e.preventDefault(),void n[t-1]?.focus();const o=this.megaActiveSubLevelIndex;if(o<0)return;e.preventDefault();const i=this.el.shadowRoot?.querySelectorAll(".menu__dropdown__list--mega > li > a");return void i?.[o]?.focus()}if(t<n.length-1)return e.preventDefault(),void n[t+1]?.focus();const o=this.megaActiveSubLevelIndex;if(o<0)return;const i=this.el.shadowRoot?.querySelectorAll(".menu__dropdown__list--mega > li > a"),r=i?.[o+1];r&&(e.preventDefault(),r.focus())};clearMegaActiveSubLevel=()=>{this.isMegaMenuEnabled()&&(this.megaActiveSubLevelIndex=-1)};handleLinkClick=()=>{this.closeOnLinkClick&&(this.isLinkClickClosed=!0,this.isMegaMenuEscapeClosed=!0,this.closeMegaMenu(),this.blurFocusedMenuItem())};closeDropdown(){const e=this.el.shadowRoot?.querySelector(".menu__dropdown");e&&(e.style.maxHeight="0",e.style.transform="scaleY(0)",e.style.animationName="hideDropdown")}resetDropdownStyles(){const e=this.el.shadowRoot?.querySelector(".menu__dropdown");e&&(e.style.removeProperty("max-height"),e.style.removeProperty("transform"),e.style.removeProperty("animation-name"))}renderFirstLevel(){const{firstLevelTitle:e,firstLevelLink:n,firstLevelId:o,firstLevelIcon:i,menuItemTheme:r,showMenuItemAnimation:a,active:l,subLevels:m,clickable:s,type:d}=this,c=s&&0!==n.length?n:"javascript:void(0)",u=i?this.renderIcon({name:i,invertIcon:!0}):"",g="main"===d&&this.hasActiveSubLevels(m);let _="",p=!1;return"main"===d&&(_=r?`menu__first-level--theme-${r}`:"",p=a),t("a",{id:o,href:c,onClick:this.handleLinkClick,part:"first-level",onMouseEnter:this.handleFirstLevelInteraction,onFocus:this.handleFirstLevelInteraction,class:{"menu__first-level":!0,"menu--active":(l||g)&&"login"!==d,"menu__first-level--themed":_.length>0,..._&&{[_]:!0},...p&&{"show-animation":!0}}},u,e,this.renderChevron())}hasActiveSubLevels(e){return e.some((e=>!!e.active||this.hasActiveSubLevels(e.subLevels??[])))}componentDidRender(){this.syncLayout(),this.isLinkClickClosed?this.closeDropdown():this.resetDropdownStyles()}disconnectedCallback(){this.setMegaParentElement(null)}updateDropdownLayout(){if(!this.isMegaMenuEnabled())return;const e=this.el.shadowRoot?.querySelector(".menu__dropdown");if(!e)return;const n=this.parentSelector?.trim(),t=n?this.el.closest(n):this.el.parentElement;if(!t)return this.setMegaParentElement(null),e.style.removeProperty("top"),void e.style.removeProperty("--menu-dropdown-hover-bridge-height");this.setMegaParentElement(t);const o=t.getBoundingClientRect();if(o.width<=0)return;const i=this.el.getBoundingClientRect(),r=Math.max(0,o.bottom-i.bottom);e.style.top=`${o.bottom}px`,e.style.setProperty("--menu-dropdown-hover-bridge-height",`${r}px`)}renderChevron(){const{subLevels:e}=this;return 0===e.length?"":t("tet-icon",{name:"tc-chevron-down",class:"chevron",theme:"login"===this.type?this.darkMode?"light":"dark":this.darkMode?"dark":"light"})}renderCheckmark(e){const{type:n}=this;return e.active&&"language"===n?t("tet-icon",{name:"tc-check",class:"menu__dropdown__list__checkmark",theme:this.darkMode?"dark":"light"}):""}renderSubLevels(){const{subLevels:e}=this;if(e.length<1)return"";const n=this.isMegaMenuEnabled(),o=n?this.megaActiveSubLevelIndex:-1,i=o>=0?e[o]?.subLevels??[]:[],r=e.map(((e,t)=>this.renderSubItem(e,t,n))),a=t("ul",{class:{menu__dropdown__list:!0,"menu__dropdown__list--mega":n}},r);return t("div",{class:{menu__dropdown:!0,"menu__dropdown--mega":n}},n?t("div",{class:"tet-grid"},t("div",{class:"menu__dropdown__wrapper tet-grid__cell tet-grid__cell--span-all"},t("div",{class:"menu__dropdown__mega-lists"},a,t("div",{class:"menu__dropdown__mega-third"},i.length>0&&t("ul",{class:"menu__dropdown__mega-third-list"},i.map((e=>this.renderSublevelItem(e)))))),t("div",{class:"menu__dropdown__mega-banner"},t("slot",{name:"banner"})))):a)}renderSubItem(e,n,o){const i=e.subLevels?.map((e=>this.renderSublevelItem(e))),r=!!i?.length,a=this.hasActiveSubLevels(e.subLevels??[]);let l="",m="";this.isMegaMenuLayout||(e.iconLeft?l=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(l=this.renderImage(e)),e.iconRight&&(m=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize})));const s=e.subTitle&&0!==e.subTitle.length?t("div",{class:{"menu__dropdown__list__sub-title":!0,"menu__dropdown__list__sub-title--mega":this.isMegaMenuLayout}},e.subTitle):"",d=e.id?.toString(),c=r&&!o?t("div",{class:{left:!o&&this.isSubmenuLeft,right:!o&&!this.isSubmenuLeft,menu__sublist:!0}},t("ul",{class:{content:!0}},i)):null;return t("li",null,t("a",{id:d,href:e.link,onClick:this.handleLinkClick,onMouseEnter:()=>this.setMegaActiveSubLevel(n,r),onFocus:()=>this.setMegaActiveSubLevel(n,r),onKeyDown:e=>this.handleMegaSecondLevelKeyDown(e,n,r),class:{"menu--active":!!e.active||a,"menu--mega-current":o&&n===this.megaActiveSubLevelIndex,"menu--highlighted":!!e.highlighted,"line-top":!!e.lineTop,"text-color-secondary":!!e.textColorSecondary,"translation-none":!!e.translationNone,"menu--submenu":r},tabIndex:0},l,t("div",null,e.badgeText?t("span",{class:"menu__badge"},e.badgeText):null,t("div",null,e.title),s,this.renderCheckmark(e)),m,r&&t("tet-icon",{class:"menu__chevron",name:"tc-chevron-right",theme:this.darkMode?"dark":"light"})),c)}renderSublevelItem(e){let n="",o="";return this.isMegaMenuLayout||(e.iconLeft?n=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(n=this.renderImage(e)),e.iconRight&&(o=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize}))),t("li",null,t("a",{id:e.id,href:e.link,onClick:this.handleLinkClick,onKeyDown:this.handleMegaThirdLevelLinkKeyDown,class:{"menu--active":!!e.active,"menu--highlighted":!!e.highlighted,"line-top":!!e.lineTop,"text-color-secondary":!!e.textColorSecondary},tabIndex:0},n,t("div",null,t("div",null,t("span",null,e.title),e.badgeText?t("span",{class:"menu__badge"},e.badgeText):null),this.renderCheckmark(e)),o))}renderIcon(e){const{name:n,right:o=!1,id:i=null,size:r=null,useDefaultColor:a=!1,invertIcon:l=!1}=e,m=i?"sublevel-icon-"+i:"",s=i&&r?t("style",null,".",m," ","{"," --icon-size: ",r,"rem ","}"):"";return t("div",{class:{menu__icon:!0,right:o}},t("tet-icon",{"use-default-color":a,class:"icon "+m,name:n,theme:"login"===this.type&&l?this.darkMode?"light":"dark":this.darkMode?"dark":"light"}),s)}renderImage(e){return t("div",{class:"menu__icon"},t("img",{src:e.imageSrc,alt:""}))}setupThirdLevelEvent(){if(this.isMegaMenuEnabled())return;const e=this.el.shadowRoot?.querySelectorAll(".menu__sublist");e&&e.forEach((e=>{const n=e.closest("li");if(!n)return;const t=n.querySelector("a");if(!t)return;const o=this.thirdLevelMouseEnterHandlers.get(t);o&&(t.removeEventListener("mouseenter",o),this.thirdLevelMouseEnterHandlers.delete(t)),e.style.removeProperty("top"),e.style.removeProperty("bottom");const i=()=>{const n=window.innerWidth,o=window.innerHeight,i=t.getBoundingClientRect(),r=e.offsetParent||null,a=r?r.getBoundingClientRect():{top:0},l=e.offsetWidth,m=Math.max(10,Math.min(i.top,o-e.offsetHeight-10));e.style.top=m-a.top+"px",e.style.bottom="",this.isSubmenuLeft=n<i.right+l};t.addEventListener("mouseenter",i),this.thirdLevelMouseEnterHandlers.set(t,i)}))}render(){const{type:e}=this;return t(o,{key:"5a761f70ae72b4142ca563d90bc9cc9605d0034f"},t("div",{key:"620cfab27c1ca9cb3c269f73ef50955d85118924",class:{menu:!0,menu__main:"main"===e,menu__language:"language"===e,menu__login:"login"===e,menu__dark:this.darkMode,"menu--mega-open":this.isMegaMenuEnabled()&&this.isMegaMenuOpen,"menu--mega-escape-closed":this.isMegaMenuEnabled()&&this.isMegaMenuEscapeClosed}},this.renderFirstLevel(),this.renderSubLevels()))}};i.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")}.tet-grid--col-12,.tet-grid--col-8,.tet-grid--col-4,.tet-grid,.tet-grid--no-limit,.tet-grid--no-margin,.tet-grid--no-padding{box-sizing:border-box;display:grid;position:relative;width:100%;max-width:none;grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:1rem;padding:0 1rem;margin:0 auto}.tet-grid--no-padding{column-gap:0 !important}.tet-grid--no-margin{padding:0 !important}.tet-grid--no-limit{max-width:unset !important}.tet-grid--col-4{grid-template-columns:repeat(4, minmax(0, 1fr)) !important}.tet-grid--col-8{grid-template-columns:repeat(8, minmax(0, 1fr)) !important}.tet-grid--col-8 .tet-grid__cell--span-all{grid-column:span 8}.tet-grid--col-12{grid-template-columns:repeat(12, minmax(0, 1fr)) !important}.tet-grid--col-12 .tet-grid__cell--span-all{grid-column:span 12}.tet-grid__cell,.tet-grid__cell--df-show,.tet-grid__cell--xs-show,.tet-grid__cell--sm-show,.tet-grid__cell--md-show,.tet-grid__cell--lg-show,.tet-grid__cell--xl-show,.tet-grid__cell--2k-show,.tet-grid__cell--gg-show{grid-column:span 1}.tet-grid__cell--span-2-rows{grid-row:span 2}.tet-grid__cell--span-3-rows{grid-row:span 3}.tet-grid__cell--span-4-rows{grid-row:span 4}.tet-grid__cell--span-5-rows{grid-row:span 5}.tet-grid__cell--span-6-rows{grid-row:span 6}.tet-grid__cell--span-7-rows{grid-row:span 7}.tet-grid__cell--span-8-rows{grid-row:span 8}.tet-grid__cell--span-9-rows{grid-row:span 9}.tet-grid__cell--span-10-rows{grid-row:span 10}.tet-grid__cell--span-11-rows{grid-row:span 11}.tet-grid__cell--span-12-rows{grid-row:span 12}.tet-grid__cell--span-all{grid-column:span 4}.tet-grid__cell--span-1{display:block;grid-column:span 1}.tet-grid__cell--span-2{display:block;grid-column:span 2}.tet-grid__cell--span-3{display:block;grid-column:span 3}.tet-grid__cell--span-4{display:block;grid-column:span 4}.tet-grid__cell--span-5{display:block;grid-column:span 4}.tet-grid__cell--span-6{display:block;grid-column:span 4}.tet-grid__cell--span-7{display:block;grid-column:span 4}.tet-grid__cell--span-8{display:block;grid-column:span 4}.tet-grid__cell--span-9{display:block;grid-column:span 4}.tet-grid__cell--span-10{display:block;grid-column:span 4}.tet-grid__cell--span-11{display:block;grid-column:span 4}.tet-grid__cell--span-12{display:block;grid-column:span 4}.tet-grid__cell--hide{display:none}.tet-grid__cell--show{display:block}@media all and (min-width: 22.5rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:1rem;padding:0 1rem}.tet-grid__cell--span-all{grid-column:span 4}.tet-grid__cell--df-span-1{display:block;grid-column:span 1}.tet-grid__cell--df-span-2{display:block;grid-column:span 2}.tet-grid__cell--df-span-3{display:block;grid-column:span 3}.tet-grid__cell--df-span-4{display:block;grid-column:span 4}.tet-grid__cell--df-span-5{display:block;grid-column:span 4}.tet-grid__cell--df-span-6{display:block;grid-column:span 4}.tet-grid__cell--df-span-7{display:block;grid-column:span 4}.tet-grid__cell--df-span-8{display:block;grid-column:span 4}.tet-grid__cell--df-span-9{display:block;grid-column:span 4}.tet-grid__cell--df-span-10{display:block;grid-column:span 4}.tet-grid__cell--df-span-11{display:block;grid-column:span 4}.tet-grid__cell--df-span-12{display:block;grid-column:span 4}.tet-grid__cell--df-hide{display:none}.tet-grid__cell--df-show{display:block}}@media all and (min-width: 31.25rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{column-gap:1.5rem;padding:0 2rem}.tet-grid__cell--xs-span-1{display:block;grid-column:span 1}.tet-grid__cell--xs-span-2{display:block;grid-column:span 2}.tet-grid__cell--xs-span-3{display:block;grid-column:span 3}.tet-grid__cell--xs-span-4{display:block;grid-column:span 4}.tet-grid__cell--xs-span-5{display:block;grid-column:span 4}.tet-grid__cell--xs-span-6{display:block;grid-column:span 4}.tet-grid__cell--xs-span-7{display:block;grid-column:span 4}.tet-grid__cell--xs-span-8{display:block;grid-column:span 4}.tet-grid__cell--xs-span-9{display:block;grid-column:span 4}.tet-grid__cell--xs-span-10{display:block;grid-column:span 4}.tet-grid__cell--xs-span-11{display:block;grid-column:span 4}.tet-grid__cell--xs-span-12{display:block;grid-column:span 4}.tet-grid__cell--xs-hide{display:none}.tet-grid__cell--xs-show{display:block}}@media all and (min-width: 46.25rem){.tet-grid__cell--sm-span-1{display:block;grid-column:span 1}.tet-grid__cell--sm-span-2{display:block;grid-column:span 2}.tet-grid__cell--sm-span-3{display:block;grid-column:span 3}.tet-grid__cell--sm-span-4{display:block;grid-column:span 4}.tet-grid__cell--sm-span-5{display:block;grid-column:span 5}.tet-grid__cell--sm-span-6{display:block;grid-column:span 6}.tet-grid__cell--sm-span-7{display:block;grid-column:span 7}.tet-grid__cell--sm-span-8{display:block;grid-column:span 8}.tet-grid__cell--sm-span-9{display:block;grid-column:span 9}.tet-grid__cell--sm-span-10{display:block;grid-column:span 10}.tet-grid__cell--sm-span-11{display:block;grid-column:span 11}.tet-grid__cell--sm-span-12{display:block;grid-column:span 12}.tet-grid__cell--sm-hide{display:none}.tet-grid__cell--sm-show{display:block}}@media all and (min-width: 48rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{grid-template-columns:repeat(8, minmax(0, 1fr))}.tet-grid__cell--span-all{grid-column:span 8}.tet-grid__cell--md-span-1{display:block;grid-column:span 1}.tet-grid__cell--md-span-2{display:block;grid-column:span 2}.tet-grid__cell--md-span-3{display:block;grid-column:span 3}.tet-grid__cell--md-span-4{display:block;grid-column:span 4}.tet-grid__cell--md-span-5{display:block;grid-column:span 5}.tet-grid__cell--md-span-6{display:block;grid-column:span 6}.tet-grid__cell--md-span-7{display:block;grid-column:span 7}.tet-grid__cell--md-span-8{display:block;grid-column:span 8}.tet-grid__cell--md-span-9{display:block;grid-column:span 8}.tet-grid__cell--md-span-10{display:block;grid-column:span 8}.tet-grid__cell--md-span-11{display:block;grid-column:span 8}.tet-grid__cell--md-span-12{display:block;grid-column:span 8}.tet-grid__cell--md-hide{display:none}.tet-grid__cell--md-show{display:block}}@media all and (min-width: 64rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{grid-template-columns:repeat(12, minmax(0, 1fr))}.tet-grid__cell--span-all{grid-column:span 12}.tet-grid__cell--lg-span-1{display:block;grid-column:span 1}.tet-grid__cell--lg-span-2{display:block;grid-column:span 2}.tet-grid__cell--lg-span-3{display:block;grid-column:span 3}.tet-grid__cell--lg-span-4{display:block;grid-column:span 4}.tet-grid__cell--lg-span-5{display:block;grid-column:span 5}.tet-grid__cell--lg-span-6{display:block;grid-column:span 6}.tet-grid__cell--lg-span-7{display:block;grid-column:span 7}.tet-grid__cell--lg-span-8{display:block;grid-column:span 8}.tet-grid__cell--lg-span-9{display:block;grid-column:span 9}.tet-grid__cell--lg-span-10{display:block;grid-column:span 10}.tet-grid__cell--lg-span-11{display:block;grid-column:span 11}.tet-grid__cell--lg-span-12{display:block;grid-column:span 12}.tet-grid__cell--lg-hide{display:none}.tet-grid__cell--lg-show{display:block}}@media all and (min-width: 80rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{padding:0 4rem}.tet-grid__cell--xl-span-1{display:block;grid-column:span 1}.tet-grid__cell--xl-span-2{display:block;grid-column:span 2}.tet-grid__cell--xl-span-3{display:block;grid-column:span 3}.tet-grid__cell--xl-span-4{display:block;grid-column:span 4}.tet-grid__cell--xl-span-5{display:block;grid-column:span 5}.tet-grid__cell--xl-span-6{display:block;grid-column:span 6}.tet-grid__cell--xl-span-7{display:block;grid-column:span 7}.tet-grid__cell--xl-span-8{display:block;grid-column:span 8}.tet-grid__cell--xl-span-9{display:block;grid-column:span 9}.tet-grid__cell--xl-span-10{display:block;grid-column:span 10}.tet-grid__cell--xl-span-11{display:block;grid-column:span 11}.tet-grid__cell--xl-span-12{display:block;grid-column:span 12}.tet-grid__cell--xl-hide{display:none}.tet-grid__cell--xl-show{display:block}}@media all and (min-width: 90rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{padding:0 4.5rem}.tet-grid__cell--mg-span-1{display:block;grid-column:span 1}.tet-grid__cell--mg-span-2{display:block;grid-column:span 2}.tet-grid__cell--mg-span-3{display:block;grid-column:span 3}.tet-grid__cell--mg-span-4{display:block;grid-column:span 4}.tet-grid__cell--mg-span-5{display:block;grid-column:span 5}.tet-grid__cell--mg-span-6{display:block;grid-column:span 6}.tet-grid__cell--mg-span-7{display:block;grid-column:span 7}.tet-grid__cell--mg-span-8{display:block;grid-column:span 8}.tet-grid__cell--mg-span-9{display:block;grid-column:span 9}.tet-grid__cell--mg-span-10{display:block;grid-column:span 10}.tet-grid__cell--mg-span-11{display:block;grid-column:span 11}.tet-grid__cell--mg-span-12{display:block;grid-column:span 12}.tet-grid__cell--mg-hide{display:none}.tet-grid__cell--mg-show{display:block}}@media all and (min-width: 120rem){.tet-grid,.tet-grid--no-padding,.tet-grid--no-margin,.tet-grid--no-limit{max-width:111rem;padding:0}.tet-grid__cell--gg-span-1{display:block;grid-column:span 1}.tet-grid__cell--gg-span-2{display:block;grid-column:span 2}.tet-grid__cell--gg-span-3{display:block;grid-column:span 3}.tet-grid__cell--gg-span-4{display:block;grid-column:span 4}.tet-grid__cell--gg-span-5{display:block;grid-column:span 5}.tet-grid__cell--gg-span-6{display:block;grid-column:span 6}.tet-grid__cell--gg-span-7{display:block;grid-column:span 7}.tet-grid__cell--gg-span-8{display:block;grid-column:span 8}.tet-grid__cell--gg-span-9{display:block;grid-column:span 9}.tet-grid__cell--gg-span-10{display:block;grid-column:span 10}.tet-grid__cell--gg-span-11{display:block;grid-column:span 11}.tet-grid__cell--gg-span-12{display:block;grid-column:span 12}.tet-grid__cell--gg-hide{display:none}.tet-grid__cell--gg-show{display:block}}:host{--menu-border-radius:0.625rem;--menu-text-color:var(--tc-text-primary);--menu-text-inverse-color:var(--tc-button-text-primary);--menu-text-secondary-color:var(--tc-text-secondary);--menu-background-color:var(--tc-background-white-black);--menu-link-hover-background-color:var(--tc-navigation-menu-item-hover);--menu-link-pressed-background-color:var(--tc-navigation-menu-item-pressed);--menu-link-active-background-color:var(--tc-navigation-menu-item-active);--menu-dropdown-border-color:var(--tc-grey-20);--menu-dropdown-box-shadow:var(--tc-elevation-three);--menu-focus-outline-color:var(--tc-blue-40);--menu-login-button-background-color:var(--tc-button-primary-background-default);--menu-login-button-background-hover-color:var(--tc-button-primary-background-hover);--menu-separator-line-color:var(--tc-grey-20);--menu-badge-background-color: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-mega-second-level-width:27.25rem;--menu-mega-third-level-width:22.6875rem;--menu-mega-banner-slot-max-width:20rem;--menu-mega-dropdown-menu-height:28.625rem;--menu-mega-separator-color:var(--tc-border-quaternary);--menu-mega-dropdown-background-color:var(--tc-layer-primary);display:inline-block;position:relative;box-sizing:border-box}.menu{position:relative;padding:0.25rem 0;color:var(--menu-text-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.menu.menu__dark{--menu-text-color:var(--tc-text-primary-dark);--menu-text-inverse-color:var(--tc-button-text-primary-dark);--menu-text-secondary-color:var(--tc-text-secondary-dark);--menu-background-color:var(--tc-background-secondary-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-link-active-background-color:var(--tc-navigation-menu-item-active-dark);--menu-dropdown-border-color:var(--tc-grey-80);--menu-dropdown-box-shadow:var(--tc-elevation-three-dark);--menu-focus-outline-color:var(--tc-blue-40-dark);--menu-login-button-background-color:var(--tc-button-primary-background-default-dark);--menu-login-button-background-hover-color:var(--tc-button-primary-background-hover-dark);--menu-separator-line-color:var(--tc-grey-80);--menu-badge-background-color: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-mega-separator-color:var(--tc-border-quaternary-dark);--menu-mega-dropdown-background-color:var(--tc-layer-primary-dark)}.menu.menu__dark.menu__main .menu__first-level--themed{--menu-item-theme-bg:var(--menu-background-color)}.menu.menu__dark.menu__main .menu__first-level--themed:is(.menu--active,:hover,:active){border-color:var(--menu-item-theme-state-bg);background-image:linear-gradient(var(--menu-item-theme-state-bg), var(--menu-item-theme-state-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu.menu__dark.menu__main .menu__first-level--themed.menu--active{--menu-item-theme-state-bg:var(--menu-link-active-background-color)}.menu.menu__dark.menu__main .menu__first-level--themed:hover{--menu-item-theme-state-bg:var(--menu-link-hover-background-color)}.menu.menu__dark.menu__main .menu__first-level--themed:active{--menu-item-theme-state-bg:var(--menu-link-pressed-background-color)}.menu.menu__dark .menu__first-level--theme-yellow{--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-pressed-bg:var(--tc-menu-item-yellow-background-pressed-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.menu__dark .menu__first-level--theme-red{--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-pressed-bg:var(--tc-menu-item-red-background-pressed-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.menu__dark .menu__first-level--theme-green{--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-pressed-bg:var(--tc-menu-item-green-background-pressed-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.menu__dark .menu__first-level--theme-violet{--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-pressed-bg:var(--tc-menu-item-violet-background-pressed-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.menu__dark .menu__first-level--theme-blue{--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-pressed-bg:var(--tc-menu-item-blue-background-pressed-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 a{color:var(--menu-text-color);text-decoration:none}.menu--active{background-color:var(--menu-link-active-background-color)}.menu__first-level{display:flex;flex-direction:row;align-items:center;border-radius:var(--menu-border-radius);padding:0.5rem 0.75rem;white-space:nowrap}.menu__first-level .chevron{display:flex;--icon-size:1rem;margin-left:0.4rem;transition:transform 150ms ease-out}:hover>.menu__first-level,:focus>.menu__first-level,:focus-within>.menu__first-level,.menu--mega-open>.menu__first-level{background-color:var(--menu-link-hover-background-color)}:hover>.menu__first-level .chevron,:focus>.menu__first-level .chevron,:focus-within>.menu__first-level .chevron,.menu--mega-open>.menu__first-level .chevron{transform:rotate(-180deg)}.menu__first-level:active{background-color:var(--menu-link-pressed-background-color)}.menu__first-level: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__badge{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";padding:0.125rem 0.375rem;border-radius:0.25rem;background-color:var(--menu-badge-background-color);color:var(--menu-badge-text-color)}.menu__icon{display:none}.menu__dropdown{max-height:0;transform:scaleY(0);position:absolute;margin-top:0.25rem;z-index:1;min-width:14rem;background:var(--menu-background-color);border:0.031rem solid var(--menu-dropdown-border-color);box-shadow:var(--menu-dropdown-box-shadow);border-radius:var(--menu-border-radius);transform-origin:top;animation-name:hideDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;right:0}.menu__dropdown.menu__dropdown--mega{animation-name:none;animation-duration:0s}:hover>.menu__dropdown:not(.menu__dropdown--mega),:focus>.menu__dropdown:not(.menu__dropdown--mega),:focus-within>.menu__dropdown:not(.menu__dropdown--mega){max-height:100rem;transform:scaleY(1);animation-name:showDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;outline:none}.menu:not(.menu--mega-escape-closed):hover>.menu__dropdown.menu__dropdown--mega,.menu:not(.menu--mega-escape-closed):focus>.menu__dropdown.menu__dropdown--mega,.menu:not(.menu--mega-escape-closed):focus-within>.menu__dropdown.menu__dropdown--mega,.menu--mega-open>.menu__dropdown.menu__dropdown--mega{max-height:100%;transform:scaleY(1);animation-name:none;animation-duration:0s;transition-delay:0s;outline:none}.menu__dropdown__list,.menu__dropdown__mega-third-list{padding:0.625rem 0 0.438rem 0}.menu__dropdown__list__sub-title,.menu__dropdown__mega-third-list__sub-title{display:none}.menu__dropdown__list li,.menu__dropdown__mega-third-list li{list-style:none;white-space:nowrap;padding-bottom:0.063rem}.menu__dropdown__wrapper{position:relative;display:flex;width:100%;overflow:hidden}.menu__dropdown__wrapper .menu__dropdown__list--mega{box-sizing:border-box;border-left:0.0625rem solid var(--menu-mega-separator-color);height:100%}.menu__dropdown__wrapper .menu__dropdown__list--mega:has(.menu--mega-current){border-right:0.0625rem solid var(--menu-mega-separator-color)}.menu__dropdown__mega-lists{display:flex;align-items:stretch;margin-right:2.5rem;height:100%}.menu__dropdown__list>li>a .menu__badge{margin-bottom:0.125rem;display:inline-block}.menu__dropdown a{padding:0.5rem 1rem;display:block;border-radius:0.375rem}.menu__dropdown a:hover{background-color:var(--menu-link-hover-background-color)}.menu__dropdown a:active{background-color:var(--menu-link-pressed-background-color)}.menu__dropdown a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__dropdown a.menu--active:not(:hover):not(:active):not(.menu--mega-current){background-color:var(--menu-link-active-background-color)}.menu__dropdown a.menu--active:not(:hover):not(:active):not(.menu--mega-current) .menu__badge{background:var(--menu-active-item-badge-background-color)}.menu__dropdown__list:not(.menu__dropdown__list--mega) li:hover>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current),.menu__dropdown__list:not(.menu__dropdown__list--mega) li:has(>.menu__sublist a:focus-visible)>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current){background-color:var(--menu-link-hover-background-color)}.menu__dropdown__list:not(.menu__dropdown__list--mega) li:hover>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current) .menu__badge,.menu__dropdown__list:not(.menu__dropdown__list--mega) li:has(>.menu__sublist a:focus-visible)>a.menu--submenu:not(:hover):not(:active):not(.menu--mega-current) .menu__badge{background:var(--menu-badge-background-color)}.menu__dropdown__mega-third{box-sizing:border-box;width:var(--menu-mega-third-level-width);min-width:var(--menu-mega-third-level-width);display:flex}.menu__main .menu__first-level{padding:0.375rem 0.75rem;gap:0.25rem}.menu__main .menu__first-level .chevron{--icon-size:1.25rem;margin-left:0}.menu__main .menu__first-level--theme-yellow{--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-pressed-bg:var(--tc-menu-item-yellow-background-pressed);--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  )}.menu__main .menu__first-level--theme-red{--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-pressed-bg:var(--tc-menu-item-red-background-pressed);--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  )}.menu__main .menu__first-level--theme-green{--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-pressed-bg:var(--tc-menu-item-green-background-pressed);--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  )}.menu__main .menu__first-level--theme-violet{--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-pressed-bg:var(--tc-menu-item-violet-background-pressed);--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  )}.menu__main .menu__first-level--theme-blue{--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-pressed-bg:var(--tc-menu-item-blue-background-pressed);--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__main .menu__first-level--themed{position:relative;padding:0.25rem 0.625rem;isolation:isolate;color:var(--menu-text-color);--menu-item-theme-bg:var(--menu-background-color);border:0.125rem solid transparent;background-image:linear-gradient(var(--menu-item-theme-bg), 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__main .menu__first-level--themed.menu--active{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__main .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__main .menu__first-level--themed:active{border-color:var(--menu-item-theme-pressed-bg);background-image:linear-gradient(var(--menu-item-theme-pressed-bg), var(--menu-item-theme-pressed-bg));background-size:100% 100%;background-position:0 0;background-clip:border-box}.menu__main .menu__first-level--themed.show-animation:not(:hover,.menu--active){animation:gradient-border-cycle 4s ease-in-out infinite}.menu__main:not(:hover):not(:focus-within) .menu__dropdown__wrapper{overflow:hidden}.menu__main .menu__dropdown{min-width:21.625rem;border:0.031rem solid var(--menu-dropdown-border-color);right:auto;left:0}.menu__main .menu__dropdown__wrapper .menu__dropdown__list--mega{width:var(--menu-mega-second-level-width);min-width:var(--menu-mega-second-level-width)}.menu__main .menu__dropdown--mega{background-color:var(--menu-mega-dropdown-background-color);position:fixed;top:0;margin-top:0;border:0;border-radius:0;box-shadow:none;inset-inline:0;width:auto;transition:transform 0s linear 100ms;height:var(--mega-menu-dropdown-height);overflow-y:hidden}.menu__main .menu__dropdown--mega .menu__dropdown__wrapper{min-height:inherit;align-items:stretch;box-sizing:border-box;padding:0.5rem 0;overflow-y:auto;overflow-x:hidden;height:var(--menu-mega-dropdown-menu-height)}.menu__main .menu__dropdown--mega .menu__dropdown__mega-lists{align-self:flex-start}.menu__main .menu__dropdown--mega .menu__dropdown__mega-third-list{height:100%;box-sizing:border-box;width:100%}.menu__main .menu__dropdown--mega::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--menu-dropdown-hover-bridge-height, 0)}.menu__main .menu__dropdown__list{padding:0.5rem}.menu__main .menu__dropdown__list--mega{padding:0 0.5rem 1rem}.menu__main .menu__dropdown__list--mega li{white-space:normal}.menu__main .menu__dropdown__list--mega li a{padding:0.625rem 0.75rem}.menu__main .menu__dropdown__list--mega a>div{min-width:0}.menu__main .menu__dropdown__list--mega .menu__dropdown__list__sub-title{white-space:normal}.menu__main .menu__dropdown__list--mega a:hover .menu__dropdown__list__sub-title--mega,.menu__main .menu__dropdown__list--mega a:focus-visible .menu__dropdown__list__sub-title--mega,.menu__main .menu__dropdown__list--mega a.menu--mega-current .menu__dropdown__list__sub-title--mega{max-height:8rem;opacity:1;transform:translateY(0);visibility:visible;transition-delay:0s}.menu__main .menu__dropdown__list--mega a.menu--mega-current:not(:active){background-color:var(--menu-link-hover-background-color)}.menu__main .menu__dropdown__list a{border-radius:var(--menu-border-radius);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;padding:0.625rem 0.75rem}.menu__main .menu__dropdown__list a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__main .menu__dropdown__list .menu--highlighted{position:relative;margin-bottom:0.875rem}.menu__main .menu__dropdown__list .menu--highlighted:after{content:"";position:absolute;left:0.375rem;right:0.375rem;bottom:-0.438rem;height:0.063rem;background:var(--menu-separator-line-color)}.menu__main .menu__dropdown__list__sub-title{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";display:block;color:var(--menu-text-secondary-color)}.menu__main .menu__dropdown__list__sub-title--mega{display:block;max-height:0;opacity:0;overflow:hidden;transform:translateY(-0.25rem);visibility:hidden;transition:max-height 360ms ease, opacity 300ms ease, transform 360ms ease, visibility 0s linear 360ms}.menu__main .menu__dropdown__mega-third-list{height:100%;padding:0 0.5rem 1rem}.menu__main .menu__dropdown__mega-third-list a{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:block;white-space:normal;padding:0.5rem 1rem;border-radius:0.375rem}.menu__main .menu__dropdown__mega-third-list a .menu__badge{margin:0 0 0 0.25rem;vertical-align:middle}.menu__main .menu__dropdown__mega-banner{margin-left:auto;overflow:hidden;max-width:var(--menu-mega-banner-slot-max-width)}.menu__main .menu__first-level>.menu__icon{display:flex;margin-right:0.25rem}.menu__main .menu__first-level>.menu__icon tet-icon{--icon-size:1.25rem;--icon-container-display:flex}.menu__main .menu__dropdown .menu__icon{width:2.75rem;padding-right:0.75rem;display:flex;align-items:center;justify-content:center}.menu__main .menu__dropdown .menu__icon img,.menu__main .menu__dropdown .menu__icon svg{max-width:2rem;max-height:2rem}.menu__chevron{margin-left:auto;padding-left:0.75rem}.menu__sublist{transform:scaleX(0);position:absolute;z-index:1;min-width:14rem;transform-origin:top right}:hover>.menu__sublist,:focus>.menu__sublist,:focus-within>.menu__sublist{max-height:100rem;transform:scaleX(1);outline:none}.menu__sublist.left{right:calc(100% - 0.6rem);padding-right:1.1rem}.menu__sublist.right{left:calc(100% - 0.6rem);padding-left:1.1rem}.menu__sublist .content{background:var(--menu-background-color);border:0.031rem solid var(--menu-dropdown-border-color);box-shadow:var(--menu-dropdown-box-shadow);border-radius:var(--menu-border-radius);min-width:21.875rem;padding:0.625rem 0}.menu__sublist .content a{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";border-radius:unset;white-space:normal}.menu__sublist .content a .menu__badge{margin:0 0 0 0.25rem;vertical-align:middle}.menu__sublist .content a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--menu-focus-outline-color);border-radius:0.5rem}.menu__sublist .content a.menu--active{background-color:var(--menu-link-active-background-color)}.menu__sublist .content a.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.menu__sublist .content a.menu--active:active{background-color:var(--menu-link-pressed-background-color)}.menu__login .menu__first-level{border-radius:2rem;padding:0.5rem 0.875rem;background-color:var(--menu-login-button-background-color);color:var(--menu-text-inverse-color)}.menu__login .menu__first-level .menu__icon tet-icon{--icon-size:1.25rem;--icon-container-display:flex}.menu__login .menu__first-level .chevron{margin-left:0.5rem;--icon-size:1.25rem}.menu__login .menu__first-level:hover{background-color:var(--menu-login-button-background-hover-color)}.menu__login .menu--highlighted{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;margin:0 0 0.813rem 0}.menu__login .menu--highlighted:after{content:"";position:absolute;left:0.5rem;right:0.5rem;bottom:-0.438rem;height:0.063rem;background:var(--menu-separator-line-color)}.menu__login .menu__icon{display:flex;margin-right:0.5rem}.menu__login .menu__icon.right{display:inline-flex;margin-left:auto;align-content:center;justify-content:center}.menu__login .menu--highlighted.line-top{margin:0.813rem 0 0 0}.menu__login .menu--highlighted.line-top:after{top:-0.5rem;bottom:auto}.menu__login .menu__dropdown__list a.text-color-secondary{color:var(--menu-text-secondary-color)}.menu__language>.menu__first-level{border:var(--menu-lang-border)}.menu__language:is(:hover,:focus-within)>.menu__first-level{border:var(--menu-lang-active-border)}.menu__language:not(:hover):not(:focus-within)>.menu__first-level:not(.menu--active):not(:active){background-color:var(--menu-lang-background-color)}.menu__language .menu__dropdown{min-width:6rem;white-space:nowrap}.menu__language .menu__dropdown a{position:relative}.menu__language .menu__dropdown__list__checkmark{--icon-size:1.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}@keyframes showDropdown{0%{max-height:0;padding-bottom:0.2rem;overflow:hidden}100%{max-height:100rem;padding-bottom:0;overflow:visible}}@keyframes hideDropdown{0%{max-height:100rem}100%{max-height:0}}@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{i as tet_menu}

package/dist/tet-components/{p-3cbd86e4.entry.js → p-b47c0736.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,H as a}from"./p-5abb3bea.js";const o=class{constructor(t){e(this,t)}render(){return t(a,{key:"08e7a78100587383f67aea18fcf444d15d235dc9"},t("div",{key:"3aaeff3ec321dfc4681ac05008260fd561bd3493",class:"variable-container"},t("div",{key:"a3d63e02ef89dea6162f06354aebc4e9a4c3b7a6",class:"container-title main"},"Grid klase"),t("div",{key:"d455df21e3741e87800c0daeb071794436016b5c",class:"container-section"},t("div",{key:"114cfd01c9ce90b68b5e996c9596980cffe68381",class:"variable-name"},t("div",{key:"e2727f5e8ffb304d35b1ce88f7b61633ad629540",class:"variable-part"},"tet"),t("div",{key:"aa41b8eb5f9d72323e4762f6a72d5cee5d2e2394",class:"variable-part"},"-grid")),t("div",{key:"5f853803c42af88e844d5c0014f6480a6e90f130",class:"variable-name"},t("div",{key:"25aa6abcde8c27fae48fadcaea81de85e53b3475",class:"variable-part"},"tet-grid__cell")))),t("div",{key:"61d5906e4d92eb00c55ae7f816e682098c6e71f5",class:"container-wrapper"},t("div",{key:"a44b8fea11a3ca5841faeacdafa1eaf10b376da1",class:"container-title"},"Grida lietojumi"),t("div",{key:"5a728103044cba11527e9849fbe1e110a68936e6",class:"container-comment"},"Parent līmenī ir jābūt klasei tet-grid. Tad childam ir jābūt tet-grid__cell."),t("div",{key:"929c911046b27ca9c05c9f5bee9d9cd10340e21b",class:"container-comment"},"Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"),t("div",{key:"e65b41eb33fa1200bcbde690b9cf8eeeb305f182",class:"section"},t("div",{key:"86ec35155899f7249d9b9d5559635de1242422dc",class:"section-content"},t("div",{key:"4cf2e461a51fd4c0e1ca5f7418d9ee886a0e4747",class:"show-grid tet-grid"},t("div",{key:"9a19438f6ef8a3ee1961530c76474f8d753ba3c3",class:"show-span tet-grid__cell--span-all"},t("div",{key:"8e3e08570512e2c68c65db04dab7cbf78a96af63",class:"section-style"},"Teksts pa visu gridu"),t("div",{key:"174120895da9b62e23330afb08ad6648abd5c924",class:"section-style-attribute"},"tet-grid__cell--span-all")))),t("div",{key:"eed3e28c8a5ef603913d6d8c4eca1a2b905e17c5",class:"section-content"},t("div",{key:"bceb2f0b846c21a71ba3e7c83113844a85b4cb57",class:"show-grid tet-grid"},t("div",{key:"0235f96304b2d3c3a5537beb333904034e14f04b",class:"show-span tet-grid__cell--span-4"},t("div",{key:"d21b8bc33fa3611401e8dd1a2a4419b5092ccf1c"},"Teksts pa 4 kolonām"),t("div",{key:"08eb94faa8a80189832253d77fde61db7ec0b038",class:"section-style-attribute"},"tet-grid__cell--span-4")))),t("div",{key:"01e910a8fd75f63d22bb1d31a4f21b9cebad3320",class:"section-content"},t("div",{key:"3869f9081ce13b6e1902889af9b79014f0cb6ff6",class:"show-grid tet-grid"},t("div",{key:"9299c7079cb7a0321d603b3b4488adbaf1a90641",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8"},t("div",{key:"25191667546446c8dc3acf18326fbf491894c8d8"},"Teksts pa 4 kolonām DF ekrāna, pa 8 LG "),t("div",{key:"8dde26db599c5bd3bc1e70f5b3d1f03da3db4c9a",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")),t("div",{key:"37544421ed250c1619218b25bfe97f4ccb3bbc67",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4"},t("div",{key:"c61af2905a95a5da0ba5375dce7468f8c6f876f0"},"Teksts pa 4 kolonām DF ekrāna, pa 4 LG "),t("div",{key:"56d9b9908fc58967bc7b5d760d5c49fdf73558a0",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))),t("div",{key:"feb0032ca3182ef9abe68a5e22129f32a13c891a",class:"section-content"},t("div",{key:"7f19444353267c1c203ff9d67aa0b1c5391e9fc3",class:"show-grid tet-grid"},t("div",{key:"b36a65acee9fd90ba3a48fbe294a3213fc3997b6",class:"show-span tet-grid__cell--span-all"},t("div",{key:"a58848d0ba53e6ba015094c6e4f7c9f117411793"},"Tekstu, ko redzam visu laiku."," ",t("span",{key:"f4b30aad19adcb8b17fc8184262252bc5a556477",class:"tet-grid__cell--hide tet-grid__cell--lg-show"},"Redzam tikai pie LG izmēra")),t("div",{key:"a2dacfd18870e3ba6734032ccaa390b813f9376f",class:"section-style-attribute"},"tet-grid__cell--hide",t("span",{key:"70b78cd69cfef283a4b4539c5ba887642a54104a",class:"tet-grid__cell--hide  tet-grid__cell--lg-show"},"tet-grid__cell--lg-show"))))),t("div",{key:"2652261b4d088a7098a505c7b6efa2fc931197f5",class:"section-content"},t("div",{key:"ce0c7beef417a0a91f6601c53191c67c31a1aa5a",class:"show-grid tet-grid"},t("div",{key:"141476dbd03316a24d95e8d4fa018c7c7970c5dd",class:"show-span tet-grid__cell--span-2"},t("div",{key:"6a728a7febce3abaa452be3c409cbbbcd477692f",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"b9e12a0f21bc3be186ef773671ca156303eddb1f",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"51eac52b1e0da71291cada1c3bfd92a052830ba9"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"fc8345b31908c7dee6d1dee7fd0b944edda9afe8",class:"section-style-attribute"},"tet-grid__cell--lg-span-8")),t("div",{key:"d3e398298184fce1337e9cff6ccac0d481420a86",class:"show-span tet-grid__cell--span-2"},t("div",{key:"69fd0ac70646bf3b77ee836e918ee0f020153437",class:"section-style-attribute"},"tet-grid__cell--span-2")))))),t("div",{key:"fb19bb788b3bb1c366f275694bc53e4f9cf8f6f3",class:"container-wrapper"},t("div",{key:"c8bc18106b20c8011dece56063af4882e422b3c1",class:"container-title"},"1920px breakpoint"),t("div",{key:"8225f93de8b8dd9a1d5c86ac4b37c499e12fab69",class:"container-comment"},"Pievienojot papildus klasi"," ",t("strong",{key:"824e7d5482391075255ddffafbb6aae3ae1970e4"},t("i",{key:"947c849c8bc9359c2e86717fbf26d0007ff3d1d7"}," tet-grid--gg")),", tiek iespējots elementa maksimālais platums līdz 1920px."),t("div",{key:"39c0b561cb896397447b9d43a03c52388752fbbe",class:"container-comment"},"Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"),t("div",{key:"8aaaa8abe2308485c127168b0339d5aec4f1afe2",class:"section"},t("div",{key:"2a3e8f2897e2f3d33b23d723d72bd32b45c259b8",class:"section-content"},t("div",{key:"f0a250f09b00897f339f708d5133039eb5352c34",class:"show-grid tet-grid tet-grid--gg"},t("div",{key:"eda618a62fd805a06730e9a08ecd8da7e5058ef2",class:"show-span tet-grid__cell--span-2"},t("div",{key:"e95a3ddafd8b4d86e65a91fe40c373aa0aab6435",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"e4508b2e9c394a666c9c9410d5254f9229e8fcb8",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"023c72fe90e854234f7e6b1be67556ec9fd56d04"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"5d181a1f7b82e3524c4adcf1eb1185c565e8f01c",class:"section-style-attribute"},"tet-grid__cell--lg-span-8"),t("div",{key:"1f40fabd8ffd9b73e1f77849049962b6cb31c9a4",class:"tet-grid tet-grid--gg"},t("div",{key:"394fbee8bd8a64c038a5625df7eadd6c24e7b445",class:"tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt"},t("div",{key:"1c7aad32900f818b7ce49ffe32360664df16f1e2"},"Šis teksts ir redzams tikai no 1920px platuma."),t("div",{key:"87c23640892f2b44331ca3a4a735b96c69e7553b",class:"section-style-attribute"},"tet-grid__cell--lg-span-12"),t("div",{key:"b7716d8c8efc41e1e9d2b4056bc06d82ac52378c",class:"section-style-attribute"},"tet-grid__cell--hide"),t("div",{key:"53aa2811d070edf201c27fc8d04a5ba2e5f992b9",class:"section-style-attribute"},"tet-grid__cell--gg-show")))),t("div",{key:"21e27f27ec8ab2d45e9b736f35aad5be28225515",class:"show-span tet-grid__cell--span-2"},t("div",{key:"faf46bc6134168e459008030d183cdb6e03c63bd",class:"section-style-attribute"},"tet-grid__cell--span-2")))))))}};o.style='@charset "UTF-8";: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)}.tet-grid-story{--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)}.container-title{background:rgb(235, 237, 239);padding:2rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container-title.main{font-weight:600}.container-comment{background:rgb(235, 237, 239);padding:1rem 0;font-size:1rem;text-align:center;margin:0.25rem 0;border-radius:1.5rem}.container-section{display:flex;flex-direction:column;flex-wrap:wrap;border:0.0625rem gray solid;border-radius:2rem;padding:1rem;gap:1rem;justify-content:center;height:12.5rem}.variable-name{display:flex;flex-direction:row;justify-content:center;font-size:1.75rem}.variable-part{position:relative;font-size:1.75rem;align-self:center}.variable:after{border-top:0.125rem solid #779af5;position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{content:"izmērs"}.variable-direction:after{content:"veids"}.section-wrapper{gap:1rem;display:flex;flex-direction:row}.section{gap:0.5rem;display:flex;flex-wrap:wrap}.section-content{border:0.0625rem solid gray;border-radius:2rem;flex:1 1 49%}.section-title{font-size:1rem;border-top:0.0625rem solid gray;margin-top:1rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.section-style-attribute{color:grey}.show-span{background:lightgrey}.show-grid{background:darkgrey;border-radius:2rem;height:100%}';export{o as tet_grid}
+import{r as e,h as t,H as a}from"./p-83f43fdd.js";const o=class{constructor(t){e(this,t)}render(){return t(a,{key:"08e7a78100587383f67aea18fcf444d15d235dc9"},t("div",{key:"3aaeff3ec321dfc4681ac05008260fd561bd3493",class:"variable-container"},t("div",{key:"a3d63e02ef89dea6162f06354aebc4e9a4c3b7a6",class:"container-title main"},"Grid klase"),t("div",{key:"d455df21e3741e87800c0daeb071794436016b5c",class:"container-section"},t("div",{key:"114cfd01c9ce90b68b5e996c9596980cffe68381",class:"variable-name"},t("div",{key:"e2727f5e8ffb304d35b1ce88f7b61633ad629540",class:"variable-part"},"tet"),t("div",{key:"aa41b8eb5f9d72323e4762f6a72d5cee5d2e2394",class:"variable-part"},"-grid")),t("div",{key:"5f853803c42af88e844d5c0014f6480a6e90f130",class:"variable-name"},t("div",{key:"25aa6abcde8c27fae48fadcaea81de85e53b3475",class:"variable-part"},"tet-grid__cell")))),t("div",{key:"61d5906e4d92eb00c55ae7f816e682098c6e71f5",class:"container-wrapper"},t("div",{key:"a44b8fea11a3ca5841faeacdafa1eaf10b376da1",class:"container-title"},"Grida lietojumi"),t("div",{key:"5a728103044cba11527e9849fbe1e110a68936e6",class:"container-comment"},"Parent līmenī ir jābūt klasei tet-grid. Tad childam ir jābūt tet-grid__cell."),t("div",{key:"929c911046b27ca9c05c9f5bee9d9cd10340e21b",class:"container-comment"},"Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"),t("div",{key:"e65b41eb33fa1200bcbde690b9cf8eeeb305f182",class:"section"},t("div",{key:"86ec35155899f7249d9b9d5559635de1242422dc",class:"section-content"},t("div",{key:"4cf2e461a51fd4c0e1ca5f7418d9ee886a0e4747",class:"show-grid tet-grid"},t("div",{key:"9a19438f6ef8a3ee1961530c76474f8d753ba3c3",class:"show-span tet-grid__cell--span-all"},t("div",{key:"8e3e08570512e2c68c65db04dab7cbf78a96af63",class:"section-style"},"Teksts pa visu gridu"),t("div",{key:"174120895da9b62e23330afb08ad6648abd5c924",class:"section-style-attribute"},"tet-grid__cell--span-all")))),t("div",{key:"eed3e28c8a5ef603913d6d8c4eca1a2b905e17c5",class:"section-content"},t("div",{key:"bceb2f0b846c21a71ba3e7c83113844a85b4cb57",class:"show-grid tet-grid"},t("div",{key:"0235f96304b2d3c3a5537beb333904034e14f04b",class:"show-span tet-grid__cell--span-4"},t("div",{key:"d21b8bc33fa3611401e8dd1a2a4419b5092ccf1c"},"Teksts pa 4 kolonām"),t("div",{key:"08eb94faa8a80189832253d77fde61db7ec0b038",class:"section-style-attribute"},"tet-grid__cell--span-4")))),t("div",{key:"01e910a8fd75f63d22bb1d31a4f21b9cebad3320",class:"section-content"},t("div",{key:"3869f9081ce13b6e1902889af9b79014f0cb6ff6",class:"show-grid tet-grid"},t("div",{key:"9299c7079cb7a0321d603b3b4488adbaf1a90641",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8"},t("div",{key:"25191667546446c8dc3acf18326fbf491894c8d8"},"Teksts pa 4 kolonām DF ekrāna, pa 8 LG "),t("div",{key:"8dde26db599c5bd3bc1e70f5b3d1f03da3db4c9a",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")),t("div",{key:"37544421ed250c1619218b25bfe97f4ccb3bbc67",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4"},t("div",{key:"c61af2905a95a5da0ba5375dce7468f8c6f876f0"},"Teksts pa 4 kolonām DF ekrāna, pa 4 LG "),t("div",{key:"56d9b9908fc58967bc7b5d760d5c49fdf73558a0",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))),t("div",{key:"feb0032ca3182ef9abe68a5e22129f32a13c891a",class:"section-content"},t("div",{key:"7f19444353267c1c203ff9d67aa0b1c5391e9fc3",class:"show-grid tet-grid"},t("div",{key:"b36a65acee9fd90ba3a48fbe294a3213fc3997b6",class:"show-span tet-grid__cell--span-all"},t("div",{key:"a58848d0ba53e6ba015094c6e4f7c9f117411793"},"Tekstu, ko redzam visu laiku."," ",t("span",{key:"f4b30aad19adcb8b17fc8184262252bc5a556477",class:"tet-grid__cell--hide tet-grid__cell--lg-show"},"Redzam tikai pie LG izmēra")),t("div",{key:"a2dacfd18870e3ba6734032ccaa390b813f9376f",class:"section-style-attribute"},"tet-grid__cell--hide",t("span",{key:"70b78cd69cfef283a4b4539c5ba887642a54104a",class:"tet-grid__cell--hide  tet-grid__cell--lg-show"},"tet-grid__cell--lg-show"))))),t("div",{key:"2652261b4d088a7098a505c7b6efa2fc931197f5",class:"section-content"},t("div",{key:"ce0c7beef417a0a91f6601c53191c67c31a1aa5a",class:"show-grid tet-grid"},t("div",{key:"141476dbd03316a24d95e8d4fa018c7c7970c5dd",class:"show-span tet-grid__cell--span-2"},t("div",{key:"6a728a7febce3abaa452be3c409cbbbcd477692f",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"b9e12a0f21bc3be186ef773671ca156303eddb1f",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"51eac52b1e0da71291cada1c3bfd92a052830ba9"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"fc8345b31908c7dee6d1dee7fd0b944edda9afe8",class:"section-style-attribute"},"tet-grid__cell--lg-span-8")),t("div",{key:"d3e398298184fce1337e9cff6ccac0d481420a86",class:"show-span tet-grid__cell--span-2"},t("div",{key:"69fd0ac70646bf3b77ee836e918ee0f020153437",class:"section-style-attribute"},"tet-grid__cell--span-2")))))),t("div",{key:"fb19bb788b3bb1c366f275694bc53e4f9cf8f6f3",class:"container-wrapper"},t("div",{key:"c8bc18106b20c8011dece56063af4882e422b3c1",class:"container-title"},"1920px breakpoint"),t("div",{key:"8225f93de8b8dd9a1d5c86ac4b37c499e12fab69",class:"container-comment"},"Pievienojot papildus klasi"," ",t("strong",{key:"824e7d5482391075255ddffafbb6aae3ae1970e4"},t("i",{key:"947c849c8bc9359c2e86717fbf26d0007ff3d1d7"}," tet-grid--gg")),", tiek iespējots elementa maksimālais platums līdz 1920px."),t("div",{key:"39c0b561cb896397447b9d43a03c52388752fbbe",class:"container-comment"},"Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"),t("div",{key:"8aaaa8abe2308485c127168b0339d5aec4f1afe2",class:"section"},t("div",{key:"2a3e8f2897e2f3d33b23d723d72bd32b45c259b8",class:"section-content"},t("div",{key:"f0a250f09b00897f339f708d5133039eb5352c34",class:"show-grid tet-grid tet-grid--gg"},t("div",{key:"eda618a62fd805a06730e9a08ecd8da7e5058ef2",class:"show-span tet-grid__cell--span-2"},t("div",{key:"e95a3ddafd8b4d86e65a91fe40c373aa0aab6435",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"e4508b2e9c394a666c9c9410d5254f9229e8fcb8",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"023c72fe90e854234f7e6b1be67556ec9fd56d04"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"5d181a1f7b82e3524c4adcf1eb1185c565e8f01c",class:"section-style-attribute"},"tet-grid__cell--lg-span-8"),t("div",{key:"1f40fabd8ffd9b73e1f77849049962b6cb31c9a4",class:"tet-grid tet-grid--gg"},t("div",{key:"394fbee8bd8a64c038a5625df7eadd6c24e7b445",class:"tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt"},t("div",{key:"1c7aad32900f818b7ce49ffe32360664df16f1e2"},"Šis teksts ir redzams tikai no 1920px platuma."),t("div",{key:"87c23640892f2b44331ca3a4a735b96c69e7553b",class:"section-style-attribute"},"tet-grid__cell--lg-span-12"),t("div",{key:"b7716d8c8efc41e1e9d2b4056bc06d82ac52378c",class:"section-style-attribute"},"tet-grid__cell--hide"),t("div",{key:"53aa2811d070edf201c27fc8d04a5ba2e5f992b9",class:"section-style-attribute"},"tet-grid__cell--gg-show")))),t("div",{key:"21e27f27ec8ab2d45e9b736f35aad5be28225515",class:"show-span tet-grid__cell--span-2"},t("div",{key:"faf46bc6134168e459008030d183cdb6e03c63bd",class:"section-style-attribute"},"tet-grid__cell--span-2")))))))}};o.style='@charset "UTF-8";: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)}.tet-grid-story{--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)}.container-title{background:rgb(235, 237, 239);padding:2rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container-title.main{font-weight:600}.container-comment{background:rgb(235, 237, 239);padding:1rem 0;font-size:1rem;text-align:center;margin:0.25rem 0;border-radius:1.5rem}.container-section{display:flex;flex-direction:column;flex-wrap:wrap;border:0.0625rem gray solid;border-radius:2rem;padding:1rem;gap:1rem;justify-content:center;height:12.5rem}.variable-name{display:flex;flex-direction:row;justify-content:center;font-size:1.75rem}.variable-part{position:relative;font-size:1.75rem;align-self:center}.variable:after{border-top:0.125rem solid #779af5;position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{content:"izmērs"}.variable-direction:after{content:"veids"}.section-wrapper{gap:1rem;display:flex;flex-direction:row}.section{gap:0.5rem;display:flex;flex-wrap:wrap}.section-content{border:0.0625rem solid gray;border-radius:2rem;flex:1 1 49%}.section-title{font-size:1rem;border-top:0.0625rem solid gray;margin-top:1rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.section-style-attribute{color:grey}.show-span{background:lightgrey}.show-grid{background:darkgrey;border-radius:2rem;height:100%}';export{o as tet_grid}

package/dist/tet-components/{p-70e766f8.entry.js → p-b6bfdd4e.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,g as o,h as s,H as e}from"./p-5abb3bea.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:"1c078ff666bc596dc436e291b0d9b5fd50cc0b9d"},s("div",{key:"dab806bebe989163d3079a475f67c58f06341e62",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"30f1d62dfba377e9d49387f66863eb6a55c174c3",class:"tet-card-list__scroll-container"},s("div",{key:"7cd48ae22d189e6ed3adabc3e8271f8939df11dc",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"5a45686d3562b19e15798a2fe8caa60eea2d6b46"}))),s("tet-button",{key:"adfed0db4180ce777c2879051a91476ce5b854c2",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:"e8378bed6bd0abd0dc1569fd8e166a5b5fdcdc98",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"tc-chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"cccf267f121d2ed48cf33ee7c260a58981c5ab9f",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:"11cc99e271627794d60cd28ed399847ab3922164",name:this.iconNext&&""!==this.iconNext?this.iconNext:"tc-chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"09f0dbfc33cc52ba926f0374c0692e21273c3550",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"5b14d1b532e5f988909724e726ea62fbd7d9e774",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}
+import{r as t,c as i,g as o,h as s,H as e}from"./p-83f43fdd.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:"1c078ff666bc596dc436e291b0d9b5fd50cc0b9d"},s("div",{key:"dab806bebe989163d3079a475f67c58f06341e62",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"30f1d62dfba377e9d49387f66863eb6a55c174c3",class:"tet-card-list__scroll-container"},s("div",{key:"7cd48ae22d189e6ed3adabc3e8271f8939df11dc",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"5a45686d3562b19e15798a2fe8caa60eea2d6b46"}))),s("tet-button",{key:"adfed0db4180ce777c2879051a91476ce5b854c2",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:"e8378bed6bd0abd0dc1569fd8e166a5b5fdcdc98",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"tc-chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"cccf267f121d2ed48cf33ee7c260a58981c5ab9f",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:"11cc99e271627794d60cd28ed399847ab3922164",name:this.iconNext&&""!==this.iconNext?this.iconNext:"tc-chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"09f0dbfc33cc52ba926f0374c0692e21273c3550",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"5b14d1b532e5f988909724e726ea62fbd7d9e774",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}