@tet/tet-components 1.4.141-staging → 1.4.142-staging

package/dist/tet-components/{p-86614def.entry.js → p-63238349.entry.js}

@@ -1 +1 @@
-import{r as a,a as r,h as t,H as e}from"./p-st4TD55I.js";const i=class{constructor(r){a(this,r)}barContainerRef;barLabelContainerRef;valueOverflowTimeout;get element(){return r(this)}parentContainer;data=[];minValue=0;maxValue=1;valueUnit="";labelPosition="responsive";valuePosition="inside";autoPositionValues=!0;dataOrder="none";withGrid=!1;showGridValues=!1;gridLineCount=0;gridValueDecimals=2;animationDuration=500;size="auto";theme="light";orientation="horizontal";displayData=[];componentSize="large";labelWidth=0;overflowingValueIds=[];onSizeChange(a){"auto"!==a&&(this.componentSize=a)}onDataOrderChange(){this.animateDisplayDataChanges()}onDataChange(){this.animateDisplayDataChanges(),requestAnimationFrame((()=>{this.sortGraph(),this.updateValueOverflow()})),this.recheckValueOverflowAfterBarAnimation()}onBarLayoutChange(a,r,t){"orientation"!==t&&this.animateDisplayDataChanges(),"valuePosition"!==t&&this.recheckValueOverflowAfterBarAnimation(),requestAnimationFrame(this.updateValueOverflow)}onAutoPositionValuesChange(){this.autoPositionValues?requestAnimationFrame(this.updateValueOverflow):this.overflowingValueIds=[]}onWindowResize(){this.autoSetComponentSize(),this.updateValueOverflow()}onBarTransitionEnd(a){!a.composedPath().some((a=>a instanceof HTMLElement&&a.classList.contains("bar-graph__bar-container")))||"width"!==a.propertyName&&"height"!==a.propertyName||this.updateValueOverflow()}componentWillLoad(){void 0===this.parentContainer&&(this.parentContainer=this.element),"auto"!==this.size&&(this.componentSize=this.size),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){this.autoSetComponentSize(),requestAnimationFrame((()=>{this.updateValueOverflow(),requestAnimationFrame(this.updateValueOverflow)})),document.fonts?.ready.then((()=>{this.element.isConnected&&this.updateValueOverflow()}))}disconnectedCallback(){void 0!==this.valueOverflowTimeout&&clearTimeout(this.valueOverflowTimeout)}componentDidRender(){if(!this.withGrid||!this.showGridValues)return this.element.style.removeProperty("--bar-graph-grid-label-width"),void this.element.style.removeProperty("--bar-graph-horizontal-grid-value-offset");const a=Array.from(this.element.shadowRoot?.querySelectorAll(".bar-graph__data-grid-value")??[]);if("horizontal"===this.orientation){this.element.style.removeProperty("--bar-graph-grid-label-width");const r=a.at(-1),t=r?Math.ceil(r.getBoundingClientRect().width/2):0;return void(t>0?this.element.style.setProperty("--bar-graph-horizontal-grid-value-offset",`${t}px`):this.element.style.removeProperty("--bar-graph-horizontal-grid-value-offset"))}this.element.style.removeProperty("--bar-graph-horizontal-grid-value-offset");const r=Math.ceil(Math.max(...a.map((a=>a.getBoundingClientRect().width))));r>0&&this.element.style.setProperty("--bar-graph-grid-label-width",`${r+8}px`)}calculateDisplayData=(a=!1,r=this.data)=>{const t=[],e=this.maxValue-this.minValue,i=this.getDecimalPlaces(r.map((a=>a.value)));for(const a of r){let r=a.value;r<this.minValue&&(r=this.minValue),r>this.maxValue&&(r=this.maxValue);const o=(r-this.minValue)/e*100||(this.withGrid&&0===a.value?0:1);t.push({...a,width:o,formattedValue:this.formatValue(a.value,i),order:-1})}"ascending"===this.dataOrder?t.sort(((a,r)=>a.value-r.value)):"descending"===this.dataOrder&&t.sort(((a,r)=>r.value-a.value));for(let a=0;a<t.length;a++)t[a].order=a;a?this.updateExistingDisplayData(t):this.displayData=t};updateExistingDisplayData=a=>{const r=this.getBarElements();for(const t of a){const a=this.displayData.find((a=>a.id===t.id));void 0===a?this.displayData.push(t):Object.assign(a,t);const e=r.find((a=>t.id===a.dataset.id));void 0!==e&&(e.dataset.order=t.order.toString())}const t=a.map((a=>a.id));this.displayData=this.displayData.filter((a=>t.includes(a.id)))};animateDisplayDataChanges=()=>{this.setElementOffsets(),this.calculateDisplayData(!0),this.sortGraph();const a=this.getBarElements();for(const r of a)this.animateElementTranslate(r)};getBarElements=()=>Array.from(this.barContainerRef?.children??[]).filter((a=>a instanceof HTMLElement));animateElementTranslate=a=>{const r=a.dataset.offset;if(void 0===r)return;const t=Number.parseFloat(r),e="vertical"===this.orientation?"X":"Y",i=`translate${e}(${t-("vertical"===this.orientation?a.getBoundingClientRect().left:a.getBoundingClientRect().top)}px)`;a.style.transform=i;const o=a.animate({transform:`translate${e}(0)`},{duration:this.animationDuration});if(void 0!==o&&(o.onfinish=()=>{a.style.transform=""}),"vertical"===this.orientation||!this.barLabelContainerRef)return;const n=this.barLabelContainerRef.querySelector(`[data-id="${a.getAttribute("data-id")}"]`);if(null!==n){n.style.transform=i;const a=n.animate({transform:`translate${e}(0)`},{duration:this.animationDuration});void 0!==a&&(a.onfinish=()=>{n.style.transform=""})}};updateValueOverflow=()=>{if(!this.autoPositionValues||!this.barContainerRef)return void(this.overflowingValueIds.length>0&&(this.overflowingValueIds=[]));const a=this.getBarElements().reduce(((a,r)=>{const t=r.querySelector(".bar-graph__bar"),e=r.querySelector("after"===this.valuePosition?".bar-graph__bar-value--after":".bar-graph__bar-value:not(.bar-graph__bar-value--after)"),i=t?.getBoundingClientRect(),o=e?.getBoundingClientRect(),n=r.getBoundingClientRect(),l=r.dataset.id,s=.5*(Number.parseFloat(getComputedStyle(document.documentElement).fontSize)||16);let h=!1;return void 0!==i&&void 0!==o&&(h="after"===this.valuePosition?"horizontal"===this.orientation&&o.width>n.right-i.right:"vertical"===this.orientation?o.height+s>i.height:o.width>i.width),void 0!==l&&h&&a.push(l),a}),[]);a.join()!==this.overflowingValueIds.join()&&(this.overflowingValueIds=a)};recheckValueOverflowAfterBarAnimation=()=>{void 0!==this.valueOverflowTimeout&&clearTimeout(this.valueOverflowTimeout),this.valueOverflowTimeout=setTimeout((()=>{this.valueOverflowTimeout=void 0,this.updateValueOverflow()}),this.animationDuration)};setElementOffsets=()=>{if(void 0===this.barContainerRef)return;const a=this.getBarElements();for(const r of a){const a="vertical"===this.orientation?r.getBoundingClientRect().left:r.getBoundingClientRect().top;r.dataset.offset=a.toString()}};formatValue=(a,r,t=!0)=>{let e=a.toFixed(r).replace(".",",");return t&&this.valueUnit&&(e=`${e} ${this.valueUnit}`),e};getDecimalPlaces=a=>Math.max(0,...a.map((a=>a.toString().split(".")[1]?.length||0)));formatGridValue=(a,r)=>{const t=this.maxValue-this.minValue,e=a/(r-1),i="vertical"===this.orientation?this.maxValue-t*e:this.minValue+t*e,o=this.gridValueDecimals>=0?Math.floor(this.gridValueDecimals):this.getDecimalPlaces([this.minValue,this.maxValue,...this.data.map((a=>a.value))]);return this.formatValue(i,o,!1)};autoSetComponentSize=()=>{if("auto"!==this.size)return;let a;a=this.parentContainer?.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.componentSize=a>=1024?"large":"small"};sortGraph=()=>{const a=this.getBarElements();a.sort(((a,r)=>Number.parseInt(a.dataset.order??"0",10)-Number.parseInt(r.dataset.order??"0",10)));for(const r of a)r.style.order=r.dataset.order??""};renderLabel=(a,r)=>t("div",{class:{"bar-graph__label":!0,"bar-graph__label--inline":r,[`bar-graph__label--${a.type}`]:!0},"data-id":a.id,style:{order:r?a.order.toString():void 0}},a.label);renderBar=a=>{const r=this.withGrid&&0===a.value,e=this.autoPositionValues&&this.overflowingValueIds.includes(a.id);return"vertical"===this.orientation?t("div",{class:{"bar-graph__item":!0,"bar-graph__item--vertical":!0},"data-id":a.id,"data-order":a.order,style:{zIndex:"primary"===a.type?"1":"0"}},t("div",{class:"bar-graph__bar-container",style:{height:`${a.width}%`}},t("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${a.type}`]:!0,"bar-graph__bar--zero":r}},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--over-bar":e&&"inside"===this.valuePosition,hidden:"inside"!==this.valuePosition}},a.formattedValue))),t("div",{class:"bar-graph__bar-value-container",style:{bottom:`${a.width}%`}},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,"bar-graph__bar-value--primary":e&&"primary"===a.type,"bar-graph__bar-value--over-bar":e&&"after"===this.valuePosition,hidden:"after"!==this.valuePosition}},a.formattedValue)),this.renderLabel(a,!0)):t("div",{class:"bar-graph__item","data-id":a.id,"data-order":a.order,style:{zIndex:"primary"===a.type?"1":"0"}},t("div",{class:{hidden:"responsive"!==this.labelPosition||"small"!==this.componentSize}},this.renderLabel(a,!1)),t("div",{class:{"bar-graph__bar-container":!0,"bar-graph__bar-container--zero":r},style:{width:`${a.width}%`}},t("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${a.type}`]:!0,"bar-graph__bar--zero":r}},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--over-bar":e&&"inside"===this.valuePosition,hidden:"inside"!==this.valuePosition}},a.formattedValue)),t("div",{class:"bar-graph__bar-value-container"},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,"bar-graph__bar-value--primary":e&&"primary"===a.type,"bar-graph__bar-value--over-bar":e&&"after"===this.valuePosition,hidden:"after"!==this.valuePosition}},a.formattedValue))))};renderGridLines(){const a="small"===this.componentSize?6:12,r=this.gridLineCount>0?Math.max(2,Math.floor(this.gridLineCount)):a,e=[];for(let a=0;a<r;a++)e.push(t("div",{class:"bar-graph__data-grid--line"},this.withGrid&&this.showGridValues&&t("span",{class:"bar-graph__data-grid-value"},this.formatGridValue(a,r))));return e}render(){return t(e,{key:"8d7fb34344f9d2658bdd4036e4a395dd0fc90344",class:{"bar-graph-host--vertical":"vertical"===this.orientation}},t("div",{key:"dc5b1423764b05cc5b09dff00a10c4c12bfe21b6",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,"bar-graph--horizontal-with-grid-values":"horizontal"===this.orientation&&this.withGrid&&this.showGridValues,"bar-graph--vertical":"vertical"===this.orientation,"bar-graph--with-grid-values":this.withGrid&&this.showGridValues,[this.theme]:!0}},t("div",{key:"ca7f3b237e61da47ea35570cba9fd27cecd9c5b5",class:"bar-graph__container"},t("div",{key:"834281e2385866f59be03cab974a6a348a05d8b5",class:{"bar-graph__label-container":!0,hidden:"vertical"===this.orientation||"responsive"===this.labelPosition&&"small"===this.componentSize},ref:a=>this.barLabelContainerRef=a},this.displayData.map((a=>this.renderLabel(a,!0)))),t("div",{key:"6653d168641c821bb03661b26f793409d55e10e8",class:"bar-graph__graph-container"},t("div",{key:"cbb86c4b0975497b4301fe31486f03a09546db93",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),t("div",{key:"2694aa15c15e672f244473d47b9c494dcb0beffa",class:"bar-graph__item-container",ref:a=>this.barContainerRef=a},this.displayData.map((a=>this.renderBar(a))))))))}static get watchers(){return{size:[{onSizeChange:0}],dataOrder:[{onDataOrderChange:0}],data:[{onDataChange:0}],minValue:[{onBarLayoutChange:0}],maxValue:[{onBarLayoutChange:0}],orientation:[{onBarLayoutChange:0}],valuePosition:[{onBarLayoutChange:0}],autoPositionValues:[{onAutoPositionValuesChange:0}]}}};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{display:block;--bar-graph-bar-border-radius:0.5rem;--bar-graph-bar-height:2rem;--bar-graph-bar-primary-color:var(--tc-alert-accent-warning);--bar-graph-bar-secondary-color:var(--tc-background-tertiary);--bar-graph-label-primary-color:var(--tc-text-primary);--bar-graph-label-primary-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-primary-line-height:1.5rem;--bar-graph-label-secondary-color:var(--tc-text-tertiary);--bar-graph-label-secondary-font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-secondary-line-height:1.5rem;--bar-graph-value-color:var(--tc-text-primary);--bar-graph-value-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--bar-graph-value-after-padding:0.5rem;--bar-graph-data-grid-line-width:0.0625rem;--bar-graph-data-grid-line-color:var(--tc-border-quaternary);--bar-graph-data-horizontal-grid-base-line-color:var(--tc-border-tertiary);--bar-graph-data-grid-value-font:500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif;--bar-graph-data-grid-value-color:var(--tc-text-secondary);--bar-graph-vertical-height:13.75rem;--bar-graph-vertical-label-wrap:normal;--bar-graph-animation-duration:0.5s}:host(.bar-graph-host--vertical){height:100%}.dark{--bar-graph-bar-primary-color:var(--tc-alert-accent-warning-dark);--bar-graph-bar-secondary-color:var(--tc-background-tertiary-dark);--bar-graph-label-primary-color:var(--tc-text-primary-dark);--bar-graph-label-secondary-color:var(--tc-text-tertiary-dark);--bar-graph-value-color:var(--tc-text-primary-dark);--bar-graph-data-grid-line-color:var(--tc-border-quaternary-dark);--bar-graph-data-horizontal-grid-base-line-color:var(--tc-border-tertiary-dark);--bar-graph-data-grid-value-color:var(--tc-text-secondary-dark)}.bar-graph__container{display:flex;flex-direction:row}.bar-graph__label-container{padding:0.5rem 0;display:flex;flex-direction:column;gap:0.5rem}.bar-graph__graph-container{padding:0.5rem 0;display:flex;flex-direction:column;flex:1;gap:0.5rem;transform-origin:0% 0%;width:100%;position:relative;overflow:hidden}.bar-graph__item-container{display:contents}.bar-graph__item{display:flex;flex-direction:column}.bar-graph__bar-container{position:relative;flex:1;flex-direction:row;display:flex;transition:width var(--bar-graph-animation-duration);width:100%}.bar-graph--large .bar-graph__bar-container{width:auto}.bar-graph__label{padding-right:0.5rem;box-sizing:border-box}.bar-graph__label--primary{font:var(--bar-graph-label-primary-font);color:var(--bar-graph-label-primary-color);line-height:var(--bar-graph-label-primary-line-height)}.bar-graph__label--secondary{font:var(--bar-graph-label-secondary-font);color:var(--bar-graph-label-secondary-color);line-height:var(--bar-graph-label-secondary-line-height)}.bar-graph__label--inline{display:flex;align-items:center;justify-content:right;text-align:right;padding-left:0.5rem;height:var(--bar-graph-bar-height)}.bar-graph__bar{display:flex;border-radius:var(--bar-graph-bar-border-radius);height:var(--bar-graph-bar-height);align-items:center;box-sizing:border-box;flex:1;min-width:0.5rem}.bar-graph__bar--primary{background-color:var(--bar-graph-bar-primary-color)}.bar-graph__bar--primary .bar-graph__bar-value{color:var(--tc-text-primary)}.bar-graph__bar--secondary{background-color:var(--bar-graph-bar-secondary-color)}.bar-graph__bar--zero{min-width:0;min-height:0}.bar-graph__bar-value{font:var(--bar-graph-value-font);color:var(--bar-graph-value-color);padding-left:1rem;box-sizing:border-box;white-space:nowrap;position:absolute;transition:color var(--bar-graph-animation-duration), left var(--bar-graph-animation-duration), bottom var(--bar-graph-animation-duration), transform var(--bar-graph-animation-duration)}.bar-graph__bar-value--after{position:absolute;padding-left:var(--bar-graph-value-after-padding);display:flex;text-align:right;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph .bar-graph__bar .bar-graph__bar-value--over-bar{color:var(--bar-graph-value-color)}.bar-graph__bar-value-container{position:absolute;transition:left var(--bar-graph-animation-duration)}.bar-graph__data-grid{position:absolute;display:flex;justify-content:space-between;height:100%;width:100%;padding:0;box-sizing:border-box;pointer-events:none}.bar-graph__data-grid--line{display:flex;position:relative;border-right-style:solid;border-right-width:var(--bar-graph-data-grid-line-width);border-right-color:var(--bar-graph-data-grid-line-color)}.bar-graph__data-grid-value{position:absolute;top:calc(100% + 0.25rem);left:0;transform:translateX(-50%);color:var(--bar-graph-data-grid-value-color);font:var(--bar-graph-data-grid-value-font);white-space:nowrap}.bar-graph .hidden{display:none}.bar-graph--horizontal-with-grid-values .bar-graph__graph-container{padding-bottom:2rem;padding-right:calc(var(--bar-graph-horizontal-grid-value-offset, 0.75rem) + 0.25rem)}.bar-graph--horizontal-with-grid-values .bar-graph__data-grid{top:0.5rem;left:0;right:calc(var(--bar-graph-horizontal-grid-value-offset, 0.75rem) + 0.25rem);bottom:1.5rem;height:auto;width:auto}.bar-graph--vertical{height:100%}.bar-graph--vertical .bar-graph__container{display:block;height:100%}.bar-graph--vertical .bar-graph__graph-container{height:var(--bar-graph-vertical-height);padding:0.5rem 0 2.5rem;box-sizing:border-box}.bar-graph--vertical .bar-graph__item-container{display:flex;align-items:flex-end;gap:0.5rem;height:100%}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__graph-container{padding-top:1.5rem}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__item-container{margin-left:var(--bar-graph-grid-label-width, 0)}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__bar{min-height:0}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__data-grid{top:1.5rem}.bar-graph--vertical .bar-graph__item--vertical{position:relative;display:flex;flex:1;align-items:stretch;justify-content:flex-end;height:100%;min-width:0}.bar-graph--vertical .bar-graph__bar-container{flex:none;width:100%;transition:height var(--bar-graph-animation-duration)}.bar-graph--vertical .bar-graph__bar{width:100%;height:100%;min-height:0.5rem;justify-content:center;border-radius:var(--bar-graph-bar-border-radius) var(--bar-graph-bar-border-radius) 0 0}.bar-graph--vertical .bar-graph__bar--zero{min-height:0}.bar-graph--vertical .bar-graph__bar-value:not(.bar-graph__bar-value--after){bottom:0.5rem;transition:bottom var(--bar-graph-animation-duration), color var(--bar-graph-animation-duration);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);padding:0}.bar-graph--vertical .bar-graph__bar-value-container{bottom:0;left:0;width:100%;transition:bottom var(--bar-graph-animation-duration)}.bar-graph--vertical .bar-graph__bar-value--after{justify-content:center;width:100%;transform:translateY(-100%)}.bar-graph--vertical .bar-graph__bar-value--over-bar:not(.bar-graph__bar-value--after){bottom:calc(100% + 0.25rem)}.bar-graph--vertical .bar-graph__label{position:absolute;top:calc(100% + 0.25rem);width:100%;padding:0;height:auto;justify-content:center;text-align:center;white-space:var(--bar-graph-vertical-label-wrap)}.bar-graph--vertical .bar-graph__data-grid{top:0.5rem;bottom:2.5rem;flex-direction:column;height:auto;padding:0}.bar-graph--vertical .bar-graph__data-grid--line{width:100%;border-top-style:solid;border-top-width:var(--bar-graph-data-grid-line-width);border-top-color:var(--bar-graph-data-grid-line-color);border-right:0}.bar-graph--vertical .bar-graph__data-grid-value{top:0;right:auto;transform:translateY(-95%)}.bar-graph--vertical .bar-graph__data-grid--line:last-child{border-top-color:var(--bar-graph-data-horizontal-grid-base-line-color);width:calc(100% - var(--bar-graph-grid-label-width, 0px));margin-left:auto}.bar-graph--vertical .bar-graph__data-grid--line:last-child .bar-graph__data-grid-value{display:none}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-container{min-width:0.5rem}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-container--zero{min-width:0}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar{min-width:0}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value-container{top:0;left:100%}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value:not(.bar-graph__bar-value--after){left:0}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value--over-bar:not(.bar-graph__bar-value--after){left:100%;padding:0 0.5rem;display:flex;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value--after.bar-graph__bar-value--over-bar{transform:translateX(calc(-100% - var(--bar-graph-value-after-padding)))}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value--after.bar-graph__bar-value--over-bar.bar-graph__bar-value--primary{color:var(--tc-text-primary)}.bar-graph:not(.bar-graph--vertical) .bar-graph__data-grid--line:first-child{visibility:hidden}.bar-graph:not(.bar-graph--vertical) .bar-graph__data-grid--line:first-child .bar-graph__data-grid-value{display:none}';export{i as tet_bar_graph}
+import{r as a,d as r,h as t,H as e}from"./p-BWP8psSS.js";const i=class{constructor(r){a(this,r)}barContainerRef;barLabelContainerRef;valueOverflowTimeout;get element(){return r(this)}parentContainer;data=[];minValue=0;maxValue=1;valueUnit="";labelPosition="responsive";valuePosition="inside";autoPositionValues=!0;dataOrder="none";withGrid=!1;showGridValues=!1;gridLineCount=0;gridValueDecimals=2;animationDuration=500;size="auto";theme="light";orientation="horizontal";displayData=[];componentSize="large";labelWidth=0;overflowingValueIds=[];onSizeChange(a){"auto"!==a&&(this.componentSize=a)}onDataOrderChange(){this.animateDisplayDataChanges()}onDataChange(){this.animateDisplayDataChanges(),requestAnimationFrame((()=>{this.sortGraph(),this.updateValueOverflow()})),this.recheckValueOverflowAfterBarAnimation()}onBarLayoutChange(a,r,t){"orientation"!==t&&this.animateDisplayDataChanges(),"valuePosition"!==t&&this.recheckValueOverflowAfterBarAnimation(),requestAnimationFrame(this.updateValueOverflow)}onAutoPositionValuesChange(){this.autoPositionValues?requestAnimationFrame(this.updateValueOverflow):this.overflowingValueIds=[]}onWindowResize(){this.autoSetComponentSize(),this.updateValueOverflow()}onBarTransitionEnd(a){!a.composedPath().some((a=>a instanceof HTMLElement&&a.classList.contains("bar-graph__bar-container")))||"width"!==a.propertyName&&"height"!==a.propertyName||this.updateValueOverflow()}componentWillLoad(){void 0===this.parentContainer&&(this.parentContainer=this.element),"auto"!==this.size&&(this.componentSize=this.size),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){this.autoSetComponentSize(),requestAnimationFrame((()=>{this.updateValueOverflow(),requestAnimationFrame(this.updateValueOverflow)})),document.fonts?.ready.then((()=>{this.element.isConnected&&this.updateValueOverflow()}))}disconnectedCallback(){void 0!==this.valueOverflowTimeout&&clearTimeout(this.valueOverflowTimeout)}componentDidRender(){if(!this.withGrid||!this.showGridValues)return this.element.style.removeProperty("--bar-graph-grid-label-width"),void this.element.style.removeProperty("--bar-graph-horizontal-grid-value-offset");const a=Array.from(this.element.shadowRoot?.querySelectorAll(".bar-graph__data-grid-value")??[]);if("horizontal"===this.orientation){this.element.style.removeProperty("--bar-graph-grid-label-width");const r=a.at(-1),t=r?Math.ceil(r.getBoundingClientRect().width/2):0;return void(t>0?this.element.style.setProperty("--bar-graph-horizontal-grid-value-offset",`${t}px`):this.element.style.removeProperty("--bar-graph-horizontal-grid-value-offset"))}this.element.style.removeProperty("--bar-graph-horizontal-grid-value-offset");const r=Math.ceil(Math.max(...a.map((a=>a.getBoundingClientRect().width))));r>0&&this.element.style.setProperty("--bar-graph-grid-label-width",`${r+8}px`)}calculateDisplayData=(a=!1,r=this.data)=>{const t=[],e=this.maxValue-this.minValue,i=this.getDecimalPlaces(r.map((a=>a.value)));for(const a of r){let r=a.value;r<this.minValue&&(r=this.minValue),r>this.maxValue&&(r=this.maxValue);const o=(r-this.minValue)/e*100||(this.withGrid&&0===a.value?0:1);t.push({...a,width:o,formattedValue:this.formatValue(a.value,i),order:-1})}"ascending"===this.dataOrder?t.sort(((a,r)=>a.value-r.value)):"descending"===this.dataOrder&&t.sort(((a,r)=>r.value-a.value));for(let a=0;a<t.length;a++)t[a].order=a;a?this.updateExistingDisplayData(t):this.displayData=t};updateExistingDisplayData=a=>{const r=this.getBarElements();for(const t of a){const a=this.displayData.find((a=>a.id===t.id));void 0===a?this.displayData.push(t):Object.assign(a,t);const e=r.find((a=>t.id===a.dataset.id));void 0!==e&&(e.dataset.order=t.order.toString())}const t=a.map((a=>a.id));this.displayData=this.displayData.filter((a=>t.includes(a.id)))};animateDisplayDataChanges=()=>{this.setElementOffsets(),this.calculateDisplayData(!0),this.sortGraph();const a=this.getBarElements();for(const r of a)this.animateElementTranslate(r)};getBarElements=()=>Array.from(this.barContainerRef?.children??[]).filter((a=>a instanceof HTMLElement));animateElementTranslate=a=>{const r=a.dataset.offset;if(void 0===r)return;const t=Number.parseFloat(r),e="vertical"===this.orientation?"X":"Y",i=`translate${e}(${t-("vertical"===this.orientation?a.getBoundingClientRect().left:a.getBoundingClientRect().top)}px)`;a.style.transform=i;const o=a.animate({transform:`translate${e}(0)`},{duration:this.animationDuration});if(void 0!==o&&(o.onfinish=()=>{a.style.transform=""}),"vertical"===this.orientation||!this.barLabelContainerRef)return;const n=this.barLabelContainerRef.querySelector(`[data-id="${a.getAttribute("data-id")}"]`);if(null!==n){n.style.transform=i;const a=n.animate({transform:`translate${e}(0)`},{duration:this.animationDuration});void 0!==a&&(a.onfinish=()=>{n.style.transform=""})}};updateValueOverflow=()=>{if(!this.autoPositionValues||!this.barContainerRef)return void(this.overflowingValueIds.length>0&&(this.overflowingValueIds=[]));const a=this.getBarElements().reduce(((a,r)=>{const t=r.querySelector(".bar-graph__bar"),e=r.querySelector("after"===this.valuePosition?".bar-graph__bar-value--after":".bar-graph__bar-value:not(.bar-graph__bar-value--after)"),i=t?.getBoundingClientRect(),o=e?.getBoundingClientRect(),n=r.getBoundingClientRect(),l=r.dataset.id,s=.5*(Number.parseFloat(getComputedStyle(document.documentElement).fontSize)||16);let h=!1;return void 0!==i&&void 0!==o&&(h="after"===this.valuePosition?"horizontal"===this.orientation&&o.width>n.right-i.right:"vertical"===this.orientation?o.height+s>i.height:o.width>i.width),void 0!==l&&h&&a.push(l),a}),[]);a.join()!==this.overflowingValueIds.join()&&(this.overflowingValueIds=a)};recheckValueOverflowAfterBarAnimation=()=>{void 0!==this.valueOverflowTimeout&&clearTimeout(this.valueOverflowTimeout),this.valueOverflowTimeout=setTimeout((()=>{this.valueOverflowTimeout=void 0,this.updateValueOverflow()}),this.animationDuration)};setElementOffsets=()=>{if(void 0===this.barContainerRef)return;const a=this.getBarElements();for(const r of a){const a="vertical"===this.orientation?r.getBoundingClientRect().left:r.getBoundingClientRect().top;r.dataset.offset=a.toString()}};formatValue=(a,r,t=!0)=>{let e=a.toFixed(r).replace(".",",");return t&&this.valueUnit&&(e=`${e} ${this.valueUnit}`),e};getDecimalPlaces=a=>Math.max(0,...a.map((a=>a.toString().split(".")[1]?.length||0)));formatGridValue=(a,r)=>{const t=this.maxValue-this.minValue,e=a/(r-1),i="vertical"===this.orientation?this.maxValue-t*e:this.minValue+t*e,o=this.gridValueDecimals>=0?Math.floor(this.gridValueDecimals):this.getDecimalPlaces([this.minValue,this.maxValue,...this.data.map((a=>a.value))]);return this.formatValue(i,o,!1)};autoSetComponentSize=()=>{if("auto"!==this.size)return;let a;a=this.parentContainer?.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.componentSize=a>=1024?"large":"small"};sortGraph=()=>{const a=this.getBarElements();a.sort(((a,r)=>Number.parseInt(a.dataset.order??"0",10)-Number.parseInt(r.dataset.order??"0",10)));for(const r of a)r.style.order=r.dataset.order??""};renderLabel=(a,r)=>t("div",{class:{"bar-graph__label":!0,"bar-graph__label--inline":r,[`bar-graph__label--${a.type}`]:!0},"data-id":a.id,style:{order:r?a.order.toString():void 0}},a.label);renderBar=a=>{const r=this.withGrid&&0===a.value,e=this.autoPositionValues&&this.overflowingValueIds.includes(a.id);return"vertical"===this.orientation?t("div",{class:{"bar-graph__item":!0,"bar-graph__item--vertical":!0},"data-id":a.id,"data-order":a.order,style:{zIndex:"primary"===a.type?"1":"0"}},t("div",{class:"bar-graph__bar-container",style:{height:`${a.width}%`}},t("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${a.type}`]:!0,"bar-graph__bar--zero":r}},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--over-bar":e&&"inside"===this.valuePosition,hidden:"inside"!==this.valuePosition}},a.formattedValue))),t("div",{class:"bar-graph__bar-value-container",style:{bottom:`${a.width}%`}},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,"bar-graph__bar-value--primary":e&&"primary"===a.type,"bar-graph__bar-value--over-bar":e&&"after"===this.valuePosition,hidden:"after"!==this.valuePosition}},a.formattedValue)),this.renderLabel(a,!0)):t("div",{class:"bar-graph__item","data-id":a.id,"data-order":a.order,style:{zIndex:"primary"===a.type?"1":"0"}},t("div",{class:{hidden:"responsive"!==this.labelPosition||"small"!==this.componentSize}},this.renderLabel(a,!1)),t("div",{class:{"bar-graph__bar-container":!0,"bar-graph__bar-container--zero":r},style:{width:`${a.width}%`}},t("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${a.type}`]:!0,"bar-graph__bar--zero":r}},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--over-bar":e&&"inside"===this.valuePosition,hidden:"inside"!==this.valuePosition}},a.formattedValue)),t("div",{class:"bar-graph__bar-value-container"},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,"bar-graph__bar-value--primary":e&&"primary"===a.type,"bar-graph__bar-value--over-bar":e&&"after"===this.valuePosition,hidden:"after"!==this.valuePosition}},a.formattedValue))))};renderGridLines(){const a="small"===this.componentSize?6:12,r=this.gridLineCount>0?Math.max(2,Math.floor(this.gridLineCount)):a,e=[];for(let a=0;a<r;a++)e.push(t("div",{class:"bar-graph__data-grid--line"},this.withGrid&&this.showGridValues&&t("span",{class:"bar-graph__data-grid-value"},this.formatGridValue(a,r))));return e}render(){return t(e,{key:"8d7fb34344f9d2658bdd4036e4a395dd0fc90344",class:{"bar-graph-host--vertical":"vertical"===this.orientation}},t("div",{key:"dc5b1423764b05cc5b09dff00a10c4c12bfe21b6",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,"bar-graph--horizontal-with-grid-values":"horizontal"===this.orientation&&this.withGrid&&this.showGridValues,"bar-graph--vertical":"vertical"===this.orientation,"bar-graph--with-grid-values":this.withGrid&&this.showGridValues,[this.theme]:!0}},t("div",{key:"ca7f3b237e61da47ea35570cba9fd27cecd9c5b5",class:"bar-graph__container"},t("div",{key:"834281e2385866f59be03cab974a6a348a05d8b5",class:{"bar-graph__label-container":!0,hidden:"vertical"===this.orientation||"responsive"===this.labelPosition&&"small"===this.componentSize},ref:a=>this.barLabelContainerRef=a},this.displayData.map((a=>this.renderLabel(a,!0)))),t("div",{key:"6653d168641c821bb03661b26f793409d55e10e8",class:"bar-graph__graph-container"},t("div",{key:"cbb86c4b0975497b4301fe31486f03a09546db93",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),t("div",{key:"2694aa15c15e672f244473d47b9c494dcb0beffa",class:"bar-graph__item-container",ref:a=>this.barContainerRef=a},this.displayData.map((a=>this.renderBar(a))))))))}static get watchers(){return{size:[{onSizeChange:0}],dataOrder:[{onDataOrderChange:0}],data:[{onDataChange:0}],minValue:[{onBarLayoutChange:0}],maxValue:[{onBarLayoutChange:0}],orientation:[{onBarLayoutChange:0}],valuePosition:[{onBarLayoutChange:0}],autoPositionValues:[{onAutoPositionValuesChange:0}]}}};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{display:block;--bar-graph-bar-border-radius:0.5rem;--bar-graph-bar-height:2rem;--bar-graph-bar-primary-color:var(--tc-alert-accent-warning);--bar-graph-bar-secondary-color:var(--tc-background-tertiary);--bar-graph-label-primary-color:var(--tc-text-primary);--bar-graph-label-primary-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-primary-line-height:1.5rem;--bar-graph-label-secondary-color:var(--tc-text-tertiary);--bar-graph-label-secondary-font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-secondary-line-height:1.5rem;--bar-graph-value-color:var(--tc-text-primary);--bar-graph-value-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--bar-graph-value-after-padding:0.5rem;--bar-graph-data-grid-line-width:0.0625rem;--bar-graph-data-grid-line-color:var(--tc-border-quaternary);--bar-graph-data-horizontal-grid-base-line-color:var(--tc-border-tertiary);--bar-graph-data-grid-value-font:500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif;--bar-graph-data-grid-value-color:var(--tc-text-secondary);--bar-graph-vertical-height:13.75rem;--bar-graph-vertical-label-wrap:normal;--bar-graph-animation-duration:0.5s}:host(.bar-graph-host--vertical){height:100%}.dark{--bar-graph-bar-primary-color:var(--tc-alert-accent-warning-dark);--bar-graph-bar-secondary-color:var(--tc-background-tertiary-dark);--bar-graph-label-primary-color:var(--tc-text-primary-dark);--bar-graph-label-secondary-color:var(--tc-text-tertiary-dark);--bar-graph-value-color:var(--tc-text-primary-dark);--bar-graph-data-grid-line-color:var(--tc-border-quaternary-dark);--bar-graph-data-horizontal-grid-base-line-color:var(--tc-border-tertiary-dark);--bar-graph-data-grid-value-color:var(--tc-text-secondary-dark)}.bar-graph__container{display:flex;flex-direction:row}.bar-graph__label-container{padding:0.5rem 0;display:flex;flex-direction:column;gap:0.5rem}.bar-graph__graph-container{padding:0.5rem 0;display:flex;flex-direction:column;flex:1;gap:0.5rem;transform-origin:0% 0%;width:100%;position:relative;overflow:hidden}.bar-graph__item-container{display:contents}.bar-graph__item{display:flex;flex-direction:column}.bar-graph__bar-container{position:relative;flex:1;flex-direction:row;display:flex;transition:width var(--bar-graph-animation-duration);width:100%}.bar-graph--large .bar-graph__bar-container{width:auto}.bar-graph__label{padding-right:0.5rem;box-sizing:border-box}.bar-graph__label--primary{font:var(--bar-graph-label-primary-font);color:var(--bar-graph-label-primary-color);line-height:var(--bar-graph-label-primary-line-height)}.bar-graph__label--secondary{font:var(--bar-graph-label-secondary-font);color:var(--bar-graph-label-secondary-color);line-height:var(--bar-graph-label-secondary-line-height)}.bar-graph__label--inline{display:flex;align-items:center;justify-content:right;text-align:right;padding-left:0.5rem;height:var(--bar-graph-bar-height)}.bar-graph__bar{display:flex;border-radius:var(--bar-graph-bar-border-radius);height:var(--bar-graph-bar-height);align-items:center;box-sizing:border-box;flex:1;min-width:0.5rem}.bar-graph__bar--primary{background-color:var(--bar-graph-bar-primary-color)}.bar-graph__bar--primary .bar-graph__bar-value{color:var(--tc-text-primary)}.bar-graph__bar--secondary{background-color:var(--bar-graph-bar-secondary-color)}.bar-graph__bar--zero{min-width:0;min-height:0}.bar-graph__bar-value{font:var(--bar-graph-value-font);color:var(--bar-graph-value-color);padding-left:1rem;box-sizing:border-box;white-space:nowrap;position:absolute;transition:color var(--bar-graph-animation-duration), left var(--bar-graph-animation-duration), bottom var(--bar-graph-animation-duration), transform var(--bar-graph-animation-duration)}.bar-graph__bar-value--after{position:absolute;padding-left:var(--bar-graph-value-after-padding);display:flex;text-align:right;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph .bar-graph__bar .bar-graph__bar-value--over-bar{color:var(--bar-graph-value-color)}.bar-graph__bar-value-container{position:absolute;transition:left var(--bar-graph-animation-duration)}.bar-graph__data-grid{position:absolute;display:flex;justify-content:space-between;height:100%;width:100%;padding:0;box-sizing:border-box;pointer-events:none}.bar-graph__data-grid--line{display:flex;position:relative;border-right-style:solid;border-right-width:var(--bar-graph-data-grid-line-width);border-right-color:var(--bar-graph-data-grid-line-color)}.bar-graph__data-grid-value{position:absolute;top:calc(100% + 0.25rem);left:0;transform:translateX(-50%);color:var(--bar-graph-data-grid-value-color);font:var(--bar-graph-data-grid-value-font);white-space:nowrap}.bar-graph .hidden{display:none}.bar-graph--horizontal-with-grid-values .bar-graph__graph-container{padding-bottom:2rem;padding-right:calc(var(--bar-graph-horizontal-grid-value-offset, 0.75rem) + 0.25rem)}.bar-graph--horizontal-with-grid-values .bar-graph__data-grid{top:0.5rem;left:0;right:calc(var(--bar-graph-horizontal-grid-value-offset, 0.75rem) + 0.25rem);bottom:1.5rem;height:auto;width:auto}.bar-graph--vertical{height:100%}.bar-graph--vertical .bar-graph__container{display:block;height:100%}.bar-graph--vertical .bar-graph__graph-container{height:var(--bar-graph-vertical-height);padding:0.5rem 0 2.5rem;box-sizing:border-box}.bar-graph--vertical .bar-graph__item-container{display:flex;align-items:flex-end;gap:0.5rem;height:100%}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__graph-container{padding-top:1.5rem}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__item-container{margin-left:var(--bar-graph-grid-label-width, 0)}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__bar{min-height:0}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__data-grid{top:1.5rem}.bar-graph--vertical .bar-graph__item--vertical{position:relative;display:flex;flex:1;align-items:stretch;justify-content:flex-end;height:100%;min-width:0}.bar-graph--vertical .bar-graph__bar-container{flex:none;width:100%;transition:height var(--bar-graph-animation-duration)}.bar-graph--vertical .bar-graph__bar{width:100%;height:100%;min-height:0.5rem;justify-content:center;border-radius:var(--bar-graph-bar-border-radius) var(--bar-graph-bar-border-radius) 0 0}.bar-graph--vertical .bar-graph__bar--zero{min-height:0}.bar-graph--vertical .bar-graph__bar-value:not(.bar-graph__bar-value--after){bottom:0.5rem;transition:bottom var(--bar-graph-animation-duration), color var(--bar-graph-animation-duration);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);padding:0}.bar-graph--vertical .bar-graph__bar-value-container{bottom:0;left:0;width:100%;transition:bottom var(--bar-graph-animation-duration)}.bar-graph--vertical .bar-graph__bar-value--after{justify-content:center;width:100%;transform:translateY(-100%)}.bar-graph--vertical .bar-graph__bar-value--over-bar:not(.bar-graph__bar-value--after){bottom:calc(100% + 0.25rem)}.bar-graph--vertical .bar-graph__label{position:absolute;top:calc(100% + 0.25rem);width:100%;padding:0;height:auto;justify-content:center;text-align:center;white-space:var(--bar-graph-vertical-label-wrap)}.bar-graph--vertical .bar-graph__data-grid{top:0.5rem;bottom:2.5rem;flex-direction:column;height:auto;padding:0}.bar-graph--vertical .bar-graph__data-grid--line{width:100%;border-top-style:solid;border-top-width:var(--bar-graph-data-grid-line-width);border-top-color:var(--bar-graph-data-grid-line-color);border-right:0}.bar-graph--vertical .bar-graph__data-grid-value{top:0;right:auto;transform:translateY(-95%)}.bar-graph--vertical .bar-graph__data-grid--line:last-child{border-top-color:var(--bar-graph-data-horizontal-grid-base-line-color);width:calc(100% - var(--bar-graph-grid-label-width, 0px));margin-left:auto}.bar-graph--vertical .bar-graph__data-grid--line:last-child .bar-graph__data-grid-value{display:none}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-container{min-width:0.5rem}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-container--zero{min-width:0}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar{min-width:0}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value-container{top:0;left:100%}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value:not(.bar-graph__bar-value--after){left:0}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value--over-bar:not(.bar-graph__bar-value--after){left:100%;padding:0 0.5rem;display:flex;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value--after.bar-graph__bar-value--over-bar{transform:translateX(calc(-100% - var(--bar-graph-value-after-padding)))}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value--after.bar-graph__bar-value--over-bar.bar-graph__bar-value--primary{color:var(--tc-text-primary)}.bar-graph:not(.bar-graph--vertical) .bar-graph__data-grid--line:first-child{visibility:hidden}.bar-graph:not(.bar-graph--vertical) .bar-graph__data-grid--line:first-child .bar-graph__data-grid-value{display:none}';export{i as tet_bar_graph}

package/dist/tet-components/p-6bc0444a.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,d as o,h as r,H as a}from"./p-BWP8psSS.js";import{r as i}from"./p-DEnDpXiZ.js";import{d as s}from"./p-Cqo8jFLx.js";const n=class{constructor(o){e(this,o),this.check=t(this,"check")}inputId;get radioElement(){return o(this)}check;theme="light";label;accessibilityLabel="";name;value=0;disabled=!1;unavailable=!1;checked=!1;error=!1;inputAutofocus=!1;focusStyleOnContainer=!1;iconName;labelFont="sm";alignCenter=!1;hasSlotIcon=!1;async setChecked(e){this.checked=e}async setError(e){this.error=e}onKeydown(e){["-","+","."].includes(e.key)&&e.preventDefault()}handleInputChange=({target:e})=>{const{value:t,error:o}=this,r=e.checked;if(r){const e=this.radioElement.getRootNode();Array.from(e.querySelectorAll("tet-radio")).filter((e=>e.name===this.name)).forEach((e=>{e!==this.radioElement&&e.checked&&e.setChecked(!1)}))}this.checked=r,this.check.emit({value:t,checked:r,error:o})};connectedCallback(){this.inputId=i(10)}componentDidLoad(){this.checkIconSlot()}componentDidUpdate(){this.checkIconSlot()}checkIconSlot=()=>{const e=this.radioElement.querySelector('[slot="label-icon"]');this.hasSlotIcon=!!e};get iconType(){const{unavailable:e,disabled:t}=this;switch(!0){case e:return"secondary";case t:return"tertiary";default:return"primary"}}render(){const{inputId:e,disabled:t,value:o,checked:i,name:s,label:n,accessibilityLabel:l,error:d,inputAutofocus:c,iconName:b,labelFont:f,alignCenter:h,hasSlotIcon:m,unavailable:g,iconType:u}=this;return r(a,{key:"5bfdcc733ec701ede5f23dd1198c40021b795514"},r("div",{key:"195290973e5402936ef6554b5d6a9a69920677db",class:{radio:!0,[`radio-${this.theme}-theme`]:!0}},r("label",{key:"20de30507c077fcc48e5a507233b17d5eaa26f60",class:{radio__container:!0,"radio__container--focus-style":this.focusStyleOnContainer,"radio__container--align-center":h},htmlFor:e},r("input",{key:"bb8154e1516ce448c61c5d1e602d00caf4eb0563",class:{"radio__html-input":!0,"radio__html-input--unavailable":g},id:e,name:s,type:"radio",value:o,disabled:t||g,checked:i,onChange:this.handleInputChange,autofocus:c,...l?{"aria-label":l}:{}}),r("span",{key:"0fd8240100e0015a9116c313c38c308972dfd32a",class:{"radio__input-background":!0,"radio__input-background--has-label-prop":!!n,...f?{[`radio__input-background--${f}`]:!0}:{}}}),r("span",{key:"66643b04322d5aa07cdb2d5242f695868a3c4f0b",class:{radio__input:!0,"radio__input--error":d,"radio__input--hide-focus-style":this.focusStyleOnContainer,"radio__input--has-label-prop":!!n,...f?{[`radio__input--${f}`]:!0}:{}}}),r("div",{key:"2085aecf63f20d6c7cd5d8f5734825bc9fc0c64b",class:{"radio__label-container":!0,"radio__label-container--line-height":m||!!b}},b?r("tet-icon",{theme:["classic","light"].includes(this.theme)?"light":"dark",name:b,type:u,class:{"radio__label-icon":!0,[`radio__label-icon--${b}`]:!0,...f?{[`radio__label-icon--${f}`]:!0}:{}}}):r("div",{class:{"radio__label-slot-icon":!0,"radio__label-slot-icon--hidden":!m,...f?{[`radio__label-slot-icon--${f}`]:!0}:{}}},r("slot",{name:"label-icon",onSlotchange:this.checkIconSlot})),r("span",{key:"5a6168c1307f9f0f647a93a9f9463071c63975ad",class:{radio__label:!0,"radio__label--has-slot-icon":m,...f?{[`radio__label--${f}`]:!0}:{}},innerHTML:n},r("slot",{key:"93e7f1c83a7c48aba26c64e6dc5a9e2a8342c4c7"}))))))}};n.style='.sc-tet-radio-h{box-sizing:border-box}*.sc-tet-radio,*.sc-tet-radio:before,*.sc-tet-radio:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-radio-h{--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.sc-tet-radio{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.sc-tet-radio::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-radio{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.sc-tet-radio::before{content:"\\e85a"}.icon.tet-close.sc-tet-radio{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.sc-tet-radio::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-radio{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.sc-tet-radio::before{content:"\\e86c"}.icon.tet-check.sc-tet-radio{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.sc-tet-radio::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-radio{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.sc-tet-radio::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-radio{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.sc-tet-radio::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-radio{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.sc-tet-radio::before{content:"\\e86a"}.icon.tet-info.sc-tet-radio{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.sc-tet-radio::before{content:"\\e81d"}.icon.tet-done.sc-tet-radio{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.sc-tet-radio::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")}.sc-tet-radio-h{--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)}.sc-tet-radio-h{--radio-border-color:rgb(153, 160, 174);--radio-background-color:rgb(255, 255, 255);--radio-checked-background-color:rgb(10, 11, 13);--radio-pressed-background-color:var(--tc-radio-button-pressed);--radio-icon-color:rgb(255, 255, 255);--radio-text-color:rgb(10, 11, 13);--radio-hover-border-color:rgb(153, 160, 174);--radio-hover-background-color:rgba(88, 99, 116, 0.08);--radio-checked-hover-background-color:var(--radio-checked-background-color);--radio-checked-pressed-background-color:var(--radio-checked-background-color);--radio-focus-shadow-color:rgba(88, 99, 116, 0.12);--radio-disabled-border-color:rgb(192, 197, 206);--radio-disabled-background-color:rgb(255, 255, 255);--radio-disabled-checked-background-color:rgb(153, 160, 174);--radio-disabled-text-color:rgb(153, 160, 174);--radio-error-border-color:rgb(233, 69, 54);--radio-outline-focus-color:var(--tc-blue-40);--radio-unavailable-text-color:var(--tc-text-tertiary);--radio-vertical-alignment:flex-start;--radio-gap:0.5rem;--radio-container-outline-offset:0.1875rem;display:block;position:relative}.radio-dark-theme.sc-tet-radio,.radio-mint-theme.sc-tet-radio{--radio-border-color:var(--tc-border-secondary-dark);--radio-background-color:var(--tc-radio-button-default-dark);--radio-checked-background-color:var(--tc-radio-button-active-default-dark);--radio-pressed-background-color:var(--tc-radio-button-pressed-dark);--radio-icon-color:var(--tc-layer-primary-dark);--radio-text-color:var(--tc-text-primary-dark);--radio-hover-border-color:var(--tc-border-secondary-dark);--radio-hover-background-color:var(--tc-radio-button-hover-dark);--radio-checked-hover-background-color:var(--tc-radio-button-active-hover-dark);--radio-checked-pressed-background-color:var(--tc-radio-button-active-pressed-dark);--radio-focus-shadow-color:var(--tc-radio-button-active-focus-dark);--radio-disabled-border-color:var(--tc-border-quaternary-dark);--radio-disabled-background-color:var(--tc-radio-button-disabled-dark);--radio-disabled-checked-background-color:var(--tc-radio-button-active-disabled-dark);--radio-disabled-text-color:var(--tc-grey-40-dark);--radio-error-border-color:var(--tc-alert-accent-error-dark);--radio-outline-focus-color:var(--tc-blue-40-dark);--radio-unavailable-text-color:var(--tc-text-tertiary-dark)}.radio-dark-theme.sc-tet-radio .radio__html-input.sc-tet-radio:focus-visible~.radio__input.sc-tet-radio,.radio-mint-theme.sc-tet-radio .radio__html-input.sc-tet-radio:focus-visible~.radio__input.sc-tet-radio{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.radio-dark-theme.sc-tet-radio .radio__html-input.sc-tet-radio:focus-visible~.radio__input--hide-focus-style.sc-tet-radio,.radio-mint-theme.sc-tet-radio .radio__html-input.sc-tet-radio:focus-visible~.radio__input--hide-focus-style.sc-tet-radio{outline:none}.radio-mint-theme.sc-tet-radio{--radio-checked-background-color:rgb(31, 208, 214);--radio-hover-background-color:rgba(31, 208, 214, 0.16);--radio-focus-shadow-color:rgba(31, 208, 214, 0.24);--radio-checked-hover-background-color:var(--radio-checked-background-color);--radio-checked-pressed-background-color:var(--radio-checked-background-color)}.radio-light-theme.sc-tet-radio{--radio-border-color:var(--tc-border-secondary);--radio-background-color:var(--tc-radio-button-default);--radio-checked-background-color:var(--tc-radio-button-active-default);--radio-icon-color:var(--tc-layer-primary);--radio-text-color:var(--tc-text-primary);--radio-hover-border-color:var(--tc-border-secondary);--radio-hover-background-color:var(--tc-radio-button-hover);--radio-checked-hover-background-color:var(--tc-radio-button-active-hover);--radio-checked-pressed-background-color:var(--tc-radio-button-active-pressed);--radio-focus-shadow-color:var(--tc-radio-button-active-focus);--radio-disabled-border-color:var(--tc-border-quaternary);--radio-disabled-background-color:var(--tc-radio-button-disabled);--radio-disabled-checked-background-color:var(--tc-radio-button-active-disabled);--radio-disabled-text-color:var(--tc-grey-40);--radio-error-border-color:var(--tc-alert-accent-error);--radio-outline-focus-color:var(--tc-blue-40)}.radio__container.sc-tet-radio{user-select:none;cursor:pointer;display:flex;gap:var(--radio-gap);color:var(--radio-text-color);align-items:var(--radio-vertical-alignment)}.radio__container.sc-tet-radio:has(.radio__html-input:disabled){cursor:auto}.radio__container--focus-style.sc-tet-radio:has(.radio__html-input:focus-visible){outline:0.125rem solid var(--radio-outline-focus-color);outline-offset:var(--radio-container-outline-offset);border-radius:0.125rem}.radio__container--focus-style.sc-tet-radio .radio__html-input.sc-tet-radio:focus~.radio__input.sc-tet-radio{box-shadow:none}.radio__container.sc-tet-radio .radio__input--sm.radio__input--has-label-prop.sc-tet-radio,.radio__container.sc-tet-radio .radio__input--sm.radio__input-background--has-label-prop.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--sm.radio__input--has-label-prop.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--sm.radio__input-background--has-label-prop.sc-tet-radio{margin-top:0.0625rem}.radio__container.sc-tet-radio .radio__input--md.sc-tet-radio,.radio__container.sc-tet-radio .radio__input--lg-inter.sc-tet-radio,.radio__container.sc-tet-radio .radio__input--lg-gilroy.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--md.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--lg-inter.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--lg-gilroy.sc-tet-radio{margin-top:0.125rem}.radio__container.sc-tet-radio .radio__input--error.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--error.sc-tet-radio{border-color:var(--radio-error-border-color)}.radio__container--align-center.sc-tet-radio{align-items:center}.radio__container--align-center.sc-tet-radio .radio__input.sc-tet-radio{margin-top:0}.radio__container.sc-tet-radio:hover .radio__input.sc-tet-radio{border-color:var(--radio-hover-border-color);background-color:var(--radio-hover-background-color)}.radio__container.sc-tet-radio:hover .radio__input--error.sc-tet-radio{border-color:var(--radio-error-border-color)}.radio__container.sc-tet-radio:hover .radio__html-input.sc-tet-radio:checked:not(:disabled)~.radio__input.sc-tet-radio{border-color:transparent;background-color:var(--radio-checked-hover-background-color)}.radio__container.sc-tet-radio:active .radio__html-input.sc-tet-radio:checked:not(:disabled)~.radio__input.sc-tet-radio{border-color:transparent;background-color:var(--radio-checked-pressed-background-color)}.radio__icon.sc-tet-radio{display:none;position:absolute;fill:var(--radio-icon-color)}.radio__html-input.sc-tet-radio{position:absolute;opacity:0;width:0;height:0}.radio__html-input.sc-tet-radio:focus~.radio__input.sc-tet-radio{box-shadow:0 0 0 0.25rem var(--radio-focus-shadow-color)}.radio__html-input.sc-tet-radio:focus-visible~.radio__input.sc-tet-radio{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.radio__html-input.sc-tet-radio:focus-visible~.radio__input--hide-focus-style.sc-tet-radio{outline:none}.radio__html-input.sc-tet-radio:active~.radio__input.sc-tet-radio{background-color:var(--radio-pressed-background-color)}.radio__html-input.sc-tet-radio:checked~.radio__input.sc-tet-radio{border-color:var(--radio-checked-background-color);background-color:var(--radio-checked-background-color)}.radio__html-input.sc-tet-radio:checked~.radio__input.sc-tet-radio::after{display:block}.radio__html-input[disabled].sc-tet-radio~.radio__input.sc-tet-radio{border-color:var(--radio-disabled-border-color);background-color:var(--radio-disabled-background-color)}.radio__html-input[disabled].sc-tet-radio~.radio__label-container.sc-tet-radio .radio__label.sc-tet-radio{color:var(--radio-disabled-text-color)}.radio__html-input[disabled].sc-tet-radio:checked~.radio__input.sc-tet-radio{background-color:var(--radio-disabled-checked-background-color)}.radio__html-input[disabled].radio__html-input--unavailable.sc-tet-radio~.radio__label-container.sc-tet-radio .radio__label.sc-tet-radio{color:var(--radio-unavailable-text-color)}.radio__input-background.sc-tet-radio{display:inline-flex;position:absolute;width:1.25rem;min-width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--radio-background-color)}.radio__input.sc-tet-radio{display:inline-flex;position:relative;width:1.25rem;min-width:1.25rem;height:1.25rem;border:0.1rem solid var(--radio-border-color);border-radius:50%;z-index:1}.radio__input.sc-tet-radio::after{content:"";display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.4375rem;height:0.4375rem;border-radius:50%;background-color:var(--radio-icon-color)}.radio__label-container.sc-tet-radio{position:relative}.radio__label-container--line-height.sc-tet-radio{line-height:0}.radio__label-slot-icon.sc-tet-radio{display:inline-flex;vertical-align:middle}.radio__label-slot-icon--hidden.sc-tet-radio{display:none}.radio__label-slot-icon.sc-tet-radio-s>*,.radio__label-slot-icon .sc-tet-radio-s>*{width:auto;height:1rem;margin-right:0.5rem}.radio__label-slot-icon--md.sc-tet-radio-s>*,.radio__label-slot-icon--md .sc-tet-radio-s>*{height:1.25rem}.radio__label-slot-icon--lg-inter.sc-tet-radio-s>*,.radio__label-slot-icon--lg-inter .sc-tet-radio-s>*,.radio__label-slot-icon--lg-gilroy.sc-tet-radio-s>*,.radio__label-slot-icon--lg-gilroy .sc-tet-radio-s>*{height:1.5rem}.radio__label--has-slot-icon.sc-tet-radio{vertical-align:middle}.radio__label--sm.sc-tet-radio{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.radio__label--md.sc-tet-radio{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";vertical-align:middle}.radio__label--lg-inter.sc-tet-radio{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";vertical-align:middle}.radio__label--lg-gilroy.sc-tet-radio{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";vertical-align:middle}.radio__label-icon--sm.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.25rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.25rem) / 2)}.radio__label-icon--sm.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.25rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--md.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.radio__label-icon--md.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--lg-inter.sc-tet-radio,.radio__label-icon--lg-gilroy.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.radio__label-icon--lg-inter.sc-tet-radio+.radio__label.sc-tet-radio,.radio__label-icon--lg-gilroy.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-netflix-2.radio__label-icon--sm.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.375rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.375rem) / 2)}.radio__label-icon--tc-netflix-2.radio__label-icon--sm.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.375rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-netflix-2.radio__label-icon--md.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.625rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.625rem) / 2)}.radio__label-icon--tc-netflix-2.radio__label-icon--md.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.625rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-netflix-2.radio__label-icon--lg-inter.sc-tet-radio,.radio__label-icon--tc-netflix-2.radio__label-icon--lg-gilroy.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.875rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.875rem) / 2)}.radio__label-icon--tc-netflix-2.radio__label-icon--lg-inter.sc-tet-radio+.radio__label.sc-tet-radio,.radio__label-icon--tc-netflix-2.radio__label-icon--lg-gilroy.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.875rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-tv.radio__label-icon--sm.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.5rem) / 2)}.radio__label-icon--tc-tet-tv.radio__label-icon--sm.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-tv.radio__label-icon--md.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.875rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.875rem) / 2)}.radio__label-icon--tc-tet-tv.radio__label-icon--md.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.875rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-tv.radio__label-icon--lg-inter.sc-tet-radio,.radio__label-icon--tc-tet-tv.radio__label-icon--lg-gilroy.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:2.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2.5rem) / 2)}.radio__label-icon--tc-tet-tv.radio__label-icon--lg-inter.sc-tet-radio+.radio__label.sc-tet-radio,.radio__label-icon--tc-tet-tv.radio__label-icon--lg-gilroy.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(2.5rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-plus.radio__label-icon--sm.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.75rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.75rem) / 2)}.radio__label-icon--tc-tet-plus.radio__label-icon--sm.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.75rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-plus.radio__label-icon--md.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:2rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2rem) / 2)}.radio__label-icon--tc-tet-plus.radio__label-icon--md.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(2rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-plus.radio__label-icon--lg-inter.sc-tet-radio,.radio__label-icon--tc-tet-plus.radio__label-icon--lg-gilroy.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:2.625rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2.625rem) / 2)}.radio__label-icon--tc-tet-plus.radio__label-icon--lg-inter.sc-tet-radio+.radio__label.sc-tet-radio,.radio__label-icon--tc-tet-plus.radio__label-icon--lg-gilroy.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(2.625rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-whalebone.radio__label-icon--sm.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1rem) / 2)}.radio__label-icon--tc-whalebone.radio__label-icon--sm.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-whalebone.radio__label-icon--md.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.25rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.25rem) / 2)}.radio__label-icon--tc-whalebone.radio__label-icon--md.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.25rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-whalebone.radio__label-icon--lg-inter.sc-tet-radio,.radio__label-icon--tc-whalebone.radio__label-icon--lg-gilroy.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.radio__label-icon--tc-whalebone.radio__label-icon--lg-inter.sc-tet-radio+.radio__label.sc-tet-radio,.radio__label-icon--tc-whalebone.radio__label-icon--lg-gilroy.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}';const l=class{constructor(o){e(this,o),this.select=t(this,"tabSelected")}tabElement;tabContainer;tabHeaders;tabHeadersNotDisabled;hasLoaded=!1;autoplayInitialized=!1;animationObserver;positionObserver;isDragging=!1;dragStartX=0;dragResetTimer=null;dragThreshold=8;autoplayInterval=[];tabListeners=new WeakMap;get element(){return o(this)}theme="light";type;position;sizing="web";defaultTab=0;segmented=!1;disabled=!1;mode="tab-header";accessibilityLabel="";hideHeaderUnderline=!1;hideActiveHeaderUnderline=!1;autoplayDelay=0;stopAutoplayOnHeaderHover=!1;stopAutoplayOnContentHover=!1;showOverflowGradients=!1;select;selectedId;positions={scrollLeft:0,mouseX:0};dataName;autoplay;effectivePosition="left";hasOverflowLeft=!1;hasOverflowRight=!1;idSuffix=(()=>"undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().split("-")[0]:Math.random().toString(36).substring(2,10))();segmentAnimation={width:"0px",position:"0px",transition:""};async toggleAutoplay(e){this.autoplay=e,e?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((e=>{clearInterval(e)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const e=this.getTabElement(this.selectedId);let t=this.tabHeaders.indexOf(e)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[t])<0;)if(t+=1,t+1>this.tabHeaders.length){t=0;break}t=this.tabHeaders.indexOf(this.getTabElement(t)),this.selectTab(t)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((e=>{this.hideActiveHeaderUnderline?e.classList.add("no-underline"):e.classList.remove("no-underline")}))}onAutoplayDelayChange(e){console.log(e,!!e),this.stopAutoplay(),e&&this.startAutoplay()}initAutoplay(){if(!this.autoplayInitialized&&this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplayInitialized=!0,this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((e=>{e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const e=this.element.parentElement?.querySelector(`tet-tab-content[data-name="${this.dataName}"]`);e?.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),e?.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.hasLoaded=!0,this.updatePositionClass(),this.initPositionObserver(),this.isScrollableType&&this.tabElement.addEventListener("scroll",this.onTabScroll),this.tabElement.addEventListener("touchstart",this.onContainerTouchStart,{passive:!0}),this.tabElement.addEventListener("touchmove",this.onContainerTouchMove,{passive:!0}),this.tabElement.addEventListener("touchend",this.onContainerTouchEnd),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const e=new MutationObserver((t=>{t.every((t=>!t.oldValue?.includes("disabled")||(this.initTabHeaders(),e.disconnect(),!1)))}));e.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}onSlotChange=()=>{if(!this.hasLoaded)return;const e=Array.from(this.element.children);e.length!==this.tabHeaders.length||e.some(((e,t)=>e!==this.tabHeaders[t]))?(this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.selectedId??this.defaultTab,!1,!1),this.initAutoplay()):this.updatePositionClass()};disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect(),this.positionObserver?.disconnect(),this.isScrollableType&&this.tabElement?.removeEventListener("scroll",this.onTabScroll),this.tabElement?.removeEventListener("touchstart",this.onContainerTouchStart),this.tabElement?.removeEventListener("touchmove",this.onContainerTouchMove),this.tabElement?.removeEventListener("touchend",this.onContainerTouchEnd),this.resetDragState()}initPositionObserver(){this.positionObserver=new ResizeObserver((()=>{this.updatePositionClass()})),this.positionObserver.observe(this.tabElement)}updatePositionClass(){this.updateOverflowState(),this.effectivePosition=void 0!==this.tabElement&&!this.segmented&&"center"===this.position&&this.tabElement.scrollWidth>this.tabElement.clientWidth?"left":"right"!==this.position?"center"!==this.position?"left":"center":"right"}updateOverflowState(){if(void 0===this.tabElement||!this.isScrollableType)return this.hasOverflowLeft=!1,void(this.hasOverflowRight=!1);const e=this.tabElement.scrollWidth-this.tabElement.clientWidth;this.hasOverflowLeft=this.tabElement.scrollLeft>1,this.hasOverflowRight=e-this.tabElement.scrollLeft>1}onTabScroll=()=>{this.updateOverflowState()};get isScrollableType(){return"pill"===this.type||"square-detached"===this.type}get isSwitchMode(){return"switch"===this.mode}get isSwitchDisabled(){return this.isSwitchMode&&this.disabled}cleanupTabListeners(){this.tabHeaders?.forEach((e=>{const t=this.tabListeners.get(e);t&&(e.removeEventListener("click",t.click),e.removeEventListener("keydown",t.keydown),this.tabListeners.delete(e))}))}resetDragState(){this.isDragging=!1,null!==this.dragResetTimer&&(clearTimeout(this.dragResetTimer),this.dragResetTimer=null)}onContainerMouseDown=e=>{this.resetDragState(),this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:e.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=e=>{if(e.preventDefault(),1!==e.buttons)return void this.onContainerMouseUp();const t=e.clientX-this.positions.mouseX;Math.abs(t)>this.dragThreshold&&(this.isDragging=!0),this.tabElement.scrollTo(this.positions.scrollLeft-t,0)};onContainerMouseUp=()=>{this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp),this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),50))};onContainerTouchStart=e=>{this.dragStartX=e.touches[0].clientX,this.resetDragState()};onContainerTouchMove=e=>{Math.abs(e.touches[0].clientX-this.dragStartX)>this.dragThreshold&&(this.isDragging=!0)};onContainerTouchEnd=()=>{this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),350))};onSegmentedChange(e){e&&void 0===this.animationObserver&&this.initAnimationObserver()}onDisabledChange(){this.initTabHeaders()}setTabAccessibility(e,t,o){const r=this.isSwitchMode&&(this.isSwitchDisabled||e.classList.contains("disabled"));if(e.setAttribute("tabIndex",o&&!r?"0":"-1"),this.isSwitchMode)return e.setAttribute("role","radio"),e.setAttribute("aria-checked",`${o}`),r?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"),e.removeAttribute("aria-selected"),void e.removeAttribute("aria-controls");e.setAttribute("role","tab"),e.setAttribute("aria-controls",`tabpanel-${t+1}-${this.idSuffix}`),e.setAttribute("aria-selected",`${o}`),e.removeAttribute("aria-checked")}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((e,t)=>{e.setAttribute("id",`tab-${t+1}-${this.idSuffix}`);const o=this.isSwitchDisabled||e.classList.contains("disabled"),r=e.classList.contains("active");if(this.setTabAccessibility(e,t,r),!o&&!this.tabListeners.has(e)){this.tabHeadersNotDisabled.push(e);const o=()=>{this.isDragging||this.selectTab(e.getAttribute("data-name")||t)},r=t=>{const{key:o}=t;if(["ArrowLeft","ArrowRight","Home","End"].includes(o)){t.preventDefault();const r=this.tabHeadersNotDisabled.indexOf(e);let a;switch(o){case"ArrowRight":a=r+1,a>=this.tabHeadersNotDisabled.length&&(a=0);break;case"ArrowLeft":a=r-1,a<0&&(a=this.tabHeadersNotDisabled.length-1);break;case"Home":a=0;break;case"End":a=this.tabHeadersNotDisabled.length-1}const i=this.tabHeadersNotDisabled[a];i.focus(),i.click()}};e.addEventListener("click",o),e.addEventListener("keydown",r),this.tabListeners.set(e,{click:o,keydown:r})}})),this.applyPillIconColor(),this.updatePositionClass()}applyPillIconColor(){"pill"===this.type&&void 0!==this.tabHeaders&&this.tabHeaders.forEach((e=>{let t="var(--tabs-headers-pill-text-color)";e.classList.contains("active")&&(t="var(--tabs-headers-pill-active-text-color)"),e.classList.contains("disabled")&&(t="var(--tabs-headers-pill-text-disabled-color)"),Array.from(e.querySelectorAll("tet-icon")).forEach((e=>{e.style.setProperty("--icon-color",t),e.style.setProperty("--icon-container-display","flex")}))}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((e=>{const t=e.getAttribute("data-image");if(t&&!e.querySelector("img.tab-header-image")){const o=e.getAttribute("data-image-active"),r=e.getAttribute("data-image-alt")??"",a=document.createElement("img");if(a.loading="lazy",a.src=t,a.alt=r,a.draggable=!1,a.classList.add("tab-header-image"),"square-detached"===this.type?(a.style.filter="var(--square-detached-img-filter, none)",a.style.maxWidth="var(--square-detached-logo-max-w, 100%)",a.style.maxHeight="var(--square-detached-logo-max-h, 100%)",a.style.objectFit="contain"):a.style.maxHeight="1.5rem",e.appendChild(a),o){const t=document.createElement("img");t.loading="lazy",t.src=o,t.alt=r,t.draggable=!1,t.classList.add("tab-header-image","active"),t.style.display="none",t.style.maxHeight="1.5rem",e.appendChild(t),a.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(e=!0){if(!this.segmented||!this.tabContainer||!this.tabElement)return;const t=this.getTabElement(this.selectedId),o=t?.parentElement;if(!t||!o)return;const r=o.getBoundingClientRect(),a=t.getBoundingClientRect();if(this.segmentAnimation={width:`${a.width}px`,position:`${a.left-r.left+this.tabElement.scrollLeft}px`,transition:e?"transform 0.3s ease, width 0.3s ease":"none"},"web"===this.sizing){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,o=t.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(o.width/2+o.left)})}}async selectTab(e,t=!0,o=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach(((e,t)=>{e.classList.remove("active"),this.setTabAccessibility(e,t,!1);const o=e.querySelector("img.tab-header-image.active");o&&(o.style.display="none");const r=e.querySelector("img.tab-header-image.default");r&&(r.style.display="inline-block")}));const r=this.getTabElement(e);if(null===r)return;if(o&&!this.isDragging){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,t=r.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(t.width/2+t.left)})}r.classList.add("active"),this.setTabAccessibility(r,this.tabHeaders.indexOf(r),!0),this.applyPillIconColor();const a=r.querySelector("img.tab-header-image.active");if(a){a.style.display="inline-block";const e=r.querySelector("img.tab-header-image.default");e&&(e.style.display="none")}this.select.emit({new:e,old:this.selectedId}),this.selectedId=e,this.animateActiveSegment(t)}getTabElement(e){if(!this.tabHeaders?.length)return null;let t;return t="number"==typeof e?this.tabHeaders[e]:this.tabHeaders.find((t=>t.getAttribute("data-name")===e)),void 0!==t?t:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=s(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:e,position:t,transition:o}=this.segmentAnimation;return{"--active-width":e,"--active-x-pos":t,"--active-transition":o}}return{}}render(){const e=this.showOverflowGradients;return r(a,{key:"48e69d36927e3271599bd0458eb4f3524a47216a","data-id-suffix":this.idSuffix},r("div",{key:"8a2ee7ac40c646ab58b5240a97cea7158bb7a4a2",class:{tabs:!0,"tabs--segmented":this.segmented,"tabs--disabled":this.isSwitchDisabled,"tabs--overflow-left":this.hasOverflowLeft,"tabs--overflow-right":this.hasOverflowRight,[this.effectivePosition]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:e=>this.tabElement=e,role:this.isSwitchMode?"radiogroup":"tablist","aria-label":this.isSwitchMode&&this.accessibilityLabel?this.accessibilityLabel:void 0,"aria-orientation":this.isSwitchMode?"horizontal":void 0,"aria-disabled":this.isSwitchDisabled?"true":void 0},e&&r("div",{key:"37ff83bb7aa351a4ac44f9831d4049abef5cc3ad",class:"tabs-gradient tabs-gradient-left","aria-hidden":"true"}),r("slot",{key:"991e90e6c4f579b348d61e3c0ba0b5163a71813e",onSlotchange:this.onSlotChange,ref:e=>this.tabContainer=e}),e&&r("div",{key:"8f048c831e9308efb3b57dc53e75e7cab363b9d4",class:"tabs-gradient tabs-gradient-right","aria-hidden":"true"})),r("div",{key:"3e0c7791cb52eab4d7be190689499ef4814c6534",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline||this.isScrollableType,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:[{showActiveHeaderUnderline:0}],autoplayDelay:[{onAutoplayDelayChange:0}],segmented:[{onSegmentedChange:0}],disabled:[{onDisabledChange:0}]}}};l.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--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;--tabs-headers-pill-text-color:var(--tc-text-primary);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80) 16%, transparent);--tabs-headers-pill-background-color:var(--tc-grey-20);--tabs-headers-pill-hover-background-color:var(--tc-grey-30);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-grey-40) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary);--tabs-headers-pill-edge-padding:0rem;--tabs-headers-square-detached-background-color:var(--tc-grey-20);--tabs-headers-square-detached-hover-background-color:var(--tc-grey-30);--tabs-headers-square-detached-pressed-background-color:var(--tc-grey-40);--tabs-headers-square-detached-active-background-color:var(--tc-grey-110);--tabs-headers-square-detached-disabled-background-color:var(--tc-grey-20);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.298);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(1);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary);--tabs-headers-square-detached-button-max-width-default:7rem;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-headers-pill-text-color:var(--tc-grey-100-dark);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80-dark) 30%, transparent);--tabs-headers-pill-background-color:var(--tc-brown-80-dark);--tabs-headers-pill-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-brown-60-dark) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary-dark);--tabs-headers-square-detached-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-square-detached-pressed-background-color:var(--tc-brown-60-dark);--tabs-headers-square-detached-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-square-detached-disabled-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.859);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(0.051);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary-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);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;cursor:not-allowed}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.pill .tabs-gradient,.tabs.square-detached .tabs-gradient{position:sticky;top:0.5rem;bottom:0.5rem;width:13.75rem;align-self:stretch;flex-shrink:0;opacity:0;z-index:20;pointer-events:none;transition:opacity 0.4s ease-out}.tabs.pill .tabs-gradient-left,.tabs.square-detached .tabs-gradient-left{left:-0.5rem;margin-right:-13.75rem;background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill .tabs-gradient-right,.tabs.square-detached .tabs-gradient-right{right:-0.5rem;margin-left:-13.75rem;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill.tabs--overflow-left .tabs-gradient-left,.tabs.square-detached.tabs--overflow-left .tabs-gradient-left{opacity:1}.tabs.pill.tabs--overflow-right .tabs-gradient-right,.tabs.square-detached.tabs--overflow-right .tabs-gradient-right{opacity:1}.tabs.square-detached{--tabs-gradient-color:var(--tabs-headers-square-detached-gradient-color);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem}.tabs.square-detached ::slotted(*){display:flex;flex:1;min-width:var(--tabs-headers-square-detached-button-max-width, var(--tabs-headers-square-detached-button-max-width-default));max-width:var(--tabs-headers-square-detached-button-max-width, var(--tabs-headers-square-detached-button-max-width-default));border:none;box-sizing:border-box;background-color:var(--tabs-headers-square-detached-background-color);justify-content:center;align-items:center;flex-shrink:0;transition:background-color 0.2s ease;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-filter)}.tabs.square-detached ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-hover-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-hover-filter)}.tabs.square-detached ::slotted(:active){background-color:var(--tabs-headers-square-detached-pressed-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-pressed-filter)}.tabs.square-detached ::slotted(:focus-visible){background-color:var(--tabs-headers-square-detached-active-background-color);border-bottom-color:transparent;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-square-detached-focus-outline-color);z-index:99;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-active-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.disabled){background-color:var(--tabs-headers-square-detached-disabled-background-color);border-bottom-color:transparent;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-disabled-filter);cursor:not-allowed}.tabs.square-detached ::slotted(:first-child){margin-left:unset}.tabs.square-detached ::slotted(:last-child){margin-right:unset}.tabs.square-detached.mobile{--tabs-headers-item-margin:0 0.5rem}.tabs.square-detached.mobile ::slotted(*){--square-detached-logo-max-w:3.9375rem;--square-detached-logo-max-h:2.8125rem;height:5.125rem;border-radius:0.568rem;padding:0.568rem 1.419rem}.tabs.square-detached.tablet{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.tablet ::slotted(*){--square-detached-logo-max-w:5.1875rem;--square-detached-logo-max-h:3.75rem;--tabs-headers-square-detached-button-max-width-default:9.1875rem;height:6.75rem;border-radius:0.75rem;padding:0.75rem 1.875rem}.tabs.square-detached.web{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.web ::slotted(*){--square-detached-logo-max-w:6.875rem;--square-detached-logo-max-h:5rem;--tabs-headers-square-detached-button-max-width-default:17.25rem;min-width:12.25rem !important;height:9rem;border-radius:1rem;padding:1rem 2.5rem}.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.pill{--tabs-gradient-color:var(--tabs-headers-pill-gradient-color);--tabs-edge-padding:var(--tabs-headers-pill-edge-padding);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;padding-inline:calc(var(--tabs-headers-pill-edge-padding) + 0.5rem);margin-inline:-0.5rem}.tabs.pill ::slotted(*){--icon-size:1rem;gap:0.25rem;border-radius:5.5rem;border-bottom:none;transition:all 0.2s ease-in-out;align-items:center;background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-color);box-sizing:border-box}.tabs.pill.web ::slotted(*){--tabs-headers-item-padding:0.375rem 1.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;min-width:5.625rem;flex-shrink:0;height:2.25rem}.tabs.pill.web ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 1rem 0.375rem 0.875rem}.tabs.pill.mobile ::slotted(*){--tabs-headers-item-padding:0.375rem 1rem;font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;min-width:4.3125rem;flex-shrink:0;height:2rem}.tabs.pill.mobile ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 0.75rem 0.375rem 0.5rem}.tabs.pill ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-hover-background-color)}.tabs.pill ::slotted(:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(:focus){border-bottom-color:transparent}.tabs.pill ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent}.tabs.pill ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-active-background-color);color:var(--tabs-headers-pill-active-text-color)}.tabs.pill ::slotted(.active:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(.disabled){background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-disabled-color);cursor:not-allowed}.tabs.pill ::slotted(:first-child){margin-left:0 !important}.tabs.pill ::slotted(:last-child){margin-right:0 !important}.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),     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);cursor:not-allowed}.tabs--segmented.tabs--disabled{border:none;--tabs-headers-segmented-background-color:var(--tc-layer-secondary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:none}.tabs--segmented.tabs--disabled ::slotted(*){color:var(--tc-grey-40);cursor:not-allowed}.tabs--segmented.tabs--disabled ::slotted(.active){color:var(--tc-grey-50)}.tabs--segmented.tabs--disabled.dark,.tabs--segmented.tabs--disabled.dark-gray{--tabs-headers-segmented-background-color:var(--tc-layer-secondary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark)}.tabs--segmented.tabs--disabled.dark ::slotted(*),.tabs--segmented.tabs--disabled.dark-gray ::slotted(*){color:var(--tc-grey-40-dark)}.tabs--segmented.tabs--disabled.dark ::slotted(.active),.tabs--segmented.tabs--disabled.dark-gray ::slotted(.active){color:var(--tc-grey-50-dark)}.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{n as tet_radio,l as tet_tab_header}