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

package/dist/tet-components/{p-60abca86.entry.js → p-cde8057a.entry.js}

@@ -1 +1 @@
-import{r as t,g as a,h as r,H as o}from"./p-5abb3bea.js";const e=class{constructor(a){t(this,a),this.parentContainer=null,this.data=[],this.minValue=0,this.maxValue=1,this.valueUnit="",this.labelPosition="responsive",this.valuePosition="inside",this.dataOrder="none",this.withGrid=!1,this.animationDuration=500,this.size="auto",this.theme="light",this.displayData=[],this.componentSize="large",this.labelWidth=0}barContainerRef;barLabelContainerRef;get element(){return a(this)}onSizeChange(t){"auto"!==t&&(this.componentSize=t)}onDataOrderChange(){this.animateDisplayDataChanges()}onDataChange(){this.animateDisplayDataChanges(),setTimeout(this.sortGraph)}onMinValueChange(){this.animateDisplayDataChanges()}onMaxValueChange(){this.animateDisplayDataChanges()}onWindowResize(){this.autoSetComponentSize();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateValuePosition(a,0)}componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){"auto"!==this.size&&(this.componentSize=this.size),this.autoSetComponentSize(),this.animateDisplayDataChanges()}calculateDisplayData=(t=!1,a=this.data)=>{const r=[],o=this.maxValue-this.minValue,e=Math.max(...a.map((t=>t.value.toString().split(".")[1]?.length||0)));for(const t of a){let a=t.value;a<this.minValue&&(a=this.minValue),a>this.maxValue&&(a=this.maxValue);const i=(a-this.minValue)/o*100||1;r.push({...t,width:i,formattedValue:this.formatValue(t.value,e),order:-1})}"ascending"===this.dataOrder?r.sort(((t,a)=>t.value-a.value)):"descending"===this.dataOrder&&r.sort(((t,a)=>a.value-t.value));for(let t=0;t<r.length;t++)r[t].order=t;if(!t)return void(this.displayData=r);const i=Array.from(this.barContainerRef.children);for(const t of r){const a=this.displayData.find((a=>a.id===t.id));void 0===a?this.displayData.push(t):Object.assign(a,t);const r=i.find((a=>t.id===a.getAttribute("data-id")));void 0!==r&&r.setAttribute("data-order",t.order.toString())}const n=r.map((t=>t.id));this.displayData=this.displayData.filter((t=>n.includes(t.id)))};animateDisplayDataChanges=()=>{this.setElementOffsets(),this.calculateDisplayData(!0),this.sortGraph();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateElementTranslate(a),this.animateValuePosition(a)};animateElementTranslate=t=>{const a=`translateY(${parseFloat(t.getAttribute("data-offset"))-t.getBoundingClientRect().top}px)`;t.style.transform=a;const r=t.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==r&&(r.onfinish=()=>{t.style.transform=null});const o=this.barLabelContainerRef.querySelector(`[data-id="${t.getAttribute("data-id")}"]`);if(null!==o){o.style.transform=a;const t=o.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==t&&(t.onfinish=()=>{o.style.transform=null})}};animateValuePosition=(t,a=this.animationDuration)=>{const r=this.displayData.find((a=>a.id===t.getAttribute("data-id"))),o=t.querySelector(".bar-graph__bar-value--after"),e=t.getBoundingClientRect().width,i=o.getBoundingClientRect().width,n=e-e*(r.width/100),s=o.style.left||"0";let l="0";if(i>n){const t=-1*(i-n);l=0===t?"0":`${t}px`}if(s!==l){const t=o.animate([{left:s},{left:l}],{duration:a});void 0!==t&&(t.onfinish=()=>{o.style.left=l})}};setElementOffsets=()=>{if(void 0===this.barContainerRef)return;const t=Array.from(this.barContainerRef.children);for(const a of t)a.setAttribute("data-offset",a.getBoundingClientRect().top.toString())};formatValue=(t,a)=>{let r=t.toFixed(a).replace(".",",");return this.valueUnit&&(r=`${r} ${this.valueUnit}`),r};autoSetComponentSize=()=>{if("auto"!==this.size)return;let t;t=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.componentSize=t>=1024?"large":"small"};sortGraph=()=>{const t=Array.from(this.barContainerRef.children);t.sort(((t,a)=>parseInt(t.getAttribute("data-order"),10)-parseInt(a.getAttribute("data-order"),10)));for(const a of t)a.style.order=a.getAttribute("data-order")};renderLabel=(t,a)=>r("div",{class:{"bar-graph__label":!0,"bar-graph__label--inline":a,[`bar-graph__label--${t.type}`]:!0},"data-id":t.id,style:{order:a?t.order.toString():null}},t.label);renderBar=t=>r("div",{class:"bar-graph__item","data-id":t.id,"data-order":t.order,style:{zIndex:"primary"===t.type?"1":"0"}},r("div",{class:{hidden:"responsive"!==this.labelPosition||"small"!==this.componentSize}},this.renderLabel(t,!1)),r("div",{class:"bar-graph__bar-container",style:{width:`${t.width}%`}},r("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${t.type}`]:!0}},r("span",{class:{"bar-graph__bar-value":!0,hidden:"inside"!==this.valuePosition}},t.formattedValue))),r("div",{class:"bar-graph__bar-value-container",style:{left:`${t.width}%`}},r("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,hidden:"after"!==this.valuePosition}},t.formattedValue)));renderGridLines(){const t="small"===this.componentSize?6:12,a=[];for(let o=0;o<t;o++)a.push(r("div",{class:"bar-graph__data-grid--line"}));return a}render(){return r(o,{key:"8110eab1a34abd220c2038e062d233f9de1c1552"},r("div",{key:"6000c8eb2f6a1b4dc7a0eba29581d6a223704355",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,[this.theme]:!0}},r("div",{key:"91143fa452d14eec131a1ac9752e121bf9a530c9",class:"bar-graph__container"},r("div",{key:"a956338668a791018a7977315e2356685c0f5e23",class:{"bar-graph__label-container":!0,hidden:"responsive"===this.labelPosition&&"small"===this.componentSize},ref:t=>this.barLabelContainerRef=t},this.displayData.map((t=>this.renderLabel(t,!0)))),r("div",{key:"dd37b4853791edbc0183c06fce5f1cf250ae423c",class:"bar-graph__graph-container"},r("div",{key:"acf246c3af8a903cd86ffc5ed659a91050ef7310",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),r("div",{key:"c7d76f13a8b40c3dc11f5a27937483c9362c625f",class:"bar-graph__item-container",ref:t=>this.barContainerRef=t},this.displayData.map((t=>this.renderBar(t))))))))}static get watchers(){return{size:["onSizeChange"],dataOrder:["onDataOrderChange"],data:["onDataChange"],minValue:["onMinValueChange"],maxValue:["onMaxValueChange"]}}};e.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-data-grid-line-width:0.0625rem;--bar-graph-data-grid-line-color:var(--tc-border-quaternary);--bar-graph-animation-duration:0.5s}.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__container{display:flex;flex-direction:row}.bar-graph__label-container{padding:0.5rem 0;display:flex;flex-direction:column;gap:0.5rem}.bar-graph__label-container .bar-graph__label{color:var(--bar-graph-label-secondary-color)}.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}.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-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}.bar-graph__bar-value--after{position:absolute;padding:0 0.5rem;display:flex;text-align:right;align-items:center;height:var(--bar-graph-bar-height)}.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 0.5rem;box-sizing:border-box;pointer-events:none}.bar-graph__data-grid--line{display:flex;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 .hidden{display:none}';export{e as tet_bar_graph}
+import{r as t,g as a,h as r,H as o}from"./p-83f43fdd.js";const e=class{constructor(a){t(this,a),this.parentContainer=null,this.data=[],this.minValue=0,this.maxValue=1,this.valueUnit="",this.labelPosition="responsive",this.valuePosition="inside",this.dataOrder="none",this.withGrid=!1,this.animationDuration=500,this.size="auto",this.theme="light",this.displayData=[],this.componentSize="large",this.labelWidth=0}barContainerRef;barLabelContainerRef;get element(){return a(this)}onSizeChange(t){"auto"!==t&&(this.componentSize=t)}onDataOrderChange(){this.animateDisplayDataChanges()}onDataChange(){this.animateDisplayDataChanges(),setTimeout(this.sortGraph)}onMinValueChange(){this.animateDisplayDataChanges()}onMaxValueChange(){this.animateDisplayDataChanges()}onWindowResize(){this.autoSetComponentSize();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateValuePosition(a,0)}componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){"auto"!==this.size&&(this.componentSize=this.size),this.autoSetComponentSize(),this.animateDisplayDataChanges()}calculateDisplayData=(t=!1,a=this.data)=>{const r=[],o=this.maxValue-this.minValue,e=Math.max(...a.map((t=>t.value.toString().split(".")[1]?.length||0)));for(const t of a){let a=t.value;a<this.minValue&&(a=this.minValue),a>this.maxValue&&(a=this.maxValue);const i=(a-this.minValue)/o*100||1;r.push({...t,width:i,formattedValue:this.formatValue(t.value,e),order:-1})}"ascending"===this.dataOrder?r.sort(((t,a)=>t.value-a.value)):"descending"===this.dataOrder&&r.sort(((t,a)=>a.value-t.value));for(let t=0;t<r.length;t++)r[t].order=t;if(!t)return void(this.displayData=r);const i=Array.from(this.barContainerRef.children);for(const t of r){const a=this.displayData.find((a=>a.id===t.id));void 0===a?this.displayData.push(t):Object.assign(a,t);const r=i.find((a=>t.id===a.getAttribute("data-id")));void 0!==r&&r.setAttribute("data-order",t.order.toString())}const n=r.map((t=>t.id));this.displayData=this.displayData.filter((t=>n.includes(t.id)))};animateDisplayDataChanges=()=>{this.setElementOffsets(),this.calculateDisplayData(!0),this.sortGraph();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateElementTranslate(a),this.animateValuePosition(a)};animateElementTranslate=t=>{const a=`translateY(${parseFloat(t.getAttribute("data-offset"))-t.getBoundingClientRect().top}px)`;t.style.transform=a;const r=t.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==r&&(r.onfinish=()=>{t.style.transform=null});const o=this.barLabelContainerRef.querySelector(`[data-id="${t.getAttribute("data-id")}"]`);if(null!==o){o.style.transform=a;const t=o.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==t&&(t.onfinish=()=>{o.style.transform=null})}};animateValuePosition=(t,a=this.animationDuration)=>{const r=this.displayData.find((a=>a.id===t.getAttribute("data-id"))),o=t.querySelector(".bar-graph__bar-value--after"),e=t.getBoundingClientRect().width,i=o.getBoundingClientRect().width,n=e-e*(r.width/100),s=o.style.left||"0";let l="0";if(i>n){const t=-1*(i-n);l=0===t?"0":`${t}px`}if(s!==l){const t=o.animate([{left:s},{left:l}],{duration:a});void 0!==t&&(t.onfinish=()=>{o.style.left=l})}};setElementOffsets=()=>{if(void 0===this.barContainerRef)return;const t=Array.from(this.barContainerRef.children);for(const a of t)a.setAttribute("data-offset",a.getBoundingClientRect().top.toString())};formatValue=(t,a)=>{let r=t.toFixed(a).replace(".",",");return this.valueUnit&&(r=`${r} ${this.valueUnit}`),r};autoSetComponentSize=()=>{if("auto"!==this.size)return;let t;t=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.componentSize=t>=1024?"large":"small"};sortGraph=()=>{const t=Array.from(this.barContainerRef.children);t.sort(((t,a)=>parseInt(t.getAttribute("data-order"),10)-parseInt(a.getAttribute("data-order"),10)));for(const a of t)a.style.order=a.getAttribute("data-order")};renderLabel=(t,a)=>r("div",{class:{"bar-graph__label":!0,"bar-graph__label--inline":a,[`bar-graph__label--${t.type}`]:!0},"data-id":t.id,style:{order:a?t.order.toString():null}},t.label);renderBar=t=>r("div",{class:"bar-graph__item","data-id":t.id,"data-order":t.order,style:{zIndex:"primary"===t.type?"1":"0"}},r("div",{class:{hidden:"responsive"!==this.labelPosition||"small"!==this.componentSize}},this.renderLabel(t,!1)),r("div",{class:"bar-graph__bar-container",style:{width:`${t.width}%`}},r("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${t.type}`]:!0}},r("span",{class:{"bar-graph__bar-value":!0,hidden:"inside"!==this.valuePosition}},t.formattedValue))),r("div",{class:"bar-graph__bar-value-container",style:{left:`${t.width}%`}},r("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,hidden:"after"!==this.valuePosition}},t.formattedValue)));renderGridLines(){const t="small"===this.componentSize?6:12,a=[];for(let o=0;o<t;o++)a.push(r("div",{class:"bar-graph__data-grid--line"}));return a}render(){return r(o,{key:"8110eab1a34abd220c2038e062d233f9de1c1552"},r("div",{key:"6000c8eb2f6a1b4dc7a0eba29581d6a223704355",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,[this.theme]:!0}},r("div",{key:"91143fa452d14eec131a1ac9752e121bf9a530c9",class:"bar-graph__container"},r("div",{key:"a956338668a791018a7977315e2356685c0f5e23",class:{"bar-graph__label-container":!0,hidden:"responsive"===this.labelPosition&&"small"===this.componentSize},ref:t=>this.barLabelContainerRef=t},this.displayData.map((t=>this.renderLabel(t,!0)))),r("div",{key:"dd37b4853791edbc0183c06fce5f1cf250ae423c",class:"bar-graph__graph-container"},r("div",{key:"acf246c3af8a903cd86ffc5ed659a91050ef7310",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),r("div",{key:"c7d76f13a8b40c3dc11f5a27937483c9362c625f",class:"bar-graph__item-container",ref:t=>this.barContainerRef=t},this.displayData.map((t=>this.renderBar(t))))))))}static get watchers(){return{size:["onSizeChange"],dataOrder:["onDataOrderChange"],data:["onDataChange"],minValue:["onMinValueChange"],maxValue:["onMaxValueChange"]}}};e.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-data-grid-line-width:0.0625rem;--bar-graph-data-grid-line-color:var(--tc-border-quaternary);--bar-graph-animation-duration:0.5s}.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__container{display:flex;flex-direction:row}.bar-graph__label-container{padding:0.5rem 0;display:flex;flex-direction:column;gap:0.5rem}.bar-graph__label-container .bar-graph__label{color:var(--bar-graph-label-secondary-color)}.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}.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-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}.bar-graph__bar-value--after{position:absolute;padding:0 0.5rem;display:flex;text-align:right;align-items:center;height:var(--bar-graph-bar-height)}.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 0.5rem;box-sizing:border-box;pointer-events:none}.bar-graph__data-grid--line{display:flex;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 .hidden{display:none}';export{e as tet_bar_graph}

package/dist/tet-components/{p-589e8e4b.entry.js → p-ce850061.entry.js}

@@ -1 +1 @@
-import{r as e,g as r,h as i,H as t}from"./p-5abb3bea.js";const n={L:{headingFont:"1.125rem",headingLine:"1.5rem",footerFont:"0.875rem",centsFont:{1:"1.75rem",2:"1.75rem",3:"1.5rem",4:"1.25rem",5:"1.25rem"},centsLine:{1:"1.75rem",2:"1.75rem",3:"1.5rem",4:"1rem",5:"1rem"},priceTypeFont:{1:"1rem",2:"1rem",3:"0.875rem",4:"0.875rem",5:"0.625rem"},euroFont:{1:"3.5rem",2:"3.5rem",3:"3rem",4:"2.25rem",5:"2.125rem"},euroLine:{1:"3.5rem",2:"3.5rem",3:"3rem",4:"2.25rem",5:"2.125rem"},padding:"1.625rem 0rem",width:"9.375rem",height:"9.375rem",gap:"0.125rem"},M:{headingFont:"0.875rem",headingLine:"1.25rem",footerFont:"0.75rem",centsFont:{1:"1.25rem",2:"1.25rem",3:"1rem",4:"0.75rem",5:"0.75rem"},centsLine:{1:"1.25rem",2:"1.25rem",3:"0.875rem",4:"0.625rem",5:"0.625rem"},priceTypeFont:{1:"0.75rem",2:"0.75rem",3:"0.625rem",4:"0.625rem",5:"0.5rem"},euroFont:{1:"3rem",2:"3rem",3:"2rem",4:"1.625rem",5:"1.5rem"},euroLine:{1:"3rem",2:"3rem",3:"2rem",4:"1.625rem",5:"1.5rem"},padding:"1.125rem 0rem",width:"7rem",height:"7rem",gap:"0.125rem"},S:{headingFont:"0.625rem",headingLine:"1.125rem",footerFont:"0.625rem",centsFont:{1:"1.25rem",2:"1.25rem",3:"0.875rem",4:"0.625rem",5:"0.5rem"},centsLine:{1:"1rem",2:"1rem",3:"0.75rem",4:"0.5rem",5:"0.375rem"},priceTypeFont:{1:"0.5rem",2:"0.5rem",3:"0.375rem",4:"0.375rem",5:"0.375rem"},euroFont:{1:"2rem",2:"2rem",3:"1.5rem",4:"1.125rem",5:"1.125rem"},euroLine:{1:"2rem",2:"2rem",3:"1.5rem",4:"1.125rem",5:"1.125rem"},padding:"0.5rem 0rem",width:"5rem",height:"5rem",gap:"0.0625rem"}},c=class{constructor(r){e(this,r),this.theme="light",this.background="grey",this.font=void 0,this.size="L",this.headingText=void 0,this.priceType=void 0,this.euroPrice=void 0,this.centsPrice=void 0,this.footerText=void 0,this.footerTextType="regular",this.staticColors=!0}get hostElement(){return r(this)}render(){const e={[this.theme]:!0,"static-colors":this.staticColors,"price-view__container":!0,"price-view__white":"white"===this.background,"price-view__black":"black"===this.background,"price-view__grey":"grey"===this.background,"price-view__yellow":"yellow"===this.background},r="monthly"===this.priceType,c={heading:{height:n[this.size].headingFont,fontSize:n[this.size].headingFont,lineHeight:n[this.size].headingFont},euro:{fontSize:n[this.size].euroFont[this.euroPrice.length],lineHeight:n[this.size].euroLine[this.euroPrice.length]},cents:{fontSize:n[this.size].centsFont[this.euroPrice.length],lineHeight:n[this.size].centsLine[this.euroPrice.length]},priceType:{fontSize:n[this.size].priceTypeFont[this.euroPrice.length],lineHeight:n[this.size].priceTypeFont[this.euroPrice.length]},footer:{height:n[this.size].footerFont,fontSize:n[this.size].footerFont,lineHeight:n[this.size].footerFont,textDecoration:"crossed-out"===this.footerTextType?"line-through":"none"},container:{padding:n[this.size].padding,width:n[this.size].width,height:n[this.size].height,display:"flex",alignItems:"center"},price:{gap:n[this.size].gap}},o=this?.centsPrice&&this?.centsPrice.length>0;return i(t,{key:"1e4014db7b02cb439d6ed757b6858545ab000a5a"},i("div",{key:"63a2f965efa9f35c96db0a218de31423697f1916",class:e,style:c.container},i("div",{key:"c2fcd90bf99586a4f2f92c254ccff6298d52a43c",class:"price-view__body"},this?.headingText&&i("h3",{key:"b65e2d8fb2a1d990eaac750b229ae9aeebe23de8",class:"price-view__heading",style:c.heading},this.headingText),i("div",{key:"134d4c8d5822b8ec6f5c282dde86d0f8646140b0",class:"price-view__price",style:{fontFamily:this.font,gap:c.price.gap}},i("span",{key:"89f51cf61e7e768649a9e863cdd7cb8f7842f950",class:"price-view__euro",style:c.euro},this.euroPrice,r||o?"":"€"),i("div",{key:"f90f6521227369d9e2fa2cc131cf8c02d53a98f0",class:"price-view__cents-container"},i("span",{key:"91718ffe8454817196848b87c36f51a03cf6416e",class:"price-view__cents",style:c.cents},this?.centsPrice),this.priceType&&i("span",{key:"55eb1da3b4a1006f12af1af2ca40972157b1f856",class:"price-view__type",style:c.priceType},r?"€/mēn.":"",!r&&o?"EUR":""))),this?.footerText&&i("p",{key:"e6e346ae69855987b4be89701634f2e160b06f00",class:"price-view__footer",style:c.footer},this.footerText))))}};c.style=":host{display:block}.price-view__container{box-sizing:border-box;font-family:Inter, sans-serif;width:9.375rem;height:9.375rem;padding:1.625rem 0rem;border-radius:1rem;container-type:inline-size}.price-view__container.dark:not(.static-colors).price-view__white{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__grey{background-color:var(--tc-grey-10-dark, rgb(24, 25, 27));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__black{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__white{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__grey{background-color:var(--tc-layer-secondary, rgb(247, 247, 247));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__black{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__yellow{background:var(--tc-yellow-40, rgb(255, 208, 38));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__body{margin:auto;width:fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:space-between}.price-view__heading{text-align:left;font-family:Inter, sans-serif;font-size:1.125rem;font-style:normal;font-weight:600;line-height:1.75rem;letter-spacing:-0.012rem;margin-block:0}.price-view__price{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0.25rem;letter-spacing:-0.015rem}.price-view__euro{font-style:normal;font-weight:600;letter-spacing:-0.0175rem;letter-spacing:-0.015rem}.price-view__cents-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;letter-spacing:-0.015rem}.price-view__cents{font-family:Gilroy, sans-serif;font-size:1.75rem;font-style:normal;font-weight:600;letter-spacing:-0.015rem}.price-view__footer{font-family:Inter, sans-serif;font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.025rem;margin-block:0}";export{c as tet_price_view}
+import{r as e,g as r,h as i,H as t}from"./p-83f43fdd.js";const n={L:{headingFont:"1.125rem",headingLine:"1.5rem",footerFont:"0.875rem",centsFont:{1:"1.75rem",2:"1.75rem",3:"1.5rem",4:"1.25rem",5:"1.25rem"},centsLine:{1:"1.75rem",2:"1.75rem",3:"1.5rem",4:"1rem",5:"1rem"},priceTypeFont:{1:"1rem",2:"1rem",3:"0.875rem",4:"0.875rem",5:"0.625rem"},euroFont:{1:"3.5rem",2:"3.5rem",3:"3rem",4:"2.25rem",5:"2.125rem"},euroLine:{1:"3.5rem",2:"3.5rem",3:"3rem",4:"2.25rem",5:"2.125rem"},padding:"1.625rem 0rem",width:"9.375rem",height:"9.375rem",gap:"0.125rem"},M:{headingFont:"0.875rem",headingLine:"1.25rem",footerFont:"0.75rem",centsFont:{1:"1.25rem",2:"1.25rem",3:"1rem",4:"0.75rem",5:"0.75rem"},centsLine:{1:"1.25rem",2:"1.25rem",3:"0.875rem",4:"0.625rem",5:"0.625rem"},priceTypeFont:{1:"0.75rem",2:"0.75rem",3:"0.625rem",4:"0.625rem",5:"0.5rem"},euroFont:{1:"3rem",2:"3rem",3:"2rem",4:"1.625rem",5:"1.5rem"},euroLine:{1:"3rem",2:"3rem",3:"2rem",4:"1.625rem",5:"1.5rem"},padding:"1.125rem 0rem",width:"7rem",height:"7rem",gap:"0.125rem"},S:{headingFont:"0.625rem",headingLine:"1.125rem",footerFont:"0.625rem",centsFont:{1:"1.25rem",2:"1.25rem",3:"0.875rem",4:"0.625rem",5:"0.5rem"},centsLine:{1:"1rem",2:"1rem",3:"0.75rem",4:"0.5rem",5:"0.375rem"},priceTypeFont:{1:"0.5rem",2:"0.5rem",3:"0.375rem",4:"0.375rem",5:"0.375rem"},euroFont:{1:"2rem",2:"2rem",3:"1.5rem",4:"1.125rem",5:"1.125rem"},euroLine:{1:"2rem",2:"2rem",3:"1.5rem",4:"1.125rem",5:"1.125rem"},padding:"0.5rem 0rem",width:"5rem",height:"5rem",gap:"0.0625rem"}},c=class{constructor(r){e(this,r),this.theme="light",this.background="grey",this.font=void 0,this.size="L",this.headingText=void 0,this.priceType=void 0,this.euroPrice=void 0,this.centsPrice=void 0,this.footerText=void 0,this.footerTextType="regular",this.staticColors=!0}get hostElement(){return r(this)}render(){const e={[this.theme]:!0,"static-colors":this.staticColors,"price-view__container":!0,"price-view__white":"white"===this.background,"price-view__black":"black"===this.background,"price-view__grey":"grey"===this.background,"price-view__yellow":"yellow"===this.background},r="monthly"===this.priceType,c={heading:{height:n[this.size].headingFont,fontSize:n[this.size].headingFont,lineHeight:n[this.size].headingFont},euro:{fontSize:n[this.size].euroFont[this.euroPrice.length],lineHeight:n[this.size].euroLine[this.euroPrice.length]},cents:{fontSize:n[this.size].centsFont[this.euroPrice.length],lineHeight:n[this.size].centsLine[this.euroPrice.length]},priceType:{fontSize:n[this.size].priceTypeFont[this.euroPrice.length],lineHeight:n[this.size].priceTypeFont[this.euroPrice.length]},footer:{height:n[this.size].footerFont,fontSize:n[this.size].footerFont,lineHeight:n[this.size].footerFont,textDecoration:"crossed-out"===this.footerTextType?"line-through":"none"},container:{padding:n[this.size].padding,width:n[this.size].width,height:n[this.size].height,display:"flex",alignItems:"center"},price:{gap:n[this.size].gap}},o=this?.centsPrice&&this?.centsPrice.length>0;return i(t,{key:"1e4014db7b02cb439d6ed757b6858545ab000a5a"},i("div",{key:"63a2f965efa9f35c96db0a218de31423697f1916",class:e,style:c.container},i("div",{key:"c2fcd90bf99586a4f2f92c254ccff6298d52a43c",class:"price-view__body"},this?.headingText&&i("h3",{key:"b65e2d8fb2a1d990eaac750b229ae9aeebe23de8",class:"price-view__heading",style:c.heading},this.headingText),i("div",{key:"134d4c8d5822b8ec6f5c282dde86d0f8646140b0",class:"price-view__price",style:{fontFamily:this.font,gap:c.price.gap}},i("span",{key:"89f51cf61e7e768649a9e863cdd7cb8f7842f950",class:"price-view__euro",style:c.euro},this.euroPrice,r||o?"":"€"),i("div",{key:"f90f6521227369d9e2fa2cc131cf8c02d53a98f0",class:"price-view__cents-container"},i("span",{key:"91718ffe8454817196848b87c36f51a03cf6416e",class:"price-view__cents",style:c.cents},this?.centsPrice),this.priceType&&i("span",{key:"55eb1da3b4a1006f12af1af2ca40972157b1f856",class:"price-view__type",style:c.priceType},r?"€/mēn.":"",!r&&o?"EUR":""))),this?.footerText&&i("p",{key:"e6e346ae69855987b4be89701634f2e160b06f00",class:"price-view__footer",style:c.footer},this.footerText))))}};c.style=":host{display:block}.price-view__container{box-sizing:border-box;font-family:Inter, sans-serif;width:9.375rem;height:9.375rem;padding:1.625rem 0rem;border-radius:1rem;container-type:inline-size}.price-view__container.dark:not(.static-colors).price-view__white{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__grey{background-color:var(--tc-grey-10-dark, rgb(24, 25, 27));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__container.dark:not(.static-colors).price-view__black{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__white{background-color:var(--tc-layer-primary, rgb(255, 255, 255));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__grey{background-color:var(--tc-layer-secondary, rgb(247, 247, 247));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__black{background-color:var(--tc-layer-inverse-primary, rgb(12, 12, 14));color:var(--tc-text-inverse-primary, rgb(253, 253, 253))}.price-view__yellow{background:var(--tc-yellow-40, rgb(255, 208, 38));color:var(--tc-text-primary, rgb(12, 12, 14))}.price-view__body{margin:auto;width:fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:space-between}.price-view__heading{text-align:left;font-family:Inter, sans-serif;font-size:1.125rem;font-style:normal;font-weight:600;line-height:1.75rem;letter-spacing:-0.012rem;margin-block:0}.price-view__price{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0.25rem;letter-spacing:-0.015rem}.price-view__euro{font-style:normal;font-weight:600;letter-spacing:-0.0175rem;letter-spacing:-0.015rem}.price-view__cents-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;letter-spacing:-0.015rem}.price-view__cents{font-family:Gilroy, sans-serif;font-size:1.75rem;font-style:normal;font-weight:600;letter-spacing:-0.015rem}.price-view__footer{font-family:Inter, sans-serif;font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.025rem;margin-block:0}";export{c as tet_price_view}

package/dist/tet-components/{p-d749ee2b.entry.js → p-cea240d6.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,g as e,h as i,H as n}from"./p-5abb3bea.js";import{a as r}from"./p-64ec8edd.js";import{n as a}from"./p-58434b0c.js";import{b as s,c as l,i as c}from"./p-9a2b6ee2.js";import{r as f}from"./p-df4bc38e.js";function m(t){return!!t&&(!("string"!=typeof t.h||!["a","button","input","select","textarea"].includes(t.h.toLowerCase()))||"object"==typeof t.o&&null!==t.o&&void 0!==t.o.tabindex&&-1!==t.o.tabindex||!!Array.isArray(t.i)&&t.i.some((t=>m(t))))}const p=class{constructor(e){t(this,e),this.optionSelected=o(this,"optionSelected",7),this.activeComponentStateChanged=o(this,"activeComponentStateChanged",7),this.searchTextSubmitted=o(this,"searchTextSubmitted",7),this.showOptionsOnEscapeClear=!1,this.defaultOptions=[],this.optionsFilterAction=()=>[],this.noOptionsMessage=void 0,this.noOptionsRenderFunction=()=>null,this.customOptionRenderFunction=void 0,this.clearCallback=void 0,this.finishedLoading=void 0,this.newStyle=!1,this.highlightOptionsKeyword=!0,this.darkTheme=!1,this.optionsIcon="",this.redesignedStyle=!1,this.filteredOptions=[],this.activeOption=void 0,this.showOptions=!1,this.showLoader=!1,this.isKeyboardFocus=!0}get rootElement(){return e(this)}internalUniqueId;inputElement;optionsContainer;activeOptionElement;noOptionsElement;skipNextFilterValueChange=!1;lastFilteredValue="";typingDebounceTime=250;optionSelected;activeComponentStateChanged;searchTextSubmitted;componentDidLoad(){this.internalUniqueId=f(12);const t=this.rootElement?.querySelector(".autocomplete-input");var o;null!==t&&(this.inputElement=(o={value:t=>{this.skipNextFilterValueChange||this.debouncedUpdateFilteredOptions(t),this.skipNextFilterValueChange=!1}},new Proxy(t,{set:(t,e,i)=>(e in o&&o[e](i),t[e]=i,!0),get:(t,o)=>"origin"===o?t:t[o]}))),this.inputElement?.origin.addEventListener("input",this.onInputChange),this.inputElement?.origin.addEventListener("focus",this.tryToDisplayOptions)}disconnectedCallback(){this.inputElement?.origin.removeEventListener("input",this.onInputChange),this.inputElement?.origin.removeEventListener("focus",this.tryToDisplayOptions)}onPointerUp(t){t.stopPropagation()}onWindowPointerUp(t){"mouse"!==t.pointerType&&this.activeComponentStateChanged.emit(null)}onMouseDown(){this.isKeyboardFocus=!1}onComponentActiveStateChange({detail:t}){t===this.internalUniqueId&&null!==t||!this.showOptions||(this.showOptions=!1)}async handleKeyDown(t){switch(t.key){case"Escape":await this.clear(this.showOptionsOnEscapeClear);break;case"ArrowDown":if(this.optionsContainer&&this.filteredOptions.length){this.isKeyboardFocus=!0,this.handleInputFocusOutline();const t=-1,o=this.filteredOptions.length-1,e=this.filteredOptions.indexOf(this.activeOption),[i]=this.filteredOptions;if(e===t||e===o)return this.optionsContainer.scrollTop=0,void(this.activeOption=i);this.activeOption=this.filteredOptions[e+1];const n=this.activeOptionElement.nextSibling;this.optionsContainer.scrollTop=n.offsetTop-n.offsetHeight}break;case"ArrowUp":if(this.optionsContainer&&this.filteredOptions.length&&this.activeOption){this.isKeyboardFocus=!0,this.handleInputFocusOutline();const t=this.filteredOptions.length-1,o=this.filteredOptions.indexOf(this.activeOption);if(0===o)return this.optionsContainer.scrollTop=this.optionsContainer.scrollHeight,void(this.activeOption=this.filteredOptions[t]);this.activeOption=this.filteredOptions[o-1];const e=this.activeOptionElement.previousSibling;this.optionsContainer.scrollTop=e.offsetTop-2*e.offsetHeight}break;case"Enter":this.activeOption?(this.getOptionSelectAction(this.activeOption)(t),this.handleInputFocusOutline(!1)):this.searchTextSubmitted.emit();break;default:if(this.showOptions||"Tab"===t.key)return;this.showOptions=!0}}handleNoOptionsFocusOut=t=>{const o=t.relatedTarget;o&&o instanceof HTMLElement&&o.classList.contains("icon-right")||(this.noOptionsElement?.removeEventListener("focusout",this.handleNoOptionsFocusOut),this.showOptions=!1)};handleFocusOut(t){const o=t.relatedTarget;return s(this.noOptionsRenderFunction)&&null!==this.noOptionsRenderFunction()&&!this.filteredOptions.length&&o&&this.rootElement.contains(o)&&m(this.noOptionsRenderFunction())?(this.noOptionsElement?.removeEventListener("focusout",this.handleNoOptionsFocusOut),void this.noOptionsElement?.addEventListener("focusout",this.handleNoOptionsFocusOut)):o&&o instanceof HTMLElement&&o.classList.contains("icon-right")?(this.showOptions=!1,void(this.activeOption=null)):void(this.showOptions&&(o&&this.rootElement.contains(o)||(this.showOptions=!1)))}async clear(t=!1){this.inputElement&&(this.inputElement.value="",this.showOptions=(!this.showOptions||!t)&&t,this.handleInputFocusOutline(!1),this.clearCallback&&this.clearCallback())}async focusOnNativeInput(){this.inputElement&&(this.inputElement.origin.focus(),this.showOptions=!0)}async selectOption(t){this.optionSelected.emit(t),this.showOptions=!1,this.activeOption=null,this.inputElement&&(this.skipNextFilterValueChange=!0,this.inputElement.value=t.label)}handleInputFocusOutline=(t=!0)=>{const o=this.rootElement?.querySelector("input");o instanceof HTMLInputElement&&this.isKeyboardFocus&&(t?(o.focus(),requestAnimationFrame((()=>o.classList.remove("keyboard-focus")))):o.classList.add("keyboard-focus"))};tryToExecuteFinishedLoading=()=>{this.finishedLoading instanceof Function&&this.finishedLoading()};tryToDisplayOptions=()=>{this.showOptions=!0,this.activeComponentStateChanged.emit(this.internalUniqueId),this.inputElement&&this.updateFilteredOptions(this.inputElement?.value)};onInputChange=t=>{this.debouncedUpdateFilteredOptions(t.target.value)};updateFilteredOptions=t=>{this.activeOption=null;const o=a(t??"");if(this.defaultOptions.length&&!o)return this.filteredOptions=this.defaultOptions,this.tryToExecuteFinishedLoading();if(!o||this.lastFilteredValue===o)return this.filteredOptions.length&&!o&&(this.filteredOptions=[]),this.lastFilteredValue=o,this.tryToExecuteFinishedLoading();const e=this.optionsFilterAction(o);l(e)?(this.showLoader=!0,this.filteredOptions=[],e.then((t=>{this.filteredOptions=t,this.lastFilteredValue=o})).finally((()=>{this.showLoader=!1}))):(this.filteredOptions=e,this.lastFilteredValue=o),this.tryToExecuteFinishedLoading()};debouncedUpdateFilteredOptions=r((t=>{this.updateFilteredOptions(t)}),this.typingDebounceTime);onOptionSelect=async(t,o)=>{await this.selectOption({...o,userInteraction:!0,_originalEvent:t}),t.stopPropagation()};getOptionSelectAction=t=>s(t?.clickCallback)?o=>t.clickCallback(o,t):o=>this.onOptionSelect(o,t);getNoOptionsContent=()=>s(this.noOptionsRenderFunction)&&this.noOptionsRenderFunction()||this.noOptionsMessage;renderOptionsLoader=()=>{if(this.showLoader&&!this.newStyle&&!this.redesignedStyle)return i("ul",{class:"autocomplete-options"},i("li",{class:{"autocomplete-options-loader":!0,dark:this.darkTheme}},i("tet-loader",null)))};renderNoOptionsMessage=()=>{const t=this.getNoOptionsContent(),o={};return c(t)||(o.innerHTML=t),i("li",{class:{"autocomplete-options-none-message":!0,dark:this.darkTheme},...o,"aria-live":"polite",ref:t=>this.noOptionsElement=t},c(t)?t:null)};renderOption=(t,o)=>{let{label:e,ignoreHighlighting:n,cssPart:r}=t;const a=this.getOptionSelectAction(t),s=this.lastFilteredValue.split(/\s+/).map((t=>new RegExp(`(?:!</?[^>]*|&[^;]*)(${t})`,"ig")));return this.highlightOptionsKeyword&&!n&&s.forEach((t=>{e=e.replace(t,"<strong>$&</strong>")})),i("li",{class:{"autocomplete-options-item":!0,active:t===this.activeOption,dark:this.darkTheme,"focus-visible":t===this.activeOption&&this.isKeyboardFocus},part:r,onClick:a,onKeyDown:o=>{"Enter"===o.key&&a(t)},ref:o=>t===this.activeOption&&(this.activeOptionElement=o),id:`${this.internalUniqueId}-${o}`,role:"option"},this.renderOptionByType(t))};renderOptionByType(t){switch(!0){case"manual-input"===t.value:return i("span",{class:{"tet-link":!0,dark:this.darkTheme,"manual-input":!0,"option-cta":!0},innerHTML:t.label});case"more-results"===t.value:return i("span",{class:{"tet-link":!0,dark:this.darkTheme,"more-results":!0,"option-cta":!0},innerHTML:t.label});case s(this.customOptionRenderFunction):return this.customOptionRenderFunction(t);default:return[this.optionsIcon&&(this.newStyle||this.redesignedStyle)&&i("tet-icon",{class:"icon",name:this.optionsIcon}),i("span",{innerHTML:t.label})]}}renderOptions=t=>{if(!this.showOptions)return;const o=!t.length&&!this.showLoader&&this.inputElement?.value&&!!this.getNoOptionsContent();return o||t.length?i("div",{class:{"autocomplete-options-container":!0,dark:this.darkTheme,"new-style":this.newStyle||this.redesignedStyle,"redesigned-style":this.redesignedStyle},part:"autocomplete-options-container",role:"combobox","aria-expanded":this.showOptions,"aria-activedescendant":this.activeOption?`${this.internalUniqueId}-${this.filteredOptions.indexOf(this.activeOption)}`:void 0},i("ul",{class:"autocomplete-options",ref:t=>this.optionsContainer=t,role:"listbox",tabindex:"-1"},o&&this.renderNoOptionsMessage(),t.map(this.renderOption))):void 0};render(){return i(n,{key:"890814318fe8f54f0fd2d9815dfb53397fa9e73c",class:{autocomplete:!0,dark:this.darkTheme}},i("slot",{key:"ca2193c3d8783cd1b82f8f086b905a723b55ba58"}),this.renderOptionsLoader(),this.renderOptions(this.filteredOptions))}};p.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--option-padding:0.5rem 1rem;--options-max-height:15.625rem;--options-max-height-new-style:12.25rem;--option-background-color:var(--tc-layer-secondary);--option-hover-background-color:var(--tc-menu-item-hover);--option-pressed-background-color:var(--tc-menu-item-pressed);--option-item-icon-color:var(--tc-icon-secondary);--option-item-icon-hover-color:var(--tc-icon-primary);--option-text-color:var(--tc-text-primary);--option-container-border-color:var(--tc-border-secondary);--option-text-highlight-color:var(--tc-yellow-20);display:block;position:relative}::slotted(.autocomplete-input){width:100%}.autocomplete-options{overflow-y:auto;list-style:none;max-height:var(--options-max-height);--item-icon-color:var(--option-item-icon-color)}.autocomplete-options-container{position:absolute;z-index:20;width:100%;background-color:var(--option-background-color);margin:0;padding:0;border-radius:0.1875rem;box-shadow:0 0 0 0.0625rem rgba(5, 29, 89, 0.16), 0 0.25rem 0.5rem rgba(5, 29, 89, 0.25);font-family:var(--text-font);animation:slideDown 0.125s ease-out 1;animation-fill-mode:forwards}.autocomplete-options-container .autocomplete-options{padding:0.375rem 0}.autocomplete-options-container .autocomplete-options:has(.autocomplete-options-item .manual-input),.autocomplete-options-container .autocomplete-options:has(.autocomplete-options-item .more-results){padding-bottom:0;margin-bottom:0.375rem}.autocomplete-options-container.redesigned-style .autocomplete-options{margin-right:0.25rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar{width:0.5rem;height:0.5rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar-thumb{background:var(--tc-border-quaternary);border-radius:0.5rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar-track{background:var(--tc-layer-primary)}.autocomplete-options-container.redesigned-style.dark .autocomplete-options{margin-right:0.25rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar{width:0.5rem;height:0.5rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar-thumb{background:var(--tc-border-quaternary-dark);border-radius:0.5rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar-track{background:var(--tc-layer-primary-dark)}.autocomplete-options-container .autocomplete-options-item{margin:0 0.375rem}.autocomplete-options-container .autocomplete-options-item .manual-input,.autocomplete-options-container .autocomplete-options-item .more-results{outline-offset:0.125rem !important;margin:0 0.375rem}.autocomplete-options-container.dark{--option-background-color:var(--tc-layer-secondary-dark);--option-hover-background-color:var(--tc-menu-item-hover-dark);--option-pressed-background-color:var(--tc-menu-item-pressed-dark);--option-item-icon-color:var(--tc-icon-secondary-dark);--option-item-icon-hover-color:var(--tc-icon-primary-dark);--option-text-color:var(--tc-text-primary-dark);--option-container-border-color:var(--tc-border-secondary-dark);--option-text-highlight-color:var(--tc-grey-30-dark)}.autocomplete-options-container.new-style{--options-max-height:var(--options-max-height-new-style);--option-padding:0.5rem 1rem 0.5rem 0.5rem;background:var(--option-background-color);font-family:"Inter", var(--font-family-fallback);box-shadow:none;border:0.03125rem solid var(--option-container-border-color);margin-top:0.375rem;border-radius:0.625rem;overflow:hidden}.autocomplete-options-container.new-style .autocomplete-options{padding:0.5rem 0}.autocomplete-options-container.new-style .autocomplete-options:has(.autocomplete-options-item .manual-input){margin-bottom:0.5rem}.autocomplete-options-container.new-style .autocomplete-options-item{display:flex;position:relative;min-height:2.25rem;color:var(--option-text-color);border-radius:0.625rem;gap:0.5rem;margin:0 0.5rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.autocomplete-options-container.new-style .autocomplete-options-item .manual-input,.autocomplete-options-container.new-style .autocomplete-options-item .more-results{margin:0 0.5rem}.autocomplete-options-container.new-style .autocomplete-options-item .more-results{text-decoration:none}.autocomplete-options-container.new-style .autocomplete-options-item .highlight{background-color:var(--option-text-highlight-color)}.autocomplete-options-container.new-style .autocomplete-options-none-message{font-size:0.875rem;color:var(--option-text-color);text-align:left;padding:0.5rem 1rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.autocomplete-options-item{display:flex;align-items:center;padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);cursor:pointer}.autocomplete-options-item:has(.more-results){--option-padding:0.75rem 0.5rem 0.5rem}.autocomplete-options-item .icon{--icon-color:var(--option-item-icon-color);--icon-size:1.25rem}.autocomplete-options-item:hover,.autocomplete-options-item.active{background:var(--option-hover-background-color);--option-item-icon-color:var(--option-item-icon-hover-color)}.autocomplete-options-item:hover.focus-visible:not(:has(.option-cta)),.autocomplete-options-item:hover.focus-visible .option-cta,.autocomplete-options-item.active.focus-visible:not(:has(.option-cta)),.autocomplete-options-item.active.focus-visible .option-cta{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary);background:var(--option-background-color);border-radius:0.125rem;z-index:2}.autocomplete-options-item:hover.focus-visible:not(:has(.option-cta)).dark,.autocomplete-options-item:hover.focus-visible .option-cta.dark,.autocomplete-options-item.active.focus-visible:not(:has(.option-cta)).dark,.autocomplete-options-item.active.focus-visible .option-cta.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary-dark)}.autocomplete-options-item:active{background:var(--option-pressed-background-color)}.autocomplete-options-loader{display:flex;align-items:center;justify-content:center;background:var(--tc-layer-primary);position:absolute;height:11.625rem;width:100%;z-index:100}.autocomplete-options-loader.dark{background:var(--tc-layer-primary-dark)}.autocomplete-options-none-message{padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-25%)}50%{opacity:0.1}100%{opacity:1;transform:translateY(0)}}';export{p as tet_autocomplete}
+import{r as t,c as o,g as e,h as i,H as n}from"./p-83f43fdd.js";import{a as r}from"./p-64ec8edd.js";import{n as a}from"./p-58434b0c.js";import{b as s,c as l,i as c}from"./p-9a2b6ee2.js";import{r as f}from"./p-df4bc38e.js";function m(t){return!!t&&(!("string"!=typeof t.h||!["a","button","input","select","textarea"].includes(t.h.toLowerCase()))||"object"==typeof t.o&&null!==t.o&&void 0!==t.o.tabindex&&-1!==t.o.tabindex||!!Array.isArray(t.i)&&t.i.some((t=>m(t))))}const p=class{constructor(e){t(this,e),this.optionSelected=o(this,"optionSelected",7),this.activeComponentStateChanged=o(this,"activeComponentStateChanged",7),this.searchTextSubmitted=o(this,"searchTextSubmitted",7),this.showOptionsOnEscapeClear=!1,this.defaultOptions=[],this.optionsFilterAction=()=>[],this.noOptionsMessage=void 0,this.noOptionsRenderFunction=()=>null,this.customOptionRenderFunction=void 0,this.clearCallback=void 0,this.finishedLoading=void 0,this.newStyle=!1,this.highlightOptionsKeyword=!0,this.darkTheme=!1,this.optionsIcon="",this.redesignedStyle=!1,this.filteredOptions=[],this.activeOption=void 0,this.showOptions=!1,this.showLoader=!1,this.isKeyboardFocus=!0}get rootElement(){return e(this)}internalUniqueId;inputElement;optionsContainer;activeOptionElement;noOptionsElement;skipNextFilterValueChange=!1;lastFilteredValue="";typingDebounceTime=250;optionSelected;activeComponentStateChanged;searchTextSubmitted;componentDidLoad(){this.internalUniqueId=f(12);const t=this.rootElement?.querySelector(".autocomplete-input");var o;null!==t&&(this.inputElement=(o={value:t=>{this.skipNextFilterValueChange||this.debouncedUpdateFilteredOptions(t),this.skipNextFilterValueChange=!1}},new Proxy(t,{set:(t,e,i)=>(e in o&&o[e](i),t[e]=i,!0),get:(t,o)=>"origin"===o?t:t[o]}))),this.inputElement?.origin.addEventListener("input",this.onInputChange),this.inputElement?.origin.addEventListener("focus",this.tryToDisplayOptions)}disconnectedCallback(){this.inputElement?.origin.removeEventListener("input",this.onInputChange),this.inputElement?.origin.removeEventListener("focus",this.tryToDisplayOptions)}onPointerUp(t){t.stopPropagation()}onWindowPointerUp(t){"mouse"!==t.pointerType&&this.activeComponentStateChanged.emit(null)}onMouseDown(){this.isKeyboardFocus=!1}onComponentActiveStateChange({detail:t}){t===this.internalUniqueId&&null!==t||!this.showOptions||(this.showOptions=!1)}async handleKeyDown(t){switch(t.key){case"Escape":await this.clear(this.showOptionsOnEscapeClear);break;case"ArrowDown":if(this.optionsContainer&&this.filteredOptions.length){this.isKeyboardFocus=!0,this.handleInputFocusOutline();const t=-1,o=this.filteredOptions.length-1,e=this.filteredOptions.indexOf(this.activeOption),[i]=this.filteredOptions;if(e===t||e===o)return this.optionsContainer.scrollTop=0,void(this.activeOption=i);this.activeOption=this.filteredOptions[e+1];const n=this.activeOptionElement.nextSibling;this.optionsContainer.scrollTop=n.offsetTop-n.offsetHeight}break;case"ArrowUp":if(this.optionsContainer&&this.filteredOptions.length&&this.activeOption){this.isKeyboardFocus=!0,this.handleInputFocusOutline();const t=this.filteredOptions.length-1,o=this.filteredOptions.indexOf(this.activeOption);if(0===o)return this.optionsContainer.scrollTop=this.optionsContainer.scrollHeight,void(this.activeOption=this.filteredOptions[t]);this.activeOption=this.filteredOptions[o-1];const e=this.activeOptionElement.previousSibling;this.optionsContainer.scrollTop=e.offsetTop-2*e.offsetHeight}break;case"Enter":this.activeOption?(this.getOptionSelectAction(this.activeOption)(t),this.handleInputFocusOutline(!1)):this.searchTextSubmitted.emit();break;default:if(this.showOptions||"Tab"===t.key)return;this.showOptions=!0}}handleNoOptionsFocusOut=t=>{const o=t.relatedTarget;o&&o instanceof HTMLElement&&o.classList.contains("icon-right")||(this.noOptionsElement?.removeEventListener("focusout",this.handleNoOptionsFocusOut),this.showOptions=!1)};handleFocusOut(t){const o=t.relatedTarget;return s(this.noOptionsRenderFunction)&&null!==this.noOptionsRenderFunction()&&!this.filteredOptions.length&&o&&this.rootElement.contains(o)&&m(this.noOptionsRenderFunction())?(this.noOptionsElement?.removeEventListener("focusout",this.handleNoOptionsFocusOut),void this.noOptionsElement?.addEventListener("focusout",this.handleNoOptionsFocusOut)):o&&o instanceof HTMLElement&&o.classList.contains("icon-right")?(this.showOptions=!1,void(this.activeOption=null)):void(this.showOptions&&(o&&this.rootElement.contains(o)||(this.showOptions=!1)))}async clear(t=!1){this.inputElement&&(this.inputElement.value="",this.showOptions=(!this.showOptions||!t)&&t,this.handleInputFocusOutline(!1),this.clearCallback&&this.clearCallback())}async focusOnNativeInput(){this.inputElement&&(this.inputElement.origin.focus(),this.showOptions=!0)}async selectOption(t){this.optionSelected.emit(t),this.showOptions=!1,this.activeOption=null,this.inputElement&&(this.skipNextFilterValueChange=!0,this.inputElement.value=t.label)}handleInputFocusOutline=(t=!0)=>{const o=this.rootElement?.querySelector("input");o instanceof HTMLInputElement&&this.isKeyboardFocus&&(t?(o.focus(),requestAnimationFrame((()=>o.classList.remove("keyboard-focus")))):o.classList.add("keyboard-focus"))};tryToExecuteFinishedLoading=()=>{this.finishedLoading instanceof Function&&this.finishedLoading()};tryToDisplayOptions=()=>{this.showOptions=!0,this.activeComponentStateChanged.emit(this.internalUniqueId),this.inputElement&&this.updateFilteredOptions(this.inputElement?.value)};onInputChange=t=>{this.debouncedUpdateFilteredOptions(t.target.value)};updateFilteredOptions=t=>{this.activeOption=null;const o=a(t??"");if(this.defaultOptions.length&&!o)return this.filteredOptions=this.defaultOptions,this.tryToExecuteFinishedLoading();if(!o||this.lastFilteredValue===o)return this.filteredOptions.length&&!o&&(this.filteredOptions=[]),this.lastFilteredValue=o,this.tryToExecuteFinishedLoading();const e=this.optionsFilterAction(o);l(e)?(this.showLoader=!0,this.filteredOptions=[],e.then((t=>{this.filteredOptions=t,this.lastFilteredValue=o})).finally((()=>{this.showLoader=!1}))):(this.filteredOptions=e,this.lastFilteredValue=o),this.tryToExecuteFinishedLoading()};debouncedUpdateFilteredOptions=r((t=>{this.updateFilteredOptions(t)}),this.typingDebounceTime);onOptionSelect=async(t,o)=>{await this.selectOption({...o,userInteraction:!0,_originalEvent:t}),t.stopPropagation()};getOptionSelectAction=t=>s(t?.clickCallback)?o=>t.clickCallback(o,t):o=>this.onOptionSelect(o,t);getNoOptionsContent=()=>s(this.noOptionsRenderFunction)&&this.noOptionsRenderFunction()||this.noOptionsMessage;renderOptionsLoader=()=>{if(this.showLoader&&!this.newStyle&&!this.redesignedStyle)return i("ul",{class:"autocomplete-options"},i("li",{class:{"autocomplete-options-loader":!0,dark:this.darkTheme}},i("tet-loader",null)))};renderNoOptionsMessage=()=>{const t=this.getNoOptionsContent(),o={};return c(t)||(o.innerHTML=t),i("li",{class:{"autocomplete-options-none-message":!0,dark:this.darkTheme},...o,"aria-live":"polite",ref:t=>this.noOptionsElement=t},c(t)?t:null)};renderOption=(t,o)=>{let{label:e,ignoreHighlighting:n,cssPart:r}=t;const a=this.getOptionSelectAction(t),s=this.lastFilteredValue.split(/\s+/).map((t=>new RegExp(`(?:!</?[^>]*|&[^;]*)(${t})`,"ig")));return this.highlightOptionsKeyword&&!n&&s.forEach((t=>{e=e.replace(t,"<strong>$&</strong>")})),i("li",{class:{"autocomplete-options-item":!0,active:t===this.activeOption,dark:this.darkTheme,"focus-visible":t===this.activeOption&&this.isKeyboardFocus},part:r,onClick:a,onKeyDown:o=>{"Enter"===o.key&&a(t)},ref:o=>t===this.activeOption&&(this.activeOptionElement=o),id:`${this.internalUniqueId}-${o}`,role:"option"},this.renderOptionByType(t))};renderOptionByType(t){switch(!0){case"manual-input"===t.value:return i("span",{class:{"tet-link":!0,dark:this.darkTheme,"manual-input":!0,"option-cta":!0},innerHTML:t.label});case"more-results"===t.value:return i("span",{class:{"tet-link":!0,dark:this.darkTheme,"more-results":!0,"option-cta":!0},innerHTML:t.label});case s(this.customOptionRenderFunction):return this.customOptionRenderFunction(t);default:return[this.optionsIcon&&(this.newStyle||this.redesignedStyle)&&i("tet-icon",{class:"icon",name:this.optionsIcon}),i("span",{innerHTML:t.label})]}}renderOptions=t=>{if(!this.showOptions)return;const o=!t.length&&!this.showLoader&&this.inputElement?.value&&!!this.getNoOptionsContent();return o||t.length?i("div",{class:{"autocomplete-options-container":!0,dark:this.darkTheme,"new-style":this.newStyle||this.redesignedStyle,"redesigned-style":this.redesignedStyle},part:"autocomplete-options-container",role:"combobox","aria-expanded":this.showOptions,"aria-activedescendant":this.activeOption?`${this.internalUniqueId}-${this.filteredOptions.indexOf(this.activeOption)}`:void 0},i("ul",{class:"autocomplete-options",ref:t=>this.optionsContainer=t,role:"listbox",tabindex:"-1"},o&&this.renderNoOptionsMessage(),t.map(this.renderOption))):void 0};render(){return i(n,{key:"890814318fe8f54f0fd2d9815dfb53397fa9e73c",class:{autocomplete:!0,dark:this.darkTheme}},i("slot",{key:"ca2193c3d8783cd1b82f8f086b905a723b55ba58"}),this.renderOptionsLoader(),this.renderOptions(this.filteredOptions))}};p.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--option-padding:0.5rem 1rem;--options-max-height:15.625rem;--options-max-height-new-style:12.25rem;--option-background-color:var(--tc-layer-secondary);--option-hover-background-color:var(--tc-menu-item-hover);--option-pressed-background-color:var(--tc-menu-item-pressed);--option-item-icon-color:var(--tc-icon-secondary);--option-item-icon-hover-color:var(--tc-icon-primary);--option-text-color:var(--tc-text-primary);--option-container-border-color:var(--tc-border-secondary);--option-text-highlight-color:var(--tc-yellow-20);display:block;position:relative}::slotted(.autocomplete-input){width:100%}.autocomplete-options{overflow-y:auto;list-style:none;max-height:var(--options-max-height);--item-icon-color:var(--option-item-icon-color)}.autocomplete-options-container{position:absolute;z-index:20;width:100%;background-color:var(--option-background-color);margin:0;padding:0;border-radius:0.1875rem;box-shadow:0 0 0 0.0625rem rgba(5, 29, 89, 0.16), 0 0.25rem 0.5rem rgba(5, 29, 89, 0.25);font-family:var(--text-font);animation:slideDown 0.125s ease-out 1;animation-fill-mode:forwards}.autocomplete-options-container .autocomplete-options{padding:0.375rem 0}.autocomplete-options-container .autocomplete-options:has(.autocomplete-options-item .manual-input),.autocomplete-options-container .autocomplete-options:has(.autocomplete-options-item .more-results){padding-bottom:0;margin-bottom:0.375rem}.autocomplete-options-container.redesigned-style .autocomplete-options{margin-right:0.25rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar{width:0.5rem;height:0.5rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar-thumb{background:var(--tc-border-quaternary);border-radius:0.5rem}.autocomplete-options-container.redesigned-style .autocomplete-options::-webkit-scrollbar-track{background:var(--tc-layer-primary)}.autocomplete-options-container.redesigned-style.dark .autocomplete-options{margin-right:0.25rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar{width:0.5rem;height:0.5rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar-thumb{background:var(--tc-border-quaternary-dark);border-radius:0.5rem}.autocomplete-options-container.redesigned-style.dark .autocomplete-options::-webkit-scrollbar-track{background:var(--tc-layer-primary-dark)}.autocomplete-options-container .autocomplete-options-item{margin:0 0.375rem}.autocomplete-options-container .autocomplete-options-item .manual-input,.autocomplete-options-container .autocomplete-options-item .more-results{outline-offset:0.125rem !important;margin:0 0.375rem}.autocomplete-options-container.dark{--option-background-color:var(--tc-layer-secondary-dark);--option-hover-background-color:var(--tc-menu-item-hover-dark);--option-pressed-background-color:var(--tc-menu-item-pressed-dark);--option-item-icon-color:var(--tc-icon-secondary-dark);--option-item-icon-hover-color:var(--tc-icon-primary-dark);--option-text-color:var(--tc-text-primary-dark);--option-container-border-color:var(--tc-border-secondary-dark);--option-text-highlight-color:var(--tc-grey-30-dark)}.autocomplete-options-container.new-style{--options-max-height:var(--options-max-height-new-style);--option-padding:0.5rem 1rem 0.5rem 0.5rem;background:var(--option-background-color);font-family:"Inter", var(--font-family-fallback);box-shadow:none;border:0.03125rem solid var(--option-container-border-color);margin-top:0.375rem;border-radius:0.625rem;overflow:hidden}.autocomplete-options-container.new-style .autocomplete-options{padding:0.5rem 0}.autocomplete-options-container.new-style .autocomplete-options:has(.autocomplete-options-item .manual-input){margin-bottom:0.5rem}.autocomplete-options-container.new-style .autocomplete-options-item{display:flex;position:relative;min-height:2.25rem;color:var(--option-text-color);border-radius:0.625rem;gap:0.5rem;margin:0 0.5rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.autocomplete-options-container.new-style .autocomplete-options-item .manual-input,.autocomplete-options-container.new-style .autocomplete-options-item .more-results{margin:0 0.5rem}.autocomplete-options-container.new-style .autocomplete-options-item .more-results{text-decoration:none}.autocomplete-options-container.new-style .autocomplete-options-item .highlight{background-color:var(--option-text-highlight-color)}.autocomplete-options-container.new-style .autocomplete-options-none-message{font-size:0.875rem;color:var(--option-text-color);text-align:left;padding:0.5rem 1rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.autocomplete-options-item{display:flex;align-items:center;padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);cursor:pointer}.autocomplete-options-item:has(.more-results){--option-padding:0.75rem 0.5rem 0.5rem}.autocomplete-options-item .icon{--icon-color:var(--option-item-icon-color);--icon-size:1.25rem}.autocomplete-options-item:hover,.autocomplete-options-item.active{background:var(--option-hover-background-color);--option-item-icon-color:var(--option-item-icon-hover-color)}.autocomplete-options-item:hover.focus-visible:not(:has(.option-cta)),.autocomplete-options-item:hover.focus-visible .option-cta,.autocomplete-options-item.active.focus-visible:not(:has(.option-cta)),.autocomplete-options-item.active.focus-visible .option-cta{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary);background:var(--option-background-color);border-radius:0.125rem;z-index:2}.autocomplete-options-item:hover.focus-visible:not(:has(.option-cta)).dark,.autocomplete-options-item:hover.focus-visible .option-cta.dark,.autocomplete-options-item.active.focus-visible:not(:has(.option-cta)).dark,.autocomplete-options-item.active.focus-visible .option-cta.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary-dark)}.autocomplete-options-item:active{background:var(--option-pressed-background-color)}.autocomplete-options-loader{display:flex;align-items:center;justify-content:center;background:var(--tc-layer-primary);position:absolute;height:11.625rem;width:100%;z-index:100}.autocomplete-options-loader.dark{background:var(--tc-layer-primary-dark)}.autocomplete-options-none-message{padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-25%)}50%{opacity:0.1}100%{opacity:1;transform:translateY(0)}}';export{p as tet_autocomplete}