npm - @tet/tet-components - Versions diffs - 1.4.21-testing → 1.4.22-production - Mend

@tet/tet-components 1.4.21-testing → 1.4.22-production

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (468) hide show

package/dist/tet-components/{p-8cf12736.entry.js → p-24621e77.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,h as n,H as t}from"./p-83f43fdd.js";const o=class{constructor(n){e(this,n),this.type="main",this.active=!1,this.clickable=!1,this.firstLevelTitle="",this.firstLevelId=null,this.firstLevelLink="",this.firstLevelIcon="",this.menuItemTheme="",this.showMenuItemAnimation=!0,this.subLevels=[],this.darkMode=!1,this.isSubmenuLeft=!1}onWindowResize(){this.setupThirdLevelEvent()}renderFirstLevel(){const{firstLevelTitle:e,firstLevelLink:t,firstLevelId:o,firstLevelIcon:r,menuItemTheme:i,showMenuItemAnimation:a,active:m,clickable:l,type:s}=this,u=l&&0!==t.length?t:"javascript:void(0)",c=r?this.renderIcon({name:r,invertIcon:!0}):"";let d="",f=!1;return"main"===s&&(d=i?`menu__first-level--theme-${i}`:"",f=a),n("a",{id:o,href:u,class:{"menu__first-level":!0,"menu--active":m&&"login"!==s,"menu__first-level--themed":d.length>0,...d&&{[d]:!0},...f&&{"show-animation":!0}}},c,e,this.renderChevron())}componentDidRender(){this.setupThirdLevelEvent()}renderChevron(){const{subLevels:e}=this;return 0===e.length?"":n("tet-icon",{name:"chevron-down",class:"chevron",theme:"login"===this.type?this.darkMode?"light":"dark":this.darkMode?"dark":"light"})}renderCheckmark(e){const{type:t}=this;return e.active&&"language"===t?n("tet-icon",{name:"check",class:"menu__dropdown__list__checkmark",theme:this.darkMode?"dark":"light"}):""}renderSubLevels(){const{subLevels:e}=this;if(e.length<1)return"";const t=e.map((e=>this.renderSubItem(e)));return n("div",{class:"menu__dropdown"},n("ul",{class:"menu__dropdown__list"},t))}renderSubItem(e){const t=e.subLevels?.map((e=>this.renderSublevelItem(e)));let o="",r="";e.iconLeft?o=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(o=this.renderImage(e)),e.iconRight&&(r=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize}));const i=e.subTitle&&0!==e.subTitle.length?n("div",{class:"menu__dropdown__list__sub-title"},e.subTitle):"",a=e.id?.toString()\|\|null;return n("li",null,n("a",{id:a,href:e.link,class:{"menu--active":e.active,"menu--highlighted":e.highlighted,"line-top":e.lineTop,"text-color-secondary":e.textColorSecondary,"translation-none":e.translationNone,"menu--submenu":!!t?.length},tabIndex:0},o,n("div",null,e.badgeText?n("span",{class:"menu__badge"},e.badgeText):null,n("div",null,e.title),i,this.renderCheckmark(e)),r,!!t&&n("tet-icon",{class:"menu__chevron",name:"chevron-right",theme:this.darkMode?"dark":"light"}),!!t&&n("div",{class:{left:this.isSubmenuLeft,right:!this.isSubmenuLeft,menu__sublist:!0}},n("ul",{class:{content:!0}},t))))}renderSublevelItem(e){let t="",o="";return e.iconLeft?t=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(t=this.renderImage(e)),e.iconRight&&(o=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize})),n("li",null,n("a",{id:e.id,href:e.link,class:{"menu--active":e.active,"menu--highlighted":e.highlighted,"line-top":e.lineTop,"text-color-secondary":e.textColorSecondary},tabIndex:0},t,n("div",null,n("div",null,n("span",null,e.title),e.badgeText?n("span",{class:"menu__badge"},e.badgeText):null),this.renderCheckmark(e)),o))}renderIcon(e){const{name:t,right:o=!1,id:r=null,size:i=null,useDefaultColor:a=!1,invertIcon:m=!1}=e,l=r?"sublevel-icon-"+r:"",s=r&&i?n("style",null,".",l," ","{"," --icon-size: ",i,"rem ","}"):"";return n("div",{class:{menu__icon:!0,right:o}},n("tet-icon",{"use-default-color":a,class:"icon "+l,name:t,theme:"login"===this.type&&m?this.darkMode?"light":"dark":this.darkMode?"dark":"light"}),s)}renderImage(e){return n("div",{class:"menu__icon"},n("img",{src:e.imageSrc,alt:""}))}setupThirdLevelEvent(){document.querySelectorAll("tet-menu").forEach((e=>{const n=e.shadowRoot.querySelectorAll(".menu__sublist");n&&n.forEach((e=>{const n=e.closest("a");n.addEventListener("mouseenter",(()=>{const t=window.innerWidth,o=window.innerHeight,r=n.getBoundingClientRect(),i=e.offsetParent\|\|null,a=i?i.getBoundingClientRect():{top:0},m=e.offsetWidth,l=Math.max(10,Math.min(r.top,o-e.offsetHeight-10));e.style.top=l-a.top+"px",e.style.bottom="",this.isSubmenuLeft=t<r.right+m}))}))}))}render(){const{type:e}=this;return n(t,{key:"b0ebc6074b9aad20c810cd93ba74af60916bf2bf"},n("div",{key:"2f8746c305620c110249f556b95666e6b656ad3b",class:{menu:!0,menu__main:"main"===e,menu__language:"language"===e,menu__login:"login"===e,menu__dark:this.darkMode}},this.renderFirstLevel(),this.renderSubLevels()))}};o.style=':host{box-sizing:border-box},:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--menu-text-size:0.875rem;--menu-line-height:1.25rem;--menu-font-family:"Inter", var(--font-family-fallback);--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-active-background-color:var(--tc-blue-00);--menu-link-hover-background-color:var(--tc-menu-item-hover);--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-menu-item-badge);display:inline-block;position:relative;box-sizing:border-box}.menu{position:relative;padding:0.25rem 0;color:var(--menu-text-color);line-height:var(--menu-line-height);font-family:var(--menu-font-family);font-size:var(--menu-text-size);font-weight:500}.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-active-background-color:rgba(24, 40, 59, 1);--menu-link-hover-background-color:var(--tc-menu-item-hover-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-menu-item-badge-dark)}.menu.menu__dark .menu__first-level--theme-yellow{--menu-item-theme-bg:var(--tc-menu-item-yellow-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-yellow-gradient-main-dark) 30%,\n var(--tc-menu-item-yellow-gradient-accent-dark) 50%,\n var(--tc-menu-item-yellow-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-red{--menu-item-theme-bg:var(--tc-menu-item-red-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-red-gradient-main-dark) 30%,\n var(--tc-menu-item-red-gradient-accent-dark) 50%,\n var(--tc-menu-item-red-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-green{--menu-item-theme-bg:var(--tc-menu-item-green-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-green-gradient-main-dark) 30%,\n var(--tc-menu-item-green-gradient-accent-dark) 50%,\n var(--tc-menu-item-green-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-violet{--menu-item-theme-bg:var(--tc-menu-item-violet-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-violet-gradient-main-dark) 30%,\n var(--tc-menu-item-violet-gradient-accent-dark) 50%,\n var(--tc-menu-item-violet-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-blue{--menu-item-theme-bg:var(--tc-menu-item-blue-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-blue-gradient-main-dark) 30%,\n var(--tc-menu-item-blue-gradient-accent-dark) 50%,\n var(--tc-menu-item-blue-gradient-main-dark) 70%\n )}.menu a{color:var(--menu-text-color);text-decoration:none}.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}.menu__first-level:hover{background-color:var(--menu-link-hover-background-color)}.menu__first-level:hover .chevron{transform:rotate(-180deg)}.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)}.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}:hover>.menu__dropdown,:focus>.menu__dropdown,:focus-within>.menu__dropdown{max-height:100rem;transform:scaleY(1);animation-name:showDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;outline:none}.menu__dropdown__list{padding:0.625rem 0 0.438rem 0}.menu__dropdown__list__sub-title{display:none}.menu__dropdown__list li{list-style:none;white-space:nowrap;padding-bottom:0.063rem}.menu__dropdown a{padding:0.5rem 1rem;display:block}.menu__dropdown a:hover{background-color:var(--menu-link-hover-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{background-color:var(--menu-link-active-background-color)}.menu__dropdown a.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.menu__main{--menu-text-size:1rem;--menu-line-height:1.5rem}.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-bg:var(--tc-menu-item-yellow-background-default);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-yellow-gradient-main) 30%,\n var(--tc-menu-item-yellow-gradient-accent) 50%,\n var(--tc-menu-item-yellow-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-red{--menu-item-theme-bg:var(--tc-menu-item-red-background-default);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-red-gradient-main) 30%,\n var(--tc-menu-item-red-gradient-accent) 50%,\n var(--tc-menu-item-red-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-green{--menu-item-theme-bg:var(--tc-menu-item-green-background-default);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-green-gradient-main) 30%,\n var(--tc-menu-item-green-gradient-accent) 50%,\n var(--tc-menu-item-green-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-violet{--menu-item-theme-bg:var(--tc-menu-item-violet-background-default);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-violet-gradient-main) 30%,\n var(--tc-menu-item-violet-gradient-accent) 50%,\n var(--tc-menu-item-violet-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-blue{--menu-item-theme-bg:var(--tc-menu-item-blue-background-default);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-blue-gradient-main) 30%,\n var(--tc-menu-item-blue-gradient-accent) 50%,\n var(--tc-menu-item-blue-gradient-main) 70%\n )}.menu__main .menu__first-level--themed{position:relative;padding:0.25rem 0.625rem;isolation:isolate;color:var(--menu-text-color);border:0.125rem solid transparent;background-image:linear-gradient(var(--menu-item-theme-bg)), var(--menu-item-theme-gradient);background-origin:border-box;background-clip:padding-box, border-box;background-size:100% 100%, 300% 100%;background-position:0 0, 120% 120%}.menu__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.show-animation:not(:hover,.menu--active){animation:gradient-border-cycle 4s ease-in-out infinite}.menu__main .menu__first-level.menu--active{background-color:var(--menu-link-active-background-color)}.menu__main .menu__first-level.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.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__list{padding:0.5rem}.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{display:block;font-size:0.875rem;line-height:1.25rem;color:var(--menu-text-secondary-color)}.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}.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-left: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-hover-background-color)}.menu__sublist .content a.menu--active:hover{background-color:var(--menu-link-hover-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__dropdown{min-width:6rem;white-space:nowrap}.menu__language .menu__dropdown a{position:relative}.menu__language .menu__dropdown__list__checkmark{--icon-size:1.125rem;position:absolute;right:0.782rem;top:0.563rem}@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{o as tet_menu}
1	+ import{r as e,h as n,H as t}from"./p-7c868b40.js";const o=class{constructor(n){e(this,n),this.type="main",this.active=!1,this.clickable=!1,this.firstLevelTitle="",this.firstLevelId=null,this.firstLevelLink="",this.firstLevelIcon="",this.menuItemTheme="",this.showMenuItemAnimation=!0,this.subLevels=[],this.darkMode=!1,this.isSubmenuLeft=!1}onWindowResize(){this.setupThirdLevelEvent()}renderFirstLevel(){const{firstLevelTitle:e,firstLevelLink:t,firstLevelId:o,firstLevelIcon:r,menuItemTheme:i,showMenuItemAnimation:a,active:m,clickable:l,type:s}=this,u=l&&0!==t.length?t:"javascript:void(0)",c=r?this.renderIcon({name:r,invertIcon:!0}):"";let d="",f=!1;return"main"===s&&(d=i?`menu__first-level--theme-${i}`:"",f=a),n("a",{id:o,href:u,class:{"menu__first-level":!0,"menu--active":m&&"login"!==s,"menu__first-level--themed":d.length>0,...d&&{[d]:!0},...f&&{"show-animation":!0}}},c,e,this.renderChevron())}componentDidRender(){this.setupThirdLevelEvent()}renderChevron(){const{subLevels:e}=this;return 0===e.length?"":n("tet-icon",{name:"chevron-down",class:"chevron",theme:"login"===this.type?this.darkMode?"light":"dark":this.darkMode?"dark":"light"})}renderCheckmark(e){const{type:t}=this;return e.active&&"language"===t?n("tet-icon",{name:"check",class:"menu__dropdown__list__checkmark",theme:this.darkMode?"dark":"light"}):""}renderSubLevels(){const{subLevels:e}=this;if(e.length<1)return"";const t=e.map((e=>this.renderSubItem(e)));return n("div",{class:"menu__dropdown"},n("ul",{class:"menu__dropdown__list"},t))}renderSubItem(e){const t=e.subLevels?.map((e=>this.renderSublevelItem(e)));let o="",r="";e.iconLeft?o=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(o=this.renderImage(e)),e.iconRight&&(r=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize}));const i=e.subTitle&&0!==e.subTitle.length?n("div",{class:"menu__dropdown__list__sub-title"},e.subTitle):"",a=e.id?.toString()\|\|null;return n("li",null,n("a",{id:a,href:e.link,class:{"menu--active":e.active,"menu--highlighted":e.highlighted,"line-top":e.lineTop,"text-color-secondary":e.textColorSecondary,"translation-none":e.translationNone,"menu--submenu":!!t?.length},tabIndex:0},o,n("div",null,e.badgeText?n("span",{class:"menu__badge"},e.badgeText):null,n("div",null,e.title),i,this.renderCheckmark(e)),r,!!t&&n("tet-icon",{class:"menu__chevron",name:"chevron-right",theme:this.darkMode?"dark":"light"}),!!t&&n("div",{class:{left:this.isSubmenuLeft,right:!this.isSubmenuLeft,menu__sublist:!0}},n("ul",{class:{content:!0}},t))))}renderSublevelItem(e){let t="",o="";return e.iconLeft?t=this.renderIcon({name:e.iconLeft,right:!1,id:e.id,size:e.iconSize,useDefaultColor:e.useDefaultColor}):e.imageSrc&&(t=this.renderImage(e)),e.iconRight&&(o=this.renderIcon({name:e.iconRight,right:!0,id:e.id,size:e.iconSize})),n("li",null,n("a",{id:e.id,href:e.link,class:{"menu--active":e.active,"menu--highlighted":e.highlighted,"line-top":e.lineTop,"text-color-secondary":e.textColorSecondary},tabIndex:0},t,n("div",null,n("div",null,n("span",null,e.title),e.badgeText?n("span",{class:"menu__badge"},e.badgeText):null),this.renderCheckmark(e)),o))}renderIcon(e){const{name:t,right:o=!1,id:r=null,size:i=null,useDefaultColor:a=!1,invertIcon:m=!1}=e,l=r?"sublevel-icon-"+r:"",s=r&&i?n("style",null,".",l," ","{"," --icon-size: ",i,"rem ","}"):"";return n("div",{class:{menu__icon:!0,right:o}},n("tet-icon",{"use-default-color":a,class:"icon "+l,name:t,theme:"login"===this.type&&m?this.darkMode?"light":"dark":this.darkMode?"dark":"light"}),s)}renderImage(e){return n("div",{class:"menu__icon"},n("img",{src:e.imageSrc,alt:""}))}setupThirdLevelEvent(){document.querySelectorAll("tet-menu").forEach((e=>{const n=e.shadowRoot.querySelectorAll(".menu__sublist");n&&n.forEach((e=>{const n=e.closest("a");n.addEventListener("mouseenter",(()=>{const t=window.innerWidth,o=window.innerHeight,r=n.getBoundingClientRect(),i=e.offsetParent\|\|null,a=i?i.getBoundingClientRect():{top:0},m=e.offsetWidth,l=Math.max(10,Math.min(r.top,o-e.offsetHeight-10));e.style.top=l-a.top+"px",e.style.bottom="",this.isSubmenuLeft=t<r.right+m}))}))}))}render(){const{type:e}=this;return n(t,{key:"b0ebc6074b9aad20c810cd93ba74af60916bf2bf"},n("div",{key:"2f8746c305620c110249f556b95666e6b656ad3b",class:{menu:!0,menu__main:"main"===e,menu__language:"language"===e,menu__login:"login"===e,menu__dark:this.darkMode}},this.renderFirstLevel(),this.renderSubLevels()))}};o.style=':host{box-sizing:border-box},:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--menu-text-size:0.875rem;--menu-line-height:1.25rem;--menu-font-family:"Inter", var(--font-family-fallback);--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-active-background-color:var(--tc-blue-00);--menu-link-hover-background-color:var(--tc-menu-item-hover);--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-menu-item-badge);display:inline-block;position:relative;box-sizing:border-box}.menu{position:relative;padding:0.25rem 0;color:var(--menu-text-color);line-height:var(--menu-line-height);font-family:var(--menu-font-family);font-size:var(--menu-text-size);font-weight:500}.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-active-background-color:rgba(24, 40, 59, 1);--menu-link-hover-background-color:var(--tc-menu-item-hover-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-menu-item-badge-dark)}.menu.menu__dark .menu__first-level--theme-yellow{--menu-item-theme-bg:var(--tc-menu-item-yellow-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-yellow-gradient-main-dark) 30%,\n var(--tc-menu-item-yellow-gradient-accent-dark) 50%,\n var(--tc-menu-item-yellow-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-red{--menu-item-theme-bg:var(--tc-menu-item-red-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-red-gradient-main-dark) 30%,\n var(--tc-menu-item-red-gradient-accent-dark) 50%,\n var(--tc-menu-item-red-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-green{--menu-item-theme-bg:var(--tc-menu-item-green-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-green-gradient-main-dark) 30%,\n var(--tc-menu-item-green-gradient-accent-dark) 50%,\n var(--tc-menu-item-green-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-violet{--menu-item-theme-bg:var(--tc-menu-item-violet-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-violet-gradient-main-dark) 30%,\n var(--tc-menu-item-violet-gradient-accent-dark) 50%,\n var(--tc-menu-item-violet-gradient-main-dark) 70%\n )}.menu.menu__dark .menu__first-level--theme-blue{--menu-item-theme-bg:var(--tc-menu-item-blue-background-default-dark);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main-dark);--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active-dark);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover-dark);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-blue-gradient-main-dark) 30%,\n var(--tc-menu-item-blue-gradient-accent-dark) 50%,\n var(--tc-menu-item-blue-gradient-main-dark) 70%\n )}.menu a{color:var(--menu-text-color);text-decoration:none}.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}.menu__first-level:hover{background-color:var(--menu-link-hover-background-color)}.menu__first-level:hover .chevron{transform:rotate(-180deg)}.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)}.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}:hover>.menu__dropdown,:focus>.menu__dropdown,:focus-within>.menu__dropdown{max-height:100rem;transform:scaleY(1);animation-name:showDropdown;animation-fill-mode:both;animation-duration:300ms;animation-timing-function:ease-out;outline:none}.menu__dropdown__list{padding:0.625rem 0 0.438rem 0}.menu__dropdown__list__sub-title{display:none}.menu__dropdown__list li{list-style:none;white-space:nowrap;padding-bottom:0.063rem}.menu__dropdown a{padding:0.5rem 1rem;display:block}.menu__dropdown a:hover{background-color:var(--menu-link-hover-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{background-color:var(--menu-link-active-background-color)}.menu__dropdown a.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.menu__main{--menu-text-size:1rem;--menu-line-height:1.5rem}.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-bg:var(--tc-menu-item-yellow-background-default);--menu-item-theme-border:var(--tc-menu-item-yellow-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-yellow-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-yellow-background-hover);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-yellow-gradient-main) 30%,\n var(--tc-menu-item-yellow-gradient-accent) 50%,\n var(--tc-menu-item-yellow-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-red{--menu-item-theme-bg:var(--tc-menu-item-red-background-default);--menu-item-theme-border:var(--tc-menu-item-red-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-red-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-red-background-hover);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-red-gradient-main) 30%,\n var(--tc-menu-item-red-gradient-accent) 50%,\n var(--tc-menu-item-red-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-green{--menu-item-theme-bg:var(--tc-menu-item-green-background-default);--menu-item-theme-border:var(--tc-menu-item-green-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-green-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-green-background-hover);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-green-gradient-main) 30%,\n var(--tc-menu-item-green-gradient-accent) 50%,\n var(--tc-menu-item-green-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-violet{--menu-item-theme-bg:var(--tc-menu-item-violet-background-default);--menu-item-theme-border:var(--tc-menu-item-violet-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-violet-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-violet-background-hover);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-violet-gradient-main) 30%,\n var(--tc-menu-item-violet-gradient-accent) 50%,\n var(--tc-menu-item-violet-gradient-main) 70%\n )}.menu__main .menu__first-level--theme-blue{--menu-item-theme-bg:var(--tc-menu-item-blue-background-default);--menu-item-theme-border:var(--tc-menu-item-blue-gradient-main);--menu-item-theme-active-bg:var(--tc-menu-item-blue-background-active);--menu-item-theme-hover-bg:var(--tc-menu-item-blue-background-hover);--menu-item-theme-gradient:linear-gradient(\n 135deg,\n var(--tc-menu-item-blue-gradient-main) 30%,\n var(--tc-menu-item-blue-gradient-accent) 50%,\n var(--tc-menu-item-blue-gradient-main) 70%\n )}.menu__main .menu__first-level--themed{position:relative;padding:0.25rem 0.625rem;isolation:isolate;color:var(--menu-text-color);border:0.125rem solid transparent;background-image:linear-gradient(var(--menu-item-theme-bg)), var(--menu-item-theme-gradient);background-origin:border-box;background-clip:padding-box, border-box;background-size:100% 100%, 300% 100%;background-position:0 0, 120% 120%}.menu__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.show-animation:not(:hover,.menu--active){animation:gradient-border-cycle 4s ease-in-out infinite}.menu__main .menu__first-level.menu--active{background-color:var(--menu-link-active-background-color)}.menu__main .menu__first-level.menu--active:hover{background-color:var(--menu-link-hover-background-color)}.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__list{padding:0.5rem}.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{display:block;font-size:0.875rem;line-height:1.25rem;color:var(--menu-text-secondary-color)}.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}.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-left: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-hover-background-color)}.menu__sublist .content a.menu--active:hover{background-color:var(--menu-link-hover-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__dropdown{min-width:6rem;white-space:nowrap}.menu__language .menu__dropdown a{position:relative}.menu__language .menu__dropdown__list__checkmark{--icon-size:1.125rem;position:absolute;right:0.782rem;top:0.563rem}@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{o as tet_menu}

