@tet/tet-components 1.4.103-testing → 1.4.104-staging

package/dist/tet-components/{p-1bd93ad3.entry.js → p-7aba2238.entry.js}

@@ -1 +1 @@
-import{r as o,h as t,c as e}from"./p-83f43fdd.js";import{i as n}from"./p-9a2b6ee2.js";const i=class{constructor(t){o(this,t),this.highlightable=!1,this.selected=!1,this.theme="classic"}render(){return t("div",{key:"7efb553e36c48eb50dc40fab7b29edbb7345b6c2",class:{container:!0,"container--highlightable":this.highlightable,"container--selected":this.selected,[`container--${this.theme}`]:"classic"!==this.theme},part:"container"},t("slot",{key:"900e0239bb079cac83b7414c8c87fa255af37eac"}))}};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{--background:rgb(255, 255, 255);--padding:1rem;--border-color:transparent;--border-radius:0.3125rem;--box-shadow:0 0 0 rgb(5 29 89 / 7%), 0 0.0625rem 0.1875rem rgb(5 29 89 / 12%);--box-shadow-highlighted:var(--tc-elevation-three);--text-align:left;--container-selected-border-color:rgb(0, 96, 245);--container-border-width:0.125rem;--container-box-shadow-selected:none;--container-light-box-shadow:none;--container-light-background-color:var(--tc-background-secondary);--container-light-border-color:var(--tc-border-quaternary);--container-light-text-color:var(--tc-text-primary);--container-dark-box-shadow:none;--container-dark-background-color:var(--tc-background-secondary-dark);--container-dark-border-color:var(--tc-border-quaternary-dark);--container-dark-text-color:var(--tc-text-primary-dark)}.container{position:relative;height:100%;background:var(--background);box-shadow:var(--box-shadow);text-align:var(--text-align);padding:var(--padding);font-family:var(--text-font);border:var(--container-border-width) solid var(--border-color);border-radius:var(--border-radius)}.container--highlightable:hover{box-shadow:var(--box-shadow-highlighted);cursor:pointer}.container--selected{border-radius:var(--border-radius);border:var(--container-border-width) solid var(--container-selected-border-color);box-shadow:var(--container-box-shadow-selected)}.container--light{box-shadow:var(--container-light-box-shadow);border:0.0625rem solid var(--container-light-border-color);background-color:var(--container-light-background-color);color:var(--container-light-text-color)}.container--dark{box-shadow:var(--container-dark-box-shadow);border:0.0625rem solid var(--container-dark-border-color);background-color:var(--container-dark-background-color);color:var(--container-dark-text-color)}';const r=class{constructor(t){o(this,t),this.itemSelected=e(this,"itemSelected",7),this.selectionListRendered=e(this,"selectionListRendered",7),this.items=[],this.preSelectedItems=[],this.multipleSelections=!0,this.itemRenderFunction=o=>o?.toString(),this.identifier=void 0,this.selectedItems=[]}onPreselectedItemsChanged(o){o.forEach(this.toggleItem)}itemSelected;selectionListRendered;componentWillLoad(){this.preSelectedItems.forEach(this.toggleItem)}componentDidRender(){this.selectionListRendered.emit(this.identifier)}async unsetSelectedItems(){this.selectedItems=[]}async getSelectedItems(){return this.selectedItems}toggleItem=o=>{(this.multipleSelections?this.multipleSelectionToggle:this.singleSelectionToggle)(o),this.itemSelected.emit(o),this.selectedItems=[...this.selectedItems]};multipleSelectionToggle=o=>{this.selectedItems.includes(o)?this.selectedItems.splice(this.selectedItems.indexOf(o),1):this.selectedItems.push(o)};singleSelectionToggle=o=>{this.selectedItems.includes(o)||(this.selectedItems=[]),this.selectedItems.push(o)};getListItemContext=o=>({selected:this.selectedItems.includes(o)});renderListItem=o=>{const e=this.getListItemContext(o),i=this.itemRenderFunction(o,e),r=n(i)?i:t("div",{innerHTML:i});return t("li",{class:"list-item",part:"selection-list-item",onClick:()=>this.toggleItem(o)},r)};render(){return t("ul",{key:"88f00983b12097fbabc94bf78c2999e785782bfb",class:"list",part:"selection-list"},this.items.map(this.renderListItem))}static get watchers(){return{preSelectedItems:["onPreselectedItemsChanged"]}}};r.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{--selection-list-display:flex;--selection-list-margin:0;--selection-list-max-width:none;--orientation:column;--item-spacing:1em;--selection-list-max-items-per-row:1;--selection-list-wrapping:wrap;--selection-list-justify-content:space-evenly;--selection-list-item-cursor:pointer;display:block;-ms-overflow-style:none;scrollbar-width:none}:host::-webkit-scrollbar{display:none}.list{list-style:none;display:var(--selection-list-display);margin:var(--selection-list-margin);max-width:var(--selection-list-max-width);flex-direction:var(--orientation);flex-wrap:var(--selection-list-wrapping);justify-content:var(--selection-list-justify-content);gap:var(--item-spacing);-webkit-tap-highlight-color:transparent}.list-item{flex:1 0 calc((100% - (var(--selection-list-max-items-per-row) - 1) * var(--item-spacing)) / var(--selection-list-max-items-per-row));cursor:var(--selection-list-item-cursor)}';export{i as tet_container,r as tet_selection_list}
+import{r as o,h as t,c as e}from"./p-5abb3bea.js";import{i as n}from"./p-9a2b6ee2.js";const i=class{constructor(t){o(this,t),this.highlightable=!1,this.selected=!1,this.theme="classic"}render(){return t("div",{key:"7efb553e36c48eb50dc40fab7b29edbb7345b6c2",class:{container:!0,"container--highlightable":this.highlightable,"container--selected":this.selected,[`container--${this.theme}`]:"classic"!==this.theme},part:"container"},t("slot",{key:"900e0239bb079cac83b7414c8c87fa255af37eac"}))}};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{--background:rgb(255, 255, 255);--padding:1rem;--border-color:transparent;--border-radius:0.3125rem;--box-shadow:0 0 0 rgb(5 29 89 / 7%), 0 0.0625rem 0.1875rem rgb(5 29 89 / 12%);--box-shadow-highlighted:var(--tc-elevation-three);--text-align:left;--container-selected-border-color:rgb(0, 96, 245);--container-border-width:0.125rem;--container-box-shadow-selected:none;--container-light-box-shadow:none;--container-light-background-color:var(--tc-background-secondary);--container-light-border-color:var(--tc-border-quaternary);--container-light-text-color:var(--tc-text-primary);--container-dark-box-shadow:none;--container-dark-background-color:var(--tc-background-secondary-dark);--container-dark-border-color:var(--tc-border-quaternary-dark);--container-dark-text-color:var(--tc-text-primary-dark)}.container{position:relative;height:100%;background:var(--background);box-shadow:var(--box-shadow);text-align:var(--text-align);padding:var(--padding);font-family:var(--text-font);border:var(--container-border-width) solid var(--border-color);border-radius:var(--border-radius)}.container--highlightable:hover{box-shadow:var(--box-shadow-highlighted);cursor:pointer}.container--selected{border-radius:var(--border-radius);border:var(--container-border-width) solid var(--container-selected-border-color);box-shadow:var(--container-box-shadow-selected)}.container--light{box-shadow:var(--container-light-box-shadow);border:0.0625rem solid var(--container-light-border-color);background-color:var(--container-light-background-color);color:var(--container-light-text-color)}.container--dark{box-shadow:var(--container-dark-box-shadow);border:0.0625rem solid var(--container-dark-border-color);background-color:var(--container-dark-background-color);color:var(--container-dark-text-color)}';const r=class{constructor(t){o(this,t),this.itemSelected=e(this,"itemSelected",7),this.selectionListRendered=e(this,"selectionListRendered",7),this.items=[],this.preSelectedItems=[],this.multipleSelections=!0,this.itemRenderFunction=o=>o?.toString(),this.identifier=void 0,this.selectedItems=[]}onPreselectedItemsChanged(o){o.forEach(this.toggleItem)}itemSelected;selectionListRendered;componentWillLoad(){this.preSelectedItems.forEach(this.toggleItem)}componentDidRender(){this.selectionListRendered.emit(this.identifier)}async unsetSelectedItems(){this.selectedItems=[]}async getSelectedItems(){return this.selectedItems}toggleItem=o=>{(this.multipleSelections?this.multipleSelectionToggle:this.singleSelectionToggle)(o),this.itemSelected.emit(o),this.selectedItems=[...this.selectedItems]};multipleSelectionToggle=o=>{this.selectedItems.includes(o)?this.selectedItems.splice(this.selectedItems.indexOf(o),1):this.selectedItems.push(o)};singleSelectionToggle=o=>{this.selectedItems.includes(o)||(this.selectedItems=[]),this.selectedItems.push(o)};getListItemContext=o=>({selected:this.selectedItems.includes(o)});renderListItem=o=>{const e=this.getListItemContext(o),i=this.itemRenderFunction(o,e),r=n(i)?i:t("div",{innerHTML:i});return t("li",{class:"list-item",part:"selection-list-item",onClick:()=>this.toggleItem(o)},r)};render(){return t("ul",{key:"88f00983b12097fbabc94bf78c2999e785782bfb",class:"list",part:"selection-list"},this.items.map(this.renderListItem))}static get watchers(){return{preSelectedItems:["onPreselectedItemsChanged"]}}};r.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{--selection-list-display:flex;--selection-list-margin:0;--selection-list-max-width:none;--orientation:column;--item-spacing:1em;--selection-list-max-items-per-row:1;--selection-list-wrapping:wrap;--selection-list-justify-content:space-evenly;--selection-list-item-cursor:pointer;display:block;-ms-overflow-style:none;scrollbar-width:none}:host::-webkit-scrollbar{display:none}.list{list-style:none;display:var(--selection-list-display);margin:var(--selection-list-margin);max-width:var(--selection-list-max-width);flex-direction:var(--orientation);flex-wrap:var(--selection-list-wrapping);justify-content:var(--selection-list-justify-content);gap:var(--item-spacing);-webkit-tap-highlight-color:transparent}.list-item{flex:1 0 calc((100% - (var(--selection-list-max-items-per-row) - 1) * var(--item-spacing)) / var(--selection-list-max-items-per-row));cursor:var(--selection-list-item-cursor)}';export{i as tet_container,r as tet_selection_list}

