npm - @tet/tet-components - Versions diffs - 1.4.37-testing → 1.4.38-staging - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (508) hide show

package/dist/tet-components/{p-ed061701.entry.js → p-9114f39c.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as e,g as o,h as r,H as s}from"./p-83f43fdd.js";import{a}from"./p-64ec8edd.js";const i=class{constructor(o){t(this,o),this.select=e(this,"tabSelected",7),this.theme="light",this.type=void 0,this.position=void 0,this.sizing="web",this.defaultTab=0,this.segmented=!1,this.hideHeaderUnderline=!1,this.hideActiveHeaderUnderline=!1,this.autoplayDelay=0,this.stopAutoplayOnHeaderHover=!1,this.stopAutoplayOnContentHover=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.idSuffix="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().split("-")[0]:Math.random().toString(36).substring(2,10),this.segmentAnimation={width:"0px",position:"0px",transition:""}}tabElement;tabContainer;tabHeaders;tabHeadersNotDisabled;animationObserver;isPointerDown;autoplayInterval=[];tabListeners=new WeakMap;get element(){return o(this)}select;async toggleAutoplay(t){this.autoplay=t,t?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((t=>{clearInterval(t)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const t=this.getTabElement(this.selectedId);let e=this.tabHeaders.indexOf(t)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[e])<0;)if(e+=1,e+1>this.tabHeaders.length){e=0;break}e=this.tabHeaders.indexOf(this.getTabElement(e)),this.selectTab(e)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((t=>{this.hideActiveHeaderUnderline?t.classList.add("no-underline"):t.classList.remove("no-underline")}))}onAutoplayDelayChange(t){console.log(t,!!t),this.stopAutoplay(),t&&this.startAutoplay()}initAutoplay(){if(this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((t=>{t.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),t.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const t=this.element.parentElement.querySelector(`tet-tab-content[data-name="${this.dataName}"`);t.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),t.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const t=new MutationObserver((e=>{e.every((e=>!e.oldValue?.includes("disabled")\|\|(this.initTabHeaders(),t.disconnect(),!1)))}));t.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect()}cleanupTabListeners(){this.tabHeaders?.forEach((t=>{const e=this.tabListeners.get(t);e&&(t.removeEventListener("click",e.click),t.removeEventListener("keydown",e.keydown),this.tabListeners.delete(t))}))}onContainerMouseDown=t=>{this.isPointerDown=!0,this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:t.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=t=>{t.preventDefault(),this.isPointerDown=1===t.buttons,this.isPointerDown?this.tabElement.scrollTo(this.positions.scrollLeft-(t.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp)};onSegmentedChange(t){t&&void 0===this.animationObserver&&this.initAnimationObserver()}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((t,e)=>{t.setAttribute("role","tab"),t.setAttribute("id",`tab-${e+1}-${this.idSuffix}`),t.setAttribute("aria-controls",`tabpanel-${e+1}-${this.idSuffix}`);const o=t.classList.contains("disabled"),r=t.classList.contains("active");if(t.setAttribute("tabIndex",r?"0":"-1"),t.setAttribute("aria-selected",`${r}`),!o&&!this.tabListeners.has(t)){this.tabHeadersNotDisabled.push(t);const o=()=>{this.selectTab(t.getAttribute("data-name")\|\|e)},r=e=>{const{key:o}=e;if(["ArrowLeft","ArrowRight","Home","End"].includes(o)){e.preventDefault();const r=this.tabHeadersNotDisabled.indexOf(t);let s;switch(o){case"ArrowRight":s=r+1,s>=this.tabHeadersNotDisabled.length&&(s=0);break;case"ArrowLeft":s=r-1,s<0&&(s=this.tabHeadersNotDisabled.length-1);break;case"Home":s=0;break;case"End":s=this.tabHeadersNotDisabled.length-1}const a=this.tabHeadersNotDisabled[s];a.focus(),a.click()}};t.addEventListener("click",o),t.addEventListener("keydown",r),this.tabListeners.set(t,{click:o,keydown:r})}}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((t=>{const e=t.getAttribute("data-image");if(e){const o=t.getAttribute("data-image-active"),r=t.getAttribute("data-image-alt")??"",s=document.createElement("img");if(s.src=e,s.alt=r,s.classList.add("tab-header-image"),s.style.maxHeight="1.5rem",t.appendChild(s),o){const e=document.createElement("img");e.src=o,e.alt=r,e.classList.add("tab-header-image","active"),e.style.display="none",e.style.maxHeight="1.5rem",t.appendChild(e),s.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(t=!0){if(!this.segmented)return;if(void 0===this.tabContainer)return;const e=this.getTabElement(this.selectedId),o=e.parentNode.getBoundingClientRect(),r=e.getBoundingClientRect();if(this.segmentAnimation={width:`${r.width}px`,position:`${r.left-o.left+this.tabElement.scrollLeft}px`,transition:t?"transform 0.3s ease, width 0.3s ease":null},"web"===this.sizing){const t=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,o=e.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:t+(o.width/2+o.left)})}}async selectTab(t,e=!0,o=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach((t=>{t.classList.remove("active"),t.setAttribute("aria-selected","false"),t.setAttribute("tabIndex","-1");const e=t.querySelector("img.tab-header-image.active");e&&(e.style.display="none");const o=t.querySelector("img.tab-header-image.default");o&&(o.style.display="inline-block")}));const r=this.getTabElement(t);if(null===r)return;if(o&&!this.isPointerDown){const t=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,e=r.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:t+(e.width/2+e.left)})}r.classList.add("active"),r.setAttribute("aria-selected","true"),r.setAttribute("tabIndex","0");const s=r.querySelector("img.tab-header-image.active");if(s){s.style.display="inline-block";const t=r.querySelector("img.tab-header-image.default");t&&(t.style.display="none")}this.select.emit({new:t,old:this.selectedId}),this.selectedId=t,this.animateActiveSegment(e)}getTabElement(t){if(!this.tabHeaders?.length)return null;let e;return e="number"==typeof t?this.tabHeaders[t]:this.tabHeaders.find((e=>e.getAttribute("data-name")===t)),void 0!==e?e:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=a(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:t,position:e,transition:o}=this.segmentAnimation;return{"--active-width":t,"--active-x-pos":e,"--active-transition":o}}return{}}render(){return r(s,{key:"3dd4398f1a41a6f18b4375bde917e324a16e7893","data-id-suffix":this.idSuffix},r("div",{key:"6ba5e8a79e70b152ff410eb2a6d484409ed1c45a",class:{tabs:!0,"tabs--segmented":this.segmented,[this.position]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:t=>this.tabElement=t,role:"tablist"},r("slot",{key:"5aa50c6850d8ad60cf8e18b27988e9d3650cbfda",ref:t=>this.tabContainer=t})),r("div",{key:"e3c364663b0ad151e8d3d7e9150f09024b728792",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"]}}};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{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;max-width:100%}:host .dark{--tabs-container-border-color:var(--tc-border-quaternary-dark);--tabs-headers-text-color:var(--tc-text-primary-dark);--tabs-headers-text-disabled-color:var(--tc-grey-50-dark);--tabs-headers-active-border-color:var(--tc-icon-primary-dark);--tabs-headers-hover-border-color:var(--tc-border-tertiary-dark);--tabs-headers-focus-border-color:var(--tc-border-secondary-dark);--tabs-headers-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-segmented-border-color:var(--tc-border-quaternary-dark);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two-dark)}.tabs{--active-width:auto;--active-x-pos:0;--active-transition:none;position:relative;display:flex;flex-wrap:var(--tabs-container-flex-wrap);align-items:center;max-width:100%;padding:0.125rem 0;overflow-x:scroll;scrollbar-width:none;-webkit-user-select:none;user-select:none}.tabs ::slotted(img){margin:0;padding:0;height:1.3125rem}.tabs-line{display:flex;position:relative;max-width:100%;height:0.0625rem;background-color:var(--tabs-container-border-color);border:none;margin-top:-0.125rem}.tabs-line.no-underline{display:none}.tabs {box-sizing:border-box}.tabs::-webkit-scrollbar{display:none}.tabs.right:not(.tabs--segmented){justify-content:flex-end}.tabs.center:not(.tabs--segmented){justify-content:center}.tabs ::slotted(){display:flex;justify-content:center;align-items:center;border-bottom:0.125rem solid transparent;color:var(--tabs-headers-text-color);cursor:pointer;padding:var(--tabs-headers-item-padding) !important;margin:var(--tabs-headers-item-margin) !important;transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.blue ::slotted(:hover){--tabs-headers-hover-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(:focus){--tabs-headers-focus-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(.active){--tabs-headers-active-border-color:rgb(0, 96, 245)}.tabs--segmented{display:flex;border:0.0625rem solid var(--tabs-headers-segmented-border-color);border-radius:1.5rem;background-color:var(--tabs-headers-segmented-background-color);padding:0 0.25rem;box-sizing:border-box;overflow-x:scroll}.tabs--segmented .web{padding:0.25rem}.tabs--segmented ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.dark-gray{--tabs-headers-text-color:rgb(255, 255, 255);--tabs-headers-segmented-border-color:rgb(67, 75, 86);--tabs-headers-segmented-background-color:rgb(35, 40, 46);--tabs-headers-segmented-active-background-color:rgb(67, 75, 86);--tabs-headers-segmented-active-box-shadow:0 0 0.0625rem 0 rgba(10, 11, 13, 0.08),\n 0 0.1875rem 0.25rem 0 rgba(10, 11, 13, 0.12);--icon-color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(:hover),.tabs--segmented.dark-gray ::slotted(:focus),.tabs--segmented.dark-gray ::slotted(.active){color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(.disabled){color:var(--tabs-headers-text-disabled-color)}.tabs--segmented::before{content:"";position:absolute;top:0.25rem;bottom:0.25rem;left:0;z-index:0;border-radius:1.563rem;width:var(--active-width);transform:translateX(var(--active-x-pos));transition:var(--active-transition);background:var(--tabs-headers-segmented-active-background-color);box-shadow:var(--tabs-headers-segmented-active-box-shadow)}.tabs--segmented ::slotted(){font:var(--tabs-headers-segmended-item-font);line-height:1.5rem;z-index:1;position:relative;border:none;padding:var(--tabs-headers-segmented-item-padding) !important;margin:var(--tabs-headers-segmented-item-margin) !important;border-radius:1.563rem;display:flex;flex:1;justify-content:center}.tabs--segmented.mobile ::slotted(){font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;padding:0.25rem 1.5rem !important;margin:0.188rem 0 !important;line-height:1.25rem}.tabs--segmented.square{--tabs-headers-segmented-background-color:rgba(var(--tabs-headers-square-base-rgb), 0.16);--tabs-headers-segmented-border-color:transparent;height:4.75rem;border-radius:0.375rem;padding:0}.tabs--segmented.square::before{--tabs-headers-segmented-active-box-shadow:none;position:absolute;top:0;bottom:0;left:-0.0625rem;border-radius:0}.tabs--segmented.square ::slotted(){--tabs-headers-segmented-item-padding:0;--tabs-headers-segmented-item-margin:0;border-radius:0;height:100%;align-items:center}.tabs--segmented.square ::slotted()::after{content:"";background-color:rgba(var(--tabs-headers-square-base-rgb), 0.2);position:absolute;top:0.375rem;bottom:0.375rem;right:0;width:0.0625rem}.tabs--segmented.square ::slotted(:hover){background-color:rgba(var(--tabs-headers-square-base-rgb), 0.24)}.tabs--segmented.square ::slotted(:first-child){border-radius:0.3125rem 0 0 0.3125rem}.tabs--segmented.square ::slotted(:last-child){border-radius:0 0.3125rem 0.3125rem 0}.tabs--segmented.square ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.square ::slotted(:focus-visible)::after{display:none}.tabs--segmented.square ::slotted(.active)::after,.tabs--segmented.square ::slotted(:last-child)::after{display:none}.tabs--segmented.netflix{height:2.75rem;gap:0.5rem;overflow-y:hidden}.tabs--segmented.netflix ::slotted(){flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.5rem}.tabs--segmented.netflix ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.0625rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-radius:1.563rem}.tabs ::slotted(.no-underline){border-bottom:none}';export{i as tet_tab_header}
1	+ import{r as t,c as e,g as o,h as r,H as s}from"./p-5abb3bea.js";import{a}from"./p-64ec8edd.js";const i=class{constructor(o){t(this,o),this.select=e(this,"tabSelected",7),this.theme="light",this.type=void 0,this.position=void 0,this.sizing="web",this.defaultTab=0,this.segmented=!1,this.hideHeaderUnderline=!1,this.hideActiveHeaderUnderline=!1,this.autoplayDelay=0,this.stopAutoplayOnHeaderHover=!1,this.stopAutoplayOnContentHover=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.idSuffix="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().split("-")[0]:Math.random().toString(36).substring(2,10),this.segmentAnimation={width:"0px",position:"0px",transition:""}}tabElement;tabContainer;tabHeaders;tabHeadersNotDisabled;animationObserver;isPointerDown;autoplayInterval=[];tabListeners=new WeakMap;get element(){return o(this)}select;async toggleAutoplay(t){this.autoplay=t,t?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((t=>{clearInterval(t)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const t=this.getTabElement(this.selectedId);let e=this.tabHeaders.indexOf(t)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[e])<0;)if(e+=1,e+1>this.tabHeaders.length){e=0;break}e=this.tabHeaders.indexOf(this.getTabElement(e)),this.selectTab(e)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((t=>{this.hideActiveHeaderUnderline?t.classList.add("no-underline"):t.classList.remove("no-underline")}))}onAutoplayDelayChange(t){console.log(t,!!t),this.stopAutoplay(),t&&this.startAutoplay()}initAutoplay(){if(this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((t=>{t.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),t.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const t=this.element.parentElement.querySelector(`tet-tab-content[data-name="${this.dataName}"`);t.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),t.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const t=new MutationObserver((e=>{e.every((e=>!e.oldValue?.includes("disabled")\|\|(this.initTabHeaders(),t.disconnect(),!1)))}));t.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect()}cleanupTabListeners(){this.tabHeaders?.forEach((t=>{const e=this.tabListeners.get(t);e&&(t.removeEventListener("click",e.click),t.removeEventListener("keydown",e.keydown),this.tabListeners.delete(t))}))}onContainerMouseDown=t=>{this.isPointerDown=!0,this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:t.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=t=>{t.preventDefault(),this.isPointerDown=1===t.buttons,this.isPointerDown?this.tabElement.scrollTo(this.positions.scrollLeft-(t.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp)};onSegmentedChange(t){t&&void 0===this.animationObserver&&this.initAnimationObserver()}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((t,e)=>{t.setAttribute("role","tab"),t.setAttribute("id",`tab-${e+1}-${this.idSuffix}`),t.setAttribute("aria-controls",`tabpanel-${e+1}-${this.idSuffix}`);const o=t.classList.contains("disabled"),r=t.classList.contains("active");if(t.setAttribute("tabIndex",r?"0":"-1"),t.setAttribute("aria-selected",`${r}`),!o&&!this.tabListeners.has(t)){this.tabHeadersNotDisabled.push(t);const o=()=>{this.selectTab(t.getAttribute("data-name")\|\|e)},r=e=>{const{key:o}=e;if(["ArrowLeft","ArrowRight","Home","End"].includes(o)){e.preventDefault();const r=this.tabHeadersNotDisabled.indexOf(t);let s;switch(o){case"ArrowRight":s=r+1,s>=this.tabHeadersNotDisabled.length&&(s=0);break;case"ArrowLeft":s=r-1,s<0&&(s=this.tabHeadersNotDisabled.length-1);break;case"Home":s=0;break;case"End":s=this.tabHeadersNotDisabled.length-1}const a=this.tabHeadersNotDisabled[s];a.focus(),a.click()}};t.addEventListener("click",o),t.addEventListener("keydown",r),this.tabListeners.set(t,{click:o,keydown:r})}}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((t=>{const e=t.getAttribute("data-image");if(e){const o=t.getAttribute("data-image-active"),r=t.getAttribute("data-image-alt")??"",s=document.createElement("img");if(s.src=e,s.alt=r,s.classList.add("tab-header-image"),s.style.maxHeight="1.5rem",t.appendChild(s),o){const e=document.createElement("img");e.src=o,e.alt=r,e.classList.add("tab-header-image","active"),e.style.display="none",e.style.maxHeight="1.5rem",t.appendChild(e),s.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(t=!0){if(!this.segmented)return;if(void 0===this.tabContainer)return;const e=this.getTabElement(this.selectedId),o=e.parentNode.getBoundingClientRect(),r=e.getBoundingClientRect();if(this.segmentAnimation={width:`${r.width}px`,position:`${r.left-o.left+this.tabElement.scrollLeft}px`,transition:t?"transform 0.3s ease, width 0.3s ease":null},"web"===this.sizing){const t=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,o=e.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:t+(o.width/2+o.left)})}}async selectTab(t,e=!0,o=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach((t=>{t.classList.remove("active"),t.setAttribute("aria-selected","false"),t.setAttribute("tabIndex","-1");const e=t.querySelector("img.tab-header-image.active");e&&(e.style.display="none");const o=t.querySelector("img.tab-header-image.default");o&&(o.style.display="inline-block")}));const r=this.getTabElement(t);if(null===r)return;if(o&&!this.isPointerDown){const t=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,e=r.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:t+(e.width/2+e.left)})}r.classList.add("active"),r.setAttribute("aria-selected","true"),r.setAttribute("tabIndex","0");const s=r.querySelector("img.tab-header-image.active");if(s){s.style.display="inline-block";const t=r.querySelector("img.tab-header-image.default");t&&(t.style.display="none")}this.select.emit({new:t,old:this.selectedId}),this.selectedId=t,this.animateActiveSegment(e)}getTabElement(t){if(!this.tabHeaders?.length)return null;let e;return e="number"==typeof t?this.tabHeaders[t]:this.tabHeaders.find((e=>e.getAttribute("data-name")===t)),void 0!==e?e:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=a(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:t,position:e,transition:o}=this.segmentAnimation;return{"--active-width":t,"--active-x-pos":e,"--active-transition":o}}return{}}render(){return r(s,{key:"3dd4398f1a41a6f18b4375bde917e324a16e7893","data-id-suffix":this.idSuffix},r("div",{key:"6ba5e8a79e70b152ff410eb2a6d484409ed1c45a",class:{tabs:!0,"tabs--segmented":this.segmented,[this.position]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:t=>this.tabElement=t,role:"tablist"},r("slot",{key:"5aa50c6850d8ad60cf8e18b27988e9d3650cbfda",ref:t=>this.tabContainer=t})),r("div",{key:"e3c364663b0ad151e8d3d7e9150f09024b728792",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"]}}};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{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;max-width:100%}:host .dark{--tabs-container-border-color:var(--tc-border-quaternary-dark);--tabs-headers-text-color:var(--tc-text-primary-dark);--tabs-headers-text-disabled-color:var(--tc-grey-50-dark);--tabs-headers-active-border-color:var(--tc-icon-primary-dark);--tabs-headers-hover-border-color:var(--tc-border-tertiary-dark);--tabs-headers-focus-border-color:var(--tc-border-secondary-dark);--tabs-headers-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-segmented-border-color:var(--tc-border-quaternary-dark);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two-dark)}.tabs{--active-width:auto;--active-x-pos:0;--active-transition:none;position:relative;display:flex;flex-wrap:var(--tabs-container-flex-wrap);align-items:center;max-width:100%;padding:0.125rem 0;overflow-x:scroll;scrollbar-width:none;-webkit-user-select:none;user-select:none}.tabs ::slotted(img){margin:0;padding:0;height:1.3125rem}.tabs-line{display:flex;position:relative;max-width:100%;height:0.0625rem;background-color:var(--tabs-container-border-color);border:none;margin-top:-0.125rem}.tabs-line.no-underline{display:none}.tabs {box-sizing:border-box}.tabs::-webkit-scrollbar{display:none}.tabs.right:not(.tabs--segmented){justify-content:flex-end}.tabs.center:not(.tabs--segmented){justify-content:center}.tabs ::slotted(){display:flex;justify-content:center;align-items:center;border-bottom:0.125rem solid transparent;color:var(--tabs-headers-text-color);cursor:pointer;padding:var(--tabs-headers-item-padding) !important;margin:var(--tabs-headers-item-margin) !important;transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.blue ::slotted(:hover){--tabs-headers-hover-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(:focus){--tabs-headers-focus-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(.active){--tabs-headers-active-border-color:rgb(0, 96, 245)}.tabs--segmented{display:flex;border:0.0625rem solid var(--tabs-headers-segmented-border-color);border-radius:1.5rem;background-color:var(--tabs-headers-segmented-background-color);padding:0 0.25rem;box-sizing:border-box;overflow-x:scroll}.tabs--segmented .web{padding:0.25rem}.tabs--segmented ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.dark-gray{--tabs-headers-text-color:rgb(255, 255, 255);--tabs-headers-segmented-border-color:rgb(67, 75, 86);--tabs-headers-segmented-background-color:rgb(35, 40, 46);--tabs-headers-segmented-active-background-color:rgb(67, 75, 86);--tabs-headers-segmented-active-box-shadow:0 0 0.0625rem 0 rgba(10, 11, 13, 0.08),\n 0 0.1875rem 0.25rem 0 rgba(10, 11, 13, 0.12);--icon-color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(:hover),.tabs--segmented.dark-gray ::slotted(:focus),.tabs--segmented.dark-gray ::slotted(.active){color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(.disabled){color:var(--tabs-headers-text-disabled-color)}.tabs--segmented::before{content:"";position:absolute;top:0.25rem;bottom:0.25rem;left:0;z-index:0;border-radius:1.563rem;width:var(--active-width);transform:translateX(var(--active-x-pos));transition:var(--active-transition);background:var(--tabs-headers-segmented-active-background-color);box-shadow:var(--tabs-headers-segmented-active-box-shadow)}.tabs--segmented ::slotted(){font:var(--tabs-headers-segmended-item-font);line-height:1.5rem;z-index:1;position:relative;border:none;padding:var(--tabs-headers-segmented-item-padding) !important;margin:var(--tabs-headers-segmented-item-margin) !important;border-radius:1.563rem;display:flex;flex:1;justify-content:center}.tabs--segmented.mobile ::slotted(){font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;padding:0.25rem 1.5rem !important;margin:0.188rem 0 !important;line-height:1.25rem}.tabs--segmented.square{--tabs-headers-segmented-background-color:rgba(var(--tabs-headers-square-base-rgb), 0.16);--tabs-headers-segmented-border-color:transparent;height:4.75rem;border-radius:0.375rem;padding:0}.tabs--segmented.square::before{--tabs-headers-segmented-active-box-shadow:none;position:absolute;top:0;bottom:0;left:-0.0625rem;border-radius:0}.tabs--segmented.square ::slotted(){--tabs-headers-segmented-item-padding:0;--tabs-headers-segmented-item-margin:0;border-radius:0;height:100%;align-items:center}.tabs--segmented.square ::slotted()::after{content:"";background-color:rgba(var(--tabs-headers-square-base-rgb), 0.2);position:absolute;top:0.375rem;bottom:0.375rem;right:0;width:0.0625rem}.tabs--segmented.square ::slotted(:hover){background-color:rgba(var(--tabs-headers-square-base-rgb), 0.24)}.tabs--segmented.square ::slotted(:first-child){border-radius:0.3125rem 0 0 0.3125rem}.tabs--segmented.square ::slotted(:last-child){border-radius:0 0.3125rem 0.3125rem 0}.tabs--segmented.square ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.square ::slotted(:focus-visible)::after{display:none}.tabs--segmented.square ::slotted(.active)::after,.tabs--segmented.square ::slotted(:last-child)::after{display:none}.tabs--segmented.netflix{height:2.75rem;gap:0.5rem;overflow-y:hidden}.tabs--segmented.netflix ::slotted(){flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.5rem}.tabs--segmented.netflix ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.0625rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-radius:1.563rem}.tabs ::slotted(.no-underline){border-bottom:none}';export{i as tet_tab_header}

package/dist/tet-components/{p-1308389c.entry.js → p-9303f044.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as o,h as t}from"./p-~~83f43fdd~~.js";const e=class{constructor(t){o(this,t)}render(){return t("div",{key:"6a898c1531f9bad6a7666277ce7556400821a386",class:"loader"},t("div",{key:"18c9758370df6acb902b0050f4027d1cea4418e5",class:"loader-inner"}))}};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{--primary-color:rgb(0, 96, 245);--secondary-color:var(--color-td600);--size:2.5rem;--padding:.25rem}@keyframes loader-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{padding:var(--padding);width:var(--size);height:var(--size)}.loader-inner{position:relative;height:100%;width:auto}.loader-inner::before{animation:loader-animation 0.6s linear infinite;border-style:solid;border-color:var(--primary-color) transparent transparent var(--primary-color);content:"";display:block;border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:inherit}.loader-inner::after{animation:loader-animation 1.1s linear infinite;border-style:solid;border-color:transparent transparent transparent var(--secondary-color);content:"";display:block;border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:inherit}';export{e as tet_loader}
1	+ import{r as o,h as t}from"./p-5abb3bea.js";const e=class{constructor(t){o(this,t)}render(){return t("div",{key:"6a898c1531f9bad6a7666277ce7556400821a386",class:"loader"},t("div",{key:"18c9758370df6acb902b0050f4027d1cea4418e5",class:"loader-inner"}))}};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{--primary-color:rgb(0, 96, 245);--secondary-color:var(--color-td600);--size:2.5rem;--padding:.25rem}@keyframes loader-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{padding:var(--padding);width:var(--size);height:var(--size)}.loader-inner{position:relative;height:100%;width:auto}.loader-inner::before{animation:loader-animation 0.6s linear infinite;border-style:solid;border-color:var(--primary-color) transparent transparent var(--primary-color);content:"";display:block;border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:inherit}.loader-inner::after{animation:loader-animation 1.1s linear infinite;border-style:solid;border-color:transparent transparent transparent var(--secondary-color);content:"";display:block;border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:inherit}';export{e as tet_loader}

package/dist/tet-components/{p-0e6f4848.entry.js → p-938c44a3.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,c as t,g as r,h as i,H as s}from"./p-83f43fdd.js";import{a}from"./p-64ec8edd.js";import{a as o}from"./p-165a8492.js";const n=class{constructor(r){e(this,r),this.sliderInput=t(this,"slider-input",7),this.sliderChange=t(this,"slider-change",7),this.parentContainer=null,this.minValue=1,this.maxValue=500,this.inputMaxValue=1e3,this.defaultValue=0,this.step=1,this.dataPoints=[],this.displayDataPoints=[],this.lockToDataPoint=!0,this.type="secondary",this.withControls=!0,this.withInput=!0,this.withCurrentStepCounter=!1,this.dataUnits="",this.size="auto",this.reduceButtonAccessibilityLabel="",this.addButtonAccessibilityLabel="",this.numberInputAccessibilityLabel="",this.sliderInputAccessibilityLabel="",this.theme="light",this.currentValue=0,this.dataSet=[],this.containerSize="large",this.tooltipOffset=0,this.isSliding=!1,this.isPointerDown=!1,this.positions={scrollLeft:0,mouseX:0}}inputRef;sliderRef;sliderContainerRef;dataLabelRef;tickContainerRef;progressTrackRef;tooltipHandleRef;sliderResizeObserver;get element(){return r(this)}sliderInput;sliderChange;onDataPointsChange(){this.calculateDataSet(),this.renderDataLabels()}onTypeChange(){this.renderDataLabels()}onCurrentValueChange(){this.sliderInput.emit(this.currentValue)}onWindowResize(){this.autoSetContainerSize()}onSizeChange(e){"auto"===e?this.autoSetContainerSize():this.containerSize=e}onSliderInput=e=>{this.updateProgress();const t=parseFloat(e.target.value),r=this.getClosestOriginalDataPoint(t),i=this.dataSet.indexOf(r),s=parseFloat(Object.keys(r)[0]);if(t===s)return void(this.currentValue=r[s]);const a=[r];t<s?a.unshift(this.dataSet[i-1]):a.push(this.dataSet[i+1]);const o=parseFloat(Object.keys(a[0])[0]),n=parseFloat(Object.keys(a[1])[0]),l=a[0][o];let d=(a[1][n]-l)/(n-o)(t-o)+l;d>this.maxValue?d=this.maxValue:d<this.minValue&&(d=this.minValue);const h=this.getStepDecimals(this.step);let c=Math.round(d/this.step)this.step;c=parseFloat(c.toFixed(h)),this.currentValue=c};onInputChange=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=0),t>this.inputMaxValue&&(t=this.inputMaxValue,e.target.value=this.inputMaxValue),this.setSliderValue(t),this.currentValue=t,this.updateProgress()};onInputKeyDown=(e,t=!1)=>{const r=["PageUp","ArrowUp","ArrowRight"],i=["PageDown","ArrowDown","ArrowLeft"],s=e.code;t&&(r.pop(),i.pop()),r.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint\|\|"PageUp"===s?this.onControlNextClick():this.handleSliderArrowKeys("increment")),i.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint\|\|"PageDown"===s?this.onControlPreviousClick():this.handleSliderArrowKeys("decrement")),r.concat(i).includes(s)&&setTimeout((()=>this.sliderChange.emit(this.currentValue)))};onContainerScroll=()=>{if(this.isSliding)return;this.onSliderChangeDebounce();let e=this.sliderContainerRef.scrollLeft;const t=this.tooltipHandleRef.getBoundingClientRect().width,r=this.sliderRef.getBoundingClientRect().width,i=r/2+t/2,s=i+r-t;e<i&&(e=i),e>s&&(e=s),e=Math.round(100e)/100,this.sliderContainerRef.scrollLeft=e;const a=(this.maxValue-this.minValue)(Math.round((e-i)/(s-i)1e3)/1e3)+this.minValue,o=this.getClosestOriginalDataPoint(a),n=this.dataSet.indexOf(o);if(0===n&&a<parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);if(a===parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);const l=[o];a<parseFloat(Object.keys(o)[0])?l.unshift(this.dataSet[n-1]):l.push(this.dataSet[n+1]);const d=parseFloat(Object.keys(l[0])[0]),h=parseFloat(Object.keys(l[1])[0]),c=l[0][d];this.currentValue=Math.round((l[1][h]-c)/(h-d)(a-d)+c),this.setSliderValue(this.currentValue)};onInputBlur=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=this.minValue);const r=JSON.parse(JSON.stringify(this.dataSet)),i=r.shift(),s=r.pop();t<i[this.minValue]&&(this.currentValue=i[this.minValue],this.sliderRef.value=Object.keys(i)[0],this.setInputValue(i[this.minValue]));const a=Math.max(this.inputMaxValue,s[this.maxValue]);t>a&&(this.currentValue=a,this.sliderRef.value=Object.keys(s)[0],this.setInputValue(a)),this.updateProgress(),this.sliderChange.emit(this.currentValue)};onSliderChange=()=>{this.lockToDataPoint?this.slideToClosestDataPoint():this.sliderChange.emit(this.currentValue)};onSliderChangeDebounce=a(this.onSliderChange,50);onControlPreviousClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r-1];0===r&&(i=e),this.currentValue>t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onControlNextClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r+1];r+1===this.dataSet.length&&(i=e),this.currentValue<t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onSliderPointerDown=()=>{this.animateSliderThumb("normal")};onSliderPointerUp=()=>{this.animateSliderThumb("reverse")};onContainerTouchStart=()=>{this.isPointerDown=!0,this.animateSliderThumb("normal")};onContainerTouchEnd=()=>{this.isPointerDown=!1,this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};onContainerMouseDown=e=>{"secondary"===this.type&&"small"===this.containerSize&&(this.isPointerDown=!0,this.positions={scrollLeft:this.sliderContainerRef.scrollLeft,mouseX:e.clientX},this.element.addEventListener("mousemove",this.onContainerMouseMove),this.element.addEventListener("mouseup",this.onContainerMouseUp),this.element.addEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("normal"))};onContainerMouseMove=e=>{e.preventDefault(),this.isPointerDown=1===e.buttons,this.isPointerDown?this.sliderContainerRef.scrollTo(this.positions.scrollLeft-(e.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.element.removeEventListener("mousemove",this.onContainerMouseMove),this.element.removeEventListener("mouseup",this.onContainerMouseUp),this.element.removeEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),this.calculateDataSet(),this.currentValue=this.defaultValue,this.sliderResizeObserver=new ResizeObserver(this.updateTooltipHandlePosition)}componentDidLoad(){this.autoSetContainerSize(),"auto"!==this.size&&(this.containerSize=this.size),this.inputRef.addEventListener("focusout",this.onInputBlur),this.sliderContainerRef.addEventListener("scroll",this.updateTooltipHandlePosition),this.sliderResizeObserver.observe(this.sliderRef),this.renderDataLabels(),this.setSliderValue(this.currentValue),this.updateProgress()}updateProgress=()=>{const e=this.progressTrackRef;if(void 0===e)return;let t=this.getSliderPercent();t<50&&(t+=.5),e.style.width=t+"%",this.updateTooltipHandlePosition()};updateTooltipHandlePosition=()=>{const e=this.getSliderPercent(),t=this.sliderRef.getBoundingClientRect().width,r=this.tooltipHandleRef.getBoundingClientRect().width,i=e/100(t-r)+this.sliderRef.getBoundingClientRect().left-this.element.getBoundingClientRect().left;this.tooltipHandleRef.style.left=`${i}px`;const s=this.tooltipHandleRef.getBoundingClientRect().x,a=s/o(),n=(window.innerWidth-s-r)/o();let l=0;a<1?l=2:a<3?l=3-a:n<1?l=-2:n<3&&(l=-1(3-n)),this.tooltipOffset=l};getStepDecimals(e){const t=e.toString();return t.indexOf(".")>=0?t.split(".")[1].length:0}handleSliderArrowKeys(e){let t=this.currentValue+this.step;"decrement"===e&&(t=this.currentValue-this.step),t>this.maxValue&&(t=this.maxValue),t<this.minValue&&(t=this.minValue);const r=this.getStepDecimals(this.step);t=parseFloat(t.toFixed(r)),this.currentValue=t,this.setSliderValue(t),this.updateProgress()}getClosestOverrideDataPoint=(e=this.currentValue)=>this.dataSet.reduce((function(t,r){return Math.abs(Object.values(r)[0]-e)<Math.abs(Object.values(t)[0]-e)?r:t}));getClosestOriginalDataPoint=e=>this.dataSet.reduce((function(t,r){return Math.abs(parseFloat(Object.keys(r)[0])-e)<Math.abs(parseFloat(Object.keys(t)[0])-e)?r:t}));getSliderPercent=()=>{const e=this.sliderRef;if(null===e)return 0;const t=this.maxValue-this.minValue;return(parseFloat(e.value)-this.minValue)/t100};getTooltipValue=()=>{if("secondary"===this.type)return`${Object.values(this.getClosestOverrideDataPoint())[0]} ${this.dataUnits}`;let e=this.currentValue;return this.currentValue<this.minValue&&(e=this.minValue),this.currentValue>this.maxValue&&(e=this.maxValue),`${e} ${this.dataUnits}`};setSliderValue=e=>{Number.isNaN(e)&&(e=this.minValue);const t=JSON.parse(JSON.stringify(this.dataSet)),r=t.shift(),i=t.pop();if(e<r[this.minValue])return void(this.sliderRef.value=this.minValue.toString());if(e>i[this.maxValue])return void(this.sliderRef.value=this.maxValue.toString());const s=this.getClosestOverrideDataPoint(e),a=Object.values(s)[0];if(e===a)return void(this.sliderRef.value=Object.keys(s)[0]);const o=this.dataSet.indexOf(s),n=[s];e<a?n.unshift(this.dataSet[o-1]):n.push(this.dataSet[o+1]);const l=parseFloat(Object.keys(n[0])[0]),d=parseFloat(Object.keys(n[1])[0]),h=n[0][l];this.sliderRef.value=((d-l)/(n[1][d]-h)(e-h)+l).toString()};autoSetContainerSize=()=>{if("auto"!==this.size)return;let e=0;e=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.containerSize=e>=1024?"large":e>=768?"medium":"small",void 0!==this.sliderContainerRef&&("secondary"===this.type&&"small"===this.containerSize?(this.sliderContainerRef.style.overflowX="scroll",setTimeout(this.scrollToThumbCenter,50)):this.sliderContainerRef.style.overflowX="unset")};setInputValue=e=>{this.inputRef.value=e.toString()};slideToClosestDataPoint=()=>{if(this.isPointerDown)return;const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0];this.isSliding=!0;const r=setInterval((()=>{const e=Math.abs(t-this.currentValue);if(this.scrollToThumbCenter(),e\|\|(clearInterval(r),this.sliderChange.emit(this.currentValue),setTimeout((()=>{this.isSliding=!1}),50)),e<5)return this.currentValue=t,this.setSliderValue(t),void this.updateProgress();let i=5;e>100&&(i=10),this.currentValue>t&&(this.currentValue=this.currentValue-i,this.setSliderValue(this.currentValue)),this.currentValue<t&&(this.currentValue=this.currentValue+i,this.setSliderValue(this.currentValue)),this.updateProgress()}),1)};calculateDataSet=()=>{const e=this.dataPoints.length?this.dataPoints.length:2,t=this.dataPoints.length?this.dataPoints:[this.minValue,this.maxValue],r=(this.maxValue-this.minValue)/(e-1);this.dataSet.length=0;for(let i=0;i<e;i++)this.dataSet.push({[ri+this.minValue]:t[i]})};scrollToThumbCenter=()=>{if("secondary"!==this.type\|\|"small"!==this.containerSize)return;const e=this.sliderRef.getBoundingClientRect().width,t=this.tooltipHandleRef.getBoundingClientRect().width,r=e/2+t/2,i=r+e-t-r,s=this.getSliderPercent();this.sliderContainerRef.scrollLeft=r+is/100};animateSliderThumb=e=>{const t=getComputedStyle(this.element).getPropertyValue("--slider-thumb-shadow"),r=getComputedStyle(this.element).getPropertyValue("--slider-thumb-active-shadow");"normal"===e?this.tooltipHandleRef.classList.add("range-slider__tooltip-handle--active"):this.tooltipHandleRef.classList.remove("range-slider__tooltip-handle--active"),this.tooltipHandleRef.animate([{boxShadow:t},{boxShadow:"none"},{boxShadow:r}],{duration:300,direction:e})};renderTick=()=>{let e=document.createElement("span");e.className="range-slider__tick",this.tickContainerRef.appendChild(e)};renderDataLabels=()=>{const e=this.maxValue-this.minValue;this.dataLabelRef.innerHTML="",this.tickContainerRef.innerHTML="";for(const t of this.dataSet){const r=parseFloat(Object.keys(t)[0]),i=Object.values(t)[0],s=(r-this.minValue)/e100;this.renderTick(),this.displayDataPoints.length&&!this.displayDataPoints.includes(i)\|\|this.dataLabelRef.appendChild(this.renderDataLabel(i.toString(),s))}};renderDataLabel=(e,t)=>{const r=document.createElement("span"),i=document.createTextNode(e);return r.appendChild(i),r.classList.add("range-slider__data-label"),r.style.left=`calc(${t}% - 1.5rem)`,r};render(){return i(s,{key:"17f1fdd65f0590f7fa284b89dbf283e5fe4b5f4e"},i("div",{key:"13599ebf72c47c06dbe1141711d878689728bfab",class:{"range-slider":!0,[`range-slider--${this.containerSize}`]:!0,[`range-slider--${this.type}`]:!0,"range-slider--no-controls":!this.withControls,"range-slider--no-input":!this.withInput,[this.theme]:!0}},i("div",{key:"10e376e9e51302a43903603d9f41ed40749c076f",class:{"range-slider__input-container":!0,hidden:!this.withInput}},i("tet-input",{key:"b6ae5512c0257cdabf43d6e85dd036bdd5ab5343","input-class":"range-slider__input","input-type":"number","input-value":this.currentValue,ref:e=>this.inputRef=e,theme:this.theme,onInput:this.onInputChange,onKeyDown:e=>this.onInputKeyDown(e,!0),accessibilityLabel:this.numberInputAccessibilityLabel,..."large"!==this.containerSize?{inputTabindex:3}:{}})),i("div",{key:"7abeeb9f0d25b582ba960d73bb11dbc788a8508d",class:"range-slider__container"},i("tet-button",{key:"f941d8d42371ee59dfe4583c0a748b5869c0fcc4",theme:this.theme,iconMode:!0,class:{"range-slider__control":!0,"range-slider__control--left":!0,hidden:!this.withControls},clickCallback:this.onControlPreviousClick,...this.reduceButtonAccessibilityLabel?{accessibilityLabel:this.reduceButtonAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:2}:{}},i("tet-icon",{key:"733c45d6b580ddce30c3f9757c253e4253b784ef",name:"remove",class:"range-slider__control--icon"})),i("div",{key:"e986bcf91095bf981fde9166380329167d91270e",onTouchStart:this.onContainerTouchStart,onTouchEnd:this.onContainerTouchEnd,onMouseDown:this.onContainerMouseDown,onScroll:this.onContainerScroll,ref:e=>this.sliderContainerRef=e,class:"range-slider__slider-container",draggable:!1},i("div",{key:"b66bd44151f0b3c1352f3049c2ab1f10c6786065",class:"range-slider__slider-wrapper"},i("input",{key:"98a4e48d58fd2481c6f448347a9d29d53333cf46",ref:e=>this.sliderRef=e,type:"range",min:this.minValue,max:this.maxValue,step:this.step,value:this.defaultValue,list:"steplist",id:"rangeInput",onInput:this.onSliderInput,onChange:this.onSliderChange,onPointerDown:this.onSliderPointerDown,onPointerUp:this.onSliderPointerUp,onKeyDown:this.onInputKeyDown,class:"range-slider__slider",...this.sliderInputAccessibilityLabel?{"aria-label":this.sliderInputAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:1}:{}})),i("div",{key:"9b9cbf37f2fee3da92f03dc2ab028c0b77ef4934",class:"range-slider__track range-slider__track--background"}),i("div",{key:"92d2a38e109371efd7210804c688ca692eb3cf19",ref:e=>this.progressTrackRef=e,class:"range-slider__track range-slider__track--progress"}),i("div",{key:"dc72e3542520b18cfd81e243c431f42b9fec4bfe",ref:e=>this.tickContainerRef=e,class:"range-slider__tick-container"}),i("div",{key:"25a59f356d1fe92ba9da4108eb6b98c7d6eee342",ref:e=>this.dataLabelRef=e,class:{"range-slider__data-label-container":!0,hidden:"secondary"===this.type&&"small"===this.containerSize}})),i("div",{key:"0b45065b0f1241c22928e775dc7456bd24130eb0",class:{"range-slider__current-step-container":!0,hidden:!this.withCurrentStepCounter}},i("div",{key:"8bfbb56bd0b592712980deec084214b1bd8f1bc1",class:"range-slider__current-step","aria-live":"polite"},this.dataSet.indexOf(this.getClosestOverrideDataPoint())+1,"/",this.dataPoints.length)),i("div",{key:"f09f08dbf1b8b7fb8d874fb15224b9388e56d7df",ref:e=>this.tooltipHandleRef=e,class:"range-slider__tooltip-handle"},i("div",{key:"1af63f99aab2b46db1fe789b3aec2a48dc69c37c",class:"range-slider__tooltip translation-none",style:{"--tooltip-offset":`${this.tooltipOffset}rem`},"aria-live":"polite"},this.getTooltipValue())),i("tet-button",{key:"cccd6b7b51ba1b14dbfe310b27125dedd9fc3215",theme:this.theme,iconMode:!0,class:{"range-slider__control":!0,"range-slider__control--right":!0,hidden:!this.withControls},clickCallback:this.onControlNextClick,...this.addButtonAccessibilityLabel?{accessibilityLabel:this.addButtonAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:4}:{}},i("tet-icon",{key:"32df65bfe808953e7f51402c3fd888b236f8c5bd",name:"add",class:"range-slider__control--icon"})))))}static get watchers(){return{dataPoints:["onDataPointsChange"],type:["onTypeChange"],currentValue:["onCurrentValueChange"],size:["onSizeChange"]}}};n.style='@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{--slider-height:6rem;--slider-track-height:0.5rem;--slider-track-border-radius:0.25rem;--slider-track-background-color:var(--tc-border-quaternary);--slider-track-progress-color:var(--tc-yellow-40);--slider-thumb-color:var(--tc-yellow-30);--slider-thumb-shadow:var(--tc-elevation-two);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(254, 213, 127, 0.4);--slider-thumb-size:1.5rem;--slider-thumb-border-radius:0.75rem;--slider-tick-primary-type-color:var(--tc-border-quaternary);--slider-tick-secondary-type-color:var(--tc-border-secondary);--slider-tick-width:0.125rem;--slider-tick-height:0.25rem;--slider-tick-border-radius:0.063rem;--slider-control-left-margin:0;--slider-control-right-margin:0;--slider-control-icon-color:var(--tc-button-icon-primary);--slider-tooltip-background-color:var(--tc-grey-80);--slider-tooltip-text-color:var(--tc-grey-10);--slider-step-counter-background-color:var(--tc-layer-secondary);--slider-step-counter-text-color:var(--tc-text-primary);--slider-data-label-text-color:var(--tc-text-secondary)}.range-slider{display:flex;width:100%;gap:1rem;height:var(--slider-height);position:relative}.range-slider.dark{--slider-track-background-color:var(--tc-border-quaternary-dark);--slider-track-progress-color:var(--tc-yellow-40-dark);--slider-thumb-color:var(--tc-yellow-30-dark);--slider-thumb-shadow:var(--tc-elevation-two-dark);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(247, 212, 135, 0.4);--slider-tick-primary-type-color:var(--tc-border-quaternary-dark);--slider-tick-secondary-type-color:var(--tc-border-secondary-dark);--slider-control-icon-color:var(--tc-button-icon-primary-dark);--slider-tooltip-background-color:var(--tc-grey-80-dark);--slider-tooltip-text-color:var(--tc-grey-10-dark);--slider-step-counter-background-color:var(--tc-layer-secondary-dark);--slider-step-counter-text-color:var(--tc-text-primary-dark);--slider-data-label-text-color:var(--tc-text-secondary-dark)}.range-slider.dark .range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.range-slider--large{flex-direction:column}.range-slider--no-controls{flex-direction:row-reverse}.range-slider {box-sizing:border-box}.range-slider__container{display:flex;flex-direction:column;align-items:baseline;gap:1rem;position:relative;width:100%}.range-slider--large .range-slider__container{flex-direction:row}.range-slider__slider{appearance:none;-webkit-appearance:none;width:100%;height:var(--slider-track-height);background:transparent;outline:none;margin:0.313rem 0;z-index:1}.range-slider--small.range-slider--secondary .range-slider__slider{pointer-events:none;z-index:-1}.range-slider__slider:focus{outline:none}.range-slider__slider::-moz-focus-outer{border:0}.range-slider__slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:transparent;border-radius:var(--slider-thumb-border-radius);cursor:pointer}.range-slider__slider::-moz-range-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-thumb-color);border-radius:var(--slider-thumb-border-radius);cursor:pointer;border:none}.range-slider__slider::-webkit-slider-runnable-track,.range-slider__slider::-moz-range-track{width:100%;height:var(--slider-track-height);cursor:pointer;background:none;border-radius:var(--slider-track-border-radius)}.range-slider__slider:focus::-webkit-slider-runnable-track{background:none}.range-slider__slider:active::-webkit-slider-runnable-track{background:none}.range-slider__slider-container{width:100%;position:relative;height:calc(var(--slider-thumb-size) + 0.5rem);padding-top:0.625rem;scrollbar-width:none}.range-slider__slider-container::-webkit-scrollbar{display:none}.range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider__slider-wrapper{display:flex;width:100%}.range-slider--secondary.range-slider--small .range-slider__slider-wrapper{margin-left:100%}.range-slider__input{--input-padding:0.75rem;--input-border-radius:0.625rem;max-height:3.125rem;max-width:12.5rem;margin:0 auto !important;appearance:textfield;-moz-appearance:textfield}.range-slider--large .range-slider__input{text-align:center;--input-padding:0.5rem}.range-slider__input::-webkit-outer-spin-button,.range-slider__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.range-slider__input-container{display:flex;flex-direction:column;position:absolute;top:calc(var(--slider-track-height) + 3.25rem);width:100%;z-index:1}.range-slider--large .range-slider__input-container{position:relative;max-width:3.125rem;margin-left:auto;margin-right:0;top:0}.range-slider--large.range-slider--no-controls .range-slider__input-container{top:-0.5rem}.range-slider__track{position:absolute;top:1rem;left:0;height:var(--slider-track-height);pointer-events:none;border-radius:var(--slider-track-border-radius)}.range-slider--small.range-slider--secondary .range-slider__track{border-radius:0}.range-slider__track--background{width:100%;background-color:var(--slider-track-background-color)}.range-slider--small.range-slider--secondary .range-slider__track--background{width:300%}.range-slider__track--progress{background-color:var(--slider-track-progress-color)}.range-slider--secondary .range-slider__track--progress{background-color:transparent}.range-slider__data-label{position:absolute;width:3rem;text-align:center;color:var(--slider-data-label-text-color);display:none}.range-slider__data-label:first-of-type{display:block}.range-slider__data-label:last-of-type{display:block}.range-slider--large .range-slider__data-label,.range-slider--medium .range-slider__data-label{display:block}.range-slider__current-step{font:500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;font-weight:500;color:var(--slider-step-counter-text-color);width:5.5rem;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:0.25rem 1rem;background-color:var(--slider-step-counter-background-color);border-radius:1rem}.range-slider__data-label-container,.range-slider__current-step-container{font:400 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;position:absolute;display:flex;height:1.5rem;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);margin:0 auto}.range-slider__data-label-container{top:calc(var(--slider-track-height) + 1.5rem)}.range-slider--secondary.range-slider--small .range-slider__data-label-container{margin-left:100%}.range-slider__current-step-container{top:calc(var(--slider-track-height) + 2.375rem)}.range-slider--large .range-slider__current-step-container,.range-slider--medium .range-slider__current-step-container{top:calc(var(--slider-track-height) + 3.25rem)}.range-slider__tick{width:var(--slider-tick-width);height:var(--slider-tick-height);border-radius:var(--slider-tick-border-radius);background-color:var(--slider-tick-primary-type-color)}.range-slider--secondary .range-slider__tick{width:0.25rem;height:0.25rem;border-radius:0.125rem;background-color:var(--slider-tick-secondary-type-color)}.range-slider__tick-container{position:absolute;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);top:calc(var(--slider-track-height) + 1.188rem);display:flex;justify-content:space-between;align-items:center}.range-slider--secondary .range-slider__tick-container{top:calc(var(--slider-track-height) + 0.625rem)}.range-slider--secondary.range-slider--small .range-slider__tick-container{margin-left:100%}.range-slider__tooltip-handle{position:absolute;height:var(--slider-thumb-size);width:var(--slider-thumb-size);top:0.438rem;border-radius:var(--slider-thumb-border-radius);pointer-events:none;box-shadow:var(--slider-thumb-shadow);background:var(--slider-thumb-color)}.range-slider__tooltip-handle--active{box-shadow:var(--slider-thumb-active-shadow)}.range-slider__tooltip{--tooltip-offset:0;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;position:absolute;display:flex;justify-content:center;align-items:center;left:calc(-2.25rem + var(--tooltip-offset));height:2rem;width:5.75rem;padding:0.5rem 1rem;border-radius:0.5rem;z-index:2;color:var(--slider-tooltip-text-color);background-color:var(--slider-tooltip-background-color);white-space:nowrap;top:-2.625rem;transition:top 150ms ease-in-out 0s}.range-slider__tooltip-handle--active .range-slider__tooltip{transition:top 150ms ease-in-out 150ms;top:-3.25rem}.range-slider__tooltip::before{content:"";position:absolute;left:calc(50% - var(--tooltip-offset));width:0.75rem;height:0.75rem;background:var(--slider-tooltip-background-color);bottom:0;transform:rotate(45deg);border-radius:0.125rem;margin:-0.25rem}.range-slider__control{--button-icon-mode-padding:0.25rem;display:flex;justify-content:center;align-items:center;z-index:1;position:absolute;top:calc(var(--slider-track-height) + 3.5rem)}.range-slider__control:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider--large .range-slider__control{position:static}.range-slider--secondary .range-slider__control{top:calc(var(--slider-track-height) + 2rem)}.range-slider--secondary.range-slider--medium .range-slider__control{top:calc(var(--slider-track-height) + 2.75rem)}.range-slider__control--left{margin:var(--slider-control-left-margin);left:0}.range-slider--medium .range-slider__control--left{left:unset;right:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--left{right:calc(50% + 4.25rem)}.range-slider__control--right{margin:var(--slider-control-right-margin);right:0}.range-slider--medium .range-slider__control--right{right:unset;left:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--right{left:calc(50% + 4.25rem)}.range-slider__control--icon{--icon-color:var(--slider-control-icon-color)}.range-slider .hidden{display:none}';export{n as tet_range_slider}
1	+ import{r as e,c as t,g as r,h as i,H as s}from"./p-5abb3bea.js";import{a}from"./p-64ec8edd.js";import{a as o}from"./p-165a8492.js";const n=class{constructor(r){e(this,r),this.sliderInput=t(this,"slider-input",7),this.sliderChange=t(this,"slider-change",7),this.parentContainer=null,this.minValue=1,this.maxValue=500,this.inputMaxValue=1e3,this.defaultValue=0,this.step=1,this.dataPoints=[],this.displayDataPoints=[],this.lockToDataPoint=!0,this.type="secondary",this.withControls=!0,this.withInput=!0,this.withCurrentStepCounter=!1,this.dataUnits="",this.size="auto",this.reduceButtonAccessibilityLabel="",this.addButtonAccessibilityLabel="",this.numberInputAccessibilityLabel="",this.sliderInputAccessibilityLabel="",this.theme="light",this.currentValue=0,this.dataSet=[],this.containerSize="large",this.tooltipOffset=0,this.isSliding=!1,this.isPointerDown=!1,this.positions={scrollLeft:0,mouseX:0}}inputRef;sliderRef;sliderContainerRef;dataLabelRef;tickContainerRef;progressTrackRef;tooltipHandleRef;sliderResizeObserver;get element(){return r(this)}sliderInput;sliderChange;onDataPointsChange(){this.calculateDataSet(),this.renderDataLabels()}onTypeChange(){this.renderDataLabels()}onCurrentValueChange(){this.sliderInput.emit(this.currentValue)}onWindowResize(){this.autoSetContainerSize()}onSizeChange(e){"auto"===e?this.autoSetContainerSize():this.containerSize=e}onSliderInput=e=>{this.updateProgress();const t=parseFloat(e.target.value),r=this.getClosestOriginalDataPoint(t),i=this.dataSet.indexOf(r),s=parseFloat(Object.keys(r)[0]);if(t===s)return void(this.currentValue=r[s]);const a=[r];t<s?a.unshift(this.dataSet[i-1]):a.push(this.dataSet[i+1]);const o=parseFloat(Object.keys(a[0])[0]),n=parseFloat(Object.keys(a[1])[0]),l=a[0][o];let d=(a[1][n]-l)/(n-o)(t-o)+l;d>this.maxValue?d=this.maxValue:d<this.minValue&&(d=this.minValue);const h=this.getStepDecimals(this.step);let c=Math.round(d/this.step)this.step;c=parseFloat(c.toFixed(h)),this.currentValue=c};onInputChange=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=0),t>this.inputMaxValue&&(t=this.inputMaxValue,e.target.value=this.inputMaxValue),this.setSliderValue(t),this.currentValue=t,this.updateProgress()};onInputKeyDown=(e,t=!1)=>{const r=["PageUp","ArrowUp","ArrowRight"],i=["PageDown","ArrowDown","ArrowLeft"],s=e.code;t&&(r.pop(),i.pop()),r.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint\|\|"PageUp"===s?this.onControlNextClick():this.handleSliderArrowKeys("increment")),i.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint\|\|"PageDown"===s?this.onControlPreviousClick():this.handleSliderArrowKeys("decrement")),r.concat(i).includes(s)&&setTimeout((()=>this.sliderChange.emit(this.currentValue)))};onContainerScroll=()=>{if(this.isSliding)return;this.onSliderChangeDebounce();let e=this.sliderContainerRef.scrollLeft;const t=this.tooltipHandleRef.getBoundingClientRect().width,r=this.sliderRef.getBoundingClientRect().width,i=r/2+t/2,s=i+r-t;e<i&&(e=i),e>s&&(e=s),e=Math.round(100e)/100,this.sliderContainerRef.scrollLeft=e;const a=(this.maxValue-this.minValue)(Math.round((e-i)/(s-i)1e3)/1e3)+this.minValue,o=this.getClosestOriginalDataPoint(a),n=this.dataSet.indexOf(o);if(0===n&&a<parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);if(a===parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);const l=[o];a<parseFloat(Object.keys(o)[0])?l.unshift(this.dataSet[n-1]):l.push(this.dataSet[n+1]);const d=parseFloat(Object.keys(l[0])[0]),h=parseFloat(Object.keys(l[1])[0]),c=l[0][d];this.currentValue=Math.round((l[1][h]-c)/(h-d)(a-d)+c),this.setSliderValue(this.currentValue)};onInputBlur=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=this.minValue);const r=JSON.parse(JSON.stringify(this.dataSet)),i=r.shift(),s=r.pop();t<i[this.minValue]&&(this.currentValue=i[this.minValue],this.sliderRef.value=Object.keys(i)[0],this.setInputValue(i[this.minValue]));const a=Math.max(this.inputMaxValue,s[this.maxValue]);t>a&&(this.currentValue=a,this.sliderRef.value=Object.keys(s)[0],this.setInputValue(a)),this.updateProgress(),this.sliderChange.emit(this.currentValue)};onSliderChange=()=>{this.lockToDataPoint?this.slideToClosestDataPoint():this.sliderChange.emit(this.currentValue)};onSliderChangeDebounce=a(this.onSliderChange,50);onControlPreviousClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r-1];0===r&&(i=e),this.currentValue>t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onControlNextClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r+1];r+1===this.dataSet.length&&(i=e),this.currentValue<t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onSliderPointerDown=()=>{this.animateSliderThumb("normal")};onSliderPointerUp=()=>{this.animateSliderThumb("reverse")};onContainerTouchStart=()=>{this.isPointerDown=!0,this.animateSliderThumb("normal")};onContainerTouchEnd=()=>{this.isPointerDown=!1,this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};onContainerMouseDown=e=>{"secondary"===this.type&&"small"===this.containerSize&&(this.isPointerDown=!0,this.positions={scrollLeft:this.sliderContainerRef.scrollLeft,mouseX:e.clientX},this.element.addEventListener("mousemove",this.onContainerMouseMove),this.element.addEventListener("mouseup",this.onContainerMouseUp),this.element.addEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("normal"))};onContainerMouseMove=e=>{e.preventDefault(),this.isPointerDown=1===e.buttons,this.isPointerDown?this.sliderContainerRef.scrollTo(this.positions.scrollLeft-(e.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.element.removeEventListener("mousemove",this.onContainerMouseMove),this.element.removeEventListener("mouseup",this.onContainerMouseUp),this.element.removeEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),this.calculateDataSet(),this.currentValue=this.defaultValue,this.sliderResizeObserver=new ResizeObserver(this.updateTooltipHandlePosition)}componentDidLoad(){this.autoSetContainerSize(),"auto"!==this.size&&(this.containerSize=this.size),this.inputRef.addEventListener("focusout",this.onInputBlur),this.sliderContainerRef.addEventListener("scroll",this.updateTooltipHandlePosition),this.sliderResizeObserver.observe(this.sliderRef),this.renderDataLabels(),this.setSliderValue(this.currentValue),this.updateProgress()}updateProgress=()=>{const e=this.progressTrackRef;if(void 0===e)return;let t=this.getSliderPercent();t<50&&(t+=.5),e.style.width=t+"%",this.updateTooltipHandlePosition()};updateTooltipHandlePosition=()=>{const e=this.getSliderPercent(),t=this.sliderRef.getBoundingClientRect().width,r=this.tooltipHandleRef.getBoundingClientRect().width,i=e/100(t-r)+this.sliderRef.getBoundingClientRect().left-this.element.getBoundingClientRect().left;this.tooltipHandleRef.style.left=`${i}px`;const s=this.tooltipHandleRef.getBoundingClientRect().x,a=s/o(),n=(window.innerWidth-s-r)/o();let l=0;a<1?l=2:a<3?l=3-a:n<1?l=-2:n<3&&(l=-1(3-n)),this.tooltipOffset=l};getStepDecimals(e){const t=e.toString();return t.indexOf(".")>=0?t.split(".")[1].length:0}handleSliderArrowKeys(e){let t=this.currentValue+this.step;"decrement"===e&&(t=this.currentValue-this.step),t>this.maxValue&&(t=this.maxValue),t<this.minValue&&(t=this.minValue);const r=this.getStepDecimals(this.step);t=parseFloat(t.toFixed(r)),this.currentValue=t,this.setSliderValue(t),this.updateProgress()}getClosestOverrideDataPoint=(e=this.currentValue)=>this.dataSet.reduce((function(t,r){return Math.abs(Object.values(r)[0]-e)<Math.abs(Object.values(t)[0]-e)?r:t}));getClosestOriginalDataPoint=e=>this.dataSet.reduce((function(t,r){return Math.abs(parseFloat(Object.keys(r)[0])-e)<Math.abs(parseFloat(Object.keys(t)[0])-e)?r:t}));getSliderPercent=()=>{const e=this.sliderRef;if(null===e)return 0;const t=this.maxValue-this.minValue;return(parseFloat(e.value)-this.minValue)/t100};getTooltipValue=()=>{if("secondary"===this.type)return`${Object.values(this.getClosestOverrideDataPoint())[0]} ${this.dataUnits}`;let e=this.currentValue;return this.currentValue<this.minValue&&(e=this.minValue),this.currentValue>this.maxValue&&(e=this.maxValue),`${e} ${this.dataUnits}`};setSliderValue=e=>{Number.isNaN(e)&&(e=this.minValue);const t=JSON.parse(JSON.stringify(this.dataSet)),r=t.shift(),i=t.pop();if(e<r[this.minValue])return void(this.sliderRef.value=this.minValue.toString());if(e>i[this.maxValue])return void(this.sliderRef.value=this.maxValue.toString());const s=this.getClosestOverrideDataPoint(e),a=Object.values(s)[0];if(e===a)return void(this.sliderRef.value=Object.keys(s)[0]);const o=this.dataSet.indexOf(s),n=[s];e<a?n.unshift(this.dataSet[o-1]):n.push(this.dataSet[o+1]);const l=parseFloat(Object.keys(n[0])[0]),d=parseFloat(Object.keys(n[1])[0]),h=n[0][l];this.sliderRef.value=((d-l)/(n[1][d]-h)(e-h)+l).toString()};autoSetContainerSize=()=>{if("auto"!==this.size)return;let e=0;e=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.containerSize=e>=1024?"large":e>=768?"medium":"small",void 0!==this.sliderContainerRef&&("secondary"===this.type&&"small"===this.containerSize?(this.sliderContainerRef.style.overflowX="scroll",setTimeout(this.scrollToThumbCenter,50)):this.sliderContainerRef.style.overflowX="unset")};setInputValue=e=>{this.inputRef.value=e.toString()};slideToClosestDataPoint=()=>{if(this.isPointerDown)return;const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0];this.isSliding=!0;const r=setInterval((()=>{const e=Math.abs(t-this.currentValue);if(this.scrollToThumbCenter(),e\|\|(clearInterval(r),this.sliderChange.emit(this.currentValue),setTimeout((()=>{this.isSliding=!1}),50)),e<5)return this.currentValue=t,this.setSliderValue(t),void this.updateProgress();let i=5;e>100&&(i=10),this.currentValue>t&&(this.currentValue=this.currentValue-i,this.setSliderValue(this.currentValue)),this.currentValue<t&&(this.currentValue=this.currentValue+i,this.setSliderValue(this.currentValue)),this.updateProgress()}),1)};calculateDataSet=()=>{const e=this.dataPoints.length?this.dataPoints.length:2,t=this.dataPoints.length?this.dataPoints:[this.minValue,this.maxValue],r=(this.maxValue-this.minValue)/(e-1);this.dataSet.length=0;for(let i=0;i<e;i++)this.dataSet.push({[ri+this.minValue]:t[i]})};scrollToThumbCenter=()=>{if("secondary"!==this.type\|\|"small"!==this.containerSize)return;const e=this.sliderRef.getBoundingClientRect().width,t=this.tooltipHandleRef.getBoundingClientRect().width,r=e/2+t/2,i=r+e-t-r,s=this.getSliderPercent();this.sliderContainerRef.scrollLeft=r+is/100};animateSliderThumb=e=>{const t=getComputedStyle(this.element).getPropertyValue("--slider-thumb-shadow"),r=getComputedStyle(this.element).getPropertyValue("--slider-thumb-active-shadow");"normal"===e?this.tooltipHandleRef.classList.add("range-slider__tooltip-handle--active"):this.tooltipHandleRef.classList.remove("range-slider__tooltip-handle--active"),this.tooltipHandleRef.animate([{boxShadow:t},{boxShadow:"none"},{boxShadow:r}],{duration:300,direction:e})};renderTick=()=>{let e=document.createElement("span");e.className="range-slider__tick",this.tickContainerRef.appendChild(e)};renderDataLabels=()=>{const e=this.maxValue-this.minValue;this.dataLabelRef.innerHTML="",this.tickContainerRef.innerHTML="";for(const t of this.dataSet){const r=parseFloat(Object.keys(t)[0]),i=Object.values(t)[0],s=(r-this.minValue)/e100;this.renderTick(),this.displayDataPoints.length&&!this.displayDataPoints.includes(i)\|\|this.dataLabelRef.appendChild(this.renderDataLabel(i.toString(),s))}};renderDataLabel=(e,t)=>{const r=document.createElement("span"),i=document.createTextNode(e);return r.appendChild(i),r.classList.add("range-slider__data-label"),r.style.left=`calc(${t}% - 1.5rem)`,r};render(){return i(s,{key:"17f1fdd65f0590f7fa284b89dbf283e5fe4b5f4e"},i("div",{key:"13599ebf72c47c06dbe1141711d878689728bfab",class:{"range-slider":!0,[`range-slider--${this.containerSize}`]:!0,[`range-slider--${this.type}`]:!0,"range-slider--no-controls":!this.withControls,"range-slider--no-input":!this.withInput,[this.theme]:!0}},i("div",{key:"10e376e9e51302a43903603d9f41ed40749c076f",class:{"range-slider__input-container":!0,hidden:!this.withInput}},i("tet-input",{key:"b6ae5512c0257cdabf43d6e85dd036bdd5ab5343","input-class":"range-slider__input","input-type":"number","input-value":this.currentValue,ref:e=>this.inputRef=e,theme:this.theme,onInput:this.onInputChange,onKeyDown:e=>this.onInputKeyDown(e,!0),accessibilityLabel:this.numberInputAccessibilityLabel,..."large"!==this.containerSize?{inputTabindex:3}:{}})),i("div",{key:"7abeeb9f0d25b582ba960d73bb11dbc788a8508d",class:"range-slider__container"},i("tet-button",{key:"f941d8d42371ee59dfe4583c0a748b5869c0fcc4",theme:this.theme,iconMode:!0,class:{"range-slider__control":!0,"range-slider__control--left":!0,hidden:!this.withControls},clickCallback:this.onControlPreviousClick,...this.reduceButtonAccessibilityLabel?{accessibilityLabel:this.reduceButtonAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:2}:{}},i("tet-icon",{key:"733c45d6b580ddce30c3f9757c253e4253b784ef",name:"remove",class:"range-slider__control--icon"})),i("div",{key:"e986bcf91095bf981fde9166380329167d91270e",onTouchStart:this.onContainerTouchStart,onTouchEnd:this.onContainerTouchEnd,onMouseDown:this.onContainerMouseDown,onScroll:this.onContainerScroll,ref:e=>this.sliderContainerRef=e,class:"range-slider__slider-container",draggable:!1},i("div",{key:"b66bd44151f0b3c1352f3049c2ab1f10c6786065",class:"range-slider__slider-wrapper"},i("input",{key:"98a4e48d58fd2481c6f448347a9d29d53333cf46",ref:e=>this.sliderRef=e,type:"range",min:this.minValue,max:this.maxValue,step:this.step,value:this.defaultValue,list:"steplist",id:"rangeInput",onInput:this.onSliderInput,onChange:this.onSliderChange,onPointerDown:this.onSliderPointerDown,onPointerUp:this.onSliderPointerUp,onKeyDown:this.onInputKeyDown,class:"range-slider__slider",...this.sliderInputAccessibilityLabel?{"aria-label":this.sliderInputAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:1}:{}})),i("div",{key:"9b9cbf37f2fee3da92f03dc2ab028c0b77ef4934",class:"range-slider__track range-slider__track--background"}),i("div",{key:"92d2a38e109371efd7210804c688ca692eb3cf19",ref:e=>this.progressTrackRef=e,class:"range-slider__track range-slider__track--progress"}),i("div",{key:"dc72e3542520b18cfd81e243c431f42b9fec4bfe",ref:e=>this.tickContainerRef=e,class:"range-slider__tick-container"}),i("div",{key:"25a59f356d1fe92ba9da4108eb6b98c7d6eee342",ref:e=>this.dataLabelRef=e,class:{"range-slider__data-label-container":!0,hidden:"secondary"===this.type&&"small"===this.containerSize}})),i("div",{key:"0b45065b0f1241c22928e775dc7456bd24130eb0",class:{"range-slider__current-step-container":!0,hidden:!this.withCurrentStepCounter}},i("div",{key:"8bfbb56bd0b592712980deec084214b1bd8f1bc1",class:"range-slider__current-step","aria-live":"polite"},this.dataSet.indexOf(this.getClosestOverrideDataPoint())+1,"/",this.dataPoints.length)),i("div",{key:"f09f08dbf1b8b7fb8d874fb15224b9388e56d7df",ref:e=>this.tooltipHandleRef=e,class:"range-slider__tooltip-handle"},i("div",{key:"1af63f99aab2b46db1fe789b3aec2a48dc69c37c",class:"range-slider__tooltip translation-none",style:{"--tooltip-offset":`${this.tooltipOffset}rem`},"aria-live":"polite"},this.getTooltipValue())),i("tet-button",{key:"cccd6b7b51ba1b14dbfe310b27125dedd9fc3215",theme:this.theme,iconMode:!0,class:{"range-slider__control":!0,"range-slider__control--right":!0,hidden:!this.withControls},clickCallback:this.onControlNextClick,...this.addButtonAccessibilityLabel?{accessibilityLabel:this.addButtonAccessibilityLabel}:{},..."large"!==this.containerSize?{tabindex:4}:{}},i("tet-icon",{key:"32df65bfe808953e7f51402c3fd888b236f8c5bd",name:"add",class:"range-slider__control--icon"})))))}static get watchers(){return{dataPoints:["onDataPointsChange"],type:["onTypeChange"],currentValue:["onCurrentValueChange"],size:["onSizeChange"]}}};n.style='@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{--slider-height:6rem;--slider-track-height:0.5rem;--slider-track-border-radius:0.25rem;--slider-track-background-color:var(--tc-border-quaternary);--slider-track-progress-color:var(--tc-yellow-40);--slider-thumb-color:var(--tc-yellow-30);--slider-thumb-shadow:var(--tc-elevation-two);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(254, 213, 127, 0.4);--slider-thumb-size:1.5rem;--slider-thumb-border-radius:0.75rem;--slider-tick-primary-type-color:var(--tc-border-quaternary);--slider-tick-secondary-type-color:var(--tc-border-secondary);--slider-tick-width:0.125rem;--slider-tick-height:0.25rem;--slider-tick-border-radius:0.063rem;--slider-control-left-margin:0;--slider-control-right-margin:0;--slider-control-icon-color:var(--tc-button-icon-primary);--slider-tooltip-background-color:var(--tc-grey-80);--slider-tooltip-text-color:var(--tc-grey-10);--slider-step-counter-background-color:var(--tc-layer-secondary);--slider-step-counter-text-color:var(--tc-text-primary);--slider-data-label-text-color:var(--tc-text-secondary)}.range-slider{display:flex;width:100%;gap:1rem;height:var(--slider-height);position:relative}.range-slider.dark{--slider-track-background-color:var(--tc-border-quaternary-dark);--slider-track-progress-color:var(--tc-yellow-40-dark);--slider-thumb-color:var(--tc-yellow-30-dark);--slider-thumb-shadow:var(--tc-elevation-two-dark);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(247, 212, 135, 0.4);--slider-tick-primary-type-color:var(--tc-border-quaternary-dark);--slider-tick-secondary-type-color:var(--tc-border-secondary-dark);--slider-control-icon-color:var(--tc-button-icon-primary-dark);--slider-tooltip-background-color:var(--tc-grey-80-dark);--slider-tooltip-text-color:var(--tc-grey-10-dark);--slider-step-counter-background-color:var(--tc-layer-secondary-dark);--slider-step-counter-text-color:var(--tc-text-primary-dark);--slider-data-label-text-color:var(--tc-text-secondary-dark)}.range-slider.dark .range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.range-slider--large{flex-direction:column}.range-slider--no-controls{flex-direction:row-reverse}.range-slider {box-sizing:border-box}.range-slider__container{display:flex;flex-direction:column;align-items:baseline;gap:1rem;position:relative;width:100%}.range-slider--large .range-slider__container{flex-direction:row}.range-slider__slider{appearance:none;-webkit-appearance:none;width:100%;height:var(--slider-track-height);background:transparent;outline:none;margin:0.313rem 0;z-index:1}.range-slider--small.range-slider--secondary .range-slider__slider{pointer-events:none;z-index:-1}.range-slider__slider:focus{outline:none}.range-slider__slider::-moz-focus-outer{border:0}.range-slider__slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:transparent;border-radius:var(--slider-thumb-border-radius);cursor:pointer}.range-slider__slider::-moz-range-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-thumb-color);border-radius:var(--slider-thumb-border-radius);cursor:pointer;border:none}.range-slider__slider::-webkit-slider-runnable-track,.range-slider__slider::-moz-range-track{width:100%;height:var(--slider-track-height);cursor:pointer;background:none;border-radius:var(--slider-track-border-radius)}.range-slider__slider:focus::-webkit-slider-runnable-track{background:none}.range-slider__slider:active::-webkit-slider-runnable-track{background:none}.range-slider__slider-container{width:100%;position:relative;height:calc(var(--slider-thumb-size) + 0.5rem);padding-top:0.625rem;scrollbar-width:none}.range-slider__slider-container::-webkit-scrollbar{display:none}.range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider__slider-wrapper{display:flex;width:100%}.range-slider--secondary.range-slider--small .range-slider__slider-wrapper{margin-left:100%}.range-slider__input{--input-padding:0.75rem;--input-border-radius:0.625rem;max-height:3.125rem;max-width:12.5rem;margin:0 auto !important;appearance:textfield;-moz-appearance:textfield}.range-slider--large .range-slider__input{text-align:center;--input-padding:0.5rem}.range-slider__input::-webkit-outer-spin-button,.range-slider__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.range-slider__input-container{display:flex;flex-direction:column;position:absolute;top:calc(var(--slider-track-height) + 3.25rem);width:100%;z-index:1}.range-slider--large .range-slider__input-container{position:relative;max-width:3.125rem;margin-left:auto;margin-right:0;top:0}.range-slider--large.range-slider--no-controls .range-slider__input-container{top:-0.5rem}.range-slider__track{position:absolute;top:1rem;left:0;height:var(--slider-track-height);pointer-events:none;border-radius:var(--slider-track-border-radius)}.range-slider--small.range-slider--secondary .range-slider__track{border-radius:0}.range-slider__track--background{width:100%;background-color:var(--slider-track-background-color)}.range-slider--small.range-slider--secondary .range-slider__track--background{width:300%}.range-slider__track--progress{background-color:var(--slider-track-progress-color)}.range-slider--secondary .range-slider__track--progress{background-color:transparent}.range-slider__data-label{position:absolute;width:3rem;text-align:center;color:var(--slider-data-label-text-color);display:none}.range-slider__data-label:first-of-type{display:block}.range-slider__data-label:last-of-type{display:block}.range-slider--large .range-slider__data-label,.range-slider--medium .range-slider__data-label{display:block}.range-slider__current-step{font:500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;font-weight:500;color:var(--slider-step-counter-text-color);width:5.5rem;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:0.25rem 1rem;background-color:var(--slider-step-counter-background-color);border-radius:1rem}.range-slider__data-label-container,.range-slider__current-step-container{font:400 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;position:absolute;display:flex;height:1.5rem;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);margin:0 auto}.range-slider__data-label-container{top:calc(var(--slider-track-height) + 1.5rem)}.range-slider--secondary.range-slider--small .range-slider__data-label-container{margin-left:100%}.range-slider__current-step-container{top:calc(var(--slider-track-height) + 2.375rem)}.range-slider--large .range-slider__current-step-container,.range-slider--medium .range-slider__current-step-container{top:calc(var(--slider-track-height) + 3.25rem)}.range-slider__tick{width:var(--slider-tick-width);height:var(--slider-tick-height);border-radius:var(--slider-tick-border-radius);background-color:var(--slider-tick-primary-type-color)}.range-slider--secondary .range-slider__tick{width:0.25rem;height:0.25rem;border-radius:0.125rem;background-color:var(--slider-tick-secondary-type-color)}.range-slider__tick-container{position:absolute;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);top:calc(var(--slider-track-height) + 1.188rem);display:flex;justify-content:space-between;align-items:center}.range-slider--secondary .range-slider__tick-container{top:calc(var(--slider-track-height) + 0.625rem)}.range-slider--secondary.range-slider--small .range-slider__tick-container{margin-left:100%}.range-slider__tooltip-handle{position:absolute;height:var(--slider-thumb-size);width:var(--slider-thumb-size);top:0.438rem;border-radius:var(--slider-thumb-border-radius);pointer-events:none;box-shadow:var(--slider-thumb-shadow);background:var(--slider-thumb-color)}.range-slider__tooltip-handle--active{box-shadow:var(--slider-thumb-active-shadow)}.range-slider__tooltip{--tooltip-offset:0;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;position:absolute;display:flex;justify-content:center;align-items:center;left:calc(-2.25rem + var(--tooltip-offset));height:2rem;width:5.75rem;padding:0.5rem 1rem;border-radius:0.5rem;z-index:2;color:var(--slider-tooltip-text-color);background-color:var(--slider-tooltip-background-color);white-space:nowrap;top:-2.625rem;transition:top 150ms ease-in-out 0s}.range-slider__tooltip-handle--active .range-slider__tooltip{transition:top 150ms ease-in-out 150ms;top:-3.25rem}.range-slider__tooltip::before{content:"";position:absolute;left:calc(50% - var(--tooltip-offset));width:0.75rem;height:0.75rem;background:var(--slider-tooltip-background-color);bottom:0;transform:rotate(45deg);border-radius:0.125rem;margin:-0.25rem}.range-slider__control{--button-icon-mode-padding:0.25rem;display:flex;justify-content:center;align-items:center;z-index:1;position:absolute;top:calc(var(--slider-track-height) + 3.5rem)}.range-slider__control:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider--large .range-slider__control{position:static}.range-slider--secondary .range-slider__control{top:calc(var(--slider-track-height) + 2rem)}.range-slider--secondary.range-slider--medium .range-slider__control{top:calc(var(--slider-track-height) + 2.75rem)}.range-slider__control--left{margin:var(--slider-control-left-margin);left:0}.range-slider--medium .range-slider__control--left{left:unset;right:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--left{right:calc(50% + 4.25rem)}.range-slider__control--right{margin:var(--slider-control-right-margin);right:0}.range-slider--medium .range-slider__control--right{right:unset;left:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--right{left:calc(50% + 4.25rem)}.range-slider__control--icon{--icon-color:var(--slider-control-icon-color)}.range-slider .hidden{display:none}';export{n as tet_range_slider}

