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

package/dist/tet-components/{p-7ffd2532.entry.js → p-811658a5.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),"auto"!==this.size&&(this.componentSize=this.size),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){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:"8e352d9a7c2c50afcd083f44713b5f1a9c0642da"},r("div",{key:"dd925f77864b71daca09beb04176104fd57b86c7",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,[this.theme]:!0}},r("div",{key:"27cff8b7171565b2f061ee37ec36c03373c73b3b",class:"bar-graph__container"},r("div",{key:"b788378a6035159fa72a08416e7e932921cbdd91",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:"4db66d0189e5eca8a24950a7d401251185751f39",class:"bar-graph__graph-container"},r("div",{key:"272628e531a5a32afa36a095c9e9e9763e91c76b",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),r("div",{key:"ba3f78aecebd757318784f8817563c6222d99567",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),"auto"!==this.size&&(this.componentSize=this.size),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){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:"8e352d9a7c2c50afcd083f44713b5f1a9c0642da"},r("div",{key:"dd925f77864b71daca09beb04176104fd57b86c7",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,[this.theme]:!0}},r("div",{key:"27cff8b7171565b2f061ee37ec36c03373c73b3b",class:"bar-graph__container"},r("div",{key:"b788378a6035159fa72a08416e7e932921cbdd91",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:"4db66d0189e5eca8a24950a7d401251185751f39",class:"bar-graph__graph-container"},r("div",{key:"272628e531a5a32afa36a095c9e9e9763e91c76b",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),r("div",{key:"ba3f78aecebd757318784f8817563c6222d99567",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-5abb3bea.js → p-83f43fdd.js}

@@ -1,2 +1,2 @@
-const t={environment:"staging"};var e=Object.defineProperty,n=new WeakMap,o=t=>n.get(t),l=(t,e)=>n.set(e.t=t,e),s=(t,e)=>e in t,r=(t,e)=>(0,console.error)(t,e),i=new Map,c=new Map,u="slot-fb{display:contents}slot-fb[hidden]{display:none}",a="http://www.w3.org/1999/xlink",f="undefined"!=typeof window?window:{},d=f.document||{head:{}},h={o:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},p=t=>Promise.resolve(t),m=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),v=!1,y=[],w=[],$=(t,e)=>n=>{t.push(n),v||(v=!0,e&&4&h.o?k(g):h.raf(g))},b=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){r(t)}t.length=0},g=()=>{b(y),b(w),(v=y.length>0)&&h.raf(g)},k=t=>p().then(t),S=$(w,!0),j=t=>{const e=new URL(t,h.l);return e.origin!==f.location.origin?e.href:e.pathname},O={},E=t=>"object"==(t=typeof t)||"function"===t;function C(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>M,map:()=>R,ok:()=>x,unwrap:()=>F,unwrapErr:()=>L});var x=t=>({isOk:!0,isErr:!1,value:t}),M=t=>({isOk:!1,isErr:!0,value:t});function R(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>x(t))):x(n)}if(t.isErr)return M(t.value);throw"should never get here"}var P,T,A,F=t=>{if(t.isOk)return t.value;throw t.value},L=t=>{if(t.isErr)return t.value;throw t.value},U=(t,e,...n)=>{let o=null,l=null,s=null,r=!1,i=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((r="function"!=typeof t&&!E(o))&&(o+=""),r&&i?c[c.length-1].i+=o:c.push(r?D(null,o):o),i=r)};if(u(n),e){e.key&&(l=e.key),e.name&&(s=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,H);const a=D(t,null);return a.u=e,c.length>0&&(a.h=c),a.p=l,a.m=s,a},D=(t,e)=>({o:0,v:t,i:e,$:null,h:null,u:null,p:null,m:null}),N={},H={forEach:(t,e)=>t.map(W).forEach(e),map:(t,e)=>t.map(W).map(e).map(q)},W=t=>({vattrs:t.u,vchildren:t.h,vkey:t.p,vname:t.m,vtag:t.v,vtext:t.i}),q=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),U(t.vtag,e,...t.vchildren||[])}const e=D(t.vtag,t.vtext);return e.u=t.vattrs,e.h=t.vchildren,e.p=t.vkey,e.m=t.vname,e},B=t=>o(t).$hostElement$,G=(t,e,n)=>{const o=B(t);return{emit:t=>V(o,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},V=(t,e,n)=>{const o=h.ce(e,n);return t.dispatchEvent(o),o},_=new WeakMap,z=t=>"sc-"+t.k,I=(t,e,n,o,l,r)=>{if(n!==o){let i=s(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=K(n),s=K(o);e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t))))}else if("style"===e){for(const e in n)o&&null!=o[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in o)n&&o[e]===n[e]||(e.includes("-")?t.style.setProperty(e,o[e]):t.style[e]=o[e])}else if("key"===e);else if("ref"===e)o&&o(t);else if(i||"o"!==e[0]||"n"!==e[1]){const s=E(o);if((i||s&&null!==o)&&!l)try{if(t.tagName.includes("-"))t[e]=o;else{const l=null==o?"":o;"list"===e?i=!1:null!=n&&t[e]==l||(t[e]=l)}}catch(t){}let u=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(e=c,u=!0),null==o||!1===o?!1===o&&""!==t.getAttribute(e)||(u?t.removeAttributeNS(a,e):t.removeAttribute(e)):(!i||4&r||l)&&!s&&(o=!0===o?"":o,u?t.setAttributeNS(a,e,o):t.setAttribute(e,o))}else if(e="-"===e[2]?e.slice(3):s(f,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(Q);e=e.replace(X,""),n&&h.rel(t,e,n,l),o&&h.ael(t,e,o,l)}}},J=/\s/,K=t=>t?t.split(J):[],Q="Capture",X=RegExp(Q+"$"),Y=(t,e,n)=>{const o=11===e.$.nodeType&&e.$.host?e.$.host:e.$,l=t&&t.u||O,s=e.u||O;for(const t of Z(Object.keys(l)))t in s||I(o,t,l[t],void 0,n,e.o);for(const t of Z(Object.keys(s)))I(o,t,l[t],s[t],n,e.o)};function Z(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var tt=!1,et=!1,nt=!1,ot=!1,lt=(t,e,n,o)=>{var l;const s=e.h[n];let r,i,c,u=0;if(tt||(nt=!0,"slot"===s.v&&(P&&o.classList.add(P+"-s"),s.o|=s.h?2:1)),null!==s.i)r=s.$=d.createTextNode(s.i);else if(1&s.o)r=s.$=d.createTextNode("");else{if(ot||(ot="svg"===s.v),r=s.$=d.createElementNS(ot?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!tt&&2&s.o?"slot-fb":s.v),ot&&"foreignObject"===s.v&&(ot=!1),Y(null,s,ot),null!=P&&r["s-si"]!==P&&r.classList.add(r["s-si"]=P),$t(r,o),s.h)for(u=0;u<s.h.length;++u)i=lt(t,s,u,r),i&&r.appendChild(i);"svg"===s.v?ot=!1:"foreignObject"===r.tagName&&(ot=!0)}return r["s-hn"]=A,3&s.o&&(r["s-sr"]=!0,r["s-cr"]=T,r["s-sn"]=s.m||"",r["s-rf"]=null==(l=s.u)?void 0:l.ref,c=t&&t.h&&t.h[n],c&&c.v===s.v&&t.$&&st(t.$,!1)),r},st=(t,e)=>{h.o|=1;const n=Array.from(t.childNodes);for(let t=n.length-1;t>=0;t--){const o=n[t];o["s-hn"]!==A&&o["s-ol"]&&(yt(at(o),o,ut(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,nt=!0),e&&st(o,e)}h.o&=-2},rt=(t,e,n,o,l,s)=>{let r,i=t["s-cr"]&&t["s-cr"].parentNode||t;for(i.shadowRoot&&i.tagName===A&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=lt(null,n,l,t),r&&(o[l].$=r,yt(i,r,ut(e))))},it=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.$;vt(e),t&&(et=!0,t["s-ol"]?t["s-ol"].remove():st(t,!0),t.remove())}}},ct=(t,e,n=!1)=>t.v===e.v&&("slot"===t.v?t.m===e.m:!!n||t.p===e.p),ut=t=>t&&t["s-ol"]||t,at=t=>(t["s-ol"]?t["s-ol"]:t).parentNode,ft=(t,e,n=!1)=>{const o=e.$=t.$,l=t.h,s=e.h,r=e.v,i=e.i;let c;null===i?(ot="svg"===r||"foreignObject"!==r&&ot,("slot"!==r||tt)&&Y(t,e,ot),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,r,i=0,c=0,u=0,a=0,f=e.length-1,d=e[0],h=e[f],p=o.length-1,m=o[0],v=o[p];for(;i<=f&&c<=p;)if(null==d)d=e[++i];else if(null==h)h=e[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(ct(d,m,l))ft(d,m,l),d=e[++i],m=o[++c];else if(ct(h,v,l))ft(h,v,l),h=e[--f],v=o[--p];else if(ct(d,v,l))"slot"!==d.v&&"slot"!==v.v||st(d.$.parentNode,!1),ft(d,v,l),yt(t,d.$,h.$.nextSibling),d=e[++i],v=o[--p];else if(ct(h,m,l))"slot"!==d.v&&"slot"!==v.v||st(h.$.parentNode,!1),ft(h,m,l),yt(t,h.$,d.$),h=e[--f],m=o[++c];else{for(u=-1,a=i;a<=f;++a)if(e[a]&&null!==e[a].p&&e[a].p===m.p){u=a;break}u>=0?(r=e[u],r.v!==m.v?s=lt(e&&e[c],n,u,t):(ft(r,m,l),e[u]=void 0,s=r.$),m=o[++c]):(s=lt(e&&e[c],n,c,t),m=o[++c]),s&&yt(at(d.$),s,ut(d.$))}i>f?rt(t,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&it(e,i,f)})(o,l,e,s,n):null!==s?(null!==t.i&&(o.textContent=""),rt(o,null,e,s,0,s.length-1)):null!==l&&it(l,0,l.length-1),ot&&"svg"===r&&(ot=!1)):(c=o["s-cr"])?c.parentNode.textContent=i:t.i!==i&&(o.data=i)},dt=t=>{const e=t.childNodes;for(const t of e)if(1===t.nodeType){if(t["s-sr"]){const n=t["s-sn"];t.hidden=!1;for(const o of e)if(o!==t)if(o["s-hn"]!==t["s-hn"]||""!==n){if(1===o.nodeType&&(n===o.getAttribute("slot")||n===o["s-sn"])||3===o.nodeType&&n===o["s-sn"]){t.hidden=!0;break}}else if(1===o.nodeType||3===o.nodeType&&""!==o.textContent.trim()){t.hidden=!0;break}}dt(t)}},ht=[],pt=t=>{let e,n,o;for(const l of t.childNodes){if(l["s-sr"]&&(e=l["s-cr"])&&e.parentNode){n=e.parentNode.childNodes;const t=l["s-sn"];for(o=n.length-1;o>=0;o--)if(e=n[o],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==l["s-hn"])if(mt(e,t)){let n=ht.find((t=>t.S===e));et=!0,e["s-sn"]=e["s-sn"]||t,n?(n.S["s-sh"]=l["s-hn"],n.j=l):(e["s-sh"]=l["s-hn"],ht.push({j:l,S:e})),e["s-sr"]&&ht.map((t=>{mt(t.S,e["s-sn"])&&(n=ht.find((t=>t.S===e)),n&&!t.j&&(t.j=n.j))}))}else ht.some((t=>t.S===e))||ht.push({S:e})}1===l.nodeType&&pt(l)}},mt=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,vt=t=>{t.u&&t.u.ref&&t.u.ref(null),t.h&&t.h.map(vt)},yt=(t,e,n)=>{const o=null==t?void 0:t.insertBefore(e,n);return $t(e,t),o},wt=t=>{const e=[];return t&&e.push(...t["s-scs"]||[],t["s-si"],t["s-sc"],...wt(t.parentElement)),e},$t=(t,e,n=!1)=>{var o;if(t&&e&&1===t.nodeType){const l=new Set(wt(e).filter(Boolean));if(l.size&&(null==(o=t.classList)||o.add(...t["s-scs"]=[...l]),t["s-ol"]||n))for(const e of Array.from(t.childNodes))$t(e,t,!0)}},bt=(t,e)=>{e&&!t.O&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.O=e)))},gt=(t,e)=>{if(t.o|=16,!(4&t.o))return bt(t,t.C),S((()=>kt(t,e)));t.o|=512},kt=(t,e)=>{const n=t.t;if(!n)throw Error(`Can't render component <${t.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return e&&(t.o|=256,t.M&&(t.M.map((([t,e])=>Tt(n,t,e))),t.M=void 0),o=Tt(n,"componentWillLoad")),St(o,(()=>Ot(t,n,e)))},St=(t,e)=>jt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),jt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Ot=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.R,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=z(e),l=c.get(o);if(t=11===t.nodeType?t:d,l)if("string"==typeof l){let s,r=_.get(t=t.head||t);if(r||_.set(t,r=new Set),!r.has(o)){{s=d.createElement("style"),s.innerHTML=l;const e=null!=(n=h.P)?n:C(d);null!=e&&s.setAttribute("nonce",e),t.insertBefore(s,t.querySelector("link"))}4&e.o&&(s.innerHTML+=u),r&&r.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"),2&o&&n.classList.add(l+"-s"))})(t);Ct(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>Mt(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},Et=null,Ct=(t,e,n,o)=>{try{Et=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{var o,l,s,r;const i=t.$hostElement$,c=t.R,u=t.T||D(null,null),a=(t=>t&&t.v===N)(e)?e:U(null,null,e);if(A=i.tagName,c.A&&(a.u=a.u||{},c.A.map((([t,e])=>a.u[e]=i[t]))),n&&a.u)for(const t of Object.keys(a.u))i.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(a.u[t]=i[t]);if(a.v=null,a.o|=4,t.T=a,a.$=u.$=i.shadowRoot||i,P=i["s-sc"],tt=!!(1&c.o),T=i["s-cr"],et=!1,ft(u,a,n),h.o|=1,nt){pt(a.$);for(const t of ht){const e=t.S;if(!e["s-ol"]){const t=d.createTextNode("");t["s-nr"]=e,yt(e.parentNode,e["s-ol"]=t,e)}}for(const t of ht){const e=t.S,i=t.j;if(i){const t=i.parentNode;let n=i.nextSibling;{let s=null==(o=e["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(l=s["s-nr"])?l:null;if(o&&o["s-sn"]===e["s-sn"]&&t===o.parentNode){for(o=o.nextSibling;o===e||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}s=s.previousSibling}}(!n&&t!==e.parentNode||e.nextSibling!==n)&&e!==n&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),yt(t,e,n),1===e.nodeType&&(e.hidden=null!=(s=e["s-ih"])&&s)),e&&"function"==typeof i["s-rf"]&&i["s-rf"](e)}else 1===e.nodeType&&(n&&(e["s-ih"]=null!=(r=e.hidden)&&r),e.hidden=!0)}}et&&dt(a.$),h.o&=-2,ht.length=0,T=void 0})(t,e,o)}catch(e){r(e,t.$hostElement$)}return Et=null,null},xt=()=>Et,Mt=t=>{const e=t.$hostElement$,n=t.t,o=t.C;Tt(n,"componentDidRender"),64&t.o?Tt(n,"componentDidUpdate"):(t.o|=64,At(e),Tt(n,"componentDidLoad"),t.F(e),o||Pt()),t.L(e),t.O&&(t.O(),t.O=void 0),512&t.o&&k((()=>gt(t,!1))),t.o&=-517},Rt=t=>{{const e=o(t),n=e.$hostElement$.isConnected;return n&&2==(18&e.o)&&gt(e,!1),n}},Pt=()=>{At(d.documentElement),k((()=>V(f,"appload",{detail:{namespace:"tet-components"}})))},Tt=(t,e,n)=>{if(t&&t[e])try{return t[e](n)}catch(t){r(t)}},At=t=>t.classList.add("hydrated"),Ft=(t,e,n)=>{var l,s;const i=t.prototype;if(e.U||e.D||t.watchers){t.watchers&&!e.D&&(e.D=t.watchers);const c=Object.entries(null!=(l=e.U)?l:{});if(c.map((([t,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(i,t,{get(){return((t,e)=>o(this).N.get(e))(0,t)},set(n){((t,e,n,l)=>{const s=o(t);if(!s)throw Error(`Couldn't find host element for "${l.k}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=s.$hostElement$,c=s.N.get(e),u=s.o,a=s.t;if(n=((t,e)=>null==t||E(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t)(n,l.U[e][0]),(!(8&u)||void 0===c)&&n!==c&&(!Number.isNaN(c)||!Number.isNaN(n))&&(s.N.set(e,n),a)){if(l.D&&128&u){const t=l.D[e];t&&t.map((t=>{try{a[t](n,c,e)}catch(t){r(t,i)}}))}2==(18&u)&&gt(s,!1)}})(this,t,n,e)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(i,t,{value(...e){var n;const l=o(this);return null==(n=null==l?void 0:l.H)?void 0:n.then((()=>{var n;return null==(n=l.t)?void 0:n[t](...e)}))}})})),1&n){const n=new Map;i.attributeChangedCallback=function(t,l,s){h.jmp((()=>{var r;const c=n.get(t);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const n=o(this),i=null==n?void 0:n.o;if(i&&!(8&i)&&128&i&&s!==l){const o=n.t,i=null==(r=e.D)?void 0:r[t];null==i||i.forEach((e=>{null!=o[e]&&o[e].call(o,s,l,t)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=e.D)?s:{}),...c.filter((([t,e])=>15&e[0])).map((([t,o])=>{var l;const s=o[1]||t;return n.set(s,t),512&o[0]&&(null==(l=e.A)||l.push([t,s])),s}))]))}}return t},Lt=t=>{Tt(t,"connectedCallback")},Ut=t=>{Tt(t,"disconnectedCallback")},Dt=(t,e={})=>{var l;const s=[],a=e.exclude||[],p=f.customElements,v=d.head,y=v.querySelector("meta[charset]"),w=d.createElement("style"),$=[];let b,g=!0;Object.assign(h,e),h.l=new URL(e.resourcesUrl||"./",d.baseURI).href;let k=!1;if(t.map((t=>{t[1].map((e=>{var l;const u={o:e[0],k:e[1],U:e[2],W:e[3]};4&u.o&&(k=!0),u.U=e[2],u.W=e[3],u.A=[],u.D=null!=(l=e[4])?l:{};const f=u.k,v=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const o={o:0,$hostElement$:t,R:e,N:new Map};o.H=new Promise((t=>o.L=t)),o.q=new Promise((t=>o.F=t)),t["s-p"]=[],t["s-rc"]=[],n.set(t,o)})(t=this,u),1&u.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${u.k}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open",delegatesFocus:!!(16&u.o)})}connectedCallback(){const t=o(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Ht(this,t,u.W)),b&&(clearTimeout(b),b=null),g?$.push(this):h.jmp((()=>(t=>{if(!(1&h.o)){const e=o(t),n=e.R,l=()=>{};if(1&e.o)Ht(t,e,n.W),(null==e?void 0:e.t)?Lt(e.t):(null==e?void 0:e.q)&&e.q.then((()=>Lt(e.t)));else{e.o|=1,12&n.o&&(t=>{const e=t["s-cr"]=d.createComment("");e["s-cn"]=!0,yt(t,e,t.firstChild)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){bt(e,e.C=n);break}}n.U&&Object.entries(n.U).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.o)){if(e.o|=32,n.B){const t=(t=>{const e=t.k.replace(/-/g,"_"),n=t.B;if(!n)return;const o=i.get(n);return o?o[e]:import(`./${n}.entry.js`).then((t=>(i.set(n,t),t[e])),r)
+const t={environment:"testing"};var e=Object.defineProperty,n=new WeakMap,o=t=>n.get(t),l=(t,e)=>n.set(e.t=t,e),s=(t,e)=>e in t,r=(t,e)=>(0,console.error)(t,e),i=new Map,c=new Map,u="slot-fb{display:contents}slot-fb[hidden]{display:none}",a="http://www.w3.org/1999/xlink",f="undefined"!=typeof window?window:{},d=f.document||{head:{}},h={o:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},p=t=>Promise.resolve(t),m=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),v=!1,y=[],w=[],$=(t,e)=>n=>{t.push(n),v||(v=!0,e&&4&h.o?k(g):h.raf(g))},b=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){r(t)}t.length=0},g=()=>{b(y),b(w),(v=y.length>0)&&h.raf(g)},k=t=>p().then(t),S=$(w,!0),j=t=>{const e=new URL(t,h.l);return e.origin!==f.location.origin?e.href:e.pathname},O={},E=t=>"object"==(t=typeof t)||"function"===t;function C(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>M,map:()=>R,ok:()=>x,unwrap:()=>F,unwrapErr:()=>L});var x=t=>({isOk:!0,isErr:!1,value:t}),M=t=>({isOk:!1,isErr:!0,value:t});function R(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>x(t))):x(n)}if(t.isErr)return M(t.value);throw"should never get here"}var P,T,A,F=t=>{if(t.isOk)return t.value;throw t.value},L=t=>{if(t.isErr)return t.value;throw t.value},U=(t,e,...n)=>{let o=null,l=null,s=null,r=!1,i=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((r="function"!=typeof t&&!E(o))&&(o+=""),r&&i?c[c.length-1].i+=o:c.push(r?D(null,o):o),i=r)};if(u(n),e){e.key&&(l=e.key),e.name&&(s=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,H);const a=D(t,null);return a.u=e,c.length>0&&(a.h=c),a.p=l,a.m=s,a},D=(t,e)=>({o:0,v:t,i:e,$:null,h:null,u:null,p:null,m:null}),N={},H={forEach:(t,e)=>t.map(W).forEach(e),map:(t,e)=>t.map(W).map(e).map(q)},W=t=>({vattrs:t.u,vchildren:t.h,vkey:t.p,vname:t.m,vtag:t.v,vtext:t.i}),q=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),U(t.vtag,e,...t.vchildren||[])}const e=D(t.vtag,t.vtext);return e.u=t.vattrs,e.h=t.vchildren,e.p=t.vkey,e.m=t.vname,e},B=t=>o(t).$hostElement$,G=(t,e,n)=>{const o=B(t);return{emit:t=>V(o,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},V=(t,e,n)=>{const o=h.ce(e,n);return t.dispatchEvent(o),o},_=new WeakMap,z=t=>"sc-"+t.k,I=(t,e,n,o,l,r)=>{if(n!==o){let i=s(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=K(n),s=K(o);e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t))))}else if("style"===e){for(const e in n)o&&null!=o[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in o)n&&o[e]===n[e]||(e.includes("-")?t.style.setProperty(e,o[e]):t.style[e]=o[e])}else if("key"===e);else if("ref"===e)o&&o(t);else if(i||"o"!==e[0]||"n"!==e[1]){const s=E(o);if((i||s&&null!==o)&&!l)try{if(t.tagName.includes("-"))t[e]=o;else{const l=null==o?"":o;"list"===e?i=!1:null!=n&&t[e]==l||(t[e]=l)}}catch(t){}let u=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(e=c,u=!0),null==o||!1===o?!1===o&&""!==t.getAttribute(e)||(u?t.removeAttributeNS(a,e):t.removeAttribute(e)):(!i||4&r||l)&&!s&&(o=!0===o?"":o,u?t.setAttributeNS(a,e,o):t.setAttribute(e,o))}else if(e="-"===e[2]?e.slice(3):s(f,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(Q);e=e.replace(X,""),n&&h.rel(t,e,n,l),o&&h.ael(t,e,o,l)}}},J=/\s/,K=t=>t?t.split(J):[],Q="Capture",X=RegExp(Q+"$"),Y=(t,e,n)=>{const o=11===e.$.nodeType&&e.$.host?e.$.host:e.$,l=t&&t.u||O,s=e.u||O;for(const t of Z(Object.keys(l)))t in s||I(o,t,l[t],void 0,n,e.o);for(const t of Z(Object.keys(s)))I(o,t,l[t],s[t],n,e.o)};function Z(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var tt=!1,et=!1,nt=!1,ot=!1,lt=(t,e,n,o)=>{var l;const s=e.h[n];let r,i,c,u=0;if(tt||(nt=!0,"slot"===s.v&&(P&&o.classList.add(P+"-s"),s.o|=s.h?2:1)),null!==s.i)r=s.$=d.createTextNode(s.i);else if(1&s.o)r=s.$=d.createTextNode("");else{if(ot||(ot="svg"===s.v),r=s.$=d.createElementNS(ot?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!tt&&2&s.o?"slot-fb":s.v),ot&&"foreignObject"===s.v&&(ot=!1),Y(null,s,ot),null!=P&&r["s-si"]!==P&&r.classList.add(r["s-si"]=P),$t(r,o),s.h)for(u=0;u<s.h.length;++u)i=lt(t,s,u,r),i&&r.appendChild(i);"svg"===s.v?ot=!1:"foreignObject"===r.tagName&&(ot=!0)}return r["s-hn"]=A,3&s.o&&(r["s-sr"]=!0,r["s-cr"]=T,r["s-sn"]=s.m||"",r["s-rf"]=null==(l=s.u)?void 0:l.ref,c=t&&t.h&&t.h[n],c&&c.v===s.v&&t.$&&st(t.$,!1)),r},st=(t,e)=>{h.o|=1;const n=Array.from(t.childNodes);for(let t=n.length-1;t>=0;t--){const o=n[t];o["s-hn"]!==A&&o["s-ol"]&&(yt(at(o),o,ut(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,nt=!0),e&&st(o,e)}h.o&=-2},rt=(t,e,n,o,l,s)=>{let r,i=t["s-cr"]&&t["s-cr"].parentNode||t;for(i.shadowRoot&&i.tagName===A&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=lt(null,n,l,t),r&&(o[l].$=r,yt(i,r,ut(e))))},it=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.$;vt(e),t&&(et=!0,t["s-ol"]?t["s-ol"].remove():st(t,!0),t.remove())}}},ct=(t,e,n=!1)=>t.v===e.v&&("slot"===t.v?t.m===e.m:!!n||t.p===e.p),ut=t=>t&&t["s-ol"]||t,at=t=>(t["s-ol"]?t["s-ol"]:t).parentNode,ft=(t,e,n=!1)=>{const o=e.$=t.$,l=t.h,s=e.h,r=e.v,i=e.i;let c;null===i?(ot="svg"===r||"foreignObject"!==r&&ot,("slot"!==r||tt)&&Y(t,e,ot),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,r,i=0,c=0,u=0,a=0,f=e.length-1,d=e[0],h=e[f],p=o.length-1,m=o[0],v=o[p];for(;i<=f&&c<=p;)if(null==d)d=e[++i];else if(null==h)h=e[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(ct(d,m,l))ft(d,m,l),d=e[++i],m=o[++c];else if(ct(h,v,l))ft(h,v,l),h=e[--f],v=o[--p];else if(ct(d,v,l))"slot"!==d.v&&"slot"!==v.v||st(d.$.parentNode,!1),ft(d,v,l),yt(t,d.$,h.$.nextSibling),d=e[++i],v=o[--p];else if(ct(h,m,l))"slot"!==d.v&&"slot"!==v.v||st(h.$.parentNode,!1),ft(h,m,l),yt(t,h.$,d.$),h=e[--f],m=o[++c];else{for(u=-1,a=i;a<=f;++a)if(e[a]&&null!==e[a].p&&e[a].p===m.p){u=a;break}u>=0?(r=e[u],r.v!==m.v?s=lt(e&&e[c],n,u,t):(ft(r,m,l),e[u]=void 0,s=r.$),m=o[++c]):(s=lt(e&&e[c],n,c,t),m=o[++c]),s&&yt(at(d.$),s,ut(d.$))}i>f?rt(t,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&it(e,i,f)})(o,l,e,s,n):null!==s?(null!==t.i&&(o.textContent=""),rt(o,null,e,s,0,s.length-1)):null!==l&&it(l,0,l.length-1),ot&&"svg"===r&&(ot=!1)):(c=o["s-cr"])?c.parentNode.textContent=i:t.i!==i&&(o.data=i)},dt=t=>{const e=t.childNodes;for(const t of e)if(1===t.nodeType){if(t["s-sr"]){const n=t["s-sn"];t.hidden=!1;for(const o of e)if(o!==t)if(o["s-hn"]!==t["s-hn"]||""!==n){if(1===o.nodeType&&(n===o.getAttribute("slot")||n===o["s-sn"])||3===o.nodeType&&n===o["s-sn"]){t.hidden=!0;break}}else if(1===o.nodeType||3===o.nodeType&&""!==o.textContent.trim()){t.hidden=!0;break}}dt(t)}},ht=[],pt=t=>{let e,n,o;for(const l of t.childNodes){if(l["s-sr"]&&(e=l["s-cr"])&&e.parentNode){n=e.parentNode.childNodes;const t=l["s-sn"];for(o=n.length-1;o>=0;o--)if(e=n[o],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==l["s-hn"])if(mt(e,t)){let n=ht.find((t=>t.S===e));et=!0,e["s-sn"]=e["s-sn"]||t,n?(n.S["s-sh"]=l["s-hn"],n.j=l):(e["s-sh"]=l["s-hn"],ht.push({j:l,S:e})),e["s-sr"]&&ht.map((t=>{mt(t.S,e["s-sn"])&&(n=ht.find((t=>t.S===e)),n&&!t.j&&(t.j=n.j))}))}else ht.some((t=>t.S===e))||ht.push({S:e})}1===l.nodeType&&pt(l)}},mt=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,vt=t=>{t.u&&t.u.ref&&t.u.ref(null),t.h&&t.h.map(vt)},yt=(t,e,n)=>{const o=null==t?void 0:t.insertBefore(e,n);return $t(e,t),o},wt=t=>{const e=[];return t&&e.push(...t["s-scs"]||[],t["s-si"],t["s-sc"],...wt(t.parentElement)),e},$t=(t,e,n=!1)=>{var o;if(t&&e&&1===t.nodeType){const l=new Set(wt(e).filter(Boolean));if(l.size&&(null==(o=t.classList)||o.add(...t["s-scs"]=[...l]),t["s-ol"]||n))for(const e of Array.from(t.childNodes))$t(e,t,!0)}},bt=(t,e)=>{e&&!t.O&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.O=e)))},gt=(t,e)=>{if(t.o|=16,!(4&t.o))return bt(t,t.C),S((()=>kt(t,e)));t.o|=512},kt=(t,e)=>{const n=t.t;if(!n)throw Error(`Can't render component <${t.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return e&&(t.o|=256,t.M&&(t.M.map((([t,e])=>Tt(n,t,e))),t.M=void 0),o=Tt(n,"componentWillLoad")),St(o,(()=>Ot(t,n,e)))},St=(t,e)=>jt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),jt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Ot=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.R,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=z(e),l=c.get(o);if(t=11===t.nodeType?t:d,l)if("string"==typeof l){let s,r=_.get(t=t.head||t);if(r||_.set(t,r=new Set),!r.has(o)){{s=d.createElement("style"),s.innerHTML=l;const e=null!=(n=h.P)?n:C(d);null!=e&&s.setAttribute("nonce",e),t.insertBefore(s,t.querySelector("link"))}4&e.o&&(s.innerHTML+=u),r&&r.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"),2&o&&n.classList.add(l+"-s"))})(t);Ct(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>Mt(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},Et=null,Ct=(t,e,n,o)=>{try{Et=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{var o,l,s,r;const i=t.$hostElement$,c=t.R,u=t.T||D(null,null),a=(t=>t&&t.v===N)(e)?e:U(null,null,e);if(A=i.tagName,c.A&&(a.u=a.u||{},c.A.map((([t,e])=>a.u[e]=i[t]))),n&&a.u)for(const t of Object.keys(a.u))i.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(a.u[t]=i[t]);if(a.v=null,a.o|=4,t.T=a,a.$=u.$=i.shadowRoot||i,P=i["s-sc"],tt=!!(1&c.o),T=i["s-cr"],et=!1,ft(u,a,n),h.o|=1,nt){pt(a.$);for(const t of ht){const e=t.S;if(!e["s-ol"]){const t=d.createTextNode("");t["s-nr"]=e,yt(e.parentNode,e["s-ol"]=t,e)}}for(const t of ht){const e=t.S,i=t.j;if(i){const t=i.parentNode;let n=i.nextSibling;{let s=null==(o=e["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(l=s["s-nr"])?l:null;if(o&&o["s-sn"]===e["s-sn"]&&t===o.parentNode){for(o=o.nextSibling;o===e||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}s=s.previousSibling}}(!n&&t!==e.parentNode||e.nextSibling!==n)&&e!==n&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),yt(t,e,n),1===e.nodeType&&(e.hidden=null!=(s=e["s-ih"])&&s)),e&&"function"==typeof i["s-rf"]&&i["s-rf"](e)}else 1===e.nodeType&&(n&&(e["s-ih"]=null!=(r=e.hidden)&&r),e.hidden=!0)}}et&&dt(a.$),h.o&=-2,ht.length=0,T=void 0})(t,e,o)}catch(e){r(e,t.$hostElement$)}return Et=null,null},xt=()=>Et,Mt=t=>{const e=t.$hostElement$,n=t.t,o=t.C;Tt(n,"componentDidRender"),64&t.o?Tt(n,"componentDidUpdate"):(t.o|=64,At(e),Tt(n,"componentDidLoad"),t.F(e),o||Pt()),t.L(e),t.O&&(t.O(),t.O=void 0),512&t.o&&k((()=>gt(t,!1))),t.o&=-517},Rt=t=>{{const e=o(t),n=e.$hostElement$.isConnected;return n&&2==(18&e.o)&&gt(e,!1),n}},Pt=()=>{At(d.documentElement),k((()=>V(f,"appload",{detail:{namespace:"tet-components"}})))},Tt=(t,e,n)=>{if(t&&t[e])try{return t[e](n)}catch(t){r(t)}},At=t=>t.classList.add("hydrated"),Ft=(t,e,n)=>{var l,s;const i=t.prototype;if(e.U||e.D||t.watchers){t.watchers&&!e.D&&(e.D=t.watchers);const c=Object.entries(null!=(l=e.U)?l:{});if(c.map((([t,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(i,t,{get(){return((t,e)=>o(this).N.get(e))(0,t)},set(n){((t,e,n,l)=>{const s=o(t);if(!s)throw Error(`Couldn't find host element for "${l.k}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=s.$hostElement$,c=s.N.get(e),u=s.o,a=s.t;if(n=((t,e)=>null==t||E(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t)(n,l.U[e][0]),(!(8&u)||void 0===c)&&n!==c&&(!Number.isNaN(c)||!Number.isNaN(n))&&(s.N.set(e,n),a)){if(l.D&&128&u){const t=l.D[e];t&&t.map((t=>{try{a[t](n,c,e)}catch(t){r(t,i)}}))}2==(18&u)&&gt(s,!1)}})(this,t,n,e)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(i,t,{value(...e){var n;const l=o(this);return null==(n=null==l?void 0:l.H)?void 0:n.then((()=>{var n;return null==(n=l.t)?void 0:n[t](...e)}))}})})),1&n){const n=new Map;i.attributeChangedCallback=function(t,l,s){h.jmp((()=>{var r;const c=n.get(t);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const n=o(this),i=null==n?void 0:n.o;if(i&&!(8&i)&&128&i&&s!==l){const o=n.t,i=null==(r=e.D)?void 0:r[t];null==i||i.forEach((e=>{null!=o[e]&&o[e].call(o,s,l,t)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=e.D)?s:{}),...c.filter((([t,e])=>15&e[0])).map((([t,o])=>{var l;const s=o[1]||t;return n.set(s,t),512&o[0]&&(null==(l=e.A)||l.push([t,s])),s}))]))}}return t},Lt=t=>{Tt(t,"connectedCallback")},Ut=t=>{Tt(t,"disconnectedCallback")},Dt=(t,e={})=>{var l;const s=[],a=e.exclude||[],p=f.customElements,v=d.head,y=v.querySelector("meta[charset]"),w=d.createElement("style"),$=[];let b,g=!0;Object.assign(h,e),h.l=new URL(e.resourcesUrl||"./",d.baseURI).href;let k=!1;if(t.map((t=>{t[1].map((e=>{var l;const u={o:e[0],k:e[1],U:e[2],W:e[3]};4&u.o&&(k=!0),u.U=e[2],u.W=e[3],u.A=[],u.D=null!=(l=e[4])?l:{};const f=u.k,v=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const o={o:0,$hostElement$:t,R:e,N:new Map};o.H=new Promise((t=>o.L=t)),o.q=new Promise((t=>o.F=t)),t["s-p"]=[],t["s-rc"]=[],n.set(t,o)})(t=this,u),1&u.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${u.k}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open",delegatesFocus:!!(16&u.o)})}connectedCallback(){const t=o(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Ht(this,t,u.W)),b&&(clearTimeout(b),b=null),g?$.push(this):h.jmp((()=>(t=>{if(!(1&h.o)){const e=o(t),n=e.R,l=()=>{};if(1&e.o)Ht(t,e,n.W),(null==e?void 0:e.t)?Lt(e.t):(null==e?void 0:e.q)&&e.q.then((()=>Lt(e.t)));else{e.o|=1,12&n.o&&(t=>{const e=t["s-cr"]=d.createComment("");e["s-cn"]=!0,yt(t,e,t.firstChild)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){bt(e,e.C=n);break}}n.U&&Object.entries(n.U).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.o)){if(e.o|=32,n.B){const t=(t=>{const e=t.k.replace(/-/g,"_"),n=t.B;if(!n)return;const o=i.get(n);return o?o[e]:import(`./${n}.entry.js`).then((t=>(i.set(n,t),t[e])),r)
 /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(t&&"then"in t){const e=()=>{};o=await t,e()}else o=t;if(!o)throw Error(`Constructor for "${n.k}#${e.G}" was not found`);o.isProxied||(n.D=o.watchers,Ft(o,n,2),o.isProxied=!0);const l=()=>{};e.o|=8;try{new o(e)}catch(t){r(t)}e.o&=-9,e.o|=128,l(),Lt(e.t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.o|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=z(n);if(!c.has(e)){const o=()=>{};((t,e,n)=>{let o=c.get(t);m&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,c.set(t,o)})(e,t,!!(1&n.o)),o()}}}const l=e.C,s=()=>gt(e,!0);l&&l["s-rc"]?l["s-rc"].push(s):s()})(t,e,n)}l()}})(this)))}disconnectedCallback(){h.jmp((()=>(async()=>{if(!(1&h.o)){const t=o(this);t.V&&(t.V.map((t=>t())),t.V=void 0),(null==t?void 0:t.t)?Ut(t.t):(null==t?void 0:t.q)&&t.q.then((()=>Ut(t.t)))}})()))}componentOnReady(){return o(this).q}};u.B=t[0],a.includes(f)||p.get(f)||(s.push(f),p.define(f,Ft(v,u,1)))}))})),s.length>0&&(k&&(w.textContent+=u),w.textContent+=s.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",w.innerHTML.length)){w.setAttribute("data-styles","");const t=null!=(l=h.P)?l:C(d);null!=t&&w.setAttribute("nonce",t),v.insertBefore(w,y?y.nextSibling:v.firstChild)}g=!1,$.length?$.map((t=>t.connectedCallback())):h.jmp((()=>b=setTimeout(Pt,30)))},Nt=(t,e)=>e,Ht=(t,e,n)=>{n&&n.map((([n,o,l])=>{const s=qt(t,n),r=Wt(e,l),i=Bt(n);h.ael(s,o,r,i),(e.V=e.V||[]).push((()=>h.rel(s,o,r,i)))}))},Wt=(t,e)=>n=>{var o;try{256&t.o?null==(o=t.t)||o[e](n):(t.M=t.M||[]).push([e,n])}catch(t){r(t)}},qt=(t,e)=>4&e?d:8&e?f:16&e?d.body:t,Bt=t=>({passive:!!(1&t),capture:!!(2&t)}),Gt=t=>h.P=t;export{t as E,Nt as F,N as H,xt as a,Dt as b,G as c,j as d,Rt as f,B as g,U as h,p,l as r,Gt as s}