package/dist/tet-components/{p-79dab470.entry.js → p-329a7f31.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,c as t,g as r,h as i,H as s}from"./p-83f43fdd.js";import{d as a}from"./p-87bbb893.js";import{a as o}from"./p-165a8492.js";const n=class{constructor(r){e(this,r),this.sliderInput=t(this,"slider-input",7),this.sliderChange=t(this,"slider-change",7),this.parentContainer=null,this.minValue=1,this.maxValue=500,this.inputMaxValue=1e3,this.defaultValue=0,this.step=1,this.dataPoints=[],this.displayDataPoints=[],this.lockToDataPoint=!0,this.type="secondary",this.withControls=!0,this.withInput=!0,this.withCurrentStepCounter=!1,this.dataUnits="",this.size="auto",this.reduceButtonAccessibilityLabel="",this.addButtonAccessibilityLabel="",this.numberInputAccessibilityLabel="",this.sliderInputAccessibilityLabel="",this.theme="light",this.currentValue=0,this.dataSet=[],this.containerSize="large",this.tooltipOffset=0,this.isSliding=!1,this.isPointerDown=!1,this.positions={scrollLeft:0,mouseX:0}}inputRef;sliderRef;sliderContainerRef;dataLabelRef;tickContainerRef;progressTrackRef;tooltipHandleRef;sliderResizeObserver;get element(){return r(this)}sliderInput;sliderChange;onDataPointsChange(){this.calculateDataSet(),this.renderDataLabels()}onTypeChange(){this.renderDataLabels()}onCurrentValueChange(){this.sliderInput.emit(this.currentValue)}onWindowResize(){this.autoSetContainerSize()}onSizeChange(e){"auto"===e?this.autoSetContainerSize():this.containerSize=e}onSliderInput=e=>{this.updateProgress();const t=parseFloat(e.target.value),r=this.getClosestOriginalDataPoint(t),i=this.dataSet.indexOf(r),s=parseFloat(Object.keys(r)[0]);if(t===s)return void(this.currentValue=r[s]);const a=[r];t<s?a.unshift(this.dataSet[i-1]):a.push(this.dataSet[i+1]);const o=parseFloat(Object.keys(a[0])[0]),n=parseFloat(Object.keys(a[1])[0]),l=a[0][o];let d=(a[1][n]-l)/(n-o)(t-o)+l;d>this.maxValue?d=this.maxValue:d<this.minValue&&(d=this.minValue);const h=this.getStepDecimals(this.step);let c=Math.round(d/this.step)this.step;c=parseFloat(c.toFixed(h)),this.currentValue=c};onInputChange=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=0),t>this.inputMaxValue&&(t=this.inputMaxValue,e.target.value=this.inputMaxValue),this.setSliderValue(t),this.currentValue=t,this.updateProgress()};onInputKeyDown=(e,t=!1)=>{const r=["PageUp","ArrowUp","ArrowRight"],i=["PageDown","ArrowDown","ArrowLeft"],s=e.code;t&&(r.pop(),i.pop()),r.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint\|\|"PageUp"===s?this.onControlNextClick():this.handleSliderArrowKeys("increment")),i.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint\|\|"PageDown"===s?this.onControlPreviousClick():this.handleSliderArrowKeys("decrement")),r.concat(i).includes(s)&&setTimeout((()=>this.sliderChange.emit(this.currentValue)))};onContainerScroll=()=>{if(this.isSliding)return;this.onSliderChangeDebounce();let e=this.sliderContainerRef.scrollLeft;const t=this.tooltipHandleRef.getBoundingClientRect().width,r=this.sliderRef.getBoundingClientRect().width,i=r/2+t/2,s=i+r-t;e<i&&(e=i),e>s&&(e=s),e=Math.round(100e)/100,this.sliderContainerRef.scrollLeft=e;const a=(this.maxValue-this.minValue)(Math.round((e-i)/(s-i)1e3)/1e3)+this.minValue,o=this.getClosestOriginalDataPoint(a),n=this.dataSet.indexOf(o);if(0===n&&a<parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);if(a===parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);const l=[o];a<parseFloat(Object.keys(o)[0])?l.unshift(this.dataSet[n-1]):l.push(this.dataSet[n+1]);const d=parseFloat(Object.keys(l[0])[0]),h=parseFloat(Object.keys(l[1])[0]),c=l[0][d];this.currentValue=Math.round((l[1][h]-c)/(h-d)(a-d)+c),this.setSliderValue(this.currentValue)};onInputBlur=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=this.minValue);const r=JSON.parse(JSON.stringify(this.dataSet)),i=r.shift(),s=r.pop();t<i[this.minValue]&&(this.currentValue=i[this.minValue],this.sliderRef.value=Object.keys(i)[0],this.setInputValue(i[this.minValue]));const a=Math.max(this.inputMaxValue,s[this.maxValue]);t>a&&(this.currentValue=a,this.sliderRef.value=Object.keys(s)[0],this.setInputValue(a)),this.updateProgress(),this.sliderChange.emit(this.currentValue)};onSliderChange=()=>{this.lockToDataPoint?this.slideToClosestDataPoint():this.sliderChange.emit(this.currentValue)};onSliderChangeDebounce=a(this.onSliderChange,50);onControlPreviousClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r-1];0===r&&(i=e),this.currentValue>t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onControlNextClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r+1];r+1===this.dataSet.length&&(i=e),this.currentValue<t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onSliderPointerDown=()=>{this.animateSliderThumb("normal")};onSliderPointerUp=()=>{this.animateSliderThumb("reverse")};onContainerTouchStart=()=>{this.isPointerDown=!0,this.animateSliderThumb("normal")};onContainerTouchEnd=()=>{this.isPointerDown=!1,this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};onContainerMouseDown=e=>{"secondary"===this.type&&"small"===this.containerSize&&(this.isPointerDown=!0,this.positions={scrollLeft:this.sliderContainerRef.scrollLeft,mouseX:e.clientX},this.element.addEventListener("mousemove",this.onContainerMouseMove),this.element.addEventListener("mouseup",this.onContainerMouseUp),this.element.addEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("normal"))};onContainerMouseMove=e=>{e.preventDefault(),this.isPointerDown=1===e.buttons,this.isPointerDown?this.sliderContainerRef.scrollTo(this.positions.scrollLeft-(e.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.element.removeEventListener("mousemove",this.onContainerMouseMove),this.element.removeEventListener("mouseup",this.onContainerMouseUp),this.element.removeEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),this.calculateDataSet(),this.currentValue=this.defaultValue,this.sliderResizeObserver=new ResizeObserver(this.updateTooltipHandlePosition)}componentDidLoad(){this.autoSetContainerSize(),"auto"!==this.size&&(this.containerSize=this.size),this.inputRef.addEventListener("focusout",this.onInputBlur),this.sliderContainerRef.addEventListener("scroll",this.updateTooltipHandlePosition),this.sliderResizeObserver.observe(this.sliderRef),this.renderDataLabels(),this.setSliderValue(this.currentValue),this.updateProgress()}updateProgress=()=>{const e=this.progressTrackRef;if(void 0===e)return;let t=this.getSliderPercent();t<50&&(t+=.5),e.style.width=t+"%",this.updateTooltipHandlePosition()};updateTooltipHandlePosition=()=>{const e=this.getSliderPercent(),t=this.sliderRef.getBoundingClientRect().width,r=this.tooltipHandleRef.getBoundingClientRect().width,i=e/100(t-r)+this.sliderRef.getBoundingClientRect().left-this.element.getBoundingClientRect().left;this.tooltipHandleRef.style.left=`${i}px`;const s=this.tooltipHandleRef.getBoundingClientRect().x,a=s/o(),n=(window.innerWidth-s-r)/o();let l=0;a<1?l=2:a<3?l=3-a:n<1?l=-2:n<3&&(l=-1(3-n)),this.tooltipOffset=l};getStepDecimals(e){const t=e.toString();return t.indexOf(".")>=0?t.split(".")[1].length:0}handleSliderArrowKeys(e){let t=this.currentValue+this.step;"decrement"===e&&(t=this.currentValue-this.step),t>this.maxValue&&(t=this.maxValue),t<this.minValue&&(t=this.minValue);const r=this.getStepDecimals(this.step);t=parseFloat(t.toFixed(r)),this.currentValue=t,this.setSliderValue(t),this.updateProgress()}getClosestOverrideDataPoint=(e=this.currentValue)=>this.dataSet.reduce((function(t,r){return Math.abs(Object.values(r)[0]-e)<Math.abs(Object.values(t)[0]-e)?r:t}));getClosestOriginalDataPoint=e=>this.dataSet.reduce((function(t,r){return Math.abs(parseFloat(Object.keys(r)[0])-e)<Math.abs(parseFloat(Object.keys(t)[0])-e)?r:t}));getSliderPercent=()=>{const e=this.sliderRef;if(null===e)return 0;const t=this.maxValue-this.minValue;return(parseFloat(e.value)-this.minValue)/t100};getTooltipValue=()=>{if("secondary"===this.type)return`${Object.values(this.getClosestOverrideDataPoint())[0]} ${this.dataUnits}`;let e=this.currentValue;return this.currentValue<this.minValue&&(e=this.minValue),this.currentValue>this.maxValue&&(e=this.maxValue),`${e} ${this.dataUnits}`};setSliderValue=e=>{Number.isNaN(e)&&(e=this.minValue);const t=JSON.parse(JSON.stringify(this.dataSet)),r=t.shift(),i=t.pop();if(e<r[this.minValue])return void(this.sliderRef.value=this.minValue.toString());if(e>i[this.maxValue])return void(this.sliderRef.value=this.maxValue.toString());const s=this.getClosestOverrideDataPoint(e),a=Object.values(s)[0];if(e===a)return void(this.sliderRef.value=Object.keys(s)[0]);const o=this.dataSet.indexOf(s),n=[s];e<a?n.unshift(this.dataSet[o-1]):n.push(this.dataSet[o+1]);const l=parseFloat(Object.keys(n[0])[0]),d=parseFloat(Object.keys(n[1])[0]),h=n[0][l];this.sliderRef.value=((d-l)/(n[1][d]-h)(e-h)+l).toString()};autoSetContainerSize=()=>{if("auto"!==this.size)return;let e=0;e=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.containerSize=e>=1024?"large":e>=768?"medium":"small",void 0!==this.sliderContainerRef&&("secondary"===this.type&&"small"===this.containerSize?(this.sliderContainerRef.style.overflowX="scroll",setTimeout(this.scrollToThumbCenter,50)):this.sliderContainerRef.style.overflowX="unset")};setInputValue=e=>{this.inputRef.value=e.toString()};slideToClosestDataPoint=()=>{if(this.isPointerDown)return;const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0];this.isSliding=!0;const r=setInterval((()=>{const e=Math.abs(t-this.currentValue);if(this.scrollToThumbCenter(),e\|\|(clearInterval(r),this.sliderChange.emit(this.currentValue),setTimeout((()=>{this.isSliding=!1}),50)),e<5)return this.currentValue=t,this.setSliderValue(t),void this.updateProgress();let i=5;e>100&&(i=10),this.currentValue>t&&(this.currentValue=this.currentValue-i,this.setSliderValue(this.currentValue)),this.currentValue<t&&(this.currentValue=this.currentValue+i,this.setSliderValue(this.currentValue)),this.updateProgress()}),1)};calculateDataSet=()=>{const e=this.dataPoints.length?this.dataPoints.length:2,t=this.dataPoints.length?this.dataPoints:[this.minValue,this.maxValue],r=(this.maxValue-this.minValue)/(e-1);this.dataSet.length=0;for(let i=0;i<e;i++)this.dataSet.push({[ri+this.minValue]:t[i]})};scrollToThumbCenter=()=>{if("secondary"!==this.type\|\|"small"!==this.containerSize)return;const e=this.sliderRef.getBoundingClientRect().width,t=this.tooltipHandleRef.getBoundingClientRect().width,r=e/2+t/2,i=r+e-t-r,s=this.getSliderPercent();this.sliderContainerRef.scrollLeft=r+is/100};animateSliderThumb=e=>{const t=getComputedStyle(this.element).getPropertyValue("--slider-thumb-shadow"),r=getComputedStyle(this.element).getPropertyValue("--slider-thumb-active-shadow");"normal"===e?this.tooltipHandleRef.classList.add("range-slider__tooltip-handle--active"):this.tooltipHandleRef.classList.remove("range-slider__tooltip-handle--active"),this.tooltipHandleRef.animate([{boxShadow:t},{boxShadow:"none"},{boxShadow:r}],{duration:300,direction:e})};renderTick=()=>{let e=document.createElement("span");e.className="range-slider__tick",this.tickContainerRef.appendChild(e)};renderDataLabels=()=>{const e=this.maxValue-this.minValue;this.dataLabelRef.innerHTML="",this.tickContainerRef.innerHTML="";for(const t of this.dataSet){const r=parseFloat(Object.keys(t)[0]),i=Object.values(t)[0],s=(r-this.minValue)/e100;this.renderTick(),this.displayDataPoints.length&&!this.displayDataPoints.includes(i)\|\|this.dataLabelRef.appendChild(this.renderDataLabel(i.toString(),s))}};renderDataLabel=(e,t)=>{const r=document.createElement("span"),i=document.createTextNode(e);return r.appendChild(i),r.classList.add("range-slider__data-label"),r.style.left=`calc(${t}% - 1.5rem)`,r};render(){return i(s,{key:"76aed155968d7eb8690e65d7b7652d13db2b5b10"},i("div",{key:"d1dd633e0aefb5fc226b8ccf819c11df85b82b68",class:{"range-slider":!0,[`range-slider--${this.containerSize}`]:!0,[`range-slider--${this.type}`]:!0,"range-slider--no-controls":!this.withControls,"range-slider--no-input":!this.withInput,[this.theme]:!0}},i("div",{key:"4a1836915825be6c6044e5169aeb75346564e24c",class:{"range-slider__input-container":!0,hidden:!this.withInput}},i("tet-input",{key:"e48227fccec3eb5fd50b7c18aaf2e16f910925ed","input-class":"range-slider__input","input-type":"number","input-value":this.currentValue,ref:e=>this.inputRef=e,theme:this.theme,onInput:this.onInputChange,onKeyDown:e=>this.onInputKeyDown(e,!0),accessibilityLabel:this.numberInputAccessibilityLabel,..."large"!==this.containerSize?{inputTabindex:3}:{}})),i("div",{key:"111220fc99122cd34fe7f1192f02594e5ba45363",class:"range-slider__container"},i("tet-button",{key:"29410b00818247cb30cb086dd6e9172b5bcff1bb",theme:this.theme,iconMode:!0,class:{"range-slider__control":!0,"range-slider__control--left":!0,hidden:!this.withControls},clickCallback:this.onControlPreviousClick,...this.reduceButtonAccessibilityLabel?{accessibilityLabel:this.reduceButtonAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:2}:{}},i("tet-icon",{key:"0838eb812c936ec66d6fb87838f9b0ca3555c5f0",name:"remove",class:"range-slider__control--icon"})),i("div",{key:"b8e60061611b0e0454901963d44807ce50ef1871",onTouchStart:this.onContainerTouchStart,onTouchEnd:this.onContainerTouchEnd,onMouseDown:this.onContainerMouseDown,onScroll:this.onContainerScroll,ref:e=>this.sliderContainerRef=e,class:"range-slider__slider-container",draggable:!1},i("div",{key:"367066c442a3d9280f4e76ace9a3cc8e6c574416",class:"range-slider__slider-wrapper"},i("input",{key:"710e47df36a191322d9464ae21a2b161a2154ecc",ref:e=>this.sliderRef=e,type:"range",min:this.minValue,max:this.maxValue,step:this.step,value:this.defaultValue,list:"steplist",id:"rangeInput",onInput:this.onSliderInput,onChange:this.onSliderChange,onPointerDown:this.onSliderPointerDown,onPointerUp:this.onSliderPointerUp,onKeyDown:this.onInputKeyDown,class:"range-slider__slider",...this.sliderInputAccessibilityLabel?{"aria-label":this.sliderInputAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:1}:{}})),i("div",{key:"2485d1adf51757deae41a3058aec5cc32b545d32",class:"range-slider__track range-slider__track--background"}),i("div",{key:"3594922cb62ecbe9ef2baedfc11434cb3a8c6d1d",ref:e=>this.progressTrackRef=e,class:"range-slider__track range-slider__track--progress"}),i("div",{key:"a4beda4fad2be4e91a47f484590f283568f97b02",ref:e=>this.tickContainerRef=e,class:"range-slider__tick-container"}),i("div",{key:"c2dc1d19fa1c41287d3e0596722d05d452b23ee8",ref:e=>this.dataLabelRef=e,class:{"range-slider__data-label-container":!0,hidden:"secondary"===this.type&&"small"===this.containerSize}})),i("div",{key:"5e7f78380c403e9daec86a23406a5bbde965e8fa",class:{"range-slider__current-step-container":!0,hidden:!this.withCurrentStepCounter}},i("div",{key:"613264c515c64f53db00ad4c3fa65bb3629aee3a",class:"range-slider__current-step","aria-live":"polite"},this.dataSet.indexOf(this.getClosestOverrideDataPoint())+1,"/",this.dataPoints.length)),i("div",{key:"33be35b14e63989d9291067746e4f6a396d611de",ref:e=>this.tooltipHandleRef=e,class:"range-slider__tooltip-handle"},i("div",{key:"cc9b8610015d85f2a9a4a9c9f180a33a98e8ee3c",class:"range-slider__tooltip translation-none",style:{"--tooltip-offset":`${this.tooltipOffset}rem`},"aria-live":"polite"},this.getTooltipValue())),i("tet-button",{key:"c4146beab36ee57b4ab9622705a03316bd5d8950",theme:this.theme,iconMode:!0,class:{"range-slider__control":!0,"range-slider__control--right":!0,hidden:!this.withControls},clickCallback:this.onControlNextClick,...this.addButtonAccessibilityLabel?{accessibilityLabel:this.addButtonAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:4}:{}},i("tet-icon",{key:"7c2b7f0ad49c459927f6cb039eefba8a14a4f21e",name:"add",class:"range-slider__control--icon"})))))}static get watchers(){return{dataPoints:["onDataPointsChange"],type:["onTypeChange"],currentValue:["onCurrentValueChange"],size:["onSizeChange"]}}};n.style='@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{--slider-height:6rem;--slider-track-height:0.5rem;--slider-track-border-radius:0.25rem;--slider-track-background-color:var(--tc-border-quaternary);--slider-track-progress-color:var(--tc-yellow-40);--slider-thumb-color:var(--tc-yellow-30);--slider-thumb-shadow:var(--tc-elevation-two);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(254, 213, 127, 0.4);--slider-thumb-size:1.5rem;--slider-thumb-border-radius:0.75rem;--slider-tick-primary-type-color:var(--tc-border-quaternary);--slider-tick-secondary-type-color:var(--tc-border-secondary);--slider-tick-width:0.125rem;--slider-tick-height:0.25rem;--slider-tick-border-radius:0.063rem;--slider-control-left-margin:0;--slider-control-right-margin:0;--slider-control-icon-color:var(--tc-button-icon-primary);--slider-tooltip-background-color:var(--tc-grey-80);--slider-tooltip-text-color:var(--tc-grey-10);--slider-step-counter-background-color:var(--tc-layer-secondary);--slider-step-counter-text-color:var(--tc-text-primary);--slider-data-label-text-color:var(--tc-text-secondary)}.range-slider{display:flex;width:100%;gap:1rem;height:var(--slider-height);position:relative}.range-slider.dark{--slider-track-background-color:var(--tc-border-quaternary-dark);--slider-track-progress-color:var(--tc-yellow-40-dark);--slider-thumb-color:var(--tc-yellow-30-dark);--slider-thumb-shadow:var(--tc-elevation-two-dark);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(247, 212, 135, 0.4);--slider-tick-primary-type-color:var(--tc-border-quaternary-dark);--slider-tick-secondary-type-color:var(--tc-border-secondary-dark);--slider-control-icon-color:var(--tc-button-icon-primary-dark);--slider-tooltip-background-color:var(--tc-grey-80-dark);--slider-tooltip-text-color:var(--tc-grey-10-dark);--slider-step-counter-background-color:var(--tc-layer-secondary-dark);--slider-step-counter-text-color:var(--tc-text-primary-dark);--slider-data-label-text-color:var(--tc-text-secondary-dark)}.range-slider.dark .range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.range-slider--large{flex-direction:column}.range-slider--no-controls{flex-direction:row-reverse}.range-slider {box-sizing:border-box}.range-slider__container{display:flex;flex-direction:column;align-items:baseline;gap:1rem;position:relative;width:100%}.range-slider--large .range-slider__container{flex-direction:row}.range-slider__slider{appearance:none;-webkit-appearance:none;width:100%;height:var(--slider-track-height);background:transparent;outline:none;margin:0.313rem 0;z-index:1}.range-slider--small.range-slider--secondary .range-slider__slider{pointer-events:none;z-index:-1}.range-slider__slider:focus{outline:none}.range-slider__slider::-moz-focus-outer{border:0}.range-slider__slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:transparent;border-radius:var(--slider-thumb-border-radius);cursor:pointer}.range-slider__slider::-moz-range-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-thumb-color);border-radius:var(--slider-thumb-border-radius);cursor:pointer;border:none}.range-slider__slider::-webkit-slider-runnable-track,.range-slider__slider::-moz-range-track{width:100%;height:var(--slider-track-height);cursor:pointer;background:none;border-radius:var(--slider-track-border-radius)}.range-slider__slider:focus::-webkit-slider-runnable-track{background:none}.range-slider__slider:active::-webkit-slider-runnable-track{background:none}.range-slider__slider-container{width:100%;position:relative;height:calc(var(--slider-thumb-size) + 0.5rem);padding-top:0.625rem;scrollbar-width:none}.range-slider__slider-container::-webkit-scrollbar{display:none}.range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider__slider-wrapper{display:flex;width:100%}.range-slider--secondary.range-slider--small .range-slider__slider-wrapper{margin-left:100%}.range-slider__input{--input-padding:0.75rem;--input-border-radius:0.625rem;max-height:3.125rem;max-width:12.5rem;margin:0 auto !important;appearance:textfield;-moz-appearance:textfield}.range-slider--large .range-slider__input{text-align:center;--input-padding:0.5rem}.range-slider__input::-webkit-outer-spin-button,.range-slider__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.range-slider__input-container{display:flex;flex-direction:column;position:absolute;top:calc(var(--slider-track-height) + 3.25rem);width:100%;z-index:1}.range-slider--large .range-slider__input-container{position:relative;max-width:3.125rem;margin-left:auto;margin-right:0;top:0}.range-slider--large.range-slider--no-controls .range-slider__input-container{top:-0.5rem}.range-slider__track{position:absolute;top:1rem;left:0;height:var(--slider-track-height);pointer-events:none;border-radius:var(--slider-track-border-radius)}.range-slider--small.range-slider--secondary .range-slider__track{border-radius:0}.range-slider__track--background{width:100%;background-color:var(--slider-track-background-color)}.range-slider--small.range-slider--secondary .range-slider__track--background{width:300%}.range-slider__track--progress{background-color:var(--slider-track-progress-color)}.range-slider--secondary .range-slider__track--progress{background-color:transparent}.range-slider__data-label{position:absolute;width:3rem;text-align:center;color:var(--slider-data-label-text-color);display:none}.range-slider__data-label:first-of-type{display:block}.range-slider__data-label:last-of-type{display:block}.range-slider--large .range-slider__data-label,.range-slider--medium .range-slider__data-label{display:block}.range-slider__current-step{font:500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;font-weight:500;color:var(--slider-step-counter-text-color);width:5.5rem;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:0.25rem 1rem;background-color:var(--slider-step-counter-background-color);border-radius:1rem}.range-slider__data-label-container,.range-slider__current-step-container{font:400 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;position:absolute;display:flex;height:1.5rem;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);margin:0 auto}.range-slider__data-label-container{top:calc(var(--slider-track-height) + 1.5rem)}.range-slider--secondary.range-slider--small .range-slider__data-label-container{margin-left:100%}.range-slider__current-step-container{top:calc(var(--slider-track-height) + 2.375rem)}.range-slider--large .range-slider__current-step-container,.range-slider--medium .range-slider__current-step-container{top:calc(var(--slider-track-height) + 3.25rem)}.range-slider__tick{width:var(--slider-tick-width);height:var(--slider-tick-height);border-radius:var(--slider-tick-border-radius);background-color:var(--slider-tick-primary-type-color)}.range-slider--secondary .range-slider__tick{width:0.25rem;height:0.25rem;border-radius:0.125rem;background-color:var(--slider-tick-secondary-type-color)}.range-slider__tick-container{position:absolute;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);top:calc(var(--slider-track-height) + 1.188rem);display:flex;justify-content:space-between;align-items:center}.range-slider--secondary .range-slider__tick-container{top:calc(var(--slider-track-height) + 0.625rem)}.range-slider--secondary.range-slider--small .range-slider__tick-container{margin-left:100%}.range-slider__tooltip-handle{position:absolute;height:var(--slider-thumb-size);width:var(--slider-thumb-size);top:0.438rem;border-radius:var(--slider-thumb-border-radius);pointer-events:none;box-shadow:var(--slider-thumb-shadow);background:var(--slider-thumb-color)}.range-slider__tooltip-handle--active{box-shadow:var(--slider-thumb-active-shadow)}.range-slider__tooltip{--tooltip-offset:0;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;position:absolute;display:flex;justify-content:center;align-items:center;left:calc(-2.25rem + var(--tooltip-offset));height:2rem;width:5.75rem;padding:0.5rem 1rem;border-radius:0.5rem;z-index:2;color:var(--slider-tooltip-text-color);background-color:var(--slider-tooltip-background-color);white-space:nowrap;top:-2.625rem;transition:top 150ms ease-in-out 0s}.range-slider__tooltip-handle--active .range-slider__tooltip{transition:top 150ms ease-in-out 150ms;top:-3.25rem}.range-slider__tooltip::before{content:"";position:absolute;left:calc(50% - var(--tooltip-offset));width:0.75rem;height:0.75rem;background:var(--slider-tooltip-background-color);bottom:0;transform:rotate(45deg);border-radius:0.125rem;margin:-0.25rem}.range-slider__control{--button-padding:0.25rem;display:flex;justify-content:center;align-items:center;z-index:1;position:absolute;top:calc(var(--slider-track-height) + 3.5rem)}.range-slider__control:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider--large .range-slider__control{position:static}.range-slider--secondary .range-slider__control{top:calc(var(--slider-track-height) + 2rem)}.range-slider--secondary.range-slider--medium .range-slider__control{top:calc(var(--slider-track-height) + 2.75rem)}.range-slider__control--left{margin:var(--slider-control-left-margin);left:0}.range-slider--medium .range-slider__control--left{left:unset;right:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--left{right:calc(50% + 4.25rem)}.range-slider__control--right{margin:var(--slider-control-right-margin);right:0}.range-slider--medium .range-slider__control--right{right:unset;left:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--right{left:calc(50% + 4.25rem)}.range-slider__control--icon{--icon-color:var(--slider-control-icon-color)}.range-slider .hidden{display:none}';export{n as tet_range_slider}
1	+ import{r as e,c as t,g as r,h as i,H as s}from"./p-7c868b40.js";import{d as a}from"./p-87bbb893.js";import{a as o}from"./p-165a8492.js";const n=class{constructor(r){e(this,r),this.sliderInput=t(this,"slider-input",7),this.sliderChange=t(this,"slider-change",7),this.parentContainer=null,this.minValue=1,this.maxValue=500,this.inputMaxValue=1e3,this.defaultValue=0,this.step=1,this.dataPoints=[],this.displayDataPoints=[],this.lockToDataPoint=!0,this.type="secondary",this.withControls=!0,this.withInput=!0,this.withCurrentStepCounter=!1,this.dataUnits="",this.size="auto",this.reduceButtonAccessibilityLabel="",this.addButtonAccessibilityLabel="",this.numberInputAccessibilityLabel="",this.sliderInputAccessibilityLabel="",this.theme="light",this.currentValue=0,this.dataSet=[],this.containerSize="large",this.tooltipOffset=0,this.isSliding=!1,this.isPointerDown=!1,this.positions={scrollLeft:0,mouseX:0}}inputRef;sliderRef;sliderContainerRef;dataLabelRef;tickContainerRef;progressTrackRef;tooltipHandleRef;sliderResizeObserver;get element(){return r(this)}sliderInput;sliderChange;onDataPointsChange(){this.calculateDataSet(),this.renderDataLabels()}onTypeChange(){this.renderDataLabels()}onCurrentValueChange(){this.sliderInput.emit(this.currentValue)}onWindowResize(){this.autoSetContainerSize()}onSizeChange(e){"auto"===e?this.autoSetContainerSize():this.containerSize=e}onSliderInput=e=>{this.updateProgress();const t=parseFloat(e.target.value),r=this.getClosestOriginalDataPoint(t),i=this.dataSet.indexOf(r),s=parseFloat(Object.keys(r)[0]);if(t===s)return void(this.currentValue=r[s]);const a=[r];t<s?a.unshift(this.dataSet[i-1]):a.push(this.dataSet[i+1]);const o=parseFloat(Object.keys(a[0])[0]),n=parseFloat(Object.keys(a[1])[0]),l=a[0][o];let d=(a[1][n]-l)/(n-o)(t-o)+l;d>this.maxValue?d=this.maxValue:d<this.minValue&&(d=this.minValue);const h=this.getStepDecimals(this.step);let c=Math.round(d/this.step)this.step;c=parseFloat(c.toFixed(h)),this.currentValue=c};onInputChange=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=0),t>this.inputMaxValue&&(t=this.inputMaxValue,e.target.value=this.inputMaxValue),this.setSliderValue(t),this.currentValue=t,this.updateProgress()};onInputKeyDown=(e,t=!1)=>{const r=["PageUp","ArrowUp","ArrowRight"],i=["PageDown","ArrowDown","ArrowLeft"],s=e.code;t&&(r.pop(),i.pop()),r.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint\|\|"PageUp"===s?this.onControlNextClick():this.handleSliderArrowKeys("increment")),i.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint\|\|"PageDown"===s?this.onControlPreviousClick():this.handleSliderArrowKeys("decrement")),r.concat(i).includes(s)&&setTimeout((()=>this.sliderChange.emit(this.currentValue)))};onContainerScroll=()=>{if(this.isSliding)return;this.onSliderChangeDebounce();let e=this.sliderContainerRef.scrollLeft;const t=this.tooltipHandleRef.getBoundingClientRect().width,r=this.sliderRef.getBoundingClientRect().width,i=r/2+t/2,s=i+r-t;e<i&&(e=i),e>s&&(e=s),e=Math.round(100e)/100,this.sliderContainerRef.scrollLeft=e;const a=(this.maxValue-this.minValue)(Math.round((e-i)/(s-i)1e3)/1e3)+this.minValue,o=this.getClosestOriginalDataPoint(a),n=this.dataSet.indexOf(o);if(0===n&&a<parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);if(a===parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);const l=[o];a<parseFloat(Object.keys(o)[0])?l.unshift(this.dataSet[n-1]):l.push(this.dataSet[n+1]);const d=parseFloat(Object.keys(l[0])[0]),h=parseFloat(Object.keys(l[1])[0]),c=l[0][d];this.currentValue=Math.round((l[1][h]-c)/(h-d)(a-d)+c),this.setSliderValue(this.currentValue)};onInputBlur=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=this.minValue);const r=JSON.parse(JSON.stringify(this.dataSet)),i=r.shift(),s=r.pop();t<i[this.minValue]&&(this.currentValue=i[this.minValue],this.sliderRef.value=Object.keys(i)[0],this.setInputValue(i[this.minValue]));const a=Math.max(this.inputMaxValue,s[this.maxValue]);t>a&&(this.currentValue=a,this.sliderRef.value=Object.keys(s)[0],this.setInputValue(a)),this.updateProgress(),this.sliderChange.emit(this.currentValue)};onSliderChange=()=>{this.lockToDataPoint?this.slideToClosestDataPoint():this.sliderChange.emit(this.currentValue)};onSliderChangeDebounce=a(this.onSliderChange,50);onControlPreviousClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r-1];0===r&&(i=e),this.currentValue>t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onControlNextClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r+1];r+1===this.dataSet.length&&(i=e),this.currentValue<t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onSliderPointerDown=()=>{this.animateSliderThumb("normal")};onSliderPointerUp=()=>{this.animateSliderThumb("reverse")};onContainerTouchStart=()=>{this.isPointerDown=!0,this.animateSliderThumb("normal")};onContainerTouchEnd=()=>{this.isPointerDown=!1,this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};onContainerMouseDown=e=>{"secondary"===this.type&&"small"===this.containerSize&&(this.isPointerDown=!0,this.positions={scrollLeft:this.sliderContainerRef.scrollLeft,mouseX:e.clientX},this.element.addEventListener("mousemove",this.onContainerMouseMove),this.element.addEventListener("mouseup",this.onContainerMouseUp),this.element.addEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("normal"))};onContainerMouseMove=e=>{e.preventDefault(),this.isPointerDown=1===e.buttons,this.isPointerDown?this.sliderContainerRef.scrollTo(this.positions.scrollLeft-(e.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.element.removeEventListener("mousemove",this.onContainerMouseMove),this.element.removeEventListener("mouseup",this.onContainerMouseUp),this.element.removeEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),this.calculateDataSet(),this.currentValue=this.defaultValue,this.sliderResizeObserver=new ResizeObserver(this.updateTooltipHandlePosition)}componentDidLoad(){this.autoSetContainerSize(),"auto"!==this.size&&(this.containerSize=this.size),this.inputRef.addEventListener("focusout",this.onInputBlur),this.sliderContainerRef.addEventListener("scroll",this.updateTooltipHandlePosition),this.sliderResizeObserver.observe(this.sliderRef),this.renderDataLabels(),this.setSliderValue(this.currentValue),this.updateProgress()}updateProgress=()=>{const e=this.progressTrackRef;if(void 0===e)return;let t=this.getSliderPercent();t<50&&(t+=.5),e.style.width=t+"%",this.updateTooltipHandlePosition()};updateTooltipHandlePosition=()=>{const e=this.getSliderPercent(),t=this.sliderRef.getBoundingClientRect().width,r=this.tooltipHandleRef.getBoundingClientRect().width,i=e/100(t-r)+this.sliderRef.getBoundingClientRect().left-this.element.getBoundingClientRect().left;this.tooltipHandleRef.style.left=`${i}px`;const s=this.tooltipHandleRef.getBoundingClientRect().x,a=s/o(),n=(window.innerWidth-s-r)/o();let l=0;a<1?l=2:a<3?l=3-a:n<1?l=-2:n<3&&(l=-1(3-n)),this.tooltipOffset=l};getStepDecimals(e){const t=e.toString();return t.indexOf(".")>=0?t.split(".")[1].length:0}handleSliderArrowKeys(e){let t=this.currentValue+this.step;"decrement"===e&&(t=this.currentValue-this.step),t>this.maxValue&&(t=this.maxValue),t<this.minValue&&(t=this.minValue);const r=this.getStepDecimals(this.step);t=parseFloat(t.toFixed(r)),this.currentValue=t,this.setSliderValue(t),this.updateProgress()}getClosestOverrideDataPoint=(e=this.currentValue)=>this.dataSet.reduce((function(t,r){return Math.abs(Object.values(r)[0]-e)<Math.abs(Object.values(t)[0]-e)?r:t}));getClosestOriginalDataPoint=e=>this.dataSet.reduce((function(t,r){return Math.abs(parseFloat(Object.keys(r)[0])-e)<Math.abs(parseFloat(Object.keys(t)[0])-e)?r:t}));getSliderPercent=()=>{const e=this.sliderRef;if(null===e)return 0;const t=this.maxValue-this.minValue;return(parseFloat(e.value)-this.minValue)/t100};getTooltipValue=()=>{if("secondary"===this.type)return`${Object.values(this.getClosestOverrideDataPoint())[0]} ${this.dataUnits}`;let e=this.currentValue;return this.currentValue<this.minValue&&(e=this.minValue),this.currentValue>this.maxValue&&(e=this.maxValue),`${e} ${this.dataUnits}`};setSliderValue=e=>{Number.isNaN(e)&&(e=this.minValue);const t=JSON.parse(JSON.stringify(this.dataSet)),r=t.shift(),i=t.pop();if(e<r[this.minValue])return void(this.sliderRef.value=this.minValue.toString());if(e>i[this.maxValue])return void(this.sliderRef.value=this.maxValue.toString());const s=this.getClosestOverrideDataPoint(e),a=Object.values(s)[0];if(e===a)return void(this.sliderRef.value=Object.keys(s)[0]);const o=this.dataSet.indexOf(s),n=[s];e<a?n.unshift(this.dataSet[o-1]):n.push(this.dataSet[o+1]);const l=parseFloat(Object.keys(n[0])[0]),d=parseFloat(Object.keys(n[1])[0]),h=n[0][l];this.sliderRef.value=((d-l)/(n[1][d]-h)(e-h)+l).toString()};autoSetContainerSize=()=>{if("auto"!==this.size)return;let e=0;e=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.containerSize=e>=1024?"large":e>=768?"medium":"small",void 0!==this.sliderContainerRef&&("secondary"===this.type&&"small"===this.containerSize?(this.sliderContainerRef.style.overflowX="scroll",setTimeout(this.scrollToThumbCenter,50)):this.sliderContainerRef.style.overflowX="unset")};setInputValue=e=>{this.inputRef.value=e.toString()};slideToClosestDataPoint=()=>{if(this.isPointerDown)return;const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0];this.isSliding=!0;const r=setInterval((()=>{const e=Math.abs(t-this.currentValue);if(this.scrollToThumbCenter(),e\|\|(clearInterval(r),this.sliderChange.emit(this.currentValue),setTimeout((()=>{this.isSliding=!1}),50)),e<5)return this.currentValue=t,this.setSliderValue(t),void this.updateProgress();let i=5;e>100&&(i=10),this.currentValue>t&&(this.currentValue=this.currentValue-i,this.setSliderValue(this.currentValue)),this.currentValue<t&&(this.currentValue=this.currentValue+i,this.setSliderValue(this.currentValue)),this.updateProgress()}),1)};calculateDataSet=()=>{const e=this.dataPoints.length?this.dataPoints.length:2,t=this.dataPoints.length?this.dataPoints:[this.minValue,this.maxValue],r=(this.maxValue-this.minValue)/(e-1);this.dataSet.length=0;for(let i=0;i<e;i++)this.dataSet.push({[ri+this.minValue]:t[i]})};scrollToThumbCenter=()=>{if("secondary"!==this.type\|\|"small"!==this.containerSize)return;const e=this.sliderRef.getBoundingClientRect().width,t=this.tooltipHandleRef.getBoundingClientRect().width,r=e/2+t/2,i=r+e-t-r,s=this.getSliderPercent();this.sliderContainerRef.scrollLeft=r+is/100};animateSliderThumb=e=>{const t=getComputedStyle(this.element).getPropertyValue("--slider-thumb-shadow"),r=getComputedStyle(this.element).getPropertyValue("--slider-thumb-active-shadow");"normal"===e?this.tooltipHandleRef.classList.add("range-slider__tooltip-handle--active"):this.tooltipHandleRef.classList.remove("range-slider__tooltip-handle--active"),this.tooltipHandleRef.animate([{boxShadow:t},{boxShadow:"none"},{boxShadow:r}],{duration:300,direction:e})};renderTick=()=>{let e=document.createElement("span");e.className="range-slider__tick",this.tickContainerRef.appendChild(e)};renderDataLabels=()=>{const e=this.maxValue-this.minValue;this.dataLabelRef.innerHTML="",this.tickContainerRef.innerHTML="";for(const t of this.dataSet){const r=parseFloat(Object.keys(t)[0]),i=Object.values(t)[0],s=(r-this.minValue)/e100;this.renderTick(),this.displayDataPoints.length&&!this.displayDataPoints.includes(i)\|\|this.dataLabelRef.appendChild(this.renderDataLabel(i.toString(),s))}};renderDataLabel=(e,t)=>{const r=document.createElement("span"),i=document.createTextNode(e);return r.appendChild(i),r.classList.add("range-slider__data-label"),r.style.left=`calc(${t}% - 1.5rem)`,r};render(){return i(s,{key:"76aed155968d7eb8690e65d7b7652d13db2b5b10"},i("div",{key:"d1dd633e0aefb5fc226b8ccf819c11df85b82b68",class:{"range-slider":!0,[`range-slider--${this.containerSize}`]:!0,[`range-slider--${this.type}`]:!0,"range-slider--no-controls":!this.withControls,"range-slider--no-input":!this.withInput,[this.theme]:!0}},i("div",{key:"4a1836915825be6c6044e5169aeb75346564e24c",class:{"range-slider__input-container":!0,hidden:!this.withInput}},i("tet-input",{key:"e48227fccec3eb5fd50b7c18aaf2e16f910925ed","input-class":"range-slider__input","input-type":"number","input-value":this.currentValue,ref:e=>this.inputRef=e,theme:this.theme,onInput:this.onInputChange,onKeyDown:e=>this.onInputKeyDown(e,!0),accessibilityLabel:this.numberInputAccessibilityLabel,..."large"!==this.containerSize?{inputTabindex:3}:{}})),i("div",{key:"111220fc99122cd34fe7f1192f02594e5ba45363",class:"range-slider__container"},i("tet-button",{key:"29410b00818247cb30cb086dd6e9172b5bcff1bb",theme:this.theme,iconMode:!0,class:{"range-slider__control":!0,"range-slider__control--left":!0,hidden:!this.withControls},clickCallback:this.onControlPreviousClick,...this.reduceButtonAccessibilityLabel?{accessibilityLabel:this.reduceButtonAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:2}:{}},i("tet-icon",{key:"0838eb812c936ec66d6fb87838f9b0ca3555c5f0",name:"remove",class:"range-slider__control--icon"})),i("div",{key:"b8e60061611b0e0454901963d44807ce50ef1871",onTouchStart:this.onContainerTouchStart,onTouchEnd:this.onContainerTouchEnd,onMouseDown:this.onContainerMouseDown,onScroll:this.onContainerScroll,ref:e=>this.sliderContainerRef=e,class:"range-slider__slider-container",draggable:!1},i("div",{key:"367066c442a3d9280f4e76ace9a3cc8e6c574416",class:"range-slider__slider-wrapper"},i("input",{key:"710e47df36a191322d9464ae21a2b161a2154ecc",ref:e=>this.sliderRef=e,type:"range",min:this.minValue,max:this.maxValue,step:this.step,value:this.defaultValue,list:"steplist",id:"rangeInput",onInput:this.onSliderInput,onChange:this.onSliderChange,onPointerDown:this.onSliderPointerDown,onPointerUp:this.onSliderPointerUp,onKeyDown:this.onInputKeyDown,class:"range-slider__slider",...this.sliderInputAccessibilityLabel?{"aria-label":this.sliderInputAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:1}:{}})),i("div",{key:"2485d1adf51757deae41a3058aec5cc32b545d32",class:"range-slider__track range-slider__track--background"}),i("div",{key:"3594922cb62ecbe9ef2baedfc11434cb3a8c6d1d",ref:e=>this.progressTrackRef=e,class:"range-slider__track range-slider__track--progress"}),i("div",{key:"a4beda4fad2be4e91a47f484590f283568f97b02",ref:e=>this.tickContainerRef=e,class:"range-slider__tick-container"}),i("div",{key:"c2dc1d19fa1c41287d3e0596722d05d452b23ee8",ref:e=>this.dataLabelRef=e,class:{"range-slider__data-label-container":!0,hidden:"secondary"===this.type&&"small"===this.containerSize}})),i("div",{key:"5e7f78380c403e9daec86a23406a5bbde965e8fa",class:{"range-slider__current-step-container":!0,hidden:!this.withCurrentStepCounter}},i("div",{key:"613264c515c64f53db00ad4c3fa65bb3629aee3a",class:"range-slider__current-step","aria-live":"polite"},this.dataSet.indexOf(this.getClosestOverrideDataPoint())+1,"/",this.dataPoints.length)),i("div",{key:"33be35b14e63989d9291067746e4f6a396d611de",ref:e=>this.tooltipHandleRef=e,class:"range-slider__tooltip-handle"},i("div",{key:"cc9b8610015d85f2a9a4a9c9f180a33a98e8ee3c",class:"range-slider__tooltip translation-none",style:{"--tooltip-offset":`${this.tooltipOffset}rem`},"aria-live":"polite"},this.getTooltipValue())),i("tet-button",{key:"c4146beab36ee57b4ab9622705a03316bd5d8950",theme:this.theme,iconMode:!0,class:{"range-slider__control":!0,"range-slider__control--right":!0,hidden:!this.withControls},clickCallback:this.onControlNextClick,...this.addButtonAccessibilityLabel?{accessibilityLabel:this.addButtonAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:4}:{}},i("tet-icon",{key:"7c2b7f0ad49c459927f6cb039eefba8a14a4f21e",name:"add",class:"range-slider__control--icon"})))))}static get watchers(){return{dataPoints:["onDataPointsChange"],type:["onTypeChange"],currentValue:["onCurrentValueChange"],size:["onSizeChange"]}}};n.style='@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{--slider-height:6rem;--slider-track-height:0.5rem;--slider-track-border-radius:0.25rem;--slider-track-background-color:var(--tc-border-quaternary);--slider-track-progress-color:var(--tc-yellow-40);--slider-thumb-color:var(--tc-yellow-30);--slider-thumb-shadow:var(--tc-elevation-two);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(254, 213, 127, 0.4);--slider-thumb-size:1.5rem;--slider-thumb-border-radius:0.75rem;--slider-tick-primary-type-color:var(--tc-border-quaternary);--slider-tick-secondary-type-color:var(--tc-border-secondary);--slider-tick-width:0.125rem;--slider-tick-height:0.25rem;--slider-tick-border-radius:0.063rem;--slider-control-left-margin:0;--slider-control-right-margin:0;--slider-control-icon-color:var(--tc-button-icon-primary);--slider-tooltip-background-color:var(--tc-grey-80);--slider-tooltip-text-color:var(--tc-grey-10);--slider-step-counter-background-color:var(--tc-layer-secondary);--slider-step-counter-text-color:var(--tc-text-primary);--slider-data-label-text-color:var(--tc-text-secondary)}.range-slider{display:flex;width:100%;gap:1rem;height:var(--slider-height);position:relative}.range-slider.dark{--slider-track-background-color:var(--tc-border-quaternary-dark);--slider-track-progress-color:var(--tc-yellow-40-dark);--slider-thumb-color:var(--tc-yellow-30-dark);--slider-thumb-shadow:var(--tc-elevation-two-dark);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(247, 212, 135, 0.4);--slider-tick-primary-type-color:var(--tc-border-quaternary-dark);--slider-tick-secondary-type-color:var(--tc-border-secondary-dark);--slider-control-icon-color:var(--tc-button-icon-primary-dark);--slider-tooltip-background-color:var(--tc-grey-80-dark);--slider-tooltip-text-color:var(--tc-grey-10-dark);--slider-step-counter-background-color:var(--tc-layer-secondary-dark);--slider-step-counter-text-color:var(--tc-text-primary-dark);--slider-data-label-text-color:var(--tc-text-secondary-dark)}.range-slider.dark .range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.range-slider--large{flex-direction:column}.range-slider--no-controls{flex-direction:row-reverse}.range-slider {box-sizing:border-box}.range-slider__container{display:flex;flex-direction:column;align-items:baseline;gap:1rem;position:relative;width:100%}.range-slider--large .range-slider__container{flex-direction:row}.range-slider__slider{appearance:none;-webkit-appearance:none;width:100%;height:var(--slider-track-height);background:transparent;outline:none;margin:0.313rem 0;z-index:1}.range-slider--small.range-slider--secondary .range-slider__slider{pointer-events:none;z-index:-1}.range-slider__slider:focus{outline:none}.range-slider__slider::-moz-focus-outer{border:0}.range-slider__slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:transparent;border-radius:var(--slider-thumb-border-radius);cursor:pointer}.range-slider__slider::-moz-range-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-thumb-color);border-radius:var(--slider-thumb-border-radius);cursor:pointer;border:none}.range-slider__slider::-webkit-slider-runnable-track,.range-slider__slider::-moz-range-track{width:100%;height:var(--slider-track-height);cursor:pointer;background:none;border-radius:var(--slider-track-border-radius)}.range-slider__slider:focus::-webkit-slider-runnable-track{background:none}.range-slider__slider:active::-webkit-slider-runnable-track{background:none}.range-slider__slider-container{width:100%;position:relative;height:calc(var(--slider-thumb-size) + 0.5rem);padding-top:0.625rem;scrollbar-width:none}.range-slider__slider-container::-webkit-scrollbar{display:none}.range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider__slider-wrapper{display:flex;width:100%}.range-slider--secondary.range-slider--small .range-slider__slider-wrapper{margin-left:100%}.range-slider__input{--input-padding:0.75rem;--input-border-radius:0.625rem;max-height:3.125rem;max-width:12.5rem;margin:0 auto !important;appearance:textfield;-moz-appearance:textfield}.range-slider--large .range-slider__input{text-align:center;--input-padding:0.5rem}.range-slider__input::-webkit-outer-spin-button,.range-slider__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.range-slider__input-container{display:flex;flex-direction:column;position:absolute;top:calc(var(--slider-track-height) + 3.25rem);width:100%;z-index:1}.range-slider--large .range-slider__input-container{position:relative;max-width:3.125rem;margin-left:auto;margin-right:0;top:0}.range-slider--large.range-slider--no-controls .range-slider__input-container{top:-0.5rem}.range-slider__track{position:absolute;top:1rem;left:0;height:var(--slider-track-height);pointer-events:none;border-radius:var(--slider-track-border-radius)}.range-slider--small.range-slider--secondary .range-slider__track{border-radius:0}.range-slider__track--background{width:100%;background-color:var(--slider-track-background-color)}.range-slider--small.range-slider--secondary .range-slider__track--background{width:300%}.range-slider__track--progress{background-color:var(--slider-track-progress-color)}.range-slider--secondary .range-slider__track--progress{background-color:transparent}.range-slider__data-label{position:absolute;width:3rem;text-align:center;color:var(--slider-data-label-text-color);display:none}.range-slider__data-label:first-of-type{display:block}.range-slider__data-label:last-of-type{display:block}.range-slider--large .range-slider__data-label,.range-slider--medium .range-slider__data-label{display:block}.range-slider__current-step{font:500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;font-weight:500;color:var(--slider-step-counter-text-color);width:5.5rem;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:0.25rem 1rem;background-color:var(--slider-step-counter-background-color);border-radius:1rem}.range-slider__data-label-container,.range-slider__current-step-container{font:400 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;position:absolute;display:flex;height:1.5rem;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);margin:0 auto}.range-slider__data-label-container{top:calc(var(--slider-track-height) + 1.5rem)}.range-slider--secondary.range-slider--small .range-slider__data-label-container{margin-left:100%}.range-slider__current-step-container{top:calc(var(--slider-track-height) + 2.375rem)}.range-slider--large .range-slider__current-step-container,.range-slider--medium .range-slider__current-step-container{top:calc(var(--slider-track-height) + 3.25rem)}.range-slider__tick{width:var(--slider-tick-width);height:var(--slider-tick-height);border-radius:var(--slider-tick-border-radius);background-color:var(--slider-tick-primary-type-color)}.range-slider--secondary .range-slider__tick{width:0.25rem;height:0.25rem;border-radius:0.125rem;background-color:var(--slider-tick-secondary-type-color)}.range-slider__tick-container{position:absolute;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);top:calc(var(--slider-track-height) + 1.188rem);display:flex;justify-content:space-between;align-items:center}.range-slider--secondary .range-slider__tick-container{top:calc(var(--slider-track-height) + 0.625rem)}.range-slider--secondary.range-slider--small .range-slider__tick-container{margin-left:100%}.range-slider__tooltip-handle{position:absolute;height:var(--slider-thumb-size);width:var(--slider-thumb-size);top:0.438rem;border-radius:var(--slider-thumb-border-radius);pointer-events:none;box-shadow:var(--slider-thumb-shadow);background:var(--slider-thumb-color)}.range-slider__tooltip-handle--active{box-shadow:var(--slider-thumb-active-shadow)}.range-slider__tooltip{--tooltip-offset:0;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;position:absolute;display:flex;justify-content:center;align-items:center;left:calc(-2.25rem + var(--tooltip-offset));height:2rem;width:5.75rem;padding:0.5rem 1rem;border-radius:0.5rem;z-index:2;color:var(--slider-tooltip-text-color);background-color:var(--slider-tooltip-background-color);white-space:nowrap;top:-2.625rem;transition:top 150ms ease-in-out 0s}.range-slider__tooltip-handle--active .range-slider__tooltip{transition:top 150ms ease-in-out 150ms;top:-3.25rem}.range-slider__tooltip::before{content:"";position:absolute;left:calc(50% - var(--tooltip-offset));width:0.75rem;height:0.75rem;background:var(--slider-tooltip-background-color);bottom:0;transform:rotate(45deg);border-radius:0.125rem;margin:-0.25rem}.range-slider__control{--button-padding:0.25rem;display:flex;justify-content:center;align-items:center;z-index:1;position:absolute;top:calc(var(--slider-track-height) + 3.5rem)}.range-slider__control:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider--large .range-slider__control{position:static}.range-slider--secondary .range-slider__control{top:calc(var(--slider-track-height) + 2rem)}.range-slider--secondary.range-slider--medium .range-slider__control{top:calc(var(--slider-track-height) + 2.75rem)}.range-slider__control--left{margin:var(--slider-control-left-margin);left:0}.range-slider--medium .range-slider__control--left{left:unset;right:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--left{right:calc(50% + 4.25rem)}.range-slider__control--right{margin:var(--slider-control-right-margin);right:0}.range-slider--medium .range-slider__control--right{right:unset;left:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--right{left:calc(50% + 4.25rem)}.range-slider__control--icon{--icon-color:var(--slider-control-icon-color)}.range-slider .hidden{display:none}';export{n as tet_range_slider}