package/dist/tet-components/{p-77eaa70d.entry.js → p-94ef0a7b.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,h as t,H as o}from"./p-83f43fdd.js";const a=class{constructor(t){e(this,t)}render(){return t(o,{key:"c00bf5f8f88085235e0eec445234829bf30f0095"},t("div",{key:"e42ab642f415db9ce3007b32af5e648689943d46",class:"variable-container"},t("div",{key:"32ce4c880bf450c33f537fb58cba11437ee18e30",class:"container-title main"},"Grid klase"),t("div",{key:"b50a55ab6d613819ff6a15ba1f40e6fc17331107",class:"container-section"},t("div",{key:"0313acbf49cd3ded3c1b79fd65f872eb0accd767",class:"variable-name"},t("div",{key:"c73bfb08ff2408a6fd21e67fdf106216ab645f67",class:"variable-part"},"tet"),t("div",{key:"974ef1ef3df767d4eadf348ad5127b4b1c946e76",class:"variable-part"},"-grid")),t("div",{key:"b7001e845e7ed8bfdb3c0b4f1535ec9cc734b852",class:"variable-name"},t("div",{key:"9157fc9f39de07d54ca204af4c5bc0ea6a3a413e",class:"variable-part"},"tet-grid__cell")))),t("div",{key:"69abbd8ecb902dd922c37fd1bbf9434abdafdf3c",class:"container-wrapper"},t("div",{key:"ec9f7f407f631764f3589ec84a28b53383d9f798",class:"container-title"},"Grida lietojumi"),t("div",{key:"72f2b56936a13ee08166846315edd108315f056c",class:"container-comment"},"Parent līmenī ir jābūt klasei tet-grid. Tad childam ir jābūt tet-grid__cell."),t("div",{key:"e4a99cf27515aa2074f7e872f70b4bbe063159a1",class:"container-comment"},"Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"),t("div",{key:"ae7b7604ec15c57e76deef1b3b885a8befd66e49",class:"section"},t("div",{key:"342920ef42e484bac15e14427963cce49260a9f4",class:"section-content"},t("div",{key:"3513075a7966a9f76fe3a010f9e95ee7bb81897d",class:"show-grid tet-grid"},t("div",{key:"61d0d017100082e5e41f474ff09ccc06f3c5fc93",class:"show-span tet-grid__cell--span-all"},t("div",{key:"048523f16a4c8b06e0b9300a096dc2ff8102ba0c",class:"section-style"},"Teksts pa visu gridu"),t("div",{key:"36e669e72ec4bd70cdfa3d8a509dc3b8b4bb732c",class:"section-style-attribute"},"tet-grid__cell--span-all")))),t("div",{key:"559289ee9eaecdb8b3b70752b31dac5957f7bf52",class:"section-content"},t("div",{key:"4368d533698cabe5f3f797544c997cd140251adc",class:"show-grid tet-grid"},t("div",{key:"1be212c430f7245b3d1da78cafe380e2a3c50a1a",class:"show-span tet-grid__cell--span-4"},t("div",{key:"3f05a6e6542e0d28be255bceb025e250d0233cb3"},"Teksts pa 4 kolonām"),t("div",{key:"92d4ec1266d0b4b190338c308d616a4ab45802f2",class:"section-style-attribute"},"tet-grid__cell--span-4")))),t("div",{key:"54373a7f5a86792d53953b8748313ccd195b03dd",class:"section-content"},t("div",{key:"e0d3784a383a5b106cecb3181d5cf2b803475fca",class:"show-grid tet-grid"},t("div",{key:"48be13fdab979874c451ff7150c900e27532a209",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8"},t("div",{key:"5be6e9f84712a17f8d8a1c95508b4d3b7ddc7e18"},"Teksts pa 4 kolonām DF ekrāna, pa 8 LG "),t("div",{key:"bfd6646711a7ae539350a891fd40c061b1247f55",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")),t("div",{key:"2683bd476c659544730eef9db7d85c7c1be40e04",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4"},t("div",{key:"1eca12aec982020c24bac5e47fc0924d5468ed3e"},"Teksts pa 4 kolonām DF ekrāna, pa 4 LG "),t("div",{key:"4574301f8d11459ede1d8033dcdb53d1f6337a7d",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))),t("div",{key:"816f6aabe28beba269a825fb0e3fc0d885e5f0ac",class:"section-content"},t("div",{key:"3667290041e58dc9e956b65e38c4c10f202f84e0",class:"show-grid tet-grid"},t("div",{key:"2b7754931f327aab141cae9004f3e12b1e099dbc",class:"show-span tet-grid__cell--span-all"},t("div",{key:"68abf18320289fd526a57a671a217d366f0b8d9c"},"Tekstu, ko redzam visu laiku."," ",t("span",{key:"4aa1e1134ad02cc3bff7a102f6356f323884b1d8",class:"tet-grid__cell--hide tet-grid__cell--lg-show"},"Redzam tikai pie LG izmēra")),t("div",{key:"da5027fb04756de86b0c8df83a17534f5ee71349",class:"section-style-attribute"},"tet-grid__cell--hide",t("span",{key:"750f867dde6c76efe38fc8e29bdf8094b49bf817",class:"tet-grid__cell--hide tet-grid__cell--lg-show"},"tet-grid__cell--lg-show"))))),t("div",{key:"41c37e6f4055d1736696810b553e10b90dcff2fc",class:"section-content"},t("div",{key:"ed05113026032c3dcc40b678d0052e3996f8b3c7",class:"show-grid tet-grid"},t("div",{key:"82d68a58e5c0239e58456ddf99f15e7347ae1c70",class:"show-span tet-grid__cell--span-2"},t("div",{key:"6da6b4eff77e30c330645d6084e0d557100078fb",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"fc2eeb55cda48a23c8fa9e3d626724035e2a701a",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"e26af42d51b9ba6680ccbfc13a265a589acf2bb6"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"52f13d94946effdd1472b0d3945b2a74c51ea07f",class:"section-style-attribute"},"tet-grid__cell--lg-span-8")),t("div",{key:"42d57101e52cb8078bcb38b0444a49418fd996c2",class:"show-span tet-grid__cell--span-2"},t("div",{key:"1b78677e76104033af1b5be223fe37aed7082662",class:"section-style-attribute"},"tet-grid__cell--span-2")))))),t("div",{key:"9e2c27d39d1e8e5cdbb048cc27af4f773252a3a5",class:"container-wrapper"},t("div",{key:"3f5d8081d830763527c683034c09a410bb54c48f",class:"container-title"},"1920px breakpoint"),t("div",{key:"938e130df4dfe1fd03c311999af9fd339cf8ce79",class:"container-comment"},"Pievienojot papildus klasi"," ",t("strong",{key:"09fcb2c7bd861507b778b7cd039146e8bb7beac9"},t("i",{key:"91af4c11dbe49bb1a38a0a70adc4bca49f355616"}," tet-grid--gg")),", tiek iespējots elementa maksimālais platums līdz 1920px."),t("div",{key:"211d0e8069d708c15652a3edea37dceea572ccfa",class:"container-comment"},"Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"),t("div",{key:"7b527f565ed449b90bb49e3e87dc3ab156352105",class:"section"},t("div",{key:"09ef4d5876a523647437ef2e225562bef0793ddb",class:"section-content"},t("div",{key:"a6fd055b9cd10ca02e09cb0cf7f4b5ffc8abd6b0",class:"show-grid tet-grid tet-grid--gg"},t("div",{key:"fa2c064ce8875ac22ae5b375cea71ec366a15ec8",class:"show-span tet-grid__cell--span-2"},t("div",{key:"346506d846567ea71384922738f6971a73765a97",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"55d42d4517e93750b201d36023cbdbb7181c2af9",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"16f008449fd9edc277bc2c0852496ea992382956"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"e10558cf8bd347b6079449a76b417d3c674333e6",class:"section-style-attribute"},"tet-grid__cell--lg-span-8"),t("div",{key:"099c67bd0be42997adb6311421b7765e5f97c474",class:"tet-grid tet-grid--gg"},t("div",{key:"ed9d581c2fda9f0469c4f974ced631c4d5244089",class:"tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt"},t("div",{key:"65a36b9e402d49d73e23040b2bad2cf73624a43f"},"Šis teksts ir redzams tikai no 1920px platuma."),t("div",{key:"12b787e270eece9fd192d7736ecede2128a51138",class:"section-style-attribute"},"tet-grid__cell--lg-span-12"),t("div",{key:"d125b7fd4a318c24b4480b8e1227a5aacd4be163",class:"section-style-attribute"},"tet-grid__cell--hide"),t("div",{key:"b07aeca5f075337707959cf0cec3d11ca864dcfc",class:"section-style-attribute"},"tet-grid__cell--gg-show")))),t("div",{key:"ecac7e70ca139d463114d9eaf3cd9c589cd67f0d",class:"show-span tet-grid__cell--span-2"},t("div",{key:"876c340f7ac557bba3b9d75c2b7f3178dc9cca76",class:"section-style-attribute"},"tet-grid__cell--span-2")))))))}};a.style='@charset "UTF-8";: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)}.tet-grid-story{--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)}.container-title{background:rgb(235, 237, 239);padding:2rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container-title.main{font-weight:600}.container-comment{background:rgb(235, 237, 239);padding:1rem 0;font-size:1rem;text-align:center;margin:0.25rem 0;border-radius:1.5rem}.container-section{display:flex;flex-direction:column;flex-wrap:wrap;border:0.0625rem gray solid;border-radius:2rem;padding:1rem;gap:1rem;justify-content:center;height:12.5rem}.variable-name{display:flex;flex-direction:row;justify-content:center;font-size:1.75rem}.variable-part{position:relative;font-size:1.75rem;align-self:center}.variable:after{border-top:0.125rem solid #779af5;position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{content:"izmērs"}.variable-direction:after{content:"veids"}.section-wrapper{gap:1rem;display:flex;flex-direction:row}.section{gap:0.5rem;display:flex;flex-wrap:wrap}.section-content{border:0.0625rem solid gray;border-radius:2rem;flex:1 1 49%}.section-title{font-size:1rem;border-top:0.0625rem solid gray;margin-top:1rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.section-style-attribute{color:grey}.show-span{background:lightgrey}.show-grid{background:darkgrey;border-radius:2rem;height:100%}';export{a as tet_grid}
1	+ import{r as e,h as t,H as o}from"./p-5abb3bea.js";const a=class{constructor(t){e(this,t)}render(){return t(o,{key:"c00bf5f8f88085235e0eec445234829bf30f0095"},t("div",{key:"e42ab642f415db9ce3007b32af5e648689943d46",class:"variable-container"},t("div",{key:"32ce4c880bf450c33f537fb58cba11437ee18e30",class:"container-title main"},"Grid klase"),t("div",{key:"b50a55ab6d613819ff6a15ba1f40e6fc17331107",class:"container-section"},t("div",{key:"0313acbf49cd3ded3c1b79fd65f872eb0accd767",class:"variable-name"},t("div",{key:"c73bfb08ff2408a6fd21e67fdf106216ab645f67",class:"variable-part"},"tet"),t("div",{key:"974ef1ef3df767d4eadf348ad5127b4b1c946e76",class:"variable-part"},"-grid")),t("div",{key:"b7001e845e7ed8bfdb3c0b4f1535ec9cc734b852",class:"variable-name"},t("div",{key:"9157fc9f39de07d54ca204af4c5bc0ea6a3a413e",class:"variable-part"},"tet-grid__cell")))),t("div",{key:"69abbd8ecb902dd922c37fd1bbf9434abdafdf3c",class:"container-wrapper"},t("div",{key:"ec9f7f407f631764f3589ec84a28b53383d9f798",class:"container-title"},"Grida lietojumi"),t("div",{key:"72f2b56936a13ee08166846315edd108315f056c",class:"container-comment"},"Parent līmenī ir jābūt klasei tet-grid. Tad childam ir jābūt tet-grid__cell."),t("div",{key:"e4a99cf27515aa2074f7e872f70b4bbe063159a1",class:"container-comment"},"Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"),t("div",{key:"ae7b7604ec15c57e76deef1b3b885a8befd66e49",class:"section"},t("div",{key:"342920ef42e484bac15e14427963cce49260a9f4",class:"section-content"},t("div",{key:"3513075a7966a9f76fe3a010f9e95ee7bb81897d",class:"show-grid tet-grid"},t("div",{key:"61d0d017100082e5e41f474ff09ccc06f3c5fc93",class:"show-span tet-grid__cell--span-all"},t("div",{key:"048523f16a4c8b06e0b9300a096dc2ff8102ba0c",class:"section-style"},"Teksts pa visu gridu"),t("div",{key:"36e669e72ec4bd70cdfa3d8a509dc3b8b4bb732c",class:"section-style-attribute"},"tet-grid__cell--span-all")))),t("div",{key:"559289ee9eaecdb8b3b70752b31dac5957f7bf52",class:"section-content"},t("div",{key:"4368d533698cabe5f3f797544c997cd140251adc",class:"show-grid tet-grid"},t("div",{key:"1be212c430f7245b3d1da78cafe380e2a3c50a1a",class:"show-span tet-grid__cell--span-4"},t("div",{key:"3f05a6e6542e0d28be255bceb025e250d0233cb3"},"Teksts pa 4 kolonām"),t("div",{key:"92d4ec1266d0b4b190338c308d616a4ab45802f2",class:"section-style-attribute"},"tet-grid__cell--span-4")))),t("div",{key:"54373a7f5a86792d53953b8748313ccd195b03dd",class:"section-content"},t("div",{key:"e0d3784a383a5b106cecb3181d5cf2b803475fca",class:"show-grid tet-grid"},t("div",{key:"48be13fdab979874c451ff7150c900e27532a209",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8"},t("div",{key:"5be6e9f84712a17f8d8a1c95508b4d3b7ddc7e18"},"Teksts pa 4 kolonām DF ekrāna, pa 8 LG "),t("div",{key:"bfd6646711a7ae539350a891fd40c061b1247f55",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")),t("div",{key:"2683bd476c659544730eef9db7d85c7c1be40e04",class:"show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4"},t("div",{key:"1eca12aec982020c24bac5e47fc0924d5468ed3e"},"Teksts pa 4 kolonām DF ekrāna, pa 4 LG "),t("div",{key:"4574301f8d11459ede1d8033dcdb53d1f6337a7d",class:"section-style-attribute"},"tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))),t("div",{key:"816f6aabe28beba269a825fb0e3fc0d885e5f0ac",class:"section-content"},t("div",{key:"3667290041e58dc9e956b65e38c4c10f202f84e0",class:"show-grid tet-grid"},t("div",{key:"2b7754931f327aab141cae9004f3e12b1e099dbc",class:"show-span tet-grid__cell--span-all"},t("div",{key:"68abf18320289fd526a57a671a217d366f0b8d9c"},"Tekstu, ko redzam visu laiku."," ",t("span",{key:"4aa1e1134ad02cc3bff7a102f6356f323884b1d8",class:"tet-grid__cell--hide tet-grid__cell--lg-show"},"Redzam tikai pie LG izmēra")),t("div",{key:"da5027fb04756de86b0c8df83a17534f5ee71349",class:"section-style-attribute"},"tet-grid__cell--hide",t("span",{key:"750f867dde6c76efe38fc8e29bdf8094b49bf817",class:"tet-grid__cell--hide tet-grid__cell--lg-show"},"tet-grid__cell--lg-show"))))),t("div",{key:"41c37e6f4055d1736696810b553e10b90dcff2fc",class:"section-content"},t("div",{key:"ed05113026032c3dcc40b678d0052e3996f8b3c7",class:"show-grid tet-grid"},t("div",{key:"82d68a58e5c0239e58456ddf99f15e7347ae1c70",class:"show-span tet-grid__cell--span-2"},t("div",{key:"6da6b4eff77e30c330645d6084e0d557100078fb",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"fc2eeb55cda48a23c8fa9e3d626724035e2a701a",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"e26af42d51b9ba6680ccbfc13a265a589acf2bb6"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"52f13d94946effdd1472b0d3945b2a74c51ea07f",class:"section-style-attribute"},"tet-grid__cell--lg-span-8")),t("div",{key:"42d57101e52cb8078bcb38b0444a49418fd996c2",class:"show-span tet-grid__cell--span-2"},t("div",{key:"1b78677e76104033af1b5be223fe37aed7082662",class:"section-style-attribute"},"tet-grid__cell--span-2")))))),t("div",{key:"9e2c27d39d1e8e5cdbb048cc27af4f773252a3a5",class:"container-wrapper"},t("div",{key:"3f5d8081d830763527c683034c09a410bb54c48f",class:"container-title"},"1920px breakpoint"),t("div",{key:"938e130df4dfe1fd03c311999af9fd339cf8ce79",class:"container-comment"},"Pievienojot papildus klasi"," ",t("strong",{key:"09fcb2c7bd861507b778b7cd039146e8bb7beac9"},t("i",{key:"91af4c11dbe49bb1a38a0a70adc4bca49f355616"}," tet-grid--gg")),", tiek iespējots elementa maksimālais platums līdz 1920px."),t("div",{key:"211d0e8069d708c15652a3edea37dceea572ccfa",class:"container-comment"},"Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"),t("div",{key:"7b527f565ed449b90bb49e3e87dc3ab156352105",class:"section"},t("div",{key:"09ef4d5876a523647437ef2e225562bef0793ddb",class:"section-content"},t("div",{key:"a6fd055b9cd10ca02e09cb0cf7f4b5ffc8abd6b0",class:"show-grid tet-grid tet-grid--gg"},t("div",{key:"fa2c064ce8875ac22ae5b375cea71ec366a15ec8",class:"show-span tet-grid__cell--span-2"},t("div",{key:"346506d846567ea71384922738f6971a73765a97",class:"section-style-attribute"},"tet-grid__cell--span-2")),t("div",{key:"55d42d4517e93750b201d36023cbdbb7181c2af9",class:"show-span tet-grid__cell--lg-span-8"},t("div",{key:"16f008449fd9edc277bc2c0852496ea992382956"},"Teksts ir pa 8 kolonām un tam ir 2 kolonās robeža no abām pusēm"),t("div",{key:"e10558cf8bd347b6079449a76b417d3c674333e6",class:"section-style-attribute"},"tet-grid__cell--lg-span-8"),t("div",{key:"099c67bd0be42997adb6311421b7765e5f97c474",class:"tet-grid tet-grid--gg"},t("div",{key:"ed9d581c2fda9f0469c4f974ced631c4d5244089",class:"tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt"},t("div",{key:"65a36b9e402d49d73e23040b2bad2cf73624a43f"},"Šis teksts ir redzams tikai no 1920px platuma."),t("div",{key:"12b787e270eece9fd192d7736ecede2128a51138",class:"section-style-attribute"},"tet-grid__cell--lg-span-12"),t("div",{key:"d125b7fd4a318c24b4480b8e1227a5aacd4be163",class:"section-style-attribute"},"tet-grid__cell--hide"),t("div",{key:"b07aeca5f075337707959cf0cec3d11ca864dcfc",class:"section-style-attribute"},"tet-grid__cell--gg-show")))),t("div",{key:"ecac7e70ca139d463114d9eaf3cd9c589cd67f0d",class:"show-span tet-grid__cell--span-2"},t("div",{key:"876c340f7ac557bba3b9d75c2b7f3178dc9cca76",class:"section-style-attribute"},"tet-grid__cell--span-2")))))))}};a.style='@charset "UTF-8";: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)}.tet-grid-story{--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)}.container-title{background:rgb(235, 237, 239);padding:2rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container-title.main{font-weight:600}.container-comment{background:rgb(235, 237, 239);padding:1rem 0;font-size:1rem;text-align:center;margin:0.25rem 0;border-radius:1.5rem}.container-section{display:flex;flex-direction:column;flex-wrap:wrap;border:0.0625rem gray solid;border-radius:2rem;padding:1rem;gap:1rem;justify-content:center;height:12.5rem}.variable-name{display:flex;flex-direction:row;justify-content:center;font-size:1.75rem}.variable-part{position:relative;font-size:1.75rem;align-self:center}.variable:after{border-top:0.125rem solid #779af5;position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{content:"izmērs"}.variable-direction:after{content:"veids"}.section-wrapper{gap:1rem;display:flex;flex-direction:row}.section{gap:0.5rem;display:flex;flex-wrap:wrap}.section-content{border:0.0625rem solid gray;border-radius:2rem;flex:1 1 49%}.section-title{font-size:1rem;border-top:0.0625rem solid gray;margin-top:1rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.section-style-attribute{color:grey}.show-span{background:lightgrey}.show-grid{background:darkgrey;border-radius:2rem;height:100%}';export{a as tet_grid}

package/dist/tet-components/{p-8a363e18.entry.js → p-992da373.entry.js} RENAMED Viewed

	@@ -1 +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?"close-circle":"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:"a7e0db38fc40b9caa6bebf0f5acce7832823718e"},t("ol",{key:"bd7ca5f6f9a3d9d61a3e10acd0bfc4a9308227a6",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}
1	+ 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?"close-circle":"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:"a7e0db38fc40b9caa6bebf0f5acce7832823718e"},t("ol",{key:"bd7ca5f6f9a3d9d61a3e10acd0bfc4a9308227a6",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}