package/dist/tet-components/{p-77bec9a6.entry.js → p-7bac49d9.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,g as n,h as o,H as i}from"./p-83f43fdd.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"a234df32a4e338308927d5163ca678dd3b2c4695"},o("div",{key:"f2448b570fe6a5bd0c459aa1573a8ae64624a654",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"4791da7e1a6969c9131f7067cf5af5266900e8b5",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"269890255beddbd9856881abee2c931ba878a4dd",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};s.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;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}
+import{r as t,c as e,g as n,h as o,H as i}from"./p-5abb3bea.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"a234df32a4e338308927d5163ca678dd3b2c4695"},o("div",{key:"f2448b570fe6a5bd0c459aa1573a8ae64624a654",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"4791da7e1a6969c9131f7067cf5af5266900e8b5",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"269890255beddbd9856881abee2c931ba878a4dd",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};s.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;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}

package/dist/tet-components/p-7cfd12ec.entry.js

@@ -0,0 +1 @@
+import{r as t,g as e,h as o,H as l}from"./p-5abb3bea.js";import{T as a}from"./p-45f4f129.js";const r=class{constructor(e){t(this,e),this.caption="",this.cellTextAlign="left",this.tableHeader="",this.tableHeaderTextAlign="left",this.tableHeaderColumnSpan=1,this.tableHeaderWidth="",this.tableData={rows:[],columns:[],columnColors:[],rowOptions:[],columnHeaderOptions:[]},this.gappedColumnLayout=!1,this.theme="light",this.colorTheme=void 0,this.fixedFirstColumn=!1,this.normalizedColumns=[]}get host(){return e(this)}onTableDataChange(){this.normalizedColumns=this.transformColumns(this.tableData.columns)}componentWillLoad(){this.normalizedColumns=this.transformColumns(this.tableData.columns),this.loadSlotData()}transformColumns(t){return t&&0!==t.length?t.map((t=>"string"==typeof t?{value:t,tooltip:""}:t)):[]}loadSlotData(){const t=this.host.querySelector("template");if(null===t)return;const e={rows:[],columns:[],columnColors:[],rowOptions:[],columnHeaderOptions:[]},o=t.querySelector("thead")||t.content.querySelector("thead"),l=t.querySelector("tbody")||t.content.querySelector("tbody");if(null!==o||null!==l){if(null!==o){let t;o.querySelectorAll("th").forEach((o=>{const l=o.innerHTML.replace(/&nbsp;/g,""),a=""===l?t:o.getAttribute("data-color"),r=this.getCellDataOptions(o);e.columns.push(l),e.columnColors.push(a),e.columnHeaderOptions.push(r),t=a}))}if(null!==l){const t=JSON.parse(l.getAttribute("data-mobile-columns"));l.querySelectorAll("tr").forEach((o=>{const l=this.getRowOptions(o,t),a={label:o.querySelector("th")?.innerHTML||"",cells:[]};o.querySelectorAll("td").forEach((t=>{const e=this.getCellDataOptions(t);a.cells.push({value:t.innerHTML,options:e})})),e.rowOptions.push(l),e.rows.push(a)}))}this.tableData=e}}renderDesktopHeader=(t,e,l)=>{const a=this.getColumnCellInnerClassName(l),r=this.getColumnColor(l),n={};return r&&(n["--table-header-background-color"]=r),e&&"left"!==e.textAlign&&(n["--table-cell-text-align"]=e.textAlign),e&&e.width&&(n["--table-cell-width"]=e.width),o("th",{class:a,style:n,colSpan:e?.columnSpan||1,scope:"col"},(t.value||t.tooltip)&&o("div",{class:"cell-content-wrapper"},t.value,t.tooltip&&this.renderTooltip(t.tooltip)))};renderMobileHeader=t=>o("th",{scope:"col",colSpan:2},o("div",{class:"mobile-table-header"},o("p",{innerHTML:t.label}),!!t.subLabel&&!t.tooltip&&this.renderTooltip(t.subLabel),t.tooltip&&this.renderTooltip(t.tooltip)));renderRowData=(t,e)=>{const l={};return"left"!==this.tableHeaderTextAlign&&(l["--table-cell-text-align"]=this.tableHeaderTextAlign),this.tableHeaderWidth&&(l["--table-cell-width"]=this.tableHeaderWidth),o("tr",null,o("th",{scope:"row",style:l,colSpan:this.tableHeaderColumnSpan||1},o("p",{class:"title"},o("span",{innerHTML:t.label}),t.tooltip&&this.renderTooltip(t.tooltip)),t.subLabel&&!t.tooltip&&o("p",{class:"subtitle",innerHTML:t.subLabel})),t.cells.map(((t,o)=>this.renderDesktopCellData(t,o,e))))};renderTooltip=t=>o("span",{class:"tooltip-wrapper"},o("tet-icon",{theme:this.theme,type:this.colorTheme?"primary":"secondary",class:"info-icon",name:this.colorTheme?"tc-info-circle-outline":"tc-info-circle",tabindex:"0"}),o("tet-tooltip",{position:a.TOP,theme:this.theme},t));renderDesktopCellData=(t,e,l)=>{const a=this.tableData.rowOptions&&this.tableData.rowOptions[l];if(a&&a.mobileShow)return null;if(t.options&&t.options.mobileShow)return null;const r=this.getColumnCellInnerClassName(e),n=this.getColumnColor(e),s=t.options,i={};return n&&(i["--table-cell-overlay-color"]=`${n}4D`),s&&"left"!==s.textAlign&&(i["--table-cell-text-align"]=s.textAlign),o("td",{class:r,style:i,colSpan:s?.columnSpan||1},o("div",{class:"cell-content-wrapper"},o("span",{innerHTML:t.value}),t.tooltip&&this.renderTooltip(t.tooltip)))};renderMobileCellData=(t,e,l)=>{const a=t.options,r=this.getRowOption(l),n=this.getMobileColumn(l,e);return r&&r.mobileHide||a&&a.mobileHide?null:o("tr",null,o("th",null,o("div",{class:"cell-content-wrapper"},n||this.normalizedColumns[e]?.value,this.normalizedColumns[e]?.tooltip&&this.renderTooltip(this.normalizedColumns[e].tooltip))),o("td",null,o("div",{class:"cell-content-wrapper"},o("span",{innerHTML:t.value}),t.tooltip&&this.renderTooltip(t.tooltip))))};renderLargeScreenTable=()=>{const t=t=>this.tableData.columnHeaderOptions&&this.tableData.columnHeaderOptions[t],e={columnSpan:this.tableHeaderColumnSpan,textAlign:this.tableHeaderTextAlign,width:this.tableHeaderWidth};return o("table",{class:{table:!0,"table--gapped-columns":this.gappedColumnLayout,[this.theme]:!0,...this.colorTheme?{[`color-theme-${this.colorTheme}`]:!0}:{},"table--fixed-first-column":this.fixedFirstColumn}},this.caption&&o("caption",null,this.caption),o("thead",null,o("tr",null,this.renderDesktopHeader({value:this.tableHeader,tooltip:""},e),this.normalizedColumns?.map(((e,o)=>this.renderDesktopHeader(e,t(o),o))))),o("tbody",null,this.tableData.rows?.map(((t,e)=>this.renderRowData(t,e)))))};renderMobileScreenTable=()=>o("div",{class:"mobile-table-wrapper"},this.tableData.rows?.map(((t,e)=>this.getRowOption(e)?.mobileHide?null:o("table",{class:{"mobile-table":!0,[this.theme]:!0,...this.colorTheme?{[`color-theme-${this.colorTheme}`]:!0}:{}}},o("thead",null,o("tr",null,this.renderMobileHeader(t))),o("tbody",null,t.cells.map(((t,o)=>this.renderMobileCellData(t,o,e))))))));getMobileColumn(t,e){const o=this.getRowOption(t);if(null==o)return"";const{mobileColumns:l}=o;return null==l||null==l[e]?"":""===l[e]?" ":l[e]}getRowOption(t){return null==this.tableData.rowOptions?null:this.tableData.rowOptions[t]}getRowOptions(t,e){return{mobileColumns:JSON.parse(t.getAttribute("data-mobile-columns"))||e,mobileShow:null!==t.getAttribute("data-mobile-shown"),mobileHide:null!==t.getAttribute("data-mobile-hidden")}}getCellDataOptions(t){return{width:t.getAttribute("width"),columnSpan:parseInt(t.getAttribute("colspan")),textAlign:t.getAttribute("data-text-align")||this.cellTextAlign,mobileShow:null!==t.getAttribute("data-mobile-shown"),mobileHide:null!==t.getAttribute("data-mobile-hidden")}}getColumnColor(t){const{tableData:{columns:e,columnColors:o}}=this;return null==o||t<0&&t>=e.length?null:o[t]}getColumnCellInnerClassName(t){const{tableData:{columns:e},gappedColumnLayout:o}=this;return o?{"table__cell--inner":t+1<e.length&&""===e[t+1]}:{}}render(){return o(l,{key:"239ca92eda40811fd4e8f02fd6c71f962b4c78a6"},this.renderLargeScreenTable(),this.renderMobileScreenTable())}static get watchers(){return{tableData:["onTableDataChange"]}}};r.style='.sc-tet-table-h{box-sizing:border-box}*.sc-tet-table,*.sc-tet-table:before,*.sc-tet-table:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-table-h{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search.sc-tet-table::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled.sc-tet-table::before{content:"\\e85a"}.icon.tet-close.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close.sc-tet-table::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled.sc-tet-table::before{content:"\\e86c"}.icon.tet-check.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check.sc-tet-table::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up.sc-tet-table::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down.sc-tet-table::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard.sc-tet-table::before{content:"\\e86a"}.icon.tet-info.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info.sc-tet-table::before{content:"\\e81d"}.icon.tet-done.sc-tet-table{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done.sc-tet-table::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}.sc-tet-table-h{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.sc-tet-table-h{--table-desktop-size-display:table;--table-mobile-size-display:none;--table-header-cell-padding:1rem;--table-header-cell-padding-mobile:0.5rem 0.75rem;--table-body-cell-padding:1rem;--table-background-base-color:var(--tc-layer-primary);--table-background-highlight-color:var(--tc-layer-secondary);--table-header-background-color:var(--tc-layer-tertiary);--table-separator-border-width:0.0625rem;--table-separator-border-color:var(--tc-border-quaternary);--table-bottom-border-color:var(--tc-grey-20);--table-header-color:var(--tc-text-primary);--table-cell-text-align:left;--table-cell-color:var(--tc-text-primary);--table-cell-subtitle-color:var(--tc-text-tertiary);--table-cell-vertical-align:middle;--table-gapped-columns-header-radius:0.5rem;--table-gapped-columns-gap:0.5rem;--table-cell-width:auto;--table-tooltip-icon-color:var(--tc-icon-secondary);--table-focus-outline-color:var(--tc-blue-40);--table-sticky-col-separator-gradient:linear-gradient(270deg, transparent 0%, rgba(196, 198, 202, 0.30) 100%);--table-color-theme-yellow-header-background-color:var(--tc-cell-yellow-primary);--table-color-theme-yellow-row-highlight-background-color:var(--tc-cell-yellow-secondary);--table-color-theme-yellow-row-base-background-color:var(--tc-cell-yellow-tertiary);--table-color-theme-grey-header-background-color:var(--tc-cell-grey-primary);--table-color-theme-grey-row-highlight-background-color:var(--tc-cell-grey-secondary);--table-color-theme-grey-row-base-background-color:var(--tc-cell-grey-tertiary)}.table.dark.sc-tet-table,.mobile-table.dark.sc-tet-table{--table-background-base-color:var(--tc-layer-primary-dark);--table-background-highlight-color:var(--tc-layer-secondary-dark);--table-header-background-color:var(--tc-layer-tertiary-dark);--table-separator-border-color:var(--tc-border-quaternary-dark);--table-bottom-border-color:var(--tc-grey-20-dark);--table-header-color:var(--tc-text-primary-dark);--table-cell-color:var(--tc-text-primary-dark);--table-cell-subtitle-color:var(--tc-text-tertiary-dark);--table-tooltip-icon-color:var(--tc-icon-secondary-dark);--table-focus-outline-color:var(--tc-blue-40-dark);--table-sticky-col-separator-gradient:linear-gradient(270deg, transparent 0%, rgba(12, 12, 14, 0.30) 100%);--table-color-theme-yellow-header-background-color:var(--tc-cell-yellow-primary-dark);--table-color-theme-yellow-row-highlight-background-color:var(--tc-cell-yellow-secondary-dark);--table-color-theme-yellow-row-base-background-color:var(--tc-cell-yellow-tertiary-dark);--table-color-theme-grey-header-background-color:var(--tc-cell-grey-primary-dark);--table-color-theme-grey-row-highlight-background-color:var(--tc-cell-grey-secondary-dark);--table-color-theme-grey-row-base-background-color:var(--tc-cell-grey-tertiary-dark)}.table.color-theme-yellow.sc-tet-table,.mobile-table.color-theme-yellow.sc-tet-table{--table-header-background-color:var(--table-color-theme-yellow-header-background-color);--table-background-base-color:var(--table-color-theme-yellow-row-base-background-color);--table-background-highlight-color:var(--table-color-theme-yellow-row-highlight-background-color);--table-separator-border-width:0}.table.color-theme-grey.sc-tet-table,.mobile-table.color-theme-grey.sc-tet-table{--table-header-background-color:var(--table-color-theme-grey-header-background-color);--table-background-base-color:var(--table-color-theme-grey-row-base-background-color);--table-background-highlight-color:var(--table-color-theme-grey-row-highlight-background-color);--table-separator-border-width:0}.table.sc-tet-table .tooltip-wrapper.sc-tet-table,.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table{display:flex;align-self:flex-start;margin-top:0.125rem}.table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table,.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table{--icon-container-display:flex;--icon-color:var(--table-tooltip-icon-color);--icon-size:1.25rem;border-radius:50%}.table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table:focus-visible,.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table .info-icon.sc-tet-table:focus-visible{outline:0.125rem solid var(--table-focus-outline-color)}.table.sc-tet-table .cell-content-wrapper.sc-tet-table,.mobile-table.sc-tet-table .cell-content-wrapper.sc-tet-table{display:flex;justify-content:space-between;column-gap:0.5rem}.table.sc-tet-table{display:var(--table-desktop-size-display);border-spacing:0;width:100%;table-layout:fixed}.table.sc-tet-table caption.sc-tet-table{padding:0.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.table.sc-tet-table tr.sc-tet-table td.sc-tet-table,.table.sc-tet-table tr.sc-tet-table th.sc-tet-table{width:var(--table-cell-width);text-align:var(--table-cell-text-align);background:var(--table-background-base-color);border:none}.table.sc-tet-table tr.sc-tet-table td.sc-tet-table{vertical-align:var(--table-cell-vertical-align)}.table.sc-tet-table thead.sc-tet-table th.sc-tet-table{width:var(--table-cell-width);padding:var(--table-header-cell-padding);color:var(--table-header-color);background:var(--table-header-background-color);text-align:var(--table-cell-text-align);font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;border-bottom:var(--table-separator-border-width) solid var(--table-separator-border-color)}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) th.sc-tet-table,.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) td.sc-tet-table{background:var(--table-background-highlight-color)}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type th.sc-tet-table,.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type td.sc-tet-table{border-bottom:var(--table-separator-border-width) solid var(--table-bottom-border-color)}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table .title.sc-tet-table{display:flex;justify-content:space-between;column-gap:0.5rem;line-height:1.5rem}.table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table .subtitle.sc-tet-table{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;margin-top:0.25rem;color:var(--table-cell-subtitle-color);line-height:1.25rem}.table.sc-tet-table tbody.sc-tet-table th.sc-tet-table,.table.sc-tet-table tbody.sc-tet-table td.sc-tet-table{width:var(--table-cell-width);padding:var(--table-body-cell-padding);color:var(--table-cell-color);box-shadow:var(--table-cell-overlay-color) 0 0 0 100rem inset;text-align:var(--table-cell-text-align);font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.table--fixed-first-column.sc-tet-table tbody.sc-tet-table tr.sc-tet-table th.sc-tet-table,.table--fixed-first-column.sc-tet-table thead.sc-tet-table tr.sc-tet-table th.sc-tet-table:first-child{position:sticky;left:0;z-index:1}.table--fixed-first-column.sc-tet-table tbody.sc-tet-table tr.sc-tet-table th.sc-tet-table::after,.table--fixed-first-column.sc-tet-table thead.sc-tet-table tr.sc-tet-table th.sc-tet-table:first-child::after{content:"";position:absolute;top:0;right:-1rem;height:100%;width:1rem;background:var(--table-sticky-col-separator-gradient)}.table--gapped-columns.sc-tet-table{border-collapse:separate}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table{position:relative;background:none;border-bottom:0;z-index:10;padding-right:calc(var(--table-header-cell-padding) + var(--table-gapped-columns-gap))}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table::before{content:"";display:block;position:absolute;inset:0;z-index:-1;background:var(--table-header-background-color);border-top-left-radius:var(--table-gapped-columns-header-radius);border-top-right-radius:var(--table-gapped-columns-header-radius)}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table:first-child::before{display:none}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table:not(:last-child):not(.table__cell--inner)::before{right:var(--table-gapped-columns-gap)}.table--gapped-columns.sc-tet-table thead.sc-tet-table .table__cell--inner.sc-tet-table::before{border-radius:0}.table--gapped-columns.sc-tet-table thead.sc-tet-table .table__cell--inner.sc-tet-table+th.sc-tet-table::before{border-top-left-radius:0}.table--gapped-columns.sc-tet-table thead.sc-tet-table th.sc-tet-table+th.sc-tet-table::before{border-top-left-radius:var(--table-gapped-columns-header-radius)}.table--gapped-columns.sc-tet-table tbody.sc-tet-table th.sc-tet-table,.table--gapped-columns.sc-tet-table tbody.sc-tet-table td.sc-tet-table:not(:last-child):not(.table__cell--inner){border-right:var(--table-gapped-columns-gap) transparent solid}.table--gapped-columns.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type th.sc-tet-table,.table--gapped-columns.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:last-of-type td.sc-tet-table{border-bottom:none}.mobile-table-wrapper.sc-tet-table{display:var(--table-mobile-size-display);flex-direction:column;row-gap:2rem}.mobile-table.sc-tet-table{width:100%;text-align:left;vertical-align:top;border-collapse:collapse;table-layout:fixed}.mobile-table.sc-tet-table .tooltip-wrapper.sc-tet-table{margin:0}.mobile-table.sc-tet-table thead.sc-tet-table th.sc-tet-table{border-radius:0.625rem 0.625rem 0 0;padding:var(--table-header-cell-padding-mobile);background-color:var(--table-header-background-color);color:var(--table-header-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";border-bottom:var(--table-separator-border-width) solid var(--table-separator-border-color)}.mobile-table.sc-tet-table tbody.sc-tet-table th.sc-tet-table{width:40%}.mobile-table.sc-tet-table tbody.sc-tet-table td.sc-tet-table{width:60%}.mobile-table.sc-tet-table tbody.sc-tet-table th.sc-tet-table,.mobile-table.sc-tet-table tbody.sc-tet-table td.sc-tet-table{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";padding:0.5rem 0.75rem;background:var(--table-background-base-color);color:var(--table-cell-color)}.mobile-table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) th.sc-tet-table,.mobile-table.sc-tet-table tbody.sc-tet-table tr.sc-tet-table:nth-of-type(2n-1) td.sc-tet-table{background:var(--table-background-highlight-color)}.mobile-table-header.sc-tet-table{display:flex;align-items:center;justify-content:space-between;column-gap:0.5rem}';export{r as tet_table}