package/dist/tet-components/{p-a6c89f10.entry.js → p-339305f7.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as e,g as o,h as r,H as s}from"./p-83f43fdd.js";import{d as a}from"./p-87bbb893.js";const i=class{constructor(o){t(this,o),this.select=e(this,"tabSelected",7),this.theme="light",this.type=void 0,this.position=void 0,this.sizing="web",this.defaultTab=0,this.segmented=!1,this.hideHeaderUnderline=!1,this.hideActiveHeaderUnderline=!1,this.autoplayDelay=0,this.stopAutoplayOnHeaderHover=!1,this.stopAutoplayOnContentHover=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.idSuffix="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().split("-")[0]:Math.random().toString(36).substring(2,10),this.segmentAnimation={width:"0px",position:"0px",transition:""}}tabElement;tabContainer;tabHeaders;tabHeadersNotDisabled;animationObserver;isPointerDown;autoplayInterval=[];tabListeners=new WeakMap;get element(){return o(this)}select;async toggleAutoplay(t){this.autoplay=t,t?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((t=>{clearInterval(t)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const t=this.getTabElement(this.selectedId);let e=this.tabHeaders.indexOf(t)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[e])<0;)if(e+=1,e+1>this.tabHeaders.length){e=0;break}e=this.tabHeaders.indexOf(this.getTabElement(e)),this.selectTab(e)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((t=>{this.hideActiveHeaderUnderline?t.classList.add("no-underline"):t.classList.remove("no-underline")}))}onAutoplayDelayChange(t){console.log(t,!!t),this.stopAutoplay(),t&&this.startAutoplay()}initAutoplay(){if(this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((t=>{t.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),t.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const t=this.element.parentElement.querySelector(`tet-tab-content[data-name="${this.dataName}"`);t.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),t.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const t=new MutationObserver((e=>{e.every((e=>!e.oldValue?.includes("disabled")\|\|(this.initTabHeaders(),t.disconnect(),!1)))}));t.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect()}cleanupTabListeners(){this.tabHeaders?.forEach((t=>{const e=this.tabListeners.get(t);e&&(t.removeEventListener("click",e.click),t.removeEventListener("keydown",e.keydown),this.tabListeners.delete(t))}))}onContainerMouseDown=t=>{this.isPointerDown=!0,this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:t.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=t=>{t.preventDefault(),this.isPointerDown=1===t.buttons,this.isPointerDown?this.tabElement.scrollTo(this.positions.scrollLeft-(t.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp)};onSegmentedChange(t){t&&void 0===this.animationObserver&&this.initAnimationObserver()}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((t,e)=>{t.setAttribute("role","tab"),t.setAttribute("id",`tab-${e+1}-${this.idSuffix}`),t.setAttribute("aria-controls",`tabpanel-${e+1}-${this.idSuffix}`);const o=t.classList.contains("disabled"),r=t.classList.contains("active");if(t.setAttribute("tabIndex",r?"0":"-1"),t.setAttribute("aria-selected",`${r}`),!o&&!this.tabListeners.has(t)){this.tabHeadersNotDisabled.push(t);const o=()=>{this.selectTab(t.getAttribute("data-name")\|\|e)},r=e=>{const{key:o}=e;if(["ArrowLeft","ArrowRight","Home","End"].includes(o)){e.preventDefault();const r=this.tabHeadersNotDisabled.indexOf(t);let s;switch(o){case"ArrowRight":s=r+1,s>=this.tabHeadersNotDisabled.length&&(s=0);break;case"ArrowLeft":s=r-1,s<0&&(s=this.tabHeadersNotDisabled.length-1);break;case"Home":s=0;break;case"End":s=this.tabHeadersNotDisabled.length-1}const a=this.tabHeadersNotDisabled[s];a.focus(),a.click()}};t.addEventListener("click",o),t.addEventListener("keydown",r),this.tabListeners.set(t,{click:o,keydown:r})}}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((t=>{const e=t.getAttribute("data-image");if(e){const o=t.getAttribute("data-image-active"),r=t.getAttribute("data-image-alt")??"",s=document.createElement("img");if(s.src=e,s.alt=r,s.classList.add("tab-header-image"),s.style.maxHeight="1.5rem",t.appendChild(s),o){const e=document.createElement("img");e.src=o,e.alt=r,e.classList.add("tab-header-image","active"),e.style.display="none",e.style.maxHeight="1.5rem",t.appendChild(e),s.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(t=!0){if(!this.segmented)return;if(void 0===this.tabContainer)return;const e=this.getTabElement(this.selectedId),o=e.parentNode.getBoundingClientRect(),r=e.getBoundingClientRect();if(this.segmentAnimation={width:`${r.width}px`,position:`${r.left-o.left+this.tabElement.scrollLeft}px`,transition:t?"transform 0.3s ease, width 0.3s ease":null},"web"===this.sizing){const t=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,o=e.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:t+(o.width/2+o.left)})}}async selectTab(t,e=!0,o=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach((t=>{t.classList.remove("active"),t.setAttribute("aria-selected","false"),t.setAttribute("tabIndex","-1");const e=t.querySelector("img.tab-header-image.active");e&&(e.style.display="none");const o=t.querySelector("img.tab-header-image.default");o&&(o.style.display="inline-block")}));const r=this.getTabElement(t);if(null===r)return;if(o&&!this.isPointerDown){const t=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,e=r.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:t+(e.width/2+e.left)})}r.classList.add("active"),r.setAttribute("aria-selected","true"),r.setAttribute("tabIndex","0");const s=r.querySelector("img.tab-header-image.active");if(s){s.style.display="inline-block";const t=r.querySelector("img.tab-header-image.default");t&&(t.style.display="none")}this.select.emit({new:t,old:this.selectedId}),this.selectedId=t,this.animateActiveSegment(e)}getTabElement(t){if(!this.tabHeaders?.length)return null;let e;return e="number"==typeof t?this.tabHeaders[t]:this.tabHeaders.find((e=>e.getAttribute("data-name")===t)),void 0!==e?e:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=a(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:t,position:e,transition:o}=this.segmentAnimation;return{"--active-width":t,"--active-x-pos":e,"--active-transition":o}}return{}}render(){return r(s,{key:"b86d56bc6b1b41e18e27a268d90a58cace231e79","data-id-suffix":this.idSuffix},r("div",{key:"4d6a15f9dbeeafbe7390728c77245736d77401c4",class:{tabs:!0,"tabs--segmented":this.segmented,[this.position]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:t=>this.tabElement=t,role:"tablist"},r("slot",{key:"6f31fd86e6f23a98e0338a8a4a7a3adee3aba112",ref:t=>this.tabContainer=t})),r("div",{key:"c0cc1a80932330b70efbbbc18af2e0bc4fa724ce",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"]}}};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)}:host{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;max-width:100%}:host .dark{--tabs-container-border-color:var(--tc-border-quaternary-dark);--tabs-headers-text-color:var(--tc-text-primary-dark);--tabs-headers-text-disabled-color:var(--tc-grey-50-dark);--tabs-headers-active-border-color:var(--tc-icon-primary-dark);--tabs-headers-hover-border-color:var(--tc-border-tertiary-dark);--tabs-headers-focus-border-color:var(--tc-border-secondary-dark);--tabs-headers-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-segmented-border-color:var(--tc-border-quaternary-dark);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two-dark)}.tabs{--active-width:auto;--active-x-pos:0;--active-transition:none;position:relative;display:flex;flex-wrap:var(--tabs-container-flex-wrap);align-items:center;max-width:100%;padding:0.125rem 0;overflow-x:scroll;scrollbar-width:none;-webkit-user-select:none;user-select:none}.tabs ::slotted(img){margin:0;padding:0;height:1.3125rem}.tabs-line{display:flex;position:relative;max-width:100%;height:0.0625rem;background-color:var(--tabs-container-border-color);border:none;margin-top:-0.125rem}.tabs-line.no-underline{display:none}.tabs {box-sizing:border-box}.tabs::-webkit-scrollbar{display:none}.tabs.right:not(.tabs--segmented){justify-content:flex-end}.tabs.center:not(.tabs--segmented){justify-content:center}.tabs ::slotted(){display:flex;justify-content:center;align-items:center;border-bottom:0.125rem solid transparent;color:var(--tabs-headers-text-color);cursor:pointer;padding:var(--tabs-headers-item-padding) !important;margin:var(--tabs-headers-item-margin) !important;transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.blue ::slotted(:hover){--tabs-headers-hover-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(:focus){--tabs-headers-focus-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(.active){--tabs-headers-active-border-color:rgb(0, 96, 245)}.tabs--segmented{display:flex;border:0.0625rem solid var(--tabs-headers-segmented-border-color);border-radius:1.5rem;background-color:var(--tabs-headers-segmented-background-color);padding:0 0.25rem;box-sizing:border-box;overflow-x:scroll}.tabs--segmented .web{padding:0.25rem}.tabs--segmented ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.dark-gray{--tabs-headers-text-color:rgb(255, 255, 255);--tabs-headers-segmented-border-color:rgb(67, 75, 86);--tabs-headers-segmented-background-color:rgb(35, 40, 46);--tabs-headers-segmented-active-background-color:rgb(67, 75, 86);--tabs-headers-segmented-active-box-shadow:0 0 0.0625rem 0 rgba(10, 11, 13, 0.08),\n 0 0.1875rem 0.25rem 0 rgba(10, 11, 13, 0.12);--icon-color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(:hover),.tabs--segmented.dark-gray ::slotted(:focus),.tabs--segmented.dark-gray ::slotted(.active){color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(.disabled){color:var(--tabs-headers-text-disabled-color)}.tabs--segmented::before{content:"";position:absolute;top:0.25rem;bottom:0.25rem;left:0;z-index:0;border-radius:1.563rem;width:var(--active-width);transform:translateX(var(--active-x-pos));transition:var(--active-transition);background:var(--tabs-headers-segmented-active-background-color);box-shadow:var(--tabs-headers-segmented-active-box-shadow)}.tabs--segmented ::slotted(){font:var(--tabs-headers-segmended-item-font);line-height:1.5rem;z-index:1;position:relative;border:none;padding:var(--tabs-headers-segmented-item-padding) !important;margin:var(--tabs-headers-segmented-item-margin) !important;border-radius:1.563rem;display:flex;flex:1;justify-content:center}.tabs--segmented.mobile ::slotted(){font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;padding:0.25rem 1.5rem !important;margin:0.188rem 0 !important;line-height:1.25rem}.tabs--segmented.square{--tabs-headers-segmented-background-color:rgba(var(--tabs-headers-square-base-rgb), 0.16);--tabs-headers-segmented-border-color:transparent;height:4.75rem;border-radius:0.375rem;padding:0}.tabs--segmented.square::before{--tabs-headers-segmented-active-box-shadow:none;position:absolute;top:0;bottom:0;left:-0.0625rem;border-radius:0}.tabs--segmented.square ::slotted(){--tabs-headers-segmented-item-padding:0;--tabs-headers-segmented-item-margin:0;border-radius:0;height:100%;align-items:center}.tabs--segmented.square ::slotted()::after{content:"";background-color:rgba(var(--tabs-headers-square-base-rgb), 0.2);position:absolute;top:0.375rem;bottom:0.375rem;right:0;width:0.0625rem}.tabs--segmented.square ::slotted(:hover){background-color:rgba(var(--tabs-headers-square-base-rgb), 0.24)}.tabs--segmented.square ::slotted(:first-child){border-radius:0.3125rem 0 0 0.3125rem}.tabs--segmented.square ::slotted(:last-child){border-radius:0 0.3125rem 0.3125rem 0}.tabs--segmented.square ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.square ::slotted(:focus-visible)::after{display:none}.tabs--segmented.square ::slotted(.active)::after,.tabs--segmented.square ::slotted(:last-child)::after{display:none}.tabs--segmented.netflix{height:2.75rem;gap:0.5rem;overflow-y:hidden}.tabs--segmented.netflix ::slotted(){flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.5rem}.tabs--segmented.netflix ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.0625rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-radius:1.563rem}.tabs ::slotted(.no-underline){border-bottom:none}';export{i as tet_tab_header}
1	+ import{r as t,c as e,g as o,h as r,H as s}from"./p-7c868b40.js";import{d as a}from"./p-87bbb893.js";const i=class{constructor(o){t(this,o),this.select=e(this,"tabSelected",7),this.theme="light",this.type=void 0,this.position=void 0,this.sizing="web",this.defaultTab=0,this.segmented=!1,this.hideHeaderUnderline=!1,this.hideActiveHeaderUnderline=!1,this.autoplayDelay=0,this.stopAutoplayOnHeaderHover=!1,this.stopAutoplayOnContentHover=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.idSuffix="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().split("-")[0]:Math.random().toString(36).substring(2,10),this.segmentAnimation={width:"0px",position:"0px",transition:""}}tabElement;tabContainer;tabHeaders;tabHeadersNotDisabled;animationObserver;isPointerDown;autoplayInterval=[];tabListeners=new WeakMap;get element(){return o(this)}select;async toggleAutoplay(t){this.autoplay=t,t?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((t=>{clearInterval(t)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const t=this.getTabElement(this.selectedId);let e=this.tabHeaders.indexOf(t)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[e])<0;)if(e+=1,e+1>this.tabHeaders.length){e=0;break}e=this.tabHeaders.indexOf(this.getTabElement(e)),this.selectTab(e)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((t=>{this.hideActiveHeaderUnderline?t.classList.add("no-underline"):t.classList.remove("no-underline")}))}onAutoplayDelayChange(t){console.log(t,!!t),this.stopAutoplay(),t&&this.startAutoplay()}initAutoplay(){if(this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((t=>{t.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),t.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const t=this.element.parentElement.querySelector(`tet-tab-content[data-name="${this.dataName}"`);t.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),t.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const t=new MutationObserver((e=>{e.every((e=>!e.oldValue?.includes("disabled")\|\|(this.initTabHeaders(),t.disconnect(),!1)))}));t.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect()}cleanupTabListeners(){this.tabHeaders?.forEach((t=>{const e=this.tabListeners.get(t);e&&(t.removeEventListener("click",e.click),t.removeEventListener("keydown",e.keydown),this.tabListeners.delete(t))}))}onContainerMouseDown=t=>{this.isPointerDown=!0,this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:t.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=t=>{t.preventDefault(),this.isPointerDown=1===t.buttons,this.isPointerDown?this.tabElement.scrollTo(this.positions.scrollLeft-(t.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp)};onSegmentedChange(t){t&&void 0===this.animationObserver&&this.initAnimationObserver()}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((t,e)=>{t.setAttribute("role","tab"),t.setAttribute("id",`tab-${e+1}-${this.idSuffix}`),t.setAttribute("aria-controls",`tabpanel-${e+1}-${this.idSuffix}`);const o=t.classList.contains("disabled"),r=t.classList.contains("active");if(t.setAttribute("tabIndex",r?"0":"-1"),t.setAttribute("aria-selected",`${r}`),!o&&!this.tabListeners.has(t)){this.tabHeadersNotDisabled.push(t);const o=()=>{this.selectTab(t.getAttribute("data-name")\|\|e)},r=e=>{const{key:o}=e;if(["ArrowLeft","ArrowRight","Home","End"].includes(o)){e.preventDefault();const r=this.tabHeadersNotDisabled.indexOf(t);let s;switch(o){case"ArrowRight":s=r+1,s>=this.tabHeadersNotDisabled.length&&(s=0);break;case"ArrowLeft":s=r-1,s<0&&(s=this.tabHeadersNotDisabled.length-1);break;case"Home":s=0;break;case"End":s=this.tabHeadersNotDisabled.length-1}const a=this.tabHeadersNotDisabled[s];a.focus(),a.click()}};t.addEventListener("click",o),t.addEventListener("keydown",r),this.tabListeners.set(t,{click:o,keydown:r})}}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((t=>{const e=t.getAttribute("data-image");if(e){const o=t.getAttribute("data-image-active"),r=t.getAttribute("data-image-alt")??"",s=document.createElement("img");if(s.src=e,s.alt=r,s.classList.add("tab-header-image"),s.style.maxHeight="1.5rem",t.appendChild(s),o){const e=document.createElement("img");e.src=o,e.alt=r,e.classList.add("tab-header-image","active"),e.style.display="none",e.style.maxHeight="1.5rem",t.appendChild(e),s.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(t=!0){if(!this.segmented)return;if(void 0===this.tabContainer)return;const e=this.getTabElement(this.selectedId),o=e.parentNode.getBoundingClientRect(),r=e.getBoundingClientRect();if(this.segmentAnimation={width:`${r.width}px`,position:`${r.left-o.left+this.tabElement.scrollLeft}px`,transition:t?"transform 0.3s ease, width 0.3s ease":null},"web"===this.sizing){const t=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,o=e.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:t+(o.width/2+o.left)})}}async selectTab(t,e=!0,o=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach((t=>{t.classList.remove("active"),t.setAttribute("aria-selected","false"),t.setAttribute("tabIndex","-1");const e=t.querySelector("img.tab-header-image.active");e&&(e.style.display="none");const o=t.querySelector("img.tab-header-image.default");o&&(o.style.display="inline-block")}));const r=this.getTabElement(t);if(null===r)return;if(o&&!this.isPointerDown){const t=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,e=r.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:t+(e.width/2+e.left)})}r.classList.add("active"),r.setAttribute("aria-selected","true"),r.setAttribute("tabIndex","0");const s=r.querySelector("img.tab-header-image.active");if(s){s.style.display="inline-block";const t=r.querySelector("img.tab-header-image.default");t&&(t.style.display="none")}this.select.emit({new:t,old:this.selectedId}),this.selectedId=t,this.animateActiveSegment(e)}getTabElement(t){if(!this.tabHeaders?.length)return null;let e;return e="number"==typeof t?this.tabHeaders[t]:this.tabHeaders.find((e=>e.getAttribute("data-name")===t)),void 0!==e?e:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=a(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:t,position:e,transition:o}=this.segmentAnimation;return{"--active-width":t,"--active-x-pos":e,"--active-transition":o}}return{}}render(){return r(s,{key:"b86d56bc6b1b41e18e27a268d90a58cace231e79","data-id-suffix":this.idSuffix},r("div",{key:"4d6a15f9dbeeafbe7390728c77245736d77401c4",class:{tabs:!0,"tabs--segmented":this.segmented,[this.position]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:t=>this.tabElement=t,role:"tablist"},r("slot",{key:"6f31fd86e6f23a98e0338a8a4a7a3adee3aba112",ref:t=>this.tabContainer=t})),r("div",{key:"c0cc1a80932330b70efbbbc18af2e0bc4fa724ce",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"]}}};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)}:host{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;max-width:100%}:host .dark{--tabs-container-border-color:var(--tc-border-quaternary-dark);--tabs-headers-text-color:var(--tc-text-primary-dark);--tabs-headers-text-disabled-color:var(--tc-grey-50-dark);--tabs-headers-active-border-color:var(--tc-icon-primary-dark);--tabs-headers-hover-border-color:var(--tc-border-tertiary-dark);--tabs-headers-focus-border-color:var(--tc-border-secondary-dark);--tabs-headers-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-segmented-border-color:var(--tc-border-quaternary-dark);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two-dark)}.tabs{--active-width:auto;--active-x-pos:0;--active-transition:none;position:relative;display:flex;flex-wrap:var(--tabs-container-flex-wrap);align-items:center;max-width:100%;padding:0.125rem 0;overflow-x:scroll;scrollbar-width:none;-webkit-user-select:none;user-select:none}.tabs ::slotted(img){margin:0;padding:0;height:1.3125rem}.tabs-line{display:flex;position:relative;max-width:100%;height:0.0625rem;background-color:var(--tabs-container-border-color);border:none;margin-top:-0.125rem}.tabs-line.no-underline{display:none}.tabs {box-sizing:border-box}.tabs::-webkit-scrollbar{display:none}.tabs.right:not(.tabs--segmented){justify-content:flex-end}.tabs.center:not(.tabs--segmented){justify-content:center}.tabs ::slotted(){display:flex;justify-content:center;align-items:center;border-bottom:0.125rem solid transparent;color:var(--tabs-headers-text-color);cursor:pointer;padding:var(--tabs-headers-item-padding) !important;margin:var(--tabs-headers-item-margin) !important;transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.blue ::slotted(:hover){--tabs-headers-hover-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(:focus){--tabs-headers-focus-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(.active){--tabs-headers-active-border-color:rgb(0, 96, 245)}.tabs--segmented{display:flex;border:0.0625rem solid var(--tabs-headers-segmented-border-color);border-radius:1.5rem;background-color:var(--tabs-headers-segmented-background-color);padding:0 0.25rem;box-sizing:border-box;overflow-x:scroll}.tabs--segmented .web{padding:0.25rem}.tabs--segmented ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.dark-gray{--tabs-headers-text-color:rgb(255, 255, 255);--tabs-headers-segmented-border-color:rgb(67, 75, 86);--tabs-headers-segmented-background-color:rgb(35, 40, 46);--tabs-headers-segmented-active-background-color:rgb(67, 75, 86);--tabs-headers-segmented-active-box-shadow:0 0 0.0625rem 0 rgba(10, 11, 13, 0.08),\n 0 0.1875rem 0.25rem 0 rgba(10, 11, 13, 0.12);--icon-color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(:hover),.tabs--segmented.dark-gray ::slotted(:focus),.tabs--segmented.dark-gray ::slotted(.active){color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(.disabled){color:var(--tabs-headers-text-disabled-color)}.tabs--segmented::before{content:"";position:absolute;top:0.25rem;bottom:0.25rem;left:0;z-index:0;border-radius:1.563rem;width:var(--active-width);transform:translateX(var(--active-x-pos));transition:var(--active-transition);background:var(--tabs-headers-segmented-active-background-color);box-shadow:var(--tabs-headers-segmented-active-box-shadow)}.tabs--segmented ::slotted(){font:var(--tabs-headers-segmended-item-font);line-height:1.5rem;z-index:1;position:relative;border:none;padding:var(--tabs-headers-segmented-item-padding) !important;margin:var(--tabs-headers-segmented-item-margin) !important;border-radius:1.563rem;display:flex;flex:1;justify-content:center}.tabs--segmented.mobile ::slotted(){font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;padding:0.25rem 1.5rem !important;margin:0.188rem 0 !important;line-height:1.25rem}.tabs--segmented.square{--tabs-headers-segmented-background-color:rgba(var(--tabs-headers-square-base-rgb), 0.16);--tabs-headers-segmented-border-color:transparent;height:4.75rem;border-radius:0.375rem;padding:0}.tabs--segmented.square::before{--tabs-headers-segmented-active-box-shadow:none;position:absolute;top:0;bottom:0;left:-0.0625rem;border-radius:0}.tabs--segmented.square ::slotted(){--tabs-headers-segmented-item-padding:0;--tabs-headers-segmented-item-margin:0;border-radius:0;height:100%;align-items:center}.tabs--segmented.square ::slotted()::after{content:"";background-color:rgba(var(--tabs-headers-square-base-rgb), 0.2);position:absolute;top:0.375rem;bottom:0.375rem;right:0;width:0.0625rem}.tabs--segmented.square ::slotted(:hover){background-color:rgba(var(--tabs-headers-square-base-rgb), 0.24)}.tabs--segmented.square ::slotted(:first-child){border-radius:0.3125rem 0 0 0.3125rem}.tabs--segmented.square ::slotted(:last-child){border-radius:0 0.3125rem 0.3125rem 0}.tabs--segmented.square ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.square ::slotted(:focus-visible)::after{display:none}.tabs--segmented.square ::slotted(.active)::after,.tabs--segmented.square ::slotted(:last-child)::after{display:none}.tabs--segmented.netflix{height:2.75rem;gap:0.5rem;overflow-y:hidden}.tabs--segmented.netflix ::slotted(){flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.5rem}.tabs--segmented.netflix ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.0625rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-radius:1.563rem}.tabs ::slotted(.no-underline){border-bottom:none}';export{i as tet_tab_header}

package/dist/tet-components/{p-09e92f79.entry.js → p-365c6f9e.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as o,c as t,g as e,h as r,H as n}from"./p-83f43fdd.js";const i=class{constructor(e){o(this,e),this.openChanged=t(this,"openChanged",7),this.isOpen=!1,this.theme="light",this.header="",this.headerIconName=void 0,this.headerImageSrc="",this.headerImageAlt="",this.indicatorDirection="down",this.withBorder=!1,this.withAutoScroll=!1,this.breakpoint="tablet",this.headingTag="span",this.transparentBackground=!1,this.isHeaderInteractive=!0}get element(){return e(this)}contentElement;contentWrapperElement;animationCallback;async open(){this.setState(!0)}async close(){this.setState(!1)}async toggle(){this.toggleOpenState()}async getState(){return this.isOpen}openChanged;toggleOpenState=()=>{this.setState(!this.isOpen),this.isOpen&&this.withAutoScroll&&setTimeout((()=>{this.element.scrollIntoView({block:"start",behavior:"smooth"})}),this.animationDuration)};toggleAccessibilityOpenState=o=>{["Space","Enter"].includes(o.code)&&(o.preventDefault(),this.toggleOpenState())};get animationDuration(){return 1e3parseFloat(getComputedStyle(this.element).getPropertyValue("--accordion-animation-duration"))}async setState(o){null!==this.animationCallback&&clearTimeout(this.animationCallback),this.isOpen=o,this.openChanged.emit(o),o?this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`:(this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`,await new Promise(requestAnimationFrame),this.contentWrapperElement.style.height="0"),this.animationCallback=setTimeout((()=>{this.contentWrapperElement.style.height="",this.animationCallback=null}),this.animationDuration)}renderHeading(){const o=this.element.querySelector('[slot="header-text"]'),t=o?.textContent?.trim()\|\|this.header;switch(this.headingTag){case"h1":return r("h1",{class:"tet-accordion__header-text"},t);case"h2":return r("h2",{class:"tet-accordion__header-text"},t);case"h3":return r("h3",{class:"tet-accordion__header-text"},t);case"h4":return r("h4",{class:"tet-accordion__header-text"},t);case"h5":return r("h5",{class:"tet-accordion__header-text"},t);case"h6":return r("h6",{class:"tet-accordion__header-text"},t);default:return r("span",{class:"tet-accordion__header-text"},t)}}render(){return r(n,{key:"e50ecaf01917687b035477d00aea4d3cd5c5f5f7"},r("div",{key:"c07425862c2bbef69bf8531797f6e67e5381764f",class:{"tet-accordion":!0,"tet-accordion--border":this.withBorder,[`${this.theme}-theme`]:!0,[`tet-accordion--breakpoint-${this.breakpoint}`]:!0,"transparent-bg":this.transparentBackground}},r("div",{key:"fcb1a4ed009c3403d7f696bd6dd1115b180683cb",class:{"tet-accordion__header":!0,[this.theme]:!0,"tet-accordion__header--non-interactive":!this.isHeaderInteractive},...this.isHeaderInteractive?{onClick:this.toggleOpenState,onKeyDown:this.toggleAccessibilityOpenState,tabIndex:0}:{}},r("slot",{key:"6d86e703f2c4d0315a5ec8ac953fcd2e9fc28ab6",name:"header"},this.headerIconName&&r("tet-icon",{key:"1f326106ba3360f55db0e6e1f454b6e4c4101c09",name:this.headerIconName,class:"tet-accordion__header-icon tet-accordion__icon"}),this.headerImageSrc&&""!==this.headerImageSrc&&r("img",{key:"7a31e0118d5d43f54b261e26303a3f1f65374d25",src:this.headerImageSrc,alt:this.headerImageAlt?this.headerImageAlt:void 0,class:"tet-accordion__header-image"}),this.renderHeading(),this.isHeaderInteractive&&r("tet-icon",{key:"122456dbaab62726486021b2abe9d886516e6555",name:`chevron-${this.indicatorDirection}`,class:{"tet-accordion__icon":!0,open:this.isOpen}}))),r("div",{key:"1178fae23f7bf0772db6838d07dd3555f393cd41",ref:o=>this.contentWrapperElement=o,class:{"tet-accordion__content-wrapper":!0,visible:this.isOpen},inert:!this.isOpen},r("div",{key:"b0f235101ad186ff0a2e3689ad757248773a1d49",ref:o=>this.contentElement=o,class:{"tet-accordion__content":!0}},r("slot",{key:"6d8e0d8cb152a0434ae078ea7f0e535ba5925969"})))))}};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)}:host{--accordion-animation-duration:0.2s;--accordion-header-padding:1.5rem 0;--accordion-header-mobile-padding:0.75rem 0;--accordion-background-color:var(--tc-background-primary);--accordion-text-color:var(--tc-text-primary);--accordion-border-bottom-width:0.0625rem;--accordion-border-color:var(--tc-border-quaternary);--accordion-border-radius:0;--accordion-break-point:64rem;--accordion-outer-border:none;--accordion-header-font:500 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--accordion-header-display:flex;--accordion-header-align-items:normal;--accordion-header-text-desktop-margin-right:1.5rem}.dark-theme{--accordion-background-color:var(--tc-background-primary-dark);--accordion-text-color:var(--tc-text-primary-dark);--accordion-border-color:var(--tc-border-quaternary-dark)}.mint-theme{--accordion-background-color:rgb(10, 11, 13);--accordion-text-color:rgb(255, 255, 255);--accordion-border-color:rgb(88, 99, 116)}.tet-accordion{color:var(--accordion-text-color);background-color:var(--accordion-background-color);border-color:var(--accordion-border-color);border-radius:var(--accordion-border-radius);border:var(--accordion-outer-border)}.tet-accordion.transparent-bg{--accordion-background-color:transparent}.tet-accordion--border{border-bottom-style:solid;border-bottom-width:var(--accordion-border-bottom-width);box-sizing:border-box;padding-bottom:var(--accordion-border-bottom-width)}.tet-accordion__header{font:var(--accordion-header-mobile-font);padding:var(--accordion-header-mobile-padding);cursor:pointer;display:var(--accordion-header-display);align-items:var(--accordion-header-align-items);width:100%;border-radius:0.125rem}.tet-accordion__header--non-interactive{cursor:default}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}.tet-accordion__header:focus-visible.light{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header:focus-visible.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header-text{flex-grow:1;font:inherit;margin-right:0.5rem}@media all and (min-width: 31.25rem){.tet-accordion__header-text{margin-right:var(--accordion-header-text-desktop-margin-right)}}.tet-accordion__header-icon{margin-right:0.5rem}.tet-accordion__header .tet-accordion__header-image{padding-right:1rem}.tet-accordion__content{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";font-weight:400}@media all and (min-width: 31.25rem){.tet-accordion__content{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.tet-accordion__content::after{content:"";display:block}.tet-accordion__content-wrapper{height:0;overflow:hidden;transition:height var(--accordion-animation-duration) ease-in-out}.tet-accordion__content-wrapper.visible{height:auto}.tet-accordion__content-wrapper.visible:focus-within{overflow:visible}.tet-accordion__icon{align-self:center;--icon-color:var(--accordion-text-color);transition:transform 150ms ease-out;--icon-size:1.25rem}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__icon{--icon-size:1.5rem}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__icon{--icon-size:1.5rem}}.tet-accordion__icon.open{transform:rotate(-180deg)}';export{i as tet_accordion}
1	+ import{r as o,c as t,g as e,h as r,H as n}from"./p-7c868b40.js";const i=class{constructor(e){o(this,e),this.openChanged=t(this,"openChanged",7),this.isOpen=!1,this.theme="light",this.header="",this.headerIconName=void 0,this.headerImageSrc="",this.headerImageAlt="",this.indicatorDirection="down",this.withBorder=!1,this.withAutoScroll=!1,this.breakpoint="tablet",this.headingTag="span",this.transparentBackground=!1,this.isHeaderInteractive=!0}get element(){return e(this)}contentElement;contentWrapperElement;animationCallback;async open(){this.setState(!0)}async close(){this.setState(!1)}async toggle(){this.toggleOpenState()}async getState(){return this.isOpen}openChanged;toggleOpenState=()=>{this.setState(!this.isOpen),this.isOpen&&this.withAutoScroll&&setTimeout((()=>{this.element.scrollIntoView({block:"start",behavior:"smooth"})}),this.animationDuration)};toggleAccessibilityOpenState=o=>{["Space","Enter"].includes(o.code)&&(o.preventDefault(),this.toggleOpenState())};get animationDuration(){return 1e3parseFloat(getComputedStyle(this.element).getPropertyValue("--accordion-animation-duration"))}async setState(o){null!==this.animationCallback&&clearTimeout(this.animationCallback),this.isOpen=o,this.openChanged.emit(o),o?this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`:(this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`,await new Promise(requestAnimationFrame),this.contentWrapperElement.style.height="0"),this.animationCallback=setTimeout((()=>{this.contentWrapperElement.style.height="",this.animationCallback=null}),this.animationDuration)}renderHeading(){const o=this.element.querySelector('[slot="header-text"]'),t=o?.textContent?.trim()\|\|this.header;switch(this.headingTag){case"h1":return r("h1",{class:"tet-accordion__header-text"},t);case"h2":return r("h2",{class:"tet-accordion__header-text"},t);case"h3":return r("h3",{class:"tet-accordion__header-text"},t);case"h4":return r("h4",{class:"tet-accordion__header-text"},t);case"h5":return r("h5",{class:"tet-accordion__header-text"},t);case"h6":return r("h6",{class:"tet-accordion__header-text"},t);default:return r("span",{class:"tet-accordion__header-text"},t)}}render(){return r(n,{key:"e50ecaf01917687b035477d00aea4d3cd5c5f5f7"},r("div",{key:"c07425862c2bbef69bf8531797f6e67e5381764f",class:{"tet-accordion":!0,"tet-accordion--border":this.withBorder,[`${this.theme}-theme`]:!0,[`tet-accordion--breakpoint-${this.breakpoint}`]:!0,"transparent-bg":this.transparentBackground}},r("div",{key:"fcb1a4ed009c3403d7f696bd6dd1115b180683cb",class:{"tet-accordion__header":!0,[this.theme]:!0,"tet-accordion__header--non-interactive":!this.isHeaderInteractive},...this.isHeaderInteractive?{onClick:this.toggleOpenState,onKeyDown:this.toggleAccessibilityOpenState,tabIndex:0}:{}},r("slot",{key:"6d86e703f2c4d0315a5ec8ac953fcd2e9fc28ab6",name:"header"},this.headerIconName&&r("tet-icon",{key:"1f326106ba3360f55db0e6e1f454b6e4c4101c09",name:this.headerIconName,class:"tet-accordion__header-icon tet-accordion__icon"}),this.headerImageSrc&&""!==this.headerImageSrc&&r("img",{key:"7a31e0118d5d43f54b261e26303a3f1f65374d25",src:this.headerImageSrc,alt:this.headerImageAlt?this.headerImageAlt:void 0,class:"tet-accordion__header-image"}),this.renderHeading(),this.isHeaderInteractive&&r("tet-icon",{key:"122456dbaab62726486021b2abe9d886516e6555",name:`chevron-${this.indicatorDirection}`,class:{"tet-accordion__icon":!0,open:this.isOpen}}))),r("div",{key:"1178fae23f7bf0772db6838d07dd3555f393cd41",ref:o=>this.contentWrapperElement=o,class:{"tet-accordion__content-wrapper":!0,visible:this.isOpen},inert:!this.isOpen},r("div",{key:"b0f235101ad186ff0a2e3689ad757248773a1d49",ref:o=>this.contentElement=o,class:{"tet-accordion__content":!0}},r("slot",{key:"6d8e0d8cb152a0434ae078ea7f0e535ba5925969"})))))}};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)}:host{--accordion-animation-duration:0.2s;--accordion-header-padding:1.5rem 0;--accordion-header-mobile-padding:0.75rem 0;--accordion-background-color:var(--tc-background-primary);--accordion-text-color:var(--tc-text-primary);--accordion-border-bottom-width:0.0625rem;--accordion-border-color:var(--tc-border-quaternary);--accordion-border-radius:0;--accordion-break-point:64rem;--accordion-outer-border:none;--accordion-header-font:500 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--accordion-header-display:flex;--accordion-header-align-items:normal;--accordion-header-text-desktop-margin-right:1.5rem}.dark-theme{--accordion-background-color:var(--tc-background-primary-dark);--accordion-text-color:var(--tc-text-primary-dark);--accordion-border-color:var(--tc-border-quaternary-dark)}.mint-theme{--accordion-background-color:rgb(10, 11, 13);--accordion-text-color:rgb(255, 255, 255);--accordion-border-color:rgb(88, 99, 116)}.tet-accordion{color:var(--accordion-text-color);background-color:var(--accordion-background-color);border-color:var(--accordion-border-color);border-radius:var(--accordion-border-radius);border:var(--accordion-outer-border)}.tet-accordion.transparent-bg{--accordion-background-color:transparent}.tet-accordion--border{border-bottom-style:solid;border-bottom-width:var(--accordion-border-bottom-width);box-sizing:border-box;padding-bottom:var(--accordion-border-bottom-width)}.tet-accordion__header{font:var(--accordion-header-mobile-font);padding:var(--accordion-header-mobile-padding);cursor:pointer;display:var(--accordion-header-display);align-items:var(--accordion-header-align-items);width:100%;border-radius:0.125rem}.tet-accordion__header--non-interactive{cursor:default}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}.tet-accordion__header:focus-visible.light{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header:focus-visible.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header-text{flex-grow:1;font:inherit;margin-right:0.5rem}@media all and (min-width: 31.25rem){.tet-accordion__header-text{margin-right:var(--accordion-header-text-desktop-margin-right)}}.tet-accordion__header-icon{margin-right:0.5rem}.tet-accordion__header .tet-accordion__header-image{padding-right:1rem}.tet-accordion__content{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";font-weight:400}@media all and (min-width: 31.25rem){.tet-accordion__content{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.tet-accordion__content::after{content:"";display:block}.tet-accordion__content-wrapper{height:0;overflow:hidden;transition:height var(--accordion-animation-duration) ease-in-out}.tet-accordion__content-wrapper.visible{height:auto}.tet-accordion__content-wrapper.visible:focus-within{overflow:visible}.tet-accordion__icon{align-self:center;--icon-color:var(--accordion-text-color);transition:transform 150ms ease-out;--icon-size:1.25rem}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__icon{--icon-size:1.5rem}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__icon{--icon-size:1.5rem}}.tet-accordion__icon.open{transform:rotate(-180deg)}';export{i as tet_accordion}

package/dist/tet-components/{p-e05e8cad.entry.js → p-3816f397.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as e,h as i,H as r}from"./p-83f43fdd.js";const a=class{constructor(i){t(this,i),this.tetDynamicCardClickEvent=e(this,"tetDynamicCardClickEvent",7),this.theme="light",this.size="S",this.sizeChangeBreakpoint="None",this.isInCarousel=!1,this.pictureLayoutShiftPosition="left",this.cardTitle=void 0,this.subtitle=void 0,this.tags=void 0,this.dateTag=void 0,this.dateTagColorLight="black",this.dateTagColorDark="white",this.priceTagOptions={show:!1,background:"white"},this.linkHref=void 0,this.linkText=void 0,this.linkNewTab=!1,this.index=void 0,this.isFocused=!1,this.originalSize=null,this.currentSize=null}onThemeChanged(t){"dark"===t?(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorLight}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorDark}`)):(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorDark}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorLight}`))}onSizeChange(){this.originalSize=this.size,this.resizeCard(window.innerWidth)}tetDynamicCardClickEvent;priceViewRef=null;buttonRef=null;dateTagColorRef=null;rootElementRef=null;BREAKPOINTS={MOBILE:768,TABLET_SMALL:1024,TABLET:1440,DESKTOP:1920};CARD_SIZES={standard:{S:"fit-content",M:"calc(50% - 0.75rem)",XL:"100%"},responsive:{mobile:"100%",tablet:"calc(100% - var(--card-width-tablet) - 1.5rem - 2px)",desktop:"calc(100% - var(--card-width-desktop) - 1.5rem - 2px)"}};getCardSize(t){return t<this.BREAKPOINTS.MOBILE?"XL":t<this.BREAKPOINTS.TABLET_SMALL?"M":("L"===this.originalSize\|\|"M"===this.originalSize)&&t<this.BREAKPOINTS.TABLET&&"Tab"===this.sizeChangeBreakpoint?"S":this.originalSize}getMinWidth(t){return t<this.BREAKPOINTS.MOBILE?"calc(var(--card-width-mobile)-2rem)":t<this.BREAKPOINTS.TABLET?"calc(var(--card-width-tablet)-2rem)":t<this.BREAKPOINTS.DESKTOP?"var(--card-width-tablet)":"var(--card-width-desktop)"}getCardWidth(t,e){if(this.isInCarousel)return"fit-content";if(e<this.BREAKPOINTS.MOBILE)return this.CARD_SIZES.responsive.mobile;if(e<this.BREAKPOINTS.TABLET){if(("L"===this.originalSize\|\|"M"===this.originalSize)&&"Tab"===this.sizeChangeBreakpoint)return"fit-content";if("M"===t)return this.CARD_SIZES.standard.M;if("L"===t)return this.CARD_SIZES.responsive.tablet}else if("L"===t)return e<this.BREAKPOINTS.DESKTOP?this.CARD_SIZES.responsive.tablet:this.CARD_SIZES.responsive.desktop;return this.CARD_SIZES.standard[t]\|\|"fit-content"}resizeCard=t=>{this.currentSize=this.getCardSize(t),this.rootElementRef.style.minWidth=this.getMinWidth(t),this.rootElementRef.style.width=this.getCardWidth(this.currentSize,t)};resizeObserver=new ResizeObserver((()=>{const t=window.innerWidth;this.resizeCard(t),t<768?(this.priceViewRef?.setAttribute("size","S"),this.buttonRef?.setAttribute("size","small")):t<1920?(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","medium")):(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","large"))}));componentWillLoad(){this.originalSize=this.size,this.currentSize=this.size}componentDidLoad(){this.onThemeChanged(this.theme),this.resizeObserver.observe(window.document.body)}handleClick=t=>{if(t.composedPath().some((t=>t instanceof HTMLElement&&t.classList?.contains("button"))))this.tetDynamicCardClickEvent.emit();else if(this.buttonRef&&this.linkHref){const t=this.buttonRef.shadowRoot?.querySelector("button");t&&t.click()}};renderTags(){const t="dark"===this.theme?this.dateTagColorDark:this.dateTagColorLight;return i("div",{class:"tags-container",part:"tags"},this.tags?.length>0&&i("div",{class:"tags"},this.tags.map((t=>i("span",{class:"tag"},t)))),this.dateTag&&i("div",{class:"tags"},i("div",{class:`tag colored colored--${t}`,ref:t=>{this.dateTagColorRef=t}},i("span",{class:"date-tag-text"},this.dateTag))))}renderPrice(){return this.priceTagOptions?.show?i("div",{class:"price",part:"price"},i("tet-price-view",{ref:t=>{this.priceViewRef=t},font:this.priceTagOptions.font\|\|"Gilroy, Arial, sans-serif",background:this.priceTagOptions.background,staticColors:this.priceTagOptions.isStatic,theme:this.theme,size:"S","heading-text":this.priceTagOptions.headingText,"price-type":this.priceTagOptions.priceType,"euro-price":this.priceTagOptions.euroPrice?.toString(),"cents-price":this.priceTagOptions.centsPrice?.toString(),"footer-text":this.priceTagOptions.footerText,"footer-text-type":this.priceTagOptions.footerTextType})):null}renderButton(){return this.linkText?i("div",{class:"button",part:"button"},i("tet-button",{type:"primary",size:"small",theme:this.theme,url:this.linkHref,"url-target":this.linkNewTab?"_blank":"_self","accessibility-label":this.linkText,ref:t=>{this.buttonRef=t}},this.linkText)):null}render(){return i(r,{key:"e835560322a1509753b6391ff1148137f2669395",class:{"dynamic-card":!0,"is-focused":this.isFocused},"data-index":this.index,ref:t=>{this.rootElementRef=t}},i("div",{key:"9155b5ea0293ef39c54f8d66c0df6c2931cf3d52",class:`card\n theme-${this.theme}\n size-${this.currentSize}\n position-${this.pictureLayoutShiftPosition}\n carousel-${this.isInCarousel}\n `,onClick:this.handleClick,onKeyUp:t=>{"Enter"===t.key&&this.handleClick(t)},tabindex:0,part:"card","aria-labelledby":this.cardTitle},i("div",{key:"6923cd94ffceae462b08d99e82a9c3f0dae21f84",class:"image",part:"image"},i("slot",{key:"4fe4f5e2c4edffb8229073f6cf59a0c4cac6fc43",name:"image"}),this.renderPrice(),this.renderTags()),i("div",{key:"2fda1db6c8b3828caf41e20aab7e09033581e007",class:"content-container"},i("div",{key:"5b5c81bd36839cd84ea23f2872007026e24b957e",class:"content",part:"content"},this.cardTitle&&i("h3",{key:"6b52cd192997cd9bbbab8ff4d9c19e31ead757c9",class:"title",part:"title"},this.cardTitle),this.subtitle&&i("p",{key:"2dd27ca9c13653ef5542950307fdd4583dd67fb9",class:"subtitle",part:"subtitle"},this.subtitle)),this.renderButton())))}static get watchers(){return{theme:["onThemeChanged"],size:["onSizeChange"]}}};a.style=":host{--image-type:cover;--image-background-color:var(--tc-background-white-black);--card-width-mobile:17.5rem;--card-height-mobile:27.75rem;--card-width-tablet:21.375rem;--card-height-tablet:33.875rem;--card-width-desktop:25.625rem;--card-height-desktop:39.5rem;--option-card-bg:var(--tc-background-white-black);--option-card-text:var(--tc-text-primary);--option-card-border:var(--tc-border-quaternary);display:block;font-family:var(--tet-font-family-primary)}.card{-webkit-user-drag:none;user-select:none;cursor:pointer;background:var(--tc-background-white-black);border-radius:1rem;border:0.0625rem solid var(--tc-border-quaternary);overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0 auto;min-width:var(--card-width-mobile);width:var(--card-width-mobile);height:var(--card-height-mobile);transition:box-shadow 0.15s ease}.card.size-S{width:var(--card-width-mobile);height:var(--card-height-mobile)}.card.size-XL,.card.size-L,.card.size-M{width:100%}.card:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem}.card:hover{box-shadow:0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 1.5px 6px 0 rgba(0, 0, 0, 0.08)}.card:hover ::slotted(img){transform:scale(1.06)}.card:active{box-shadow:0 0 1px 0 rgba(12, 12, 14, 0.08), 0 1px 3px 0 rgba(12, 12, 14, 0.12)}.card:active ::slotted(img){transform:scale(1.01)}.content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.image{-webkit-user-drag:none;user-select:none;flex-shrink:0;width:100%;height:16.125rem;overflow:hidden;position:relative;background-color:var(--image-background-color)}.image ::slotted(img){transition:transform 0.3s ease;width:100%;height:100%;object-fit:var(--image-type);display:block}.price{position:absolute;bottom:0.75rem;right:0.75rem;z-index:1}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem;z-index:1}.content{height:auto;padding:0 1rem;text-align:center}.title{margin:0;font-family:var(--font-family-fallback);font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:var(--tc-text-primary);line-height:1.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:3rem}.subtitle{color:var(--tc-text-primary);text-align:center;font-family:var(--font-family-content);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.003125rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:2.5rem}.button{margin-top:auto;margin-bottom:1.5rem;width:fit-content;text-wrap:nowrap}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem}.tags{display:flex;flex-wrap:wrap;gap:0.25rem}.tag{border:0.0625px solid var(--tc-border-tertiary);padding:0.1875rem 0.3125rem;border-radius:0.375rem;background:var(--tc-layer-primary);color:var(--tc-text-primary);font-family:var(--font-family-content);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem}.tag.colored--white{background:var(--tc-layer-primary);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.tag.colored--black{color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}.tag.colored--yellow{background:var(--tc-yellow-20);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.theme-dark{background:var(--tc-layer-primary-dark);border:0.0625rem solid var(--tc-border-quaternary-dark)}.theme-dark .title{color:var(--tc-text-primary-dark)}.theme-dark .subtitle{color:var(--tc-text-primary-dark)}.theme-dark .tag:not(.colored){color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}@media all and (min-width: 48rem){.card{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-S{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-M{width:100%}.card.size-M .image{width:100%}.card.size-M.carousel-true{width:44rem}.card.size-XL,.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-XL .image,.card.size-L .image{width:60%;height:100%}.card.size-XL .button,.card.size-L .button{margin-top:0}.card.size-XL.position-right,.card.size-L.position-right{flex-direction:row-reverse}.card.size-XL.carousel-true,.card.size-L.carousel-true{width:44rem}.image{width:var(--card-width-tablet);height:var(--card-width-tablet)}.title{font-size:1.5rem;line-height:1.75rem;max-height:3.5rem}.tag{font-size:0.875rem;line-height:1.25rem;letter-spacing:-0.003125rem}}@media all and (min-width: 90rem){.card.size-M{width:100%}.card.size-M.carousel-true{width:39.375rem}.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-L .image{width:62%;height:100%}.card.size-L .button{margin-top:0}.card.size-L.position-right{flex-direction:row-reverse}.card.size-L.carousel-true{width:57.25rem}.card.size-XL .image{width:64%}.card.size-XL.carousel-true{width:80.25rem}}@media all and (min-width: 120rem){.card{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-S{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-L.carousel-true{width:83.125rem}.card.size-XL .image{width:72%}.card.size-XL.carousel-true{width:110.25rem}.image{width:var(--card-width-desktop);height:var(--card-width-desktop)}.title{font-size:1.75rem;line-height:2rem;max-height:4rem}.subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem;max-height:3rem}}";export{a as tet_dynamic_card}
1	+ import{r as t,c as e,h as i,H as r}from"./p-7c868b40.js";const a=class{constructor(i){t(this,i),this.tetDynamicCardClickEvent=e(this,"tetDynamicCardClickEvent",7),this.theme="light",this.size="S",this.sizeChangeBreakpoint="None",this.isInCarousel=!1,this.pictureLayoutShiftPosition="left",this.cardTitle=void 0,this.subtitle=void 0,this.tags=void 0,this.dateTag=void 0,this.dateTagColorLight="black",this.dateTagColorDark="white",this.priceTagOptions={show:!1,background:"white"},this.linkHref=void 0,this.linkText=void 0,this.linkNewTab=!1,this.index=void 0,this.isFocused=!1,this.originalSize=null,this.currentSize=null}onThemeChanged(t){"dark"===t?(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorLight}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorDark}`)):(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorDark}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorLight}`))}onSizeChange(){this.originalSize=this.size,this.resizeCard(window.innerWidth)}tetDynamicCardClickEvent;priceViewRef=null;buttonRef=null;dateTagColorRef=null;rootElementRef=null;BREAKPOINTS={MOBILE:768,TABLET_SMALL:1024,TABLET:1440,DESKTOP:1920};CARD_SIZES={standard:{S:"fit-content",M:"calc(50% - 0.75rem)",XL:"100%"},responsive:{mobile:"100%",tablet:"calc(100% - var(--card-width-tablet) - 1.5rem - 2px)",desktop:"calc(100% - var(--card-width-desktop) - 1.5rem - 2px)"}};getCardSize(t){return t<this.BREAKPOINTS.MOBILE?"XL":t<this.BREAKPOINTS.TABLET_SMALL?"M":("L"===this.originalSize\|\|"M"===this.originalSize)&&t<this.BREAKPOINTS.TABLET&&"Tab"===this.sizeChangeBreakpoint?"S":this.originalSize}getMinWidth(t){return t<this.BREAKPOINTS.MOBILE?"calc(var(--card-width-mobile)-2rem)":t<this.BREAKPOINTS.TABLET?"calc(var(--card-width-tablet)-2rem)":t<this.BREAKPOINTS.DESKTOP?"var(--card-width-tablet)":"var(--card-width-desktop)"}getCardWidth(t,e){if(this.isInCarousel)return"fit-content";if(e<this.BREAKPOINTS.MOBILE)return this.CARD_SIZES.responsive.mobile;if(e<this.BREAKPOINTS.TABLET){if(("L"===this.originalSize\|\|"M"===this.originalSize)&&"Tab"===this.sizeChangeBreakpoint)return"fit-content";if("M"===t)return this.CARD_SIZES.standard.M;if("L"===t)return this.CARD_SIZES.responsive.tablet}else if("L"===t)return e<this.BREAKPOINTS.DESKTOP?this.CARD_SIZES.responsive.tablet:this.CARD_SIZES.responsive.desktop;return this.CARD_SIZES.standard[t]\|\|"fit-content"}resizeCard=t=>{this.currentSize=this.getCardSize(t),this.rootElementRef.style.minWidth=this.getMinWidth(t),this.rootElementRef.style.width=this.getCardWidth(this.currentSize,t)};resizeObserver=new ResizeObserver((()=>{const t=window.innerWidth;this.resizeCard(t),t<768?(this.priceViewRef?.setAttribute("size","S"),this.buttonRef?.setAttribute("size","small")):t<1920?(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","medium")):(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","large"))}));componentWillLoad(){this.originalSize=this.size,this.currentSize=this.size}componentDidLoad(){this.onThemeChanged(this.theme),this.resizeObserver.observe(window.document.body)}handleClick=t=>{if(t.composedPath().some((t=>t instanceof HTMLElement&&t.classList?.contains("button"))))this.tetDynamicCardClickEvent.emit();else if(this.buttonRef&&this.linkHref){const t=this.buttonRef.shadowRoot?.querySelector("button");t&&t.click()}};renderTags(){const t="dark"===this.theme?this.dateTagColorDark:this.dateTagColorLight;return i("div",{class:"tags-container",part:"tags"},this.tags?.length>0&&i("div",{class:"tags"},this.tags.map((t=>i("span",{class:"tag"},t)))),this.dateTag&&i("div",{class:"tags"},i("div",{class:`tag colored colored--${t}`,ref:t=>{this.dateTagColorRef=t}},i("span",{class:"date-tag-text"},this.dateTag))))}renderPrice(){return this.priceTagOptions?.show?i("div",{class:"price",part:"price"},i("tet-price-view",{ref:t=>{this.priceViewRef=t},font:this.priceTagOptions.font\|\|"Gilroy, Arial, sans-serif",background:this.priceTagOptions.background,staticColors:this.priceTagOptions.isStatic,theme:this.theme,size:"S","heading-text":this.priceTagOptions.headingText,"price-type":this.priceTagOptions.priceType,"euro-price":this.priceTagOptions.euroPrice?.toString(),"cents-price":this.priceTagOptions.centsPrice?.toString(),"footer-text":this.priceTagOptions.footerText,"footer-text-type":this.priceTagOptions.footerTextType})):null}renderButton(){return this.linkText?i("div",{class:"button",part:"button"},i("tet-button",{type:"primary",size:"small",theme:this.theme,url:this.linkHref,"url-target":this.linkNewTab?"_blank":"_self","accessibility-label":this.linkText,ref:t=>{this.buttonRef=t}},this.linkText)):null}render(){return i(r,{key:"e835560322a1509753b6391ff1148137f2669395",class:{"dynamic-card":!0,"is-focused":this.isFocused},"data-index":this.index,ref:t=>{this.rootElementRef=t}},i("div",{key:"9155b5ea0293ef39c54f8d66c0df6c2931cf3d52",class:`card\n theme-${this.theme}\n size-${this.currentSize}\n position-${this.pictureLayoutShiftPosition}\n carousel-${this.isInCarousel}\n `,onClick:this.handleClick,onKeyUp:t=>{"Enter"===t.key&&this.handleClick(t)},tabindex:0,part:"card","aria-labelledby":this.cardTitle},i("div",{key:"6923cd94ffceae462b08d99e82a9c3f0dae21f84",class:"image",part:"image"},i("slot",{key:"4fe4f5e2c4edffb8229073f6cf59a0c4cac6fc43",name:"image"}),this.renderPrice(),this.renderTags()),i("div",{key:"2fda1db6c8b3828caf41e20aab7e09033581e007",class:"content-container"},i("div",{key:"5b5c81bd36839cd84ea23f2872007026e24b957e",class:"content",part:"content"},this.cardTitle&&i("h3",{key:"6b52cd192997cd9bbbab8ff4d9c19e31ead757c9",class:"title",part:"title"},this.cardTitle),this.subtitle&&i("p",{key:"2dd27ca9c13653ef5542950307fdd4583dd67fb9",class:"subtitle",part:"subtitle"},this.subtitle)),this.renderButton())))}static get watchers(){return{theme:["onThemeChanged"],size:["onSizeChange"]}}};a.style=":host{--image-type:cover;--image-background-color:var(--tc-background-white-black);--card-width-mobile:17.5rem;--card-height-mobile:27.75rem;--card-width-tablet:21.375rem;--card-height-tablet:33.875rem;--card-width-desktop:25.625rem;--card-height-desktop:39.5rem;--option-card-bg:var(--tc-background-white-black);--option-card-text:var(--tc-text-primary);--option-card-border:var(--tc-border-quaternary);display:block;font-family:var(--tet-font-family-primary)}.card{-webkit-user-drag:none;user-select:none;cursor:pointer;background:var(--tc-background-white-black);border-radius:1rem;border:0.0625rem solid var(--tc-border-quaternary);overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0 auto;min-width:var(--card-width-mobile);width:var(--card-width-mobile);height:var(--card-height-mobile);transition:box-shadow 0.15s ease}.card.size-S{width:var(--card-width-mobile);height:var(--card-height-mobile)}.card.size-XL,.card.size-L,.card.size-M{width:100%}.card:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem}.card:hover{box-shadow:0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 1.5px 6px 0 rgba(0, 0, 0, 0.08)}.card:hover ::slotted(img){transform:scale(1.06)}.card:active{box-shadow:0 0 1px 0 rgba(12, 12, 14, 0.08), 0 1px 3px 0 rgba(12, 12, 14, 0.12)}.card:active ::slotted(img){transform:scale(1.01)}.content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.image{-webkit-user-drag:none;user-select:none;flex-shrink:0;width:100%;height:16.125rem;overflow:hidden;position:relative;background-color:var(--image-background-color)}.image ::slotted(img){transition:transform 0.3s ease;width:100%;height:100%;object-fit:var(--image-type);display:block}.price{position:absolute;bottom:0.75rem;right:0.75rem;z-index:1}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem;z-index:1}.content{height:auto;padding:0 1rem;text-align:center}.title{margin:0;font-family:var(--font-family-fallback);font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:var(--tc-text-primary);line-height:1.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:3rem}.subtitle{color:var(--tc-text-primary);text-align:center;font-family:var(--font-family-content);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.003125rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:2.5rem}.button{margin-top:auto;margin-bottom:1.5rem;width:fit-content;text-wrap:nowrap}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem}.tags{display:flex;flex-wrap:wrap;gap:0.25rem}.tag{border:0.0625px solid var(--tc-border-tertiary);padding:0.1875rem 0.3125rem;border-radius:0.375rem;background:var(--tc-layer-primary);color:var(--tc-text-primary);font-family:var(--font-family-content);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem}.tag.colored--white{background:var(--tc-layer-primary);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.tag.colored--black{color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}.tag.colored--yellow{background:var(--tc-yellow-20);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.theme-dark{background:var(--tc-layer-primary-dark);border:0.0625rem solid var(--tc-border-quaternary-dark)}.theme-dark .title{color:var(--tc-text-primary-dark)}.theme-dark .subtitle{color:var(--tc-text-primary-dark)}.theme-dark .tag:not(.colored){color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}@media all and (min-width: 48rem){.card{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-S{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-M{width:100%}.card.size-M .image{width:100%}.card.size-M.carousel-true{width:44rem}.card.size-XL,.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-XL .image,.card.size-L .image{width:60%;height:100%}.card.size-XL .button,.card.size-L .button{margin-top:0}.card.size-XL.position-right,.card.size-L.position-right{flex-direction:row-reverse}.card.size-XL.carousel-true,.card.size-L.carousel-true{width:44rem}.image{width:var(--card-width-tablet);height:var(--card-width-tablet)}.title{font-size:1.5rem;line-height:1.75rem;max-height:3.5rem}.tag{font-size:0.875rem;line-height:1.25rem;letter-spacing:-0.003125rem}}@media all and (min-width: 90rem){.card.size-M{width:100%}.card.size-M.carousel-true{width:39.375rem}.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-L .image{width:62%;height:100%}.card.size-L .button{margin-top:0}.card.size-L.position-right{flex-direction:row-reverse}.card.size-L.carousel-true{width:57.25rem}.card.size-XL .image{width:64%}.card.size-XL.carousel-true{width:80.25rem}}@media all and (min-width: 120rem){.card{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-S{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-L.carousel-true{width:83.125rem}.card.size-XL .image{width:72%}.card.size-XL.carousel-true{width:110.25rem}.image{width:var(--card-width-desktop);height:var(--card-width-desktop)}.title{font-size:1.75rem;line-height:2rem;max-height:4rem}.subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem;max-height:3rem}}";export{a as tet_dynamic_card}