@tet/tet-components 1.4.137-testing → 1.4.138-staging

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

@@ -1 +1 @@
-import{r as a,a as r,h as t,H as e}from"./p-ClX9TYQY.js";const i=class{constructor(r){a(this,r)}barContainerRef;barLabelContainerRef;valueOverflowTimeout;get element(){return r(this)}parentContainer;data=[];minValue=0;maxValue=1;valueUnit="";labelPosition="responsive";valuePosition="inside";autoPositionValues=!0;dataOrder="none";withGrid=!1;showGridValues=!1;gridLineCount=0;gridValueDecimals=2;animationDuration=500;size="auto";theme="light";orientation="horizontal";displayData=[];componentSize="large";labelWidth=0;overflowingValueIds=[];onSizeChange(a){"auto"!==a&&(this.componentSize=a)}onDataOrderChange(){this.animateDisplayDataChanges()}onDataChange(){this.animateDisplayDataChanges(),requestAnimationFrame((()=>{this.sortGraph(),this.updateValueOverflow()})),this.recheckValueOverflowAfterBarAnimation()}onBarLayoutChange(a,r,t){"orientation"!==t&&this.animateDisplayDataChanges(),"valuePosition"!==t&&this.recheckValueOverflowAfterBarAnimation(),requestAnimationFrame(this.updateValueOverflow)}onAutoPositionValuesChange(){this.autoPositionValues?requestAnimationFrame(this.updateValueOverflow):this.overflowingValueIds=[]}onWindowResize(){this.autoSetComponentSize(),this.updateValueOverflow()}onBarTransitionEnd(a){!a.composedPath().some((a=>a instanceof HTMLElement&&a.classList.contains("bar-graph__bar-container")))||"width"!==a.propertyName&&"height"!==a.propertyName||this.updateValueOverflow()}componentWillLoad(){void 0===this.parentContainer&&(this.parentContainer=this.element),"auto"!==this.size&&(this.componentSize=this.size),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){this.autoSetComponentSize(),requestAnimationFrame((()=>{this.updateValueOverflow(),requestAnimationFrame(this.updateValueOverflow)})),document.fonts?.ready.then((()=>{this.element.isConnected&&this.updateValueOverflow()}))}disconnectedCallback(){void 0!==this.valueOverflowTimeout&&clearTimeout(this.valueOverflowTimeout)}componentDidRender(){if(!this.withGrid||!this.showGridValues)return this.element.style.removeProperty("--bar-graph-grid-label-width"),void this.element.style.removeProperty("--bar-graph-horizontal-grid-value-offset");const a=Array.from(this.element.shadowRoot?.querySelectorAll(".bar-graph__data-grid-value")??[]);if("horizontal"===this.orientation){this.element.style.removeProperty("--bar-graph-grid-label-width");const r=a.at(-1),t=r?Math.ceil(r.getBoundingClientRect().width/2):0;return void(t>0?this.element.style.setProperty("--bar-graph-horizontal-grid-value-offset",`${t}px`):this.element.style.removeProperty("--bar-graph-horizontal-grid-value-offset"))}this.element.style.removeProperty("--bar-graph-horizontal-grid-value-offset");const r=Math.ceil(Math.max(...a.map((a=>a.getBoundingClientRect().width))));r>0&&this.element.style.setProperty("--bar-graph-grid-label-width",`${r+8}px`)}calculateDisplayData=(a=!1,r=this.data)=>{const t=[],e=this.maxValue-this.minValue,i=this.getDecimalPlaces(r.map((a=>a.value)));for(const a of r){let r=a.value;r<this.minValue&&(r=this.minValue),r>this.maxValue&&(r=this.maxValue);const o=(r-this.minValue)/e*100||(this.withGrid&&0===a.value?0:1);t.push({...a,width:o,formattedValue:this.formatValue(a.value,i),order:-1})}"ascending"===this.dataOrder?t.sort(((a,r)=>a.value-r.value)):"descending"===this.dataOrder&&t.sort(((a,r)=>r.value-a.value));for(let a=0;a<t.length;a++)t[a].order=a;a?this.updateExistingDisplayData(t):this.displayData=t};updateExistingDisplayData=a=>{const r=this.getBarElements();for(const t of a){const a=this.displayData.find((a=>a.id===t.id));void 0===a?this.displayData.push(t):Object.assign(a,t);const e=r.find((a=>t.id===a.dataset.id));void 0!==e&&(e.dataset.order=t.order.toString())}const t=a.map((a=>a.id));this.displayData=this.displayData.filter((a=>t.includes(a.id)))};animateDisplayDataChanges=()=>{this.setElementOffsets(),this.calculateDisplayData(!0),this.sortGraph();const a=this.getBarElements();for(const r of a)this.animateElementTranslate(r)};getBarElements=()=>Array.from(this.barContainerRef?.children??[]).filter((a=>a instanceof HTMLElement));animateElementTranslate=a=>{const r=a.dataset.offset;if(void 0===r)return;const t=Number.parseFloat(r),e="vertical"===this.orientation?"X":"Y",i=`translate${e}(${t-("vertical"===this.orientation?a.getBoundingClientRect().left:a.getBoundingClientRect().top)}px)`;a.style.transform=i;const o=a.animate({transform:`translate${e}(0)`},{duration:this.animationDuration});if(void 0!==o&&(o.onfinish=()=>{a.style.transform=""}),"vertical"===this.orientation||!this.barLabelContainerRef)return;const n=this.barLabelContainerRef.querySelector(`[data-id="${a.getAttribute("data-id")}"]`);if(null!==n){n.style.transform=i;const a=n.animate({transform:`translate${e}(0)`},{duration:this.animationDuration});void 0!==a&&(a.onfinish=()=>{n.style.transform=""})}};updateValueOverflow=()=>{if(!this.autoPositionValues||!this.barContainerRef)return void(this.overflowingValueIds.length>0&&(this.overflowingValueIds=[]));const a=this.getBarElements().reduce(((a,r)=>{const t=r.querySelector(".bar-graph__bar"),e=r.querySelector("after"===this.valuePosition?".bar-graph__bar-value--after":".bar-graph__bar-value:not(.bar-graph__bar-value--after)"),i=t?.getBoundingClientRect(),o=e?.getBoundingClientRect(),n=r.getBoundingClientRect(),l=r.dataset.id,s=.5*(Number.parseFloat(getComputedStyle(document.documentElement).fontSize)||16);let h=!1;return void 0!==i&&void 0!==o&&(h="after"===this.valuePosition?"horizontal"===this.orientation&&o.width>n.right-i.right:"vertical"===this.orientation?o.height+s>i.height:o.width>i.width),void 0!==l&&h&&a.push(l),a}),[]);a.join()!==this.overflowingValueIds.join()&&(this.overflowingValueIds=a)};recheckValueOverflowAfterBarAnimation=()=>{void 0!==this.valueOverflowTimeout&&clearTimeout(this.valueOverflowTimeout),this.valueOverflowTimeout=setTimeout((()=>{this.valueOverflowTimeout=void 0,this.updateValueOverflow()}),this.animationDuration)};setElementOffsets=()=>{if(void 0===this.barContainerRef)return;const a=this.getBarElements();for(const r of a){const a="vertical"===this.orientation?r.getBoundingClientRect().left:r.getBoundingClientRect().top;r.dataset.offset=a.toString()}};formatValue=(a,r,t=!0)=>{let e=a.toFixed(r).replace(".",",");return t&&this.valueUnit&&(e=`${e} ${this.valueUnit}`),e};getDecimalPlaces=a=>Math.max(0,...a.map((a=>a.toString().split(".")[1]?.length||0)));formatGridValue=(a,r)=>{const t=this.maxValue-this.minValue,e=a/(r-1),i="vertical"===this.orientation?this.maxValue-t*e:this.minValue+t*e,o=this.gridValueDecimals>=0?Math.floor(this.gridValueDecimals):this.getDecimalPlaces([this.minValue,this.maxValue,...this.data.map((a=>a.value))]);return this.formatValue(i,o,!1)};autoSetComponentSize=()=>{if("auto"!==this.size)return;let a;a=this.parentContainer?.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.componentSize=a>=1024?"large":"small"};sortGraph=()=>{const a=this.getBarElements();a.sort(((a,r)=>Number.parseInt(a.dataset.order??"0",10)-Number.parseInt(r.dataset.order??"0",10)));for(const r of a)r.style.order=r.dataset.order??""};renderLabel=(a,r)=>t("div",{class:{"bar-graph__label":!0,"bar-graph__label--inline":r,[`bar-graph__label--${a.type}`]:!0},"data-id":a.id,style:{order:r?a.order.toString():void 0}},a.label);renderBar=a=>{const r=this.withGrid&&0===a.value,e=this.autoPositionValues&&this.overflowingValueIds.includes(a.id);return"vertical"===this.orientation?t("div",{class:{"bar-graph__item":!0,"bar-graph__item--vertical":!0},"data-id":a.id,"data-order":a.order,style:{zIndex:"primary"===a.type?"1":"0"}},t("div",{class:"bar-graph__bar-container",style:{height:`${a.width}%`}},t("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${a.type}`]:!0,"bar-graph__bar--zero":r}},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--over-bar":e&&"inside"===this.valuePosition,hidden:"inside"!==this.valuePosition}},a.formattedValue))),t("div",{class:"bar-graph__bar-value-container",style:{bottom:`${a.width}%`}},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,"bar-graph__bar-value--primary":e&&"primary"===a.type,"bar-graph__bar-value--over-bar":e&&"after"===this.valuePosition,hidden:"after"!==this.valuePosition}},a.formattedValue)),this.renderLabel(a,!0)):t("div",{class:"bar-graph__item","data-id":a.id,"data-order":a.order,style:{zIndex:"primary"===a.type?"1":"0"}},t("div",{class:{hidden:"responsive"!==this.labelPosition||"small"!==this.componentSize}},this.renderLabel(a,!1)),t("div",{class:{"bar-graph__bar-container":!0,"bar-graph__bar-container--zero":r},style:{width:`${a.width}%`}},t("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${a.type}`]:!0,"bar-graph__bar--zero":r}},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--over-bar":e&&"inside"===this.valuePosition,hidden:"inside"!==this.valuePosition}},a.formattedValue)),t("div",{class:"bar-graph__bar-value-container"},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,"bar-graph__bar-value--primary":e&&"primary"===a.type,"bar-graph__bar-value--over-bar":e&&"after"===this.valuePosition,hidden:"after"!==this.valuePosition}},a.formattedValue))))};renderGridLines(){const a="small"===this.componentSize?6:12,r=this.gridLineCount>0?Math.max(2,Math.floor(this.gridLineCount)):a,e=[];for(let a=0;a<r;a++)e.push(t("div",{class:"bar-graph__data-grid--line"},this.withGrid&&this.showGridValues&&t("span",{class:"bar-graph__data-grid-value"},this.formatGridValue(a,r))));return e}render(){return t(e,{key:"8d7fb34344f9d2658bdd4036e4a395dd0fc90344",class:{"bar-graph-host--vertical":"vertical"===this.orientation}},t("div",{key:"dc5b1423764b05cc5b09dff00a10c4c12bfe21b6",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,"bar-graph--horizontal-with-grid-values":"horizontal"===this.orientation&&this.withGrid&&this.showGridValues,"bar-graph--vertical":"vertical"===this.orientation,"bar-graph--with-grid-values":this.withGrid&&this.showGridValues,[this.theme]:!0}},t("div",{key:"ca7f3b237e61da47ea35570cba9fd27cecd9c5b5",class:"bar-graph__container"},t("div",{key:"834281e2385866f59be03cab974a6a348a05d8b5",class:{"bar-graph__label-container":!0,hidden:"vertical"===this.orientation||"responsive"===this.labelPosition&&"small"===this.componentSize},ref:a=>this.barLabelContainerRef=a},this.displayData.map((a=>this.renderLabel(a,!0)))),t("div",{key:"6653d168641c821bb03661b26f793409d55e10e8",class:"bar-graph__graph-container"},t("div",{key:"cbb86c4b0975497b4301fe31486f03a09546db93",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),t("div",{key:"2694aa15c15e672f244473d47b9c494dcb0beffa",class:"bar-graph__item-container",ref:a=>this.barContainerRef=a},this.displayData.map((a=>this.renderBar(a))))))))}static get watchers(){return{size:[{onSizeChange:0}],dataOrder:[{onDataOrderChange:0}],data:[{onDataChange:0}],minValue:[{onBarLayoutChange:0}],maxValue:[{onBarLayoutChange:0}],orientation:[{onBarLayoutChange:0}],valuePosition:[{onBarLayoutChange:0}],autoPositionValues:[{onAutoPositionValuesChange:0}]}}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;--bar-graph-bar-border-radius:0.5rem;--bar-graph-bar-height:2rem;--bar-graph-bar-primary-color:var(--tc-alert-accent-warning);--bar-graph-bar-secondary-color:var(--tc-background-tertiary);--bar-graph-label-primary-color:var(--tc-text-primary);--bar-graph-label-primary-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-primary-line-height:1.5rem;--bar-graph-label-secondary-color:var(--tc-text-tertiary);--bar-graph-label-secondary-font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-secondary-line-height:1.5rem;--bar-graph-value-color:var(--tc-text-primary);--bar-graph-value-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--bar-graph-value-after-padding:0.5rem;--bar-graph-data-grid-line-width:0.0625rem;--bar-graph-data-grid-line-color:var(--tc-border-quaternary);--bar-graph-data-horizontal-grid-base-line-color:var(--tc-border-tertiary);--bar-graph-data-grid-value-font:500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif;--bar-graph-data-grid-value-color:var(--tc-text-secondary);--bar-graph-vertical-height:13.75rem;--bar-graph-vertical-label-wrap:normal;--bar-graph-animation-duration:0.5s}:host(.bar-graph-host--vertical){height:100%}.dark{--bar-graph-bar-primary-color:var(--tc-alert-accent-warning-dark);--bar-graph-bar-secondary-color:var(--tc-background-tertiary-dark);--bar-graph-label-primary-color:var(--tc-text-primary-dark);--bar-graph-label-secondary-color:var(--tc-text-tertiary-dark);--bar-graph-value-color:var(--tc-text-primary-dark);--bar-graph-data-grid-line-color:var(--tc-border-quaternary-dark);--bar-graph-data-horizontal-grid-base-line-color:var(--tc-border-tertiary-dark);--bar-graph-data-grid-value-color:var(--tc-text-secondary-dark)}.bar-graph__container{display:flex;flex-direction:row}.bar-graph__label-container{padding:0.5rem 0;display:flex;flex-direction:column;gap:0.5rem}.bar-graph__graph-container{padding:0.5rem 0;display:flex;flex-direction:column;flex:1;gap:0.5rem;transform-origin:0% 0%;width:100%;position:relative;overflow:hidden}.bar-graph__item-container{display:contents}.bar-graph__item{display:flex;flex-direction:column}.bar-graph__bar-container{position:relative;flex:1;flex-direction:row;display:flex;transition:width var(--bar-graph-animation-duration);width:100%}.bar-graph--large .bar-graph__bar-container{width:auto}.bar-graph__label{padding-right:0.5rem;box-sizing:border-box}.bar-graph__label--primary{font:var(--bar-graph-label-primary-font);color:var(--bar-graph-label-primary-color);line-height:var(--bar-graph-label-primary-line-height)}.bar-graph__label--secondary{font:var(--bar-graph-label-secondary-font);color:var(--bar-graph-label-secondary-color);line-height:var(--bar-graph-label-secondary-line-height)}.bar-graph__label--inline{display:flex;align-items:center;justify-content:right;text-align:right;padding-left:0.5rem;height:var(--bar-graph-bar-height)}.bar-graph__bar{display:flex;border-radius:var(--bar-graph-bar-border-radius);height:var(--bar-graph-bar-height);align-items:center;box-sizing:border-box;flex:1;min-width:0.5rem}.bar-graph__bar--primary{background-color:var(--bar-graph-bar-primary-color)}.bar-graph__bar--primary .bar-graph__bar-value{color:var(--tc-text-primary)}.bar-graph__bar--secondary{background-color:var(--bar-graph-bar-secondary-color)}.bar-graph__bar--zero{min-width:0;min-height:0}.bar-graph__bar-value{font:var(--bar-graph-value-font);color:var(--bar-graph-value-color);padding-left:1rem;box-sizing:border-box;white-space:nowrap;position:absolute;transition:color var(--bar-graph-animation-duration), left var(--bar-graph-animation-duration), bottom var(--bar-graph-animation-duration), transform var(--bar-graph-animation-duration)}.bar-graph__bar-value--after{position:absolute;padding-left:var(--bar-graph-value-after-padding);display:flex;text-align:right;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph .bar-graph__bar .bar-graph__bar-value--over-bar{color:var(--bar-graph-value-color)}.bar-graph__bar-value-container{position:absolute;transition:left var(--bar-graph-animation-duration)}.bar-graph__data-grid{position:absolute;display:flex;justify-content:space-between;height:100%;width:100%;padding:0;box-sizing:border-box;pointer-events:none}.bar-graph__data-grid--line{display:flex;position:relative;border-right-style:solid;border-right-width:var(--bar-graph-data-grid-line-width);border-right-color:var(--bar-graph-data-grid-line-color)}.bar-graph__data-grid-value{position:absolute;top:calc(100% + 0.25rem);left:0;transform:translateX(-50%);color:var(--bar-graph-data-grid-value-color);font:var(--bar-graph-data-grid-value-font);white-space:nowrap}.bar-graph .hidden{display:none}.bar-graph--horizontal-with-grid-values .bar-graph__graph-container{padding-bottom:2rem;padding-right:calc(var(--bar-graph-horizontal-grid-value-offset, 0.75rem) + 0.25rem)}.bar-graph--horizontal-with-grid-values .bar-graph__data-grid{top:0.5rem;left:0;right:calc(var(--bar-graph-horizontal-grid-value-offset, 0.75rem) + 0.25rem);bottom:1.5rem;height:auto;width:auto}.bar-graph--vertical{height:100%}.bar-graph--vertical .bar-graph__container{display:block;height:100%}.bar-graph--vertical .bar-graph__graph-container{height:var(--bar-graph-vertical-height);padding:0.5rem 0 2.5rem;box-sizing:border-box}.bar-graph--vertical .bar-graph__item-container{display:flex;align-items:flex-end;gap:0.5rem;height:100%}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__graph-container{padding-top:1.5rem}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__item-container{margin-left:var(--bar-graph-grid-label-width, 0)}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__bar{min-height:0}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__data-grid{top:1.5rem}.bar-graph--vertical .bar-graph__item--vertical{position:relative;display:flex;flex:1;align-items:stretch;justify-content:flex-end;height:100%;min-width:0}.bar-graph--vertical .bar-graph__bar-container{flex:none;width:100%;transition:height var(--bar-graph-animation-duration)}.bar-graph--vertical .bar-graph__bar{width:100%;height:100%;min-height:0.5rem;justify-content:center;border-radius:var(--bar-graph-bar-border-radius) var(--bar-graph-bar-border-radius) 0 0}.bar-graph--vertical .bar-graph__bar--zero{min-height:0}.bar-graph--vertical .bar-graph__bar-value:not(.bar-graph__bar-value--after){bottom:0.5rem;transition:bottom var(--bar-graph-animation-duration), color var(--bar-graph-animation-duration);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);padding:0}.bar-graph--vertical .bar-graph__bar-value-container{bottom:0;left:0;width:100%;transition:bottom var(--bar-graph-animation-duration)}.bar-graph--vertical .bar-graph__bar-value--after{justify-content:center;width:100%;transform:translateY(-100%)}.bar-graph--vertical .bar-graph__bar-value--over-bar:not(.bar-graph__bar-value--after){bottom:calc(100% + 0.25rem)}.bar-graph--vertical .bar-graph__label{position:absolute;top:calc(100% + 0.25rem);width:100%;padding:0;height:auto;justify-content:center;text-align:center;white-space:var(--bar-graph-vertical-label-wrap)}.bar-graph--vertical .bar-graph__data-grid{top:0.5rem;bottom:2.5rem;flex-direction:column;height:auto;padding:0}.bar-graph--vertical .bar-graph__data-grid--line{width:100%;border-top-style:solid;border-top-width:var(--bar-graph-data-grid-line-width);border-top-color:var(--bar-graph-data-grid-line-color);border-right:0}.bar-graph--vertical .bar-graph__data-grid-value{top:0;right:auto;transform:translateY(-95%)}.bar-graph--vertical .bar-graph__data-grid--line:last-child{border-top-color:var(--bar-graph-data-horizontal-grid-base-line-color);width:calc(100% - var(--bar-graph-grid-label-width, 0px));margin-left:auto}.bar-graph--vertical .bar-graph__data-grid--line:last-child .bar-graph__data-grid-value{display:none}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-container{min-width:0.5rem}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-container--zero{min-width:0}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar{min-width:0}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value-container{top:0;left:100%}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value:not(.bar-graph__bar-value--after){left:0}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value--over-bar:not(.bar-graph__bar-value--after){left:100%;padding:0 0.5rem;display:flex;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value--after.bar-graph__bar-value--over-bar{transform:translateX(calc(-100% - var(--bar-graph-value-after-padding)))}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value--after.bar-graph__bar-value--over-bar.bar-graph__bar-value--primary{color:var(--tc-text-primary)}.bar-graph:not(.bar-graph--vertical) .bar-graph__data-grid--line:first-child{visibility:hidden}.bar-graph:not(.bar-graph--vertical) .bar-graph__data-grid--line:first-child .bar-graph__data-grid-value{display:none}';export{i as tet_bar_graph}
+import{r as a,a as r,h as t,H as e}from"./p-st4TD55I.js";const i=class{constructor(r){a(this,r)}barContainerRef;barLabelContainerRef;valueOverflowTimeout;get element(){return r(this)}parentContainer;data=[];minValue=0;maxValue=1;valueUnit="";labelPosition="responsive";valuePosition="inside";autoPositionValues=!0;dataOrder="none";withGrid=!1;showGridValues=!1;gridLineCount=0;gridValueDecimals=2;animationDuration=500;size="auto";theme="light";orientation="horizontal";displayData=[];componentSize="large";labelWidth=0;overflowingValueIds=[];onSizeChange(a){"auto"!==a&&(this.componentSize=a)}onDataOrderChange(){this.animateDisplayDataChanges()}onDataChange(){this.animateDisplayDataChanges(),requestAnimationFrame((()=>{this.sortGraph(),this.updateValueOverflow()})),this.recheckValueOverflowAfterBarAnimation()}onBarLayoutChange(a,r,t){"orientation"!==t&&this.animateDisplayDataChanges(),"valuePosition"!==t&&this.recheckValueOverflowAfterBarAnimation(),requestAnimationFrame(this.updateValueOverflow)}onAutoPositionValuesChange(){this.autoPositionValues?requestAnimationFrame(this.updateValueOverflow):this.overflowingValueIds=[]}onWindowResize(){this.autoSetComponentSize(),this.updateValueOverflow()}onBarTransitionEnd(a){!a.composedPath().some((a=>a instanceof HTMLElement&&a.classList.contains("bar-graph__bar-container")))||"width"!==a.propertyName&&"height"!==a.propertyName||this.updateValueOverflow()}componentWillLoad(){void 0===this.parentContainer&&(this.parentContainer=this.element),"auto"!==this.size&&(this.componentSize=this.size),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){this.autoSetComponentSize(),requestAnimationFrame((()=>{this.updateValueOverflow(),requestAnimationFrame(this.updateValueOverflow)})),document.fonts?.ready.then((()=>{this.element.isConnected&&this.updateValueOverflow()}))}disconnectedCallback(){void 0!==this.valueOverflowTimeout&&clearTimeout(this.valueOverflowTimeout)}componentDidRender(){if(!this.withGrid||!this.showGridValues)return this.element.style.removeProperty("--bar-graph-grid-label-width"),void this.element.style.removeProperty("--bar-graph-horizontal-grid-value-offset");const a=Array.from(this.element.shadowRoot?.querySelectorAll(".bar-graph__data-grid-value")??[]);if("horizontal"===this.orientation){this.element.style.removeProperty("--bar-graph-grid-label-width");const r=a.at(-1),t=r?Math.ceil(r.getBoundingClientRect().width/2):0;return void(t>0?this.element.style.setProperty("--bar-graph-horizontal-grid-value-offset",`${t}px`):this.element.style.removeProperty("--bar-graph-horizontal-grid-value-offset"))}this.element.style.removeProperty("--bar-graph-horizontal-grid-value-offset");const r=Math.ceil(Math.max(...a.map((a=>a.getBoundingClientRect().width))));r>0&&this.element.style.setProperty("--bar-graph-grid-label-width",`${r+8}px`)}calculateDisplayData=(a=!1,r=this.data)=>{const t=[],e=this.maxValue-this.minValue,i=this.getDecimalPlaces(r.map((a=>a.value)));for(const a of r){let r=a.value;r<this.minValue&&(r=this.minValue),r>this.maxValue&&(r=this.maxValue);const o=(r-this.minValue)/e*100||(this.withGrid&&0===a.value?0:1);t.push({...a,width:o,formattedValue:this.formatValue(a.value,i),order:-1})}"ascending"===this.dataOrder?t.sort(((a,r)=>a.value-r.value)):"descending"===this.dataOrder&&t.sort(((a,r)=>r.value-a.value));for(let a=0;a<t.length;a++)t[a].order=a;a?this.updateExistingDisplayData(t):this.displayData=t};updateExistingDisplayData=a=>{const r=this.getBarElements();for(const t of a){const a=this.displayData.find((a=>a.id===t.id));void 0===a?this.displayData.push(t):Object.assign(a,t);const e=r.find((a=>t.id===a.dataset.id));void 0!==e&&(e.dataset.order=t.order.toString())}const t=a.map((a=>a.id));this.displayData=this.displayData.filter((a=>t.includes(a.id)))};animateDisplayDataChanges=()=>{this.setElementOffsets(),this.calculateDisplayData(!0),this.sortGraph();const a=this.getBarElements();for(const r of a)this.animateElementTranslate(r)};getBarElements=()=>Array.from(this.barContainerRef?.children??[]).filter((a=>a instanceof HTMLElement));animateElementTranslate=a=>{const r=a.dataset.offset;if(void 0===r)return;const t=Number.parseFloat(r),e="vertical"===this.orientation?"X":"Y",i=`translate${e}(${t-("vertical"===this.orientation?a.getBoundingClientRect().left:a.getBoundingClientRect().top)}px)`;a.style.transform=i;const o=a.animate({transform:`translate${e}(0)`},{duration:this.animationDuration});if(void 0!==o&&(o.onfinish=()=>{a.style.transform=""}),"vertical"===this.orientation||!this.barLabelContainerRef)return;const n=this.barLabelContainerRef.querySelector(`[data-id="${a.getAttribute("data-id")}"]`);if(null!==n){n.style.transform=i;const a=n.animate({transform:`translate${e}(0)`},{duration:this.animationDuration});void 0!==a&&(a.onfinish=()=>{n.style.transform=""})}};updateValueOverflow=()=>{if(!this.autoPositionValues||!this.barContainerRef)return void(this.overflowingValueIds.length>0&&(this.overflowingValueIds=[]));const a=this.getBarElements().reduce(((a,r)=>{const t=r.querySelector(".bar-graph__bar"),e=r.querySelector("after"===this.valuePosition?".bar-graph__bar-value--after":".bar-graph__bar-value:not(.bar-graph__bar-value--after)"),i=t?.getBoundingClientRect(),o=e?.getBoundingClientRect(),n=r.getBoundingClientRect(),l=r.dataset.id,s=.5*(Number.parseFloat(getComputedStyle(document.documentElement).fontSize)||16);let h=!1;return void 0!==i&&void 0!==o&&(h="after"===this.valuePosition?"horizontal"===this.orientation&&o.width>n.right-i.right:"vertical"===this.orientation?o.height+s>i.height:o.width>i.width),void 0!==l&&h&&a.push(l),a}),[]);a.join()!==this.overflowingValueIds.join()&&(this.overflowingValueIds=a)};recheckValueOverflowAfterBarAnimation=()=>{void 0!==this.valueOverflowTimeout&&clearTimeout(this.valueOverflowTimeout),this.valueOverflowTimeout=setTimeout((()=>{this.valueOverflowTimeout=void 0,this.updateValueOverflow()}),this.animationDuration)};setElementOffsets=()=>{if(void 0===this.barContainerRef)return;const a=this.getBarElements();for(const r of a){const a="vertical"===this.orientation?r.getBoundingClientRect().left:r.getBoundingClientRect().top;r.dataset.offset=a.toString()}};formatValue=(a,r,t=!0)=>{let e=a.toFixed(r).replace(".",",");return t&&this.valueUnit&&(e=`${e} ${this.valueUnit}`),e};getDecimalPlaces=a=>Math.max(0,...a.map((a=>a.toString().split(".")[1]?.length||0)));formatGridValue=(a,r)=>{const t=this.maxValue-this.minValue,e=a/(r-1),i="vertical"===this.orientation?this.maxValue-t*e:this.minValue+t*e,o=this.gridValueDecimals>=0?Math.floor(this.gridValueDecimals):this.getDecimalPlaces([this.minValue,this.maxValue,...this.data.map((a=>a.value))]);return this.formatValue(i,o,!1)};autoSetComponentSize=()=>{if("auto"!==this.size)return;let a;a=this.parentContainer?.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.componentSize=a>=1024?"large":"small"};sortGraph=()=>{const a=this.getBarElements();a.sort(((a,r)=>Number.parseInt(a.dataset.order??"0",10)-Number.parseInt(r.dataset.order??"0",10)));for(const r of a)r.style.order=r.dataset.order??""};renderLabel=(a,r)=>t("div",{class:{"bar-graph__label":!0,"bar-graph__label--inline":r,[`bar-graph__label--${a.type}`]:!0},"data-id":a.id,style:{order:r?a.order.toString():void 0}},a.label);renderBar=a=>{const r=this.withGrid&&0===a.value,e=this.autoPositionValues&&this.overflowingValueIds.includes(a.id);return"vertical"===this.orientation?t("div",{class:{"bar-graph__item":!0,"bar-graph__item--vertical":!0},"data-id":a.id,"data-order":a.order,style:{zIndex:"primary"===a.type?"1":"0"}},t("div",{class:"bar-graph__bar-container",style:{height:`${a.width}%`}},t("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${a.type}`]:!0,"bar-graph__bar--zero":r}},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--over-bar":e&&"inside"===this.valuePosition,hidden:"inside"!==this.valuePosition}},a.formattedValue))),t("div",{class:"bar-graph__bar-value-container",style:{bottom:`${a.width}%`}},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,"bar-graph__bar-value--primary":e&&"primary"===a.type,"bar-graph__bar-value--over-bar":e&&"after"===this.valuePosition,hidden:"after"!==this.valuePosition}},a.formattedValue)),this.renderLabel(a,!0)):t("div",{class:"bar-graph__item","data-id":a.id,"data-order":a.order,style:{zIndex:"primary"===a.type?"1":"0"}},t("div",{class:{hidden:"responsive"!==this.labelPosition||"small"!==this.componentSize}},this.renderLabel(a,!1)),t("div",{class:{"bar-graph__bar-container":!0,"bar-graph__bar-container--zero":r},style:{width:`${a.width}%`}},t("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${a.type}`]:!0,"bar-graph__bar--zero":r}},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--over-bar":e&&"inside"===this.valuePosition,hidden:"inside"!==this.valuePosition}},a.formattedValue)),t("div",{class:"bar-graph__bar-value-container"},t("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,"bar-graph__bar-value--primary":e&&"primary"===a.type,"bar-graph__bar-value--over-bar":e&&"after"===this.valuePosition,hidden:"after"!==this.valuePosition}},a.formattedValue))))};renderGridLines(){const a="small"===this.componentSize?6:12,r=this.gridLineCount>0?Math.max(2,Math.floor(this.gridLineCount)):a,e=[];for(let a=0;a<r;a++)e.push(t("div",{class:"bar-graph__data-grid--line"},this.withGrid&&this.showGridValues&&t("span",{class:"bar-graph__data-grid-value"},this.formatGridValue(a,r))));return e}render(){return t(e,{key:"8d7fb34344f9d2658bdd4036e4a395dd0fc90344",class:{"bar-graph-host--vertical":"vertical"===this.orientation}},t("div",{key:"dc5b1423764b05cc5b09dff00a10c4c12bfe21b6",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,"bar-graph--horizontal-with-grid-values":"horizontal"===this.orientation&&this.withGrid&&this.showGridValues,"bar-graph--vertical":"vertical"===this.orientation,"bar-graph--with-grid-values":this.withGrid&&this.showGridValues,[this.theme]:!0}},t("div",{key:"ca7f3b237e61da47ea35570cba9fd27cecd9c5b5",class:"bar-graph__container"},t("div",{key:"834281e2385866f59be03cab974a6a348a05d8b5",class:{"bar-graph__label-container":!0,hidden:"vertical"===this.orientation||"responsive"===this.labelPosition&&"small"===this.componentSize},ref:a=>this.barLabelContainerRef=a},this.displayData.map((a=>this.renderLabel(a,!0)))),t("div",{key:"6653d168641c821bb03661b26f793409d55e10e8",class:"bar-graph__graph-container"},t("div",{key:"cbb86c4b0975497b4301fe31486f03a09546db93",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),t("div",{key:"2694aa15c15e672f244473d47b9c494dcb0beffa",class:"bar-graph__item-container",ref:a=>this.barContainerRef=a},this.displayData.map((a=>this.renderBar(a))))))))}static get watchers(){return{size:[{onSizeChange:0}],dataOrder:[{onDataOrderChange:0}],data:[{onDataChange:0}],minValue:[{onBarLayoutChange:0}],maxValue:[{onBarLayoutChange:0}],orientation:[{onBarLayoutChange:0}],valuePosition:[{onBarLayoutChange:0}],autoPositionValues:[{onAutoPositionValuesChange:0}]}}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;--bar-graph-bar-border-radius:0.5rem;--bar-graph-bar-height:2rem;--bar-graph-bar-primary-color:var(--tc-alert-accent-warning);--bar-graph-bar-secondary-color:var(--tc-background-tertiary);--bar-graph-label-primary-color:var(--tc-text-primary);--bar-graph-label-primary-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-primary-line-height:1.5rem;--bar-graph-label-secondary-color:var(--tc-text-tertiary);--bar-graph-label-secondary-font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-secondary-line-height:1.5rem;--bar-graph-value-color:var(--tc-text-primary);--bar-graph-value-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--bar-graph-value-after-padding:0.5rem;--bar-graph-data-grid-line-width:0.0625rem;--bar-graph-data-grid-line-color:var(--tc-border-quaternary);--bar-graph-data-horizontal-grid-base-line-color:var(--tc-border-tertiary);--bar-graph-data-grid-value-font:500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif;--bar-graph-data-grid-value-color:var(--tc-text-secondary);--bar-graph-vertical-height:13.75rem;--bar-graph-vertical-label-wrap:normal;--bar-graph-animation-duration:0.5s}:host(.bar-graph-host--vertical){height:100%}.dark{--bar-graph-bar-primary-color:var(--tc-alert-accent-warning-dark);--bar-graph-bar-secondary-color:var(--tc-background-tertiary-dark);--bar-graph-label-primary-color:var(--tc-text-primary-dark);--bar-graph-label-secondary-color:var(--tc-text-tertiary-dark);--bar-graph-value-color:var(--tc-text-primary-dark);--bar-graph-data-grid-line-color:var(--tc-border-quaternary-dark);--bar-graph-data-horizontal-grid-base-line-color:var(--tc-border-tertiary-dark);--bar-graph-data-grid-value-color:var(--tc-text-secondary-dark)}.bar-graph__container{display:flex;flex-direction:row}.bar-graph__label-container{padding:0.5rem 0;display:flex;flex-direction:column;gap:0.5rem}.bar-graph__graph-container{padding:0.5rem 0;display:flex;flex-direction:column;flex:1;gap:0.5rem;transform-origin:0% 0%;width:100%;position:relative;overflow:hidden}.bar-graph__item-container{display:contents}.bar-graph__item{display:flex;flex-direction:column}.bar-graph__bar-container{position:relative;flex:1;flex-direction:row;display:flex;transition:width var(--bar-graph-animation-duration);width:100%}.bar-graph--large .bar-graph__bar-container{width:auto}.bar-graph__label{padding-right:0.5rem;box-sizing:border-box}.bar-graph__label--primary{font:var(--bar-graph-label-primary-font);color:var(--bar-graph-label-primary-color);line-height:var(--bar-graph-label-primary-line-height)}.bar-graph__label--secondary{font:var(--bar-graph-label-secondary-font);color:var(--bar-graph-label-secondary-color);line-height:var(--bar-graph-label-secondary-line-height)}.bar-graph__label--inline{display:flex;align-items:center;justify-content:right;text-align:right;padding-left:0.5rem;height:var(--bar-graph-bar-height)}.bar-graph__bar{display:flex;border-radius:var(--bar-graph-bar-border-radius);height:var(--bar-graph-bar-height);align-items:center;box-sizing:border-box;flex:1;min-width:0.5rem}.bar-graph__bar--primary{background-color:var(--bar-graph-bar-primary-color)}.bar-graph__bar--primary .bar-graph__bar-value{color:var(--tc-text-primary)}.bar-graph__bar--secondary{background-color:var(--bar-graph-bar-secondary-color)}.bar-graph__bar--zero{min-width:0;min-height:0}.bar-graph__bar-value{font:var(--bar-graph-value-font);color:var(--bar-graph-value-color);padding-left:1rem;box-sizing:border-box;white-space:nowrap;position:absolute;transition:color var(--bar-graph-animation-duration), left var(--bar-graph-animation-duration), bottom var(--bar-graph-animation-duration), transform var(--bar-graph-animation-duration)}.bar-graph__bar-value--after{position:absolute;padding-left:var(--bar-graph-value-after-padding);display:flex;text-align:right;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph .bar-graph__bar .bar-graph__bar-value--over-bar{color:var(--bar-graph-value-color)}.bar-graph__bar-value-container{position:absolute;transition:left var(--bar-graph-animation-duration)}.bar-graph__data-grid{position:absolute;display:flex;justify-content:space-between;height:100%;width:100%;padding:0;box-sizing:border-box;pointer-events:none}.bar-graph__data-grid--line{display:flex;position:relative;border-right-style:solid;border-right-width:var(--bar-graph-data-grid-line-width);border-right-color:var(--bar-graph-data-grid-line-color)}.bar-graph__data-grid-value{position:absolute;top:calc(100% + 0.25rem);left:0;transform:translateX(-50%);color:var(--bar-graph-data-grid-value-color);font:var(--bar-graph-data-grid-value-font);white-space:nowrap}.bar-graph .hidden{display:none}.bar-graph--horizontal-with-grid-values .bar-graph__graph-container{padding-bottom:2rem;padding-right:calc(var(--bar-graph-horizontal-grid-value-offset, 0.75rem) + 0.25rem)}.bar-graph--horizontal-with-grid-values .bar-graph__data-grid{top:0.5rem;left:0;right:calc(var(--bar-graph-horizontal-grid-value-offset, 0.75rem) + 0.25rem);bottom:1.5rem;height:auto;width:auto}.bar-graph--vertical{height:100%}.bar-graph--vertical .bar-graph__container{display:block;height:100%}.bar-graph--vertical .bar-graph__graph-container{height:var(--bar-graph-vertical-height);padding:0.5rem 0 2.5rem;box-sizing:border-box}.bar-graph--vertical .bar-graph__item-container{display:flex;align-items:flex-end;gap:0.5rem;height:100%}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__graph-container{padding-top:1.5rem}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__item-container{margin-left:var(--bar-graph-grid-label-width, 0)}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__bar{min-height:0}.bar-graph--vertical.bar-graph--with-grid-values .bar-graph__data-grid{top:1.5rem}.bar-graph--vertical .bar-graph__item--vertical{position:relative;display:flex;flex:1;align-items:stretch;justify-content:flex-end;height:100%;min-width:0}.bar-graph--vertical .bar-graph__bar-container{flex:none;width:100%;transition:height var(--bar-graph-animation-duration)}.bar-graph--vertical .bar-graph__bar{width:100%;height:100%;min-height:0.5rem;justify-content:center;border-radius:var(--bar-graph-bar-border-radius) var(--bar-graph-bar-border-radius) 0 0}.bar-graph--vertical .bar-graph__bar--zero{min-height:0}.bar-graph--vertical .bar-graph__bar-value:not(.bar-graph__bar-value--after){bottom:0.5rem;transition:bottom var(--bar-graph-animation-duration), color var(--bar-graph-animation-duration);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);padding:0}.bar-graph--vertical .bar-graph__bar-value-container{bottom:0;left:0;width:100%;transition:bottom var(--bar-graph-animation-duration)}.bar-graph--vertical .bar-graph__bar-value--after{justify-content:center;width:100%;transform:translateY(-100%)}.bar-graph--vertical .bar-graph__bar-value--over-bar:not(.bar-graph__bar-value--after){bottom:calc(100% + 0.25rem)}.bar-graph--vertical .bar-graph__label{position:absolute;top:calc(100% + 0.25rem);width:100%;padding:0;height:auto;justify-content:center;text-align:center;white-space:var(--bar-graph-vertical-label-wrap)}.bar-graph--vertical .bar-graph__data-grid{top:0.5rem;bottom:2.5rem;flex-direction:column;height:auto;padding:0}.bar-graph--vertical .bar-graph__data-grid--line{width:100%;border-top-style:solid;border-top-width:var(--bar-graph-data-grid-line-width);border-top-color:var(--bar-graph-data-grid-line-color);border-right:0}.bar-graph--vertical .bar-graph__data-grid-value{top:0;right:auto;transform:translateY(-95%)}.bar-graph--vertical .bar-graph__data-grid--line:last-child{border-top-color:var(--bar-graph-data-horizontal-grid-base-line-color);width:calc(100% - var(--bar-graph-grid-label-width, 0px));margin-left:auto}.bar-graph--vertical .bar-graph__data-grid--line:last-child .bar-graph__data-grid-value{display:none}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-container{min-width:0.5rem}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-container--zero{min-width:0}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar{min-width:0}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value-container{top:0;left:100%}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value:not(.bar-graph__bar-value--after){left:0}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value--over-bar:not(.bar-graph__bar-value--after){left:100%;padding:0 0.5rem;display:flex;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value--after.bar-graph__bar-value--over-bar{transform:translateX(calc(-100% - var(--bar-graph-value-after-padding)))}.bar-graph:not(.bar-graph--vertical) .bar-graph__bar-value--after.bar-graph__bar-value--over-bar.bar-graph__bar-value--primary{color:var(--tc-text-primary)}.bar-graph:not(.bar-graph--vertical) .bar-graph__data-grid--line:first-child{visibility:hidden}.bar-graph:not(.bar-graph--vertical) .bar-graph__data-grid--line:first-child .bar-graph__data-grid-value{display:none}';export{i as tet_bar_graph}