package/dist/tet-components/{p-811658a5.entry.js → p-7ffd2532.entry.js}

@@ -1 +1 @@
-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}
+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}

package/dist/tet-components/{p-01a45267.entry.js → p-805b7ea4.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,H as n}from"./p-83f43fdd.js";const i=class{constructor(t){e(this,t),this.stepperData=[]}renderStep=(e,t)=>[this.renderStepData(e),this.renderStepLine(e,t)];renderStepData=e=>{let n;const i=t("div",{class:{"stepper-step-description":!0}},t("div",{innerHTML:e?.description}));switch(e?.type){case"icon":{const i="close"===e?.icon?"close":"check";n=t("div",{class:"stepper-step-content-icon"},t("tet-icon",{class:{icon:!0,[`icon-${i}`]:!0},name:"close"===i?"tc-close-circle":"tc-check-circle","aria-hidden":"true"}));break}case"data":n=t("div",{class:{"stepper-step-content-data":!0}},t("div",{innerHTML:e?.data}))}return t("li",{class:{"stepper-step":!0,data:"data"===e?.type,icon:"icon"===e?.type}},t("div",{class:"stepper-step-content"},n),e.description?i:null)};renderStepLine=(e,n)=>this.stepperData.length-1>n?t("li",{class:{"stepper-line":!0,active:e.active,"post-icon":"icon"===e.type,"post-data":"data"===e.type,"pre-icon":"icon"===this.stepperData[n+1]?.type,"pre-data":"data"===this.stepperData[n+1]?.type}}):null;render(){return t(n,{key:"775b18931a850d02656fa9252d29493817640bff"},t("ol",{key:"eed178adbe345da0d7ebb1c1a0f535108df3841f",class:"stepper"},this.stepperData.map(this.renderStep)))}};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{--step-active-line-color:rgb(0, 96, 245);--step-active-line-size:0.1875rem;--step-active-line-style:solid;--step-data-bg-color:rgb(255, 255, 255);--step-data-border-radius:0.375rem;--step-data-border-size:0.125rem;--step-data-text-color:var(--color-ta500);--step-data-strong-text-color:var(--color-ta500);--step-data-text-size:0.875rem;--step-description-text-color:var(--color-ta500);--step-description-strong-text-color:var(--color-ta500);--step-description-text-size:0.875rem;--step-horizontal-line-width:3.125rem;--step-icon-size:1.25rem;--step-line-margin-x:1rem;--step-line-margin-y:1rem;--step-min-height:4.375rem;--step-non-active-line-color:var(--color-ta100);--step-non-active-line-size:0.1875rem;--step-non-active-line-style:dashed;--step-vertical-line-height:2rem;--step-width:10.625rem;display:flex;justify-content:center;align-items:center}.stepper{display:flex;padding:0;margin:0;font-family:var(--text-font)}@media screen and (max-width: 63.9375rem){.stepper{flex-direction:column;flex-wrap:wrap}}@media screen and (min-width: 64rem){.stepper{flex-direction:row;flex-wrap:nowrap;margin:calc(var(--step-min-height) / 2) 0 0}}.stepper-step{position:relative;display:flex;flex-direction:column}@media screen and (max-width: 35.9375rem){.stepper-step{max-width:12.4375rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step{flex-direction:row}}@media screen and (min-width: 64rem){.stepper-step{width:var(--step-width)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content{min-width:12.75rem}}@media screen and (min-width: 64rem){.stepper-step-content{width:var(--step-width);height:var(--step-min-height)}}.stepper-step-content-icon{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 35.9375rem){.stepper-step-content-icon{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-icon{width:12.75rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-height:var(--step-min-height)}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-icon{min-height:var(--step-min-height);transform:translateY(-35%)}}.stepper-step-content-icon .icon{--icon-size:var(--step-icon-size)}.stepper-step-content-icon .icon-check{--icon-color:var(--step-active-line-color)}.stepper-step-content-icon .icon-close{--icon-color:var(--step-non-active-line-color)}.stepper-step-content-data{display:flex;flex-shrink:0;justify-content:center;align-items:center;min-height:var(--step-min-height);padding:0.375rem;background:var(--step-data-bg-color);border:var(--step-data-border-size) solid var(--step-active-line-color);border-radius:var(--step-data-border-radius);color:var(--step-data-text-color);text-align:center;font-size:var(--step-data-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-content-data{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-data{width:12.75rem}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-data{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-data{transform:translateY(-35%)}}.stepper-step-content-data strong{color:var(--step-data-strong-text-color)}.stepper-step-description{color:var(--step-description-text-color);text-align:center;font-size:var(--step-description-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-description{margin-top:0.5rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-description{display:flex;flex:100%;justify-content:flex-start;align-items:center;max-width:calc(var(--step-width) * 1.45);margin-left:1rem;text-align:left}}.stepper-step-description strong{color:var(--step-description-strong-text-color)}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data+.stepper-step.data{margin-top:calc(var(--step-line-margin-y) / 2)}}.stepper-line{display:block;border-color:var(--step-non-active-line-color);border-style:var(--step-non-active-line-style);border-width:0}@media screen and (max-width: 35.9375rem){.stepper-line{min-height:var(--step-vertical-line-height);margin-left:calc(50% - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line{min-height:calc(var(--step-vertical-line-height));margin-left:calc(6.375rem - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line{margin-top:calc(var(--step-icon-size) / 2 - var(--step-active-line-size) / 2);border-top-width:var(--step-non-active-line-size)}}.stepper-line.active{border-color:var(--step-active-line-color);border-style:var(--step-active-line-style)}@media screen and (max-width: 63.9375rem){.stepper-line.active{border-left-width:var(--step-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line.active{border-top-width:var(--step-active-line-size)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.post-icon{margin-left:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-data{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-data{margin-top:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.post-data{min-width:calc(var(--step-horizontal-line-width) * 2);margin-left:var(--step-line-margin-x)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.pre-icon{margin-right:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-data{margin-bottom:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.pre-data{margin-right:var(--step-line-margin-x)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-icon{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-icon{min-width:calc(var(--step-horizontal-line-width) * 2)}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-data{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-data{min-width:calc(var(--step-horizontal-line-width) * 2)}}';export{i as tet_stepper}
+import{r as e,h as t,H as n}from"./p-5abb3bea.js";const i=class{constructor(t){e(this,t),this.stepperData=[]}renderStep=(e,t)=>[this.renderStepData(e),this.renderStepLine(e,t)];renderStepData=e=>{let n;const i=t("div",{class:{"stepper-step-description":!0}},t("div",{innerHTML:e?.description}));switch(e?.type){case"icon":{const i="close"===e?.icon?"close":"check";n=t("div",{class:"stepper-step-content-icon"},t("tet-icon",{class:{icon:!0,[`icon-${i}`]:!0},name:"close"===i?"tc-close-circle":"tc-check-circle","aria-hidden":"true"}));break}case"data":n=t("div",{class:{"stepper-step-content-data":!0}},t("div",{innerHTML:e?.data}))}return t("li",{class:{"stepper-step":!0,data:"data"===e?.type,icon:"icon"===e?.type}},t("div",{class:"stepper-step-content"},n),e.description?i:null)};renderStepLine=(e,n)=>this.stepperData.length-1>n?t("li",{class:{"stepper-line":!0,active:e.active,"post-icon":"icon"===e.type,"post-data":"data"===e.type,"pre-icon":"icon"===this.stepperData[n+1]?.type,"pre-data":"data"===this.stepperData[n+1]?.type}}):null;render(){return t(n,{key:"775b18931a850d02656fa9252d29493817640bff"},t("ol",{key:"eed178adbe345da0d7ebb1c1a0f535108df3841f",class:"stepper"},this.stepperData.map(this.renderStep)))}};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{--step-active-line-color:rgb(0, 96, 245);--step-active-line-size:0.1875rem;--step-active-line-style:solid;--step-data-bg-color:rgb(255, 255, 255);--step-data-border-radius:0.375rem;--step-data-border-size:0.125rem;--step-data-text-color:var(--color-ta500);--step-data-strong-text-color:var(--color-ta500);--step-data-text-size:0.875rem;--step-description-text-color:var(--color-ta500);--step-description-strong-text-color:var(--color-ta500);--step-description-text-size:0.875rem;--step-horizontal-line-width:3.125rem;--step-icon-size:1.25rem;--step-line-margin-x:1rem;--step-line-margin-y:1rem;--step-min-height:4.375rem;--step-non-active-line-color:var(--color-ta100);--step-non-active-line-size:0.1875rem;--step-non-active-line-style:dashed;--step-vertical-line-height:2rem;--step-width:10.625rem;display:flex;justify-content:center;align-items:center}.stepper{display:flex;padding:0;margin:0;font-family:var(--text-font)}@media screen and (max-width: 63.9375rem){.stepper{flex-direction:column;flex-wrap:wrap}}@media screen and (min-width: 64rem){.stepper{flex-direction:row;flex-wrap:nowrap;margin:calc(var(--step-min-height) / 2) 0 0}}.stepper-step{position:relative;display:flex;flex-direction:column}@media screen and (max-width: 35.9375rem){.stepper-step{max-width:12.4375rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step{flex-direction:row}}@media screen and (min-width: 64rem){.stepper-step{width:var(--step-width)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content{min-width:12.75rem}}@media screen and (min-width: 64rem){.stepper-step-content{width:var(--step-width);height:var(--step-min-height)}}.stepper-step-content-icon{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 35.9375rem){.stepper-step-content-icon{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-icon{width:12.75rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-height:var(--step-min-height)}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-icon{min-height:var(--step-min-height);transform:translateY(-35%)}}.stepper-step-content-icon .icon{--icon-size:var(--step-icon-size)}.stepper-step-content-icon .icon-check{--icon-color:var(--step-active-line-color)}.stepper-step-content-icon .icon-close{--icon-color:var(--step-non-active-line-color)}.stepper-step-content-data{display:flex;flex-shrink:0;justify-content:center;align-items:center;min-height:var(--step-min-height);padding:0.375rem;background:var(--step-data-bg-color);border:var(--step-data-border-size) solid var(--step-active-line-color);border-radius:var(--step-data-border-radius);color:var(--step-data-text-color);text-align:center;font-size:var(--step-data-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-content-data{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-data{width:12.75rem}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-data{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-data{transform:translateY(-35%)}}.stepper-step-content-data strong{color:var(--step-data-strong-text-color)}.stepper-step-description{color:var(--step-description-text-color);text-align:center;font-size:var(--step-description-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-description{margin-top:0.5rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-description{display:flex;flex:100%;justify-content:flex-start;align-items:center;max-width:calc(var(--step-width) * 1.45);margin-left:1rem;text-align:left}}.stepper-step-description strong{color:var(--step-description-strong-text-color)}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data+.stepper-step.data{margin-top:calc(var(--step-line-margin-y) / 2)}}.stepper-line{display:block;border-color:var(--step-non-active-line-color);border-style:var(--step-non-active-line-style);border-width:0}@media screen and (max-width: 35.9375rem){.stepper-line{min-height:var(--step-vertical-line-height);margin-left:calc(50% - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line{min-height:calc(var(--step-vertical-line-height));margin-left:calc(6.375rem - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line{margin-top:calc(var(--step-icon-size) / 2 - var(--step-active-line-size) / 2);border-top-width:var(--step-non-active-line-size)}}.stepper-line.active{border-color:var(--step-active-line-color);border-style:var(--step-active-line-style)}@media screen and (max-width: 63.9375rem){.stepper-line.active{border-left-width:var(--step-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line.active{border-top-width:var(--step-active-line-size)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.post-icon{margin-left:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-data{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-data{margin-top:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.post-data{min-width:calc(var(--step-horizontal-line-width) * 2);margin-left:var(--step-line-margin-x)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.pre-icon{margin-right:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-data{margin-bottom:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.pre-data{margin-right:var(--step-line-margin-x)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-icon{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-icon{min-width:calc(var(--step-horizontal-line-width) * 2)}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-data{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-data{min-width:calc(var(--step-horizontal-line-width) * 2)}}';export{i as tet_stepper}