@tet/tet-components 1.4.56-testing → 1.4.57-production

package/dist/tet-components/{p-a0f05860.entry.js → p-4fe60559.entry.js}

@@ -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(100*e)/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)/t*100};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({[r*i+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+i*s/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)/e*100;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:"a28e94b9222f6f8f940ec3867d7f7e556d4dbdb4"},i("div",{key:"186d18461c62a36808752d9b2c8ac54ffe1dc18d",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:"d39351f18cb4457eaf745d70b6f64e0dcd444dd9",class:{"range-slider__input-container":!0,hidden:!this.withInput}},i("tet-input",{key:"481be32f255fa0fe20ddf193828627acd7d917b9","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:"0230ee44fef3655a3c24c331522147e1530a327f",class:"range-slider__container"},i("tet-button",{key:"7c82c12b6547879602bbd5638f426bef276df404",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:"95f1265a7c1843ff6b7df1701a70b79cf0a44e94",name:"remove",class:"range-slider__control--icon"})),i("div",{key:"054e6a6efb206926f4985cbb8cb717d945ad24de",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:"a6d528f2c94403c8e53738765ec028c1015584d4",class:"range-slider__slider-wrapper"},i("input",{key:"5d944e7ce626206d86ad44c10f1d44db0847623c",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:"d80092b149048a3399855d0ad4cccd5a8f37af28",class:"range-slider__track range-slider__track--background"}),i("div",{key:"e1f608dff41254a55c337fab295af311649e1d15",ref:e=>this.progressTrackRef=e,class:"range-slider__track range-slider__track--progress"}),i("div",{key:"93599a8e42246cc76a3aebc3762b53b4d54be275",ref:e=>this.tickContainerRef=e,class:"range-slider__tick-container"}),i("div",{key:"82e185452a4ec1067c5ddc945ab349b0159fbbe6",ref:e=>this.dataLabelRef=e,class:{"range-slider__data-label-container":!0,hidden:"secondary"===this.type&&"small"===this.containerSize}})),i("div",{key:"655ab2f3b2a9429146ba5babd67b2401d040d27a",class:{"range-slider__current-step-container":!0,hidden:!this.withCurrentStepCounter}},i("div",{key:"dfb02d1ed0fdfa5c9b2acc9eb48d9e50cba206ce",class:"range-slider__current-step","aria-live":"polite"},this.dataSet.indexOf(this.getClosestOverrideDataPoint())+1,"/",this.dataPoints.length)),i("div",{key:"c9842e7686edd3fda90f2567a802310de33cf535",ref:e=>this.tooltipHandleRef=e,class:"range-slider__tooltip-handle"},i("div",{key:"a1c8e726fa5c0ec34738b4507d37ae226ae7f223",class:"range-slider__tooltip translation-none",style:{"--tooltip-offset":`${this.tooltipOffset}rem`},"aria-live":"polite"},this.getTooltipValue())),i("tet-button",{key:"37dce06696f417662d6ac00dc4dbe1b684db1043",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:"16b4110bbb7a001c6afff6777af7a7d029f4967a",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}
+import{r as e,c as t,g as r,h as i,H as s}from"./p-7c868b40.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(100*e)/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)/t*100};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({[r*i+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+i*s/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)/e*100;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:"a28e94b9222f6f8f940ec3867d7f7e556d4dbdb4"},i("div",{key:"186d18461c62a36808752d9b2c8ac54ffe1dc18d",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:"d39351f18cb4457eaf745d70b6f64e0dcd444dd9",class:{"range-slider__input-container":!0,hidden:!this.withInput}},i("tet-input",{key:"481be32f255fa0fe20ddf193828627acd7d917b9","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:"0230ee44fef3655a3c24c331522147e1530a327f",class:"range-slider__container"},i("tet-button",{key:"7c82c12b6547879602bbd5638f426bef276df404",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:"95f1265a7c1843ff6b7df1701a70b79cf0a44e94",name:"remove",class:"range-slider__control--icon"})),i("div",{key:"054e6a6efb206926f4985cbb8cb717d945ad24de",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:"a6d528f2c94403c8e53738765ec028c1015584d4",class:"range-slider__slider-wrapper"},i("input",{key:"5d944e7ce626206d86ad44c10f1d44db0847623c",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:"d80092b149048a3399855d0ad4cccd5a8f37af28",class:"range-slider__track range-slider__track--background"}),i("div",{key:"e1f608dff41254a55c337fab295af311649e1d15",ref:e=>this.progressTrackRef=e,class:"range-slider__track range-slider__track--progress"}),i("div",{key:"93599a8e42246cc76a3aebc3762b53b4d54be275",ref:e=>this.tickContainerRef=e,class:"range-slider__tick-container"}),i("div",{key:"82e185452a4ec1067c5ddc945ab349b0159fbbe6",ref:e=>this.dataLabelRef=e,class:{"range-slider__data-label-container":!0,hidden:"secondary"===this.type&&"small"===this.containerSize}})),i("div",{key:"655ab2f3b2a9429146ba5babd67b2401d040d27a",class:{"range-slider__current-step-container":!0,hidden:!this.withCurrentStepCounter}},i("div",{key:"dfb02d1ed0fdfa5c9b2acc9eb48d9e50cba206ce",class:"range-slider__current-step","aria-live":"polite"},this.dataSet.indexOf(this.getClosestOverrideDataPoint())+1,"/",this.dataPoints.length)),i("div",{key:"c9842e7686edd3fda90f2567a802310de33cf535",ref:e=>this.tooltipHandleRef=e,class:"range-slider__tooltip-handle"},i("div",{key:"a1c8e726fa5c0ec34738b4507d37ae226ae7f223",class:"range-slider__tooltip translation-none",style:{"--tooltip-offset":`${this.tooltipOffset}rem`},"aria-live":"polite"},this.getTooltipValue())),i("tet-button",{key:"37dce06696f417662d6ac00dc4dbe1b684db1043",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:"16b4110bbb7a001c6afff6777af7a7d029f4967a",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-920c54d8.entry.js → p-5104fc99.entry.js}

@@ -1 +1 @@
-import{r as o,h as t}from"./p-83f43fdd.js";const f=class{constructor(t){o(this,t),this.variant="attention",this.theme="light"}iconMapping={attention:"attention",info:"info-circle",danger:"close-circle",success:"check-circle"};render(){return t("div",{key:"50546c6dad91114be7af64d9b910c1a73f99d44d",class:{container:!0,[this.theme]:!0,[this.variant]:!0}},t("tet-icon",{key:"dd1f03de15f92020d1e070cb8d4d5c57665cf760",class:"container__icon",name:this.iconMapping[this.variant]}),t("div",{key:"0c8506144bbb595b62c4b355b2a0cb7f0e2c9ebb",class:"content"},t("slot",{key:"1c6c2efa6df2bc8dc9ad33382d25bcee28b8e362",name:"title"})," ",t("slot",{key:"299638b4761bb22de8bfca6740efa4857a4ff8fa",name:"description"})))}};f.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")}@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{--inline-message-color:var(--tc-text-primary);--inline-message-padding:0.75rem 0;--inline-message-border-top:none;--inline-message-border-bottom-default:0.03125rem solid var(--tc-border-tertiary);--inline-message-border-bottom:var(--inline-message-border-bottom-default);display:block}.container{display:flex;align-items:baseline;gap:0.5rem;padding:var(--inline-message-padding);border-top:var(--inline-message-border-top);border-bottom:var(--inline-message-border-bottom);color:var(--inline-message-color)}.container.dark{--inline-message-color:var(--tc-text-primary-dark);--inline-message-border-bottom-default:0.03125rem solid var(--tc-border-tertiary-dark)}.container.attention .container__icon{--icon-color:var(--tc-alert-accent-warning)}.container.attention.dark .container__icon{--icon-color:var(--tc-alert-accent-warning-dark)}.container.info .container__icon{--icon-color:var(--tc-alert-accent-info)}.container.info.dark .container__icon{--icon-color:var(--tc-alert-accent-info-dark)}.container.success .container__icon{--icon-color:var(--tc-alert-accent-success)}.container.success.dark .container__icon{--icon-color:var(--tc-alert-accent-success-dark)}.container.danger .container__icon{--icon-color:var(--tc-alert-accent-error)}.container.danger.dark .container__icon{--icon-color:var(--tc-alert-accent-error-dark)}::slotted([slot=title]){font:600 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}::slotted([slot=description]){font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.content{position:relative;max-width:32.5rem;top:0.125rem}';export{f as tet_inline_message}
+import{r as o,h as t}from"./p-7c868b40.js";const f=class{constructor(t){o(this,t),this.variant="attention",this.theme="light"}iconMapping={attention:"attention",info:"info-circle",danger:"close-circle",success:"check-circle"};render(){return t("div",{key:"50546c6dad91114be7af64d9b910c1a73f99d44d",class:{container:!0,[this.theme]:!0,[this.variant]:!0}},t("tet-icon",{key:"dd1f03de15f92020d1e070cb8d4d5c57665cf760",class:"container__icon",name:this.iconMapping[this.variant]}),t("div",{key:"0c8506144bbb595b62c4b355b2a0cb7f0e2c9ebb",class:"content"},t("slot",{key:"1c6c2efa6df2bc8dc9ad33382d25bcee28b8e362",name:"title"})," ",t("slot",{key:"299638b4761bb22de8bfca6740efa4857a4ff8fa",name:"description"})))}};f.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")}@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{--inline-message-color:var(--tc-text-primary);--inline-message-padding:0.75rem 0;--inline-message-border-top:none;--inline-message-border-bottom-default:0.03125rem solid var(--tc-border-tertiary);--inline-message-border-bottom:var(--inline-message-border-bottom-default);display:block}.container{display:flex;align-items:baseline;gap:0.5rem;padding:var(--inline-message-padding);border-top:var(--inline-message-border-top);border-bottom:var(--inline-message-border-bottom);color:var(--inline-message-color)}.container.dark{--inline-message-color:var(--tc-text-primary-dark);--inline-message-border-bottom-default:0.03125rem solid var(--tc-border-tertiary-dark)}.container.attention .container__icon{--icon-color:var(--tc-alert-accent-warning)}.container.attention.dark .container__icon{--icon-color:var(--tc-alert-accent-warning-dark)}.container.info .container__icon{--icon-color:var(--tc-alert-accent-info)}.container.info.dark .container__icon{--icon-color:var(--tc-alert-accent-info-dark)}.container.success .container__icon{--icon-color:var(--tc-alert-accent-success)}.container.success.dark .container__icon{--icon-color:var(--tc-alert-accent-success-dark)}.container.danger .container__icon{--icon-color:var(--tc-alert-accent-error)}.container.danger.dark .container__icon{--icon-color:var(--tc-alert-accent-error-dark)}::slotted([slot=title]){font:600 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}::slotted([slot=description]){font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.content{position:relative;max-width:32.5rem;top:0.125rem}';export{f as tet_inline_message}

package/dist/tet-components/{p-5391d594.entry.js → p-52301881.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,g as s,h,H as e}from"./p-83f43fdd.js";const n=class{constructor(s){t(this,s),this.counterStarted=i(this,"counterStarted",7),this.counterFinished=i(this,"counterFinished",7),this.startValue=0,this.endValue=10,this.duration=2e3,this.delay=0,this.valueSteps=0,this.stepValues=void 0,this.loopInterval=0,this.easing=void 0,this.easingConfig=void 0,this.disableAnimation=!1,this.thousandSeparator=!0,this.startOnViewport=!0,this.currentValue=0}get hostElement(){return s(this)}counterStarted;counterFinished;animationFrameId;loopTimeoutId;startDelayTimeoutId;viewportObserver;hasEnteredViewport=!1;componentWillLoad(){this.scheduleCounterStart()}disconnectedCallback(){this.clearTimer(),this.clearViewportObserver()}onCounterConfigChanged(){this.scheduleCounterStart()}async restartCounter(){this.scheduleCounterStart({requireViewport:!0})}clearViewportObserver(){this.viewportObserver?.disconnect(),this.viewportObserver=void 0}scheduleCounterStart(t={}){return!this.startOnViewport||!t.requireViewport&&this.hasEnteredViewport?(this.clearViewportObserver(),void this.startCounter()):(this.clearTimer(),this.currentValue=this.startValue,void 0===globalThis.IntersectionObserver?(this.hasEnteredViewport=!0,void this.startCounter()):void(this.viewportObserver||(this.viewportObserver=new globalThis.IntersectionObserver((t=>{t.some((t=>t.isIntersecting))&&(this.hasEnteredViewport=!0,this.clearViewportObserver(),this.startCounter())})),this.viewportObserver.observe(this.hostElement))))}getSafeStepCount(){const t=Math.floor(this.valueSteps);if(t<2)return 0;const i=Math.abs(this.endValue-this.startValue);return 0===i?0:Math.min(t,i+1)}getExplicitStepValues(){if(!Array.isArray(this.stepValues)||0===this.stepValues.length)return null;const t=this.stepValues.filter((t=>Number.isFinite(t))).map((t=>Math.round(t)));if(0===t.length)return null;const i=[...t];i[0]!==this.startValue&&i.unshift(this.startValue),i.at(-1)!==this.endValue&&i.push(this.endValue);const s=i.filter(((t,i,s)=>0===i||t!==s[i-1]));return s.length>=2?s:null}getRandomizedStepValues(t){const i=Math.min(this.startValue,this.endValue),s=Math.max(this.startValue,this.endValue),h=new Set([this.startValue,this.endValue]);for(;h.size<t;){const t=Math.floor(Math.random()*(s-i+1))+i;h.add(t)}const e=Array.from(h).sort(((t,i)=>t-i));return this.startValue>this.endValue&&e.reverse(),e}clearTimer(){void 0!==this.animationFrameId&&(globalThis.cancelAnimationFrame(this.animationFrameId),this.animationFrameId=void 0),void 0!==this.loopTimeoutId&&(globalThis.clearTimeout(this.loopTimeoutId),this.loopTimeoutId=void 0),void 0!==this.startDelayTimeoutId&&(globalThis.clearTimeout(this.startDelayTimeoutId),this.startDelayTimeoutId=void 0)}scheduleLoopRestart(){const t=Number.isFinite(this.loopInterval)?Math.max(0,this.loopInterval):0;0!==t&&(this.loopTimeoutId=globalThis.setTimeout((()=>{this.loopTimeoutId=void 0,this.startCounter({skipDelay:!0})}),t))}getAnimationProgress(t){return"ease-out"===this.easing?this.getEasingCurveProgress(t):"ease-in"===this.easing?1-this.getEasingCurveProgress(1-t):t}getEasingCurveProgress(t){const i=this.easingConfig?.startProgress??.2,s=this.easingConfig?.progressAtStart??.5,h=this.easingConfig?.power??3,e=Number.isFinite(i)?i:.2,n=Number.isFinite(s)?s:.5,o=Number.isFinite(h)?h:3,r=Math.min(.99,Math.max(.01,e)),a=Math.min(.99,Math.max(r,n)),u=Math.max(1.01,o);if(t<=r)return a/r*t;const d=(t-r)/(1-r),l=1-Math.pow(1-d,u),c=Math.min(.85,Math.max(.55,1-1/u));return a+(1-a)*(c*l+(1-c)*d)}getProgressValue(t){const i=this.endValue-this.startValue,s=this.startValue+i*t;return i>=0?Math.floor(s):Math.ceil(s)}startCounter(t={}){this.clearTimer();const i=Number.isFinite(this.delay)?Math.max(0,this.delay):0;if(!t.skipDelay&&i>0)return this.currentValue=this.startValue,void(this.startDelayTimeoutId=globalThis.setTimeout((()=>{this.startDelayTimeoutId=void 0,this.startCounter({skipDelay:!0})}),i));if(this.counterStarted.emit(),this.disableAnimation)return this.currentValue=this.endValue,void this.counterFinished.emit();if(this.currentValue=this.startValue,this.startValue===this.endValue)return this.counterFinished.emit(),void this.scheduleLoopRestart();const s=Math.max(0,this.duration);if(0===s)return this.currentValue=this.endValue,this.counterFinished.emit(),void this.scheduleLoopRestart();const h=this.getExplicitStepValues(),e=this.getSafeStepCount(),n=h??(e>0?this.getRandomizedStepValues(e):[]),o=n.length>0,r=o?n.length-1:0,a=performance.now(),u=t=>{const i=Math.min(1,Math.max(0,(t-a)/s)),h=this.getAnimationProgress(i);if(o){const t=Math.max(0,Math.min(r,Math.floor(h*r)));this.currentValue=n[t]??this.endValue}else this.currentValue=this.getProgressValue(h);if(i>=1)return this.currentValue=this.endValue,this.clearTimer(),this.counterFinished.emit(),void this.scheduleLoopRestart();this.animationFrameId=globalThis.requestAnimationFrame(u)};this.animationFrameId=globalThis.requestAnimationFrame(u)}formatValue(t){return this.thousandSeparator?t.toLocaleString("lv-LV").replaceAll(" "," "):String(t)}outputValue(){return this.formatValue(this.disableAnimation?this.endValue:this.currentValue)}render(){return h(e,{key:"e13bec371c06dfe2347fedab93e48b3a56e12554"},h("span",{key:"05201f960f7c0ca1867c115dd54d7d8f126cd431",part:"counter","aria-hidden":"true"},this.outputValue()),h("span",{key:"87842c7a8fd6344c5b1c527d484179b56eb4a2f6",class:"sr-only"},this.formatValue(this.endValue)))}static get watchers(){return{startValue:["onCounterConfigChanged"],endValue:["onCounterConfigChanged"],duration:["onCounterConfigChanged"],delay:["onCounterConfigChanged"],valueSteps:["onCounterConfigChanged"],stepValues:["onCounterConfigChanged"],loopInterval:["onCounterConfigChanged"],easing:["onCounterConfigChanged"],easingConfig:["onCounterConfigChanged"],disableAnimation:["onCounterConfigChanged"],startOnViewport:["onCounterConfigChanged"]}}};n.style=":host{display:inline-block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);clip-path:inset(50%)}";export{n as tet_counter}
+import{r as t,c as i,g as s,h,H as e}from"./p-7c868b40.js";const n=class{constructor(s){t(this,s),this.counterStarted=i(this,"counterStarted",7),this.counterFinished=i(this,"counterFinished",7),this.startValue=0,this.endValue=10,this.duration=2e3,this.delay=0,this.valueSteps=0,this.stepValues=void 0,this.loopInterval=0,this.easing=void 0,this.easingConfig=void 0,this.disableAnimation=!1,this.thousandSeparator=!0,this.startOnViewport=!0,this.currentValue=0}get hostElement(){return s(this)}counterStarted;counterFinished;animationFrameId;loopTimeoutId;startDelayTimeoutId;viewportObserver;hasEnteredViewport=!1;componentWillLoad(){this.scheduleCounterStart()}disconnectedCallback(){this.clearTimer(),this.clearViewportObserver()}onCounterConfigChanged(){this.scheduleCounterStart()}async restartCounter(){this.scheduleCounterStart({requireViewport:!0})}clearViewportObserver(){this.viewportObserver?.disconnect(),this.viewportObserver=void 0}scheduleCounterStart(t={}){return!this.startOnViewport||!t.requireViewport&&this.hasEnteredViewport?(this.clearViewportObserver(),void this.startCounter()):(this.clearTimer(),this.currentValue=this.startValue,void 0===globalThis.IntersectionObserver?(this.hasEnteredViewport=!0,void this.startCounter()):void(this.viewportObserver||(this.viewportObserver=new globalThis.IntersectionObserver((t=>{t.some((t=>t.isIntersecting))&&(this.hasEnteredViewport=!0,this.clearViewportObserver(),this.startCounter())})),this.viewportObserver.observe(this.hostElement))))}getSafeStepCount(){const t=Math.floor(this.valueSteps);if(t<2)return 0;const i=Math.abs(this.endValue-this.startValue);return 0===i?0:Math.min(t,i+1)}getExplicitStepValues(){if(!Array.isArray(this.stepValues)||0===this.stepValues.length)return null;const t=this.stepValues.filter((t=>Number.isFinite(t))).map((t=>Math.round(t)));if(0===t.length)return null;const i=[...t];i[0]!==this.startValue&&i.unshift(this.startValue),i.at(-1)!==this.endValue&&i.push(this.endValue);const s=i.filter(((t,i,s)=>0===i||t!==s[i-1]));return s.length>=2?s:null}getRandomizedStepValues(t){const i=Math.min(this.startValue,this.endValue),s=Math.max(this.startValue,this.endValue),h=new Set([this.startValue,this.endValue]);for(;h.size<t;){const t=Math.floor(Math.random()*(s-i+1))+i;h.add(t)}const e=Array.from(h).sort(((t,i)=>t-i));return this.startValue>this.endValue&&e.reverse(),e}clearTimer(){void 0!==this.animationFrameId&&(globalThis.cancelAnimationFrame(this.animationFrameId),this.animationFrameId=void 0),void 0!==this.loopTimeoutId&&(globalThis.clearTimeout(this.loopTimeoutId),this.loopTimeoutId=void 0),void 0!==this.startDelayTimeoutId&&(globalThis.clearTimeout(this.startDelayTimeoutId),this.startDelayTimeoutId=void 0)}scheduleLoopRestart(){const t=Number.isFinite(this.loopInterval)?Math.max(0,this.loopInterval):0;0!==t&&(this.loopTimeoutId=globalThis.setTimeout((()=>{this.loopTimeoutId=void 0,this.startCounter({skipDelay:!0})}),t))}getAnimationProgress(t){return"ease-out"===this.easing?this.getEasingCurveProgress(t):"ease-in"===this.easing?1-this.getEasingCurveProgress(1-t):t}getEasingCurveProgress(t){const i=this.easingConfig?.startProgress??.2,s=this.easingConfig?.progressAtStart??.5,h=this.easingConfig?.power??3,e=Number.isFinite(i)?i:.2,n=Number.isFinite(s)?s:.5,o=Number.isFinite(h)?h:3,r=Math.min(.99,Math.max(.01,e)),a=Math.min(.99,Math.max(r,n)),u=Math.max(1.01,o);if(t<=r)return a/r*t;const d=(t-r)/(1-r),l=1-Math.pow(1-d,u),c=Math.min(.85,Math.max(.55,1-1/u));return a+(1-a)*(c*l+(1-c)*d)}getProgressValue(t){const i=this.endValue-this.startValue,s=this.startValue+i*t;return i>=0?Math.floor(s):Math.ceil(s)}startCounter(t={}){this.clearTimer();const i=Number.isFinite(this.delay)?Math.max(0,this.delay):0;if(!t.skipDelay&&i>0)return this.currentValue=this.startValue,void(this.startDelayTimeoutId=globalThis.setTimeout((()=>{this.startDelayTimeoutId=void 0,this.startCounter({skipDelay:!0})}),i));if(this.counterStarted.emit(),this.disableAnimation)return this.currentValue=this.endValue,void this.counterFinished.emit();if(this.currentValue=this.startValue,this.startValue===this.endValue)return this.counterFinished.emit(),void this.scheduleLoopRestart();const s=Math.max(0,this.duration);if(0===s)return this.currentValue=this.endValue,this.counterFinished.emit(),void this.scheduleLoopRestart();const h=this.getExplicitStepValues(),e=this.getSafeStepCount(),n=h??(e>0?this.getRandomizedStepValues(e):[]),o=n.length>0,r=o?n.length-1:0,a=performance.now(),u=t=>{const i=Math.min(1,Math.max(0,(t-a)/s)),h=this.getAnimationProgress(i);if(o){const t=Math.max(0,Math.min(r,Math.floor(h*r)));this.currentValue=n[t]??this.endValue}else this.currentValue=this.getProgressValue(h);if(i>=1)return this.currentValue=this.endValue,this.clearTimer(),this.counterFinished.emit(),void this.scheduleLoopRestart();this.animationFrameId=globalThis.requestAnimationFrame(u)};this.animationFrameId=globalThis.requestAnimationFrame(u)}formatValue(t){return this.thousandSeparator?t.toLocaleString("lv-LV").replaceAll(" "," "):String(t)}outputValue(){return this.formatValue(this.disableAnimation?this.endValue:this.currentValue)}render(){return h(e,{key:"e13bec371c06dfe2347fedab93e48b3a56e12554"},h("span",{key:"05201f960f7c0ca1867c115dd54d7d8f126cd431",part:"counter","aria-hidden":"true"},this.outputValue()),h("span",{key:"87842c7a8fd6344c5b1c527d484179b56eb4a2f6",class:"sr-only"},this.formatValue(this.endValue)))}static get watchers(){return{startValue:["onCounterConfigChanged"],endValue:["onCounterConfigChanged"],duration:["onCounterConfigChanged"],delay:["onCounterConfigChanged"],valueSteps:["onCounterConfigChanged"],stepValues:["onCounterConfigChanged"],loopInterval:["onCounterConfigChanged"],easing:["onCounterConfigChanged"],easingConfig:["onCounterConfigChanged"],disableAnimation:["onCounterConfigChanged"],startOnViewport:["onCounterConfigChanged"]}}};n.style=":host{display:inline-block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);clip-path:inset(50%)}";export{n as tet_counter}

package/dist/tet-components/{p-f6e7c000.entry.js → p-5574b3bf.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,g as o,f as s,h as r,H as n}from"./p-83f43fdd.js";import{p as a,t as i}from"./p-a8051a99.js";import{s as d,a as c}from"./p-7544dfd7.js";import"./p-0ebbf5ef.js";import{d as l}from"./p-64ec8edd.js";import{n as h}from"./p-58434b0c.js";import{a as f}from"./p-713fff27.js";import"./p-9a2b6ee2.js";const p=class{constructor(o){e(this,o),this.addressSelected=t(this,"addressSelected",7),this.clearInputField=t(this,"clearInputField",7),this.manualAddressInput=t(this,"manualAddressInput",7),this.searchSubmitted=t(this,"searchSubmitted",7),this.language="lv",this.minSearchKeywordLength=4,this.placeholder="Piemēram, Nometņu iela 10 - 5, Salaspils",this.label="",this.accessibilityLabel="",this.addressKey="",this.newStyle=!1,this.newFormsStyle=!1,this.redesignedStyle=!1,this.alwaysExpanded=!1,this.theme="classic",this.manualAddressTriggers=!1,this.isInputInvalid=!1,this.inputDisabled=!1,this.inputIconRight="",this.inputValueLength=0,this.isLoading=!1,this.isKeyboardFocus=!0,this.focusVisible=!1,this.elementActive=!1,this.searchButtonText="Parbaudīt",this.closeButtonText="Aizvert"}autocomplete;nativeInput;inputComponent;get searchElement(){return o(this)}onLanguageChanged(e){a("tet-components",e).then((()=>s(this)))}async search(e){this.nativeInput&&(e?await this.searchByAddressKey():await this.resetInputState())}onInputDisabledStateChange(e){e?this.removeIconRight():this.addClearIcon()}addressSelected;clearInputField;manualAddressInput;searchSubmitted;async resetInputState(){this.nativeInput.value="",this.inputValueLength=0,this.removeIconRight()}async componentWillLoad(){a("tet-components",this.language).then((()=>s(this)))}async componentDidLoad(){this.nativeInput=await(this.inputComponent?.getInputHtmlElement()),this.nativeInput?.addEventListener("input",this.toggleInputClearIcon),this.nativeInput?.addEventListener("input",this.handleInputTyping),this.nativeInput?.addEventListener("input",this.handleInputEmptyState),this.nativeInput?.addEventListener("click",this.handleClick),this.autocomplete?.addEventListener("activeComponentStateChanged",this.handleActiveStateChange),this.nativeInput&&(this.nativeInput.style.whiteSpace="nowrap",this.nativeInput.style.overflow="hidden",this.nativeInput.style.textOverflow="ellipsis"),this.addressKey&&await this.searchByAddressKey()}disconnectedCallback(){this.nativeInput?.removeEventListener("input",this.toggleInputClearIcon),this.nativeInput?.removeEventListener("input",this.handleInputTyping),this.nativeInput?.removeEventListener("input",this.handleInputEmptyState),this.nativeInput?.removeEventListener("click",this.handleClick),this.autocomplete?.removeEventListener("activeComponentStateChanged",this.handleActiveStateChange)}handleClick=()=>{this.elementActive=!0,this.focusVisible=!1};handleInputTyping=e=>{this.elementActive=!0,e?.data&&(this.focusVisible=!1)};handleActiveStateChange=e=>{this.elementActive=null!==e.detail};onKeyDown(e){"Tab"!==e.key||this.nativeInput?.value||(this.focusVisible=!0)}onFocusOut(e){this.searchElement.contains(e.relatedTarget)||(this.elementActive=!1)}async searchByAddressKey(){const e=this.inputDisabled;this.inputDisabled=!0;const t=await d(this.addressKey);t&&t.fullAddress?(this.addressSelected.emit(t),this.nativeInput.value=t.fullAddress,this.inputValueLength=this.nativeInput.value.length,e||this.addClearIcon()):this.clearInputAction(),e||(this.inputDisabled=!1)}handleInputEmptyState=({target:e,inputType:t})=>{0===h(e.value).length&&["deleteContentBackward","deleteContentForward","deleteWordBackward","deleteWordForward","deleteByCut","historyUndo","historyRedo"].includes(t)&&this.clearInputAction()};toggleInputClearIcon=({target:e})=>{const t=h(e.value);if(this.inputValueLength=t.length,this.newStyle&&this.inputValueLength>=this.minSearchKeywordLength)return this.addLoadIcon(),void this.removeIconRight();t&&!this.inputIconRight&&this.addClearIcon(),!t&&this.inputIconRight&&this.removeIconRight()};manualAddressInputAction=()=>{this.manualAddressInput.emit(),this.clearInputAction()};addressFilterFunction=async e=>{if(e.length<this.minSearchKeywordLength)return Promise.resolve([]);const t=(await c(e)??[]).map((({fullAddress:e,addressKey:t,postalCode:o})=>({label:e,value:{addressKey:t,postalCode:o}})));return this.manualAddressTriggers&&t.length>0&&t.push({label:i("components-address-search-manual-address-input"),value:"manual-input",clickCallback:this.manualAddressInputAction,ignoreHighlighting:!0,cssPart:"manual-input-option"}),t};debounceAddressFilter=l(this.addressFilterFunction,300);removeIconRight=()=>{this.inputIconRight=""};clearInputAction=()=>{this.autocomplete?.clear()};autocompleteClearInputCallback=()=>{this.removeIconRight(),this.inputValueLength=0,this.clearInputField.emit()};addClearIcon=()=>{this.isLoading=!1,this.inputIconRight="close"};finishedLoading=()=>{this.newStyle&&(this.removeIconRight(),this.inputValueLength>=1&&this.addClearIcon())};addLoadIcon=()=>{this.isLoading=!0};handleAutocompleteOptionSelection=e=>{e.detail._originalEvent instanceof PointerEvent?(this.addressSelected.emit({addressKey:e.detail.value.addressKey,fullAddress:e.detail.label,postalCode:e.detail.value.postalCode}),this.searchSubmitted.emit(e.detail.label)):this.addressSelected.emit({addressKey:e.detail.value.addressKey,fullAddress:e.detail.label,postalCode:e.detail.value.postalCode})};handleSearchSubmit=()=>{this.searchSubmitted.emit(this.nativeInput?.value)};handleCloseButtonClick=()=>{this.focusVisible=!1,this.elementActive=!1,this.autocomplete?.dispatchEvent(new CustomEvent("activeComponentStateChanged",{detail:null,bubbles:!0,composed:!0}))};renderManualAddressInputNoOptionsMessage=()=>r("div",{part:"address-not-found"},r("p",null,i("components-address-search-not-found-message")),r("p",{part:`manual-input ${this.theme}`},r("a",{onClick:this.manualAddressInputAction,onKeyDown:f,class:{"tet-link":!0,dark:"dark"===this.theme},tabindex:"0",role:"button"},i("components-address-search-manual-address-input"))));render(){const e=["autocomplete-input"];this.redesignedStyle&&e.push("address-search--redesigned__input-field"),this.newStyle&&e.push("address-search__input--rounded"),this.newFormsStyle&&e.push("address-search__input--forms");const t="dark"===this.theme||"mint-original"===this.theme,o=t?"dark":"light",s=this.elementActive&&!this.focusVisible||this.alwaysExpanded,a=s?void 0:"var(--tc-grey-80)",d=s&&t&&this.alwaysExpanded?"adaptive-yellow":void 0;return r(n,{key:"7ad6998b8b341f7af6a4b035217039a1a02d37d1",class:{"address-search":!0,"address-search--redesigned":this.redesignedStyle,"always-expanded":this.alwaysExpanded,"keyboard-focus":this.focusVisible,active:this.elementActive,[this.theme]:!0}},r("tet-autocomplete",{key:"d775eb00b88ca0087eb3fc7f63cc7749ea32881b",class:`address-search--redesigned__autocomplete\n            ${t?"dark":""}\n          `,part:"autocomplete",optionsFilterAction:this.debounceAddressFilter,onOptionSelected:this.handleAutocompleteOptionSelection,noOptionsMessage:i("components-address-search-not-found-message"),noOptionsRenderFunction:this.manualAddressTriggers?this.renderManualAddressInputNoOptionsMessage:void 0,clearCallback:this.autocompleteClearInputCallback,finishedLoading:this.finishedLoading,darkTheme:t,newStyle:this.newStyle,ref:e=>this.autocomplete=e,optionsIcon:"location",redesignedStyle:this.redesignedStyle},this.redesignedStyle?r("div",{class:"address-search--redesigned__autocomplete-content"},r("div",{class:"address-search--redesigned__input-wrapper\n                "+(t?"dark":"")},r("tet-input",{class:"address-search__input address-search--redesigned__input\n                    "+(t?"dark":""),part:"input","input-class":e.join(" "),"input-placeholder":this.placeholder,"input-disabled":this.inputDisabled,label:this.label,accessibilityLabel:this.accessibilityLabel,iconLeft:this.newFormsStyle?"":"tc-search-short",iconRight:this.inputIconRight,iconRightClickCallback:this.clearInputAction,ref:e=>this.inputComponent=e,error:this.isInputInvalid,autocomplete:"off"},this.isLoading&&r("tet-spinner",{theme:t?"dark":"light",class:"address-search__spinner",size:"small"}))),r("div",{class:"address-search--redesigned__button-wrapper\n                "+(t?"dark":"")},r("tet-button",{class:"submit-address js-button-mobile button-icon",type:"primary",theme:o,colorTheme:d,customColorCode:a,"accessibility-label":i("components-address-search-search"),iconName:"arrow-right",iconMode:!0,onClick:this.handleSearchSubmit}),r("tet-button",{class:"submit-address button js-button",type:"primary",size:"medium",theme:o,colorTheme:d,customColorCode:a,onClick:this.handleSearchSubmit},this.searchButtonText))):r("tet-input",{class:"address-search__input",part:"input","input-class":e.join(" "),"input-placeholder":this.placeholder,"input-disabled":this.inputDisabled,label:this.label,accessibilityLabel:this.accessibilityLabel,iconLeft:this.newFormsStyle?"":"search",iconRight:this.inputIconRight,iconRightClickCallback:this.clearInputAction,theme:this.theme,ref:e=>this.inputComponent=e,error:this.isInputInvalid,autocomplete:"off"},this.isLoading&&r("tet-spinner",{theme:"dark"===this.theme?"dark":"light",class:"address-search__spinner",size:"small"}))),this.redesignedStyle&&r("div",{key:"cb6d759805528a409936a94ecf8b2164cea79287",class:"address-search--redesigned__close-button"},r("tet-button",{key:"6670ae7c021cfe4ba1aa2c3e144385f9f51fab29",type:"link",iconName:"close",theme:"dark",onMouseDown:e=>e.preventDefault(),onClick:this.handleCloseButtonClick},this.closeButtonText)))}static get watchers(){return{language:["onLanguageChanged"],addressKey:["search"],inputDisabled:["onInputDisabledStateChange"]}}};p.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;--manual-input-option-background-color:var(--tc-background-secondary);--hover-option-background-color:var(--tc-layer-primary);--input-field-icon-color:var(--tc-icon-secondary);--redesigned-address-search-padding-vertical:1rem;--redesigned-address-search-padding-horizontal:0.5rem;--redesigned-address-search-radius:1rem}:host(.address-search--redesigned){--address-search-width:100%;--address-search-height:2.75rem;width:var(--address-search-width);height:var(--address-search-height)}:host(.address-search--redesigned) ::part(autocomplete-options-container){display:none;border:none;position:unset;z-index:auto;box-shadow:none}:host(.address-search--redesigned:not(.keyboard-focus)) ::part(autocomplete-options-container){display:block}:host(.address-search--redesigned:not(.keyboard-focus).active:focus-within) .address-search--redesigned__close-button{display:block}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__autocomplete{position:absolute;top:calc(-1 * var(--redesigned-address-search-padding-vertical));left:calc(-1 * var(--redesigned-address-search-padding-horizontal));border:0.0625rem solid var(--tc-border-quaternary);background-color:var(--tc-layer-primary);border-radius:var(--redesigned-address-search-radius);padding:var(--redesigned-address-search-padding-vertical) var(--redesigned-address-search-padding-horizontal);width:calc(var(--address-search-width) + 2 * var(--redesigned-address-search-padding-horizontal))}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark){--input-text-color:var(--tc-button-text-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark) .icon-left{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark) .icon-right{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__autocomplete.dark{border-color:var(--tc-border-quaternary-dark);background-color:var(--tc-layer-primary-dark)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input-wrapper{border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.address-search--redesigned.always-expanded){height:auto;--redesigned-close-button-top:-0.5rem}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark){--input-text-color:var(--tc-button-text-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark):focus-within .icon-left{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark):focus-within .icon-right{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__autocomplete{border:0.0625rem solid var(--tc-border-quaternary);background-color:var(--tc-layer-primary);border-radius:var(--redesigned-address-search-radius);padding:var(--redesigned-address-search-padding-vertical) var(--redesigned-address-search-padding-horizontal)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__autocomplete.dark{border-color:var(--tc-border-quaternary-dark);background-color:var(--tc-layer-primary-dark)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper:not(.dark){border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.address-search--redesigned.always-expanded:focus-within) .address-search--redesigned__input-wrapper.dark{border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.dark){--manual-input-option-background-color:var(--tc-background-secondary-dark);--hover-option-background-color:var(--tc-layer-primary-dark);--input-field-icon-color:var(--tc-icon-secondary-dark)}::part(address-not-found){display:flex;flex-direction:column;gap:0.5em}::part(manual-input-option){position:sticky;bottom:0;background-color:var(--manual-input-option-background-color);margin:0.125rem 0 0 0;border-radius:0;z-index:3}::part(manual-input-option):hover{--option-hover-background-color:var(--hover-option-background-color)}.address-search__input{--input-icon-color:var(--input-field-icon-color)}.address-search__input .icon-left{--input-icon-left-position:0.875rem}.address-search__input--rounded{--input-border-radius:1.375rem;--input-hover-background-color:none}.address-search__input--rounded~.icon-left,.address-search__input--rounded~.icon-right{--icon-size:1.5rem;--input-icon-top-position:0.625rem}.address-search__input--forms{--input-border-radius:0.75rem;--input-padding:0.75rem}.address-search__spinner{position:absolute;right:1rem}.address-search--redesigned__autocomplete{border:0.0625rem solid transparent}.address-search--redesigned__autocomplete-content{position:relative;display:flex;gap:0.75rem}.address-search--redesigned__input-wrapper{width:100%;border-bottom:0.0625rem solid var(--tc-grey-70);margin:0 0 0 0.5rem;display:flex;align-items:center;gap:0.5rem}.address-search--redesigned__button-wrapper{display:flex;align-items:center;margin-left:0.5rem}.address-search--redesigned__button-wrapper .js-button-mobile{width:fit-content;display:block;--button-icon-mode-padding:0.5rem}@media (min-width: 46rem){.address-search--redesigned__button-wrapper .js-button-mobile{display:none}}.address-search--redesigned__button-wrapper .js-button{display:none;--button-padding:0.5rem 0.875rem}@media (min-width: 46rem){.address-search--redesigned__button-wrapper .js-button{display:block}}.address-search--redesigned__input{width:100%;--input-height:var(--address-search-height);--input-text-color:var(--tc-button-text-white-permanent);--input-background-color:transparent;--input-hover-background-color:transparent;--input-border-radius:0;--input-border-color:transparent;--input-focus-border-color:transparent;--input-focus-outline-color:transparent;--input-focus-background-color:transparent}.address-search--redesigned__input .icon-left{--input-icon-left-position:0.25rem;--input-focus-icon-color:var(--tc-button-icon-white-permanent)}.address-search--redesigned__input .icon-right{--input-focus-icon-color:var(--tc-button-icon-white-permanent)}.address-search--redesigned__input-field{--input-border-radius:0.0125rem}.address-search--redesigned__close-button{display:none;position:absolute;right:0;top:var(--redesigned-close-button-top, calc(-0.5rem - var(--redesigned-address-search-padding-vertical)));transform:translateY(-100%);--button-icon-color:var(--tc-button-icon-primary);--button-text-decoration:underline}.address-search--redesigned__close-button:hover{--button-icon-color:var(--color-grey-30)}.address-search--redesigned__close-button ::part(button){backdrop-filter:none;text-decoration:underline;--button-padding:0.5rem 0}';export{p as tet_address_search}
+import{r as e,c as t,g as o,f as s,h as r,H as n}from"./p-7c868b40.js";import{p as a,t as i}from"./p-f9e5405c.js";import{s as d,a as c}from"./p-19c6a28c.js";import"./p-59ffdcd3.js";import{d as l}from"./p-64ec8edd.js";import{n as h}from"./p-58434b0c.js";import{a as f}from"./p-713fff27.js";import"./p-9a2b6ee2.js";const p=class{constructor(o){e(this,o),this.addressSelected=t(this,"addressSelected",7),this.clearInputField=t(this,"clearInputField",7),this.manualAddressInput=t(this,"manualAddressInput",7),this.searchSubmitted=t(this,"searchSubmitted",7),this.language="lv",this.minSearchKeywordLength=4,this.placeholder="Piemēram, Nometņu iela 10 - 5, Salaspils",this.label="",this.accessibilityLabel="",this.addressKey="",this.newStyle=!1,this.newFormsStyle=!1,this.redesignedStyle=!1,this.alwaysExpanded=!1,this.theme="classic",this.manualAddressTriggers=!1,this.isInputInvalid=!1,this.inputDisabled=!1,this.inputIconRight="",this.inputValueLength=0,this.isLoading=!1,this.isKeyboardFocus=!0,this.focusVisible=!1,this.elementActive=!1,this.searchButtonText="Parbaudīt",this.closeButtonText="Aizvert"}autocomplete;nativeInput;inputComponent;get searchElement(){return o(this)}onLanguageChanged(e){a("tet-components",e).then((()=>s(this)))}async search(e){this.nativeInput&&(e?await this.searchByAddressKey():await this.resetInputState())}onInputDisabledStateChange(e){e?this.removeIconRight():this.addClearIcon()}addressSelected;clearInputField;manualAddressInput;searchSubmitted;async resetInputState(){this.nativeInput.value="",this.inputValueLength=0,this.removeIconRight()}async componentWillLoad(){a("tet-components",this.language).then((()=>s(this)))}async componentDidLoad(){this.nativeInput=await(this.inputComponent?.getInputHtmlElement()),this.nativeInput?.addEventListener("input",this.toggleInputClearIcon),this.nativeInput?.addEventListener("input",this.handleInputTyping),this.nativeInput?.addEventListener("input",this.handleInputEmptyState),this.nativeInput?.addEventListener("click",this.handleClick),this.autocomplete?.addEventListener("activeComponentStateChanged",this.handleActiveStateChange),this.nativeInput&&(this.nativeInput.style.whiteSpace="nowrap",this.nativeInput.style.overflow="hidden",this.nativeInput.style.textOverflow="ellipsis"),this.addressKey&&await this.searchByAddressKey()}disconnectedCallback(){this.nativeInput?.removeEventListener("input",this.toggleInputClearIcon),this.nativeInput?.removeEventListener("input",this.handleInputTyping),this.nativeInput?.removeEventListener("input",this.handleInputEmptyState),this.nativeInput?.removeEventListener("click",this.handleClick),this.autocomplete?.removeEventListener("activeComponentStateChanged",this.handleActiveStateChange)}handleClick=()=>{this.elementActive=!0,this.focusVisible=!1};handleInputTyping=e=>{this.elementActive=!0,e?.data&&(this.focusVisible=!1)};handleActiveStateChange=e=>{this.elementActive=null!==e.detail};onKeyDown(e){"Tab"!==e.key||this.nativeInput?.value||(this.focusVisible=!0)}onFocusOut(e){this.searchElement.contains(e.relatedTarget)||(this.elementActive=!1)}async searchByAddressKey(){const e=this.inputDisabled;this.inputDisabled=!0;const t=await d(this.addressKey);t&&t.fullAddress?(this.addressSelected.emit(t),this.nativeInput.value=t.fullAddress,this.inputValueLength=this.nativeInput.value.length,e||this.addClearIcon()):this.clearInputAction(),e||(this.inputDisabled=!1)}handleInputEmptyState=({target:e,inputType:t})=>{0===h(e.value).length&&["deleteContentBackward","deleteContentForward","deleteWordBackward","deleteWordForward","deleteByCut","historyUndo","historyRedo"].includes(t)&&this.clearInputAction()};toggleInputClearIcon=({target:e})=>{const t=h(e.value);if(this.inputValueLength=t.length,this.newStyle&&this.inputValueLength>=this.minSearchKeywordLength)return this.addLoadIcon(),void this.removeIconRight();t&&!this.inputIconRight&&this.addClearIcon(),!t&&this.inputIconRight&&this.removeIconRight()};manualAddressInputAction=()=>{this.manualAddressInput.emit(),this.clearInputAction()};addressFilterFunction=async e=>{if(e.length<this.minSearchKeywordLength)return Promise.resolve([]);const t=(await c(e)??[]).map((({fullAddress:e,addressKey:t,postalCode:o})=>({label:e,value:{addressKey:t,postalCode:o}})));return this.manualAddressTriggers&&t.length>0&&t.push({label:i("components-address-search-manual-address-input"),value:"manual-input",clickCallback:this.manualAddressInputAction,ignoreHighlighting:!0,cssPart:"manual-input-option"}),t};debounceAddressFilter=l(this.addressFilterFunction,300);removeIconRight=()=>{this.inputIconRight=""};clearInputAction=()=>{this.autocomplete?.clear()};autocompleteClearInputCallback=()=>{this.removeIconRight(),this.inputValueLength=0,this.clearInputField.emit()};addClearIcon=()=>{this.isLoading=!1,this.inputIconRight="close"};finishedLoading=()=>{this.newStyle&&(this.removeIconRight(),this.inputValueLength>=1&&this.addClearIcon())};addLoadIcon=()=>{this.isLoading=!0};handleAutocompleteOptionSelection=e=>{e.detail._originalEvent instanceof PointerEvent?(this.addressSelected.emit({addressKey:e.detail.value.addressKey,fullAddress:e.detail.label,postalCode:e.detail.value.postalCode}),this.searchSubmitted.emit(e.detail.label)):this.addressSelected.emit({addressKey:e.detail.value.addressKey,fullAddress:e.detail.label,postalCode:e.detail.value.postalCode})};handleSearchSubmit=()=>{this.searchSubmitted.emit(this.nativeInput?.value)};handleCloseButtonClick=()=>{this.focusVisible=!1,this.elementActive=!1,this.autocomplete?.dispatchEvent(new CustomEvent("activeComponentStateChanged",{detail:null,bubbles:!0,composed:!0}))};renderManualAddressInputNoOptionsMessage=()=>r("div",{part:"address-not-found"},r("p",null,i("components-address-search-not-found-message")),r("p",{part:`manual-input ${this.theme}`},r("a",{onClick:this.manualAddressInputAction,onKeyDown:f,class:{"tet-link":!0,dark:"dark"===this.theme},tabindex:"0",role:"button"},i("components-address-search-manual-address-input"))));render(){const e=["autocomplete-input"];this.redesignedStyle&&e.push("address-search--redesigned__input-field"),this.newStyle&&e.push("address-search__input--rounded"),this.newFormsStyle&&e.push("address-search__input--forms");const t="dark"===this.theme||"mint-original"===this.theme,o=t?"dark":"light",s=this.elementActive&&!this.focusVisible||this.alwaysExpanded,a=s?void 0:"var(--tc-grey-80)",d=s&&t&&this.alwaysExpanded?"adaptive-yellow":void 0;return r(n,{key:"7ad6998b8b341f7af6a4b035217039a1a02d37d1",class:{"address-search":!0,"address-search--redesigned":this.redesignedStyle,"always-expanded":this.alwaysExpanded,"keyboard-focus":this.focusVisible,active:this.elementActive,[this.theme]:!0}},r("tet-autocomplete",{key:"d775eb00b88ca0087eb3fc7f63cc7749ea32881b",class:`address-search--redesigned__autocomplete\n            ${t?"dark":""}\n          `,part:"autocomplete",optionsFilterAction:this.debounceAddressFilter,onOptionSelected:this.handleAutocompleteOptionSelection,noOptionsMessage:i("components-address-search-not-found-message"),noOptionsRenderFunction:this.manualAddressTriggers?this.renderManualAddressInputNoOptionsMessage:void 0,clearCallback:this.autocompleteClearInputCallback,finishedLoading:this.finishedLoading,darkTheme:t,newStyle:this.newStyle,ref:e=>this.autocomplete=e,optionsIcon:"location",redesignedStyle:this.redesignedStyle},this.redesignedStyle?r("div",{class:"address-search--redesigned__autocomplete-content"},r("div",{class:"address-search--redesigned__input-wrapper\n                "+(t?"dark":"")},r("tet-input",{class:"address-search__input address-search--redesigned__input\n                    "+(t?"dark":""),part:"input","input-class":e.join(" "),"input-placeholder":this.placeholder,"input-disabled":this.inputDisabled,label:this.label,accessibilityLabel:this.accessibilityLabel,iconLeft:this.newFormsStyle?"":"tc-search-short",iconRight:this.inputIconRight,iconRightClickCallback:this.clearInputAction,ref:e=>this.inputComponent=e,error:this.isInputInvalid,autocomplete:"off"},this.isLoading&&r("tet-spinner",{theme:t?"dark":"light",class:"address-search__spinner",size:"small"}))),r("div",{class:"address-search--redesigned__button-wrapper\n                "+(t?"dark":"")},r("tet-button",{class:"submit-address js-button-mobile button-icon",type:"primary",theme:o,colorTheme:d,customColorCode:a,"accessibility-label":i("components-address-search-search"),iconName:"arrow-right",iconMode:!0,onClick:this.handleSearchSubmit}),r("tet-button",{class:"submit-address button js-button",type:"primary",size:"medium",theme:o,colorTheme:d,customColorCode:a,onClick:this.handleSearchSubmit},this.searchButtonText))):r("tet-input",{class:"address-search__input",part:"input","input-class":e.join(" "),"input-placeholder":this.placeholder,"input-disabled":this.inputDisabled,label:this.label,accessibilityLabel:this.accessibilityLabel,iconLeft:this.newFormsStyle?"":"search",iconRight:this.inputIconRight,iconRightClickCallback:this.clearInputAction,theme:this.theme,ref:e=>this.inputComponent=e,error:this.isInputInvalid,autocomplete:"off"},this.isLoading&&r("tet-spinner",{theme:"dark"===this.theme?"dark":"light",class:"address-search__spinner",size:"small"}))),this.redesignedStyle&&r("div",{key:"cb6d759805528a409936a94ecf8b2164cea79287",class:"address-search--redesigned__close-button"},r("tet-button",{key:"6670ae7c021cfe4ba1aa2c3e144385f9f51fab29",type:"link",iconName:"close",theme:"dark",onMouseDown:e=>e.preventDefault(),onClick:this.handleCloseButtonClick},this.closeButtonText)))}static get watchers(){return{language:["onLanguageChanged"],addressKey:["search"],inputDisabled:["onInputDisabledStateChange"]}}};p.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;--manual-input-option-background-color:var(--tc-background-secondary);--hover-option-background-color:var(--tc-layer-primary);--input-field-icon-color:var(--tc-icon-secondary);--redesigned-address-search-padding-vertical:1rem;--redesigned-address-search-padding-horizontal:0.5rem;--redesigned-address-search-radius:1rem}:host(.address-search--redesigned){--address-search-width:100%;--address-search-height:2.75rem;width:var(--address-search-width);height:var(--address-search-height)}:host(.address-search--redesigned) ::part(autocomplete-options-container){display:none;border:none;position:unset;z-index:auto;box-shadow:none}:host(.address-search--redesigned:not(.keyboard-focus)) ::part(autocomplete-options-container){display:block}:host(.address-search--redesigned:not(.keyboard-focus).active:focus-within) .address-search--redesigned__close-button{display:block}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__autocomplete{position:absolute;top:calc(-1 * var(--redesigned-address-search-padding-vertical));left:calc(-1 * var(--redesigned-address-search-padding-horizontal));border:0.0625rem solid var(--tc-border-quaternary);background-color:var(--tc-layer-primary);border-radius:var(--redesigned-address-search-radius);padding:var(--redesigned-address-search-padding-vertical) var(--redesigned-address-search-padding-horizontal);width:calc(var(--address-search-width) + 2 * var(--redesigned-address-search-padding-horizontal))}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark){--input-text-color:var(--tc-button-text-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark) .icon-left{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark) .icon-right{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__autocomplete.dark{border-color:var(--tc-border-quaternary-dark);background-color:var(--tc-layer-primary-dark)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input-wrapper{border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.address-search--redesigned.always-expanded){height:auto;--redesigned-close-button-top:-0.5rem}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark){--input-text-color:var(--tc-button-text-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark):focus-within .icon-left{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark):focus-within .icon-right{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__autocomplete{border:0.0625rem solid var(--tc-border-quaternary);background-color:var(--tc-layer-primary);border-radius:var(--redesigned-address-search-radius);padding:var(--redesigned-address-search-padding-vertical) var(--redesigned-address-search-padding-horizontal)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__autocomplete.dark{border-color:var(--tc-border-quaternary-dark);background-color:var(--tc-layer-primary-dark)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper:not(.dark){border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.address-search--redesigned.always-expanded:focus-within) .address-search--redesigned__input-wrapper.dark{border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.dark){--manual-input-option-background-color:var(--tc-background-secondary-dark);--hover-option-background-color:var(--tc-layer-primary-dark);--input-field-icon-color:var(--tc-icon-secondary-dark)}::part(address-not-found){display:flex;flex-direction:column;gap:0.5em}::part(manual-input-option){position:sticky;bottom:0;background-color:var(--manual-input-option-background-color);margin:0.125rem 0 0 0;border-radius:0;z-index:3}::part(manual-input-option):hover{--option-hover-background-color:var(--hover-option-background-color)}.address-search__input{--input-icon-color:var(--input-field-icon-color)}.address-search__input .icon-left{--input-icon-left-position:0.875rem}.address-search__input--rounded{--input-border-radius:1.375rem;--input-hover-background-color:none}.address-search__input--rounded~.icon-left,.address-search__input--rounded~.icon-right{--icon-size:1.5rem;--input-icon-top-position:0.625rem}.address-search__input--forms{--input-border-radius:0.75rem;--input-padding:0.75rem}.address-search__spinner{position:absolute;right:1rem}.address-search--redesigned__autocomplete{border:0.0625rem solid transparent}.address-search--redesigned__autocomplete-content{position:relative;display:flex;gap:0.75rem}.address-search--redesigned__input-wrapper{width:100%;border-bottom:0.0625rem solid var(--tc-grey-70);margin:0 0 0 0.5rem;display:flex;align-items:center;gap:0.5rem}.address-search--redesigned__button-wrapper{display:flex;align-items:center;margin-left:0.5rem}.address-search--redesigned__button-wrapper .js-button-mobile{width:fit-content;display:block;--button-icon-mode-padding:0.5rem}@media (min-width: 46rem){.address-search--redesigned__button-wrapper .js-button-mobile{display:none}}.address-search--redesigned__button-wrapper .js-button{display:none;--button-padding:0.5rem 0.875rem}@media (min-width: 46rem){.address-search--redesigned__button-wrapper .js-button{display:block}}.address-search--redesigned__input{width:100%;--input-height:var(--address-search-height);--input-text-color:var(--tc-button-text-white-permanent);--input-background-color:transparent;--input-hover-background-color:transparent;--input-border-radius:0;--input-border-color:transparent;--input-focus-border-color:transparent;--input-focus-outline-color:transparent;--input-focus-background-color:transparent}.address-search--redesigned__input .icon-left{--input-icon-left-position:0.25rem;--input-focus-icon-color:var(--tc-button-icon-white-permanent)}.address-search--redesigned__input .icon-right{--input-focus-icon-color:var(--tc-button-icon-white-permanent)}.address-search--redesigned__input-field{--input-border-radius:0.0125rem}.address-search--redesigned__close-button{display:none;position:absolute;right:0;top:var(--redesigned-close-button-top, calc(-0.5rem - var(--redesigned-address-search-padding-vertical)));transform:translateY(-100%);--button-icon-color:var(--tc-button-icon-primary);--button-text-decoration:underline}.address-search--redesigned__close-button:hover{--button-icon-color:var(--color-grey-30)}.address-search--redesigned__close-button ::part(button){backdrop-filter:none;text-decoration:underline;--button-padding:0.5rem 0}';export{p as tet_address_search}

package/dist/tet-components/{p-b35156e1.entry.js → p-55d40294.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,g as o,h as r,H as a}from"./p-83f43fdd.js";import{a as s}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.showOverflowGradients=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.effectivePosition="left",this.hasOverflowLeft=!1,this.hasOverflowRight=!1,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;positionObserver;isDragging=!1;dragStartX=0;dragResetTimer=null;dragThreshold=8;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.updatePositionClass(),this.initPositionObserver(),"pill"===this.type&&this.tabElement.addEventListener("scroll",this.onTabScroll),this.tabElement.addEventListener("touchstart",this.onContainerTouchStart,{passive:!0}),this.tabElement.addEventListener("touchmove",this.onContainerTouchMove,{passive:!0}),this.tabElement.addEventListener("touchend",this.onContainerTouchEnd),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(),this.positionObserver?.disconnect(),"pill"===this.type&&this.tabElement?.removeEventListener("scroll",this.onTabScroll),this.tabElement?.removeEventListener("touchstart",this.onContainerTouchStart),this.tabElement?.removeEventListener("touchmove",this.onContainerTouchMove),this.tabElement?.removeEventListener("touchend",this.onContainerTouchEnd),this.resetDragState()}initPositionObserver(){this.positionObserver=new ResizeObserver((()=>{this.updatePositionClass()})),this.positionObserver.observe(this.tabElement)}updatePositionClass(){this.updateOverflowState(),this.effectivePosition=void 0!==this.tabElement&&!this.segmented&&"center"===this.position&&this.tabElement.scrollWidth>this.tabElement.clientWidth?"left":"right"!==this.position?"center"!==this.position?"left":"center":"right"}updateOverflowState(){if(void 0===this.tabElement||"pill"!==this.type)return this.hasOverflowLeft=!1,void(this.hasOverflowRight=!1);const t=this.tabElement.scrollWidth-this.tabElement.clientWidth;this.hasOverflowLeft=this.tabElement.scrollLeft>1,this.hasOverflowRight=t-this.tabElement.scrollLeft>1}onTabScroll=()=>{this.updateOverflowState()};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))}))}resetDragState(){this.isDragging=!1,null!==this.dragResetTimer&&(clearTimeout(this.dragResetTimer),this.dragResetTimer=null)}onContainerMouseDown=t=>{this.resetDragState(),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=>{if(t.preventDefault(),1!==t.buttons)return void this.onContainerMouseUp();const e=t.clientX-this.positions.mouseX;Math.abs(e)>this.dragThreshold&&(this.isDragging=!0),this.tabElement.scrollTo(this.positions.scrollLeft-e,0)};onContainerMouseUp=()=>{this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp),this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),50))};onContainerTouchStart=t=>{this.dragStartX=t.touches[0].clientX,this.resetDragState()};onContainerTouchMove=t=>{Math.abs(t.touches[0].clientX-this.dragStartX)>this.dragThreshold&&(this.isDragging=!0)};onContainerTouchEnd=()=>{this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),350))};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.isDragging||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 a;switch(o){case"ArrowRight":a=r+1,a>=this.tabHeadersNotDisabled.length&&(a=0);break;case"ArrowLeft":a=r-1,a<0&&(a=this.tabHeadersNotDisabled.length-1);break;case"Home":a=0;break;case"End":a=this.tabHeadersNotDisabled.length-1}const s=this.tabHeadersNotDisabled[a];s.focus(),s.click()}};t.addEventListener("click",o),t.addEventListener("keydown",r),this.tabListeners.set(t,{click:o,keydown:r})}})),this.applyPillIconColor(),this.updatePositionClass()}applyPillIconColor(){"pill"===this.type&&void 0!==this.tabHeaders&&this.tabHeaders.forEach((t=>{let e="var(--tabs-headers-pill-text-color)";t.classList.contains("active")&&(e="var(--tabs-headers-pill-active-text-color)"),t.classList.contains("disabled")&&(e="var(--tabs-headers-pill-text-disabled-color)"),Array.from(t.querySelectorAll("tet-icon")).forEach((t=>{t.style.setProperty("--icon-color",e),t.style.setProperty("--icon-container-display","flex")}))}))}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")??"",a=document.createElement("img");if(a.src=e,a.alt=r,a.classList.add("tab-header-image"),a.style.maxHeight="1.5rem",t.appendChild(a),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),a.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.isDragging){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"),this.applyPillIconColor();const a=r.querySelector("img.tab-header-image.active");if(a){a.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=s(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(){const t=this.showOverflowGradients;return r(a,{key:"5e1185c4f47fca4065815b496105a9371fb5eac6","data-id-suffix":this.idSuffix},r("div",{key:"acee88217fa514bef968e3ec95fcde6dd55b66f9",class:{tabs:!0,"tabs--segmented":this.segmented,"tabs--overflow-left":this.hasOverflowLeft,"tabs--overflow-right":this.hasOverflowRight,[this.effectivePosition]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:t=>this.tabElement=t,role:"tablist"},t&&r("div",{key:"456293621aedcabf65f59c9fb7ae5d31c4484dd8",class:"tabs-gradient tabs-gradient-left","aria-hidden":"true"}),r("slot",{key:"fe484b48f2e25547182efb27d56bc81947aaa7f1",onSlotchange:()=>this.updatePositionClass(),ref:t=>this.tabContainer=t}),t&&r("div",{key:"0b8a4e15df3263cd47ae5d1c171bde2e46e7dcce",class:"tabs-gradient tabs-gradient-right","aria-hidden":"true"})),r("div",{key:"c133db9aa7ac2f34d33996adda8b6d8b85b844e1",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline||"pill"===this.type,[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;--tabs-headers-pill-text-color:var(--tc-text-primary);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80) 16%, transparent);--tabs-headers-pill-background-color:var(--tc-grey-20);--tabs-headers-pill-hover-background-color:var(--tc-grey-30);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-grey-40) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary);--tabs-headers-pill-edge-padding:0;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-headers-pill-text-color:var(--tc-grey-100-dark);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80-dark) 30%, transparent);--tabs-headers-pill-background-color:var(--tc-brown-80-dark);--tabs-headers-pill-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-brown-60-dark) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary-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.pill{padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;padding-inline:var(--tabs-headers-pill-edge-padding)}.tabs.pill ::slotted(*){--icon-size:1rem;gap:0.25rem;border-radius:5.5rem;border-bottom:none;transition:all 0.2s ease-in-out;align-items:center;background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-color);box-sizing:border-box}.tabs.pill.web ::slotted(*){--tabs-headers-item-padding:0.375rem 1.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;min-width:5.625rem;flex-shrink:0;height:2.25rem}.tabs.pill.web ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 1rem 0.375rem 0.875rem}.tabs.pill.mobile ::slotted(*){--tabs-headers-item-padding:0.375rem 1rem;font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;min-width:4.3125rem;flex-shrink:0;height:2rem}.tabs.pill.mobile ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 0.75rem 0.375rem 0.5rem}.tabs.pill ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-hover-background-color)}.tabs.pill ::slotted(:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(:focus){border-bottom-color:transparent}.tabs.pill ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent}.tabs.pill ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-active-background-color);color:var(--tabs-headers-pill-active-text-color)}.tabs.pill ::slotted(.active:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(.disabled){background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-disabled-color)}.tabs.pill ::slotted(:first-child){margin-left:0 !important}.tabs.pill ::slotted(:last-child){margin-right:0 !important}.tabs.pill .tabs-gradient{position:sticky;top:0.5rem;bottom:0.5rem;width:7.4375rem;align-self:stretch;flex-shrink:0;opacity:0;z-index:20;pointer-events:none;transition:opacity 0.2s ease}.tabs.pill .tabs-gradient-left{left:calc(-0.5rem - var(--tabs-headers-pill-edge-padding));margin-right:-7.4375rem;background:linear-gradient(270deg, color-mix(in srgb, var(--tabs-headers-pill-gradient-color) 0%, transparent) 0%, var(--tabs-headers-pill-gradient-color) 100%)}.tabs.pill .tabs-gradient-right{right:calc(-0.5rem - var(--tabs-headers-pill-edge-padding));margin-left:-7.4375rem;background:linear-gradient(90deg, color-mix(in srgb, var(--tabs-headers-pill-gradient-color) 0%, transparent) 0%, var(--tabs-headers-pill-gradient-color) 100%)}.tabs.pill.tabs--overflow-left .tabs-gradient-left{opacity:1}.tabs.pill.tabs--overflow-right .tabs-gradient-right{opacity:1}.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}
+import{r as t,c as e,g as o,h as r,H as a}from"./p-7c868b40.js";import{a as s}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.showOverflowGradients=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.effectivePosition="left",this.hasOverflowLeft=!1,this.hasOverflowRight=!1,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;positionObserver;isDragging=!1;dragStartX=0;dragResetTimer=null;dragThreshold=8;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.updatePositionClass(),this.initPositionObserver(),"pill"===this.type&&this.tabElement.addEventListener("scroll",this.onTabScroll),this.tabElement.addEventListener("touchstart",this.onContainerTouchStart,{passive:!0}),this.tabElement.addEventListener("touchmove",this.onContainerTouchMove,{passive:!0}),this.tabElement.addEventListener("touchend",this.onContainerTouchEnd),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(),this.positionObserver?.disconnect(),"pill"===this.type&&this.tabElement?.removeEventListener("scroll",this.onTabScroll),this.tabElement?.removeEventListener("touchstart",this.onContainerTouchStart),this.tabElement?.removeEventListener("touchmove",this.onContainerTouchMove),this.tabElement?.removeEventListener("touchend",this.onContainerTouchEnd),this.resetDragState()}initPositionObserver(){this.positionObserver=new ResizeObserver((()=>{this.updatePositionClass()})),this.positionObserver.observe(this.tabElement)}updatePositionClass(){this.updateOverflowState(),this.effectivePosition=void 0!==this.tabElement&&!this.segmented&&"center"===this.position&&this.tabElement.scrollWidth>this.tabElement.clientWidth?"left":"right"!==this.position?"center"!==this.position?"left":"center":"right"}updateOverflowState(){if(void 0===this.tabElement||"pill"!==this.type)return this.hasOverflowLeft=!1,void(this.hasOverflowRight=!1);const t=this.tabElement.scrollWidth-this.tabElement.clientWidth;this.hasOverflowLeft=this.tabElement.scrollLeft>1,this.hasOverflowRight=t-this.tabElement.scrollLeft>1}onTabScroll=()=>{this.updateOverflowState()};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))}))}resetDragState(){this.isDragging=!1,null!==this.dragResetTimer&&(clearTimeout(this.dragResetTimer),this.dragResetTimer=null)}onContainerMouseDown=t=>{this.resetDragState(),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=>{if(t.preventDefault(),1!==t.buttons)return void this.onContainerMouseUp();const e=t.clientX-this.positions.mouseX;Math.abs(e)>this.dragThreshold&&(this.isDragging=!0),this.tabElement.scrollTo(this.positions.scrollLeft-e,0)};onContainerMouseUp=()=>{this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp),this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),50))};onContainerTouchStart=t=>{this.dragStartX=t.touches[0].clientX,this.resetDragState()};onContainerTouchMove=t=>{Math.abs(t.touches[0].clientX-this.dragStartX)>this.dragThreshold&&(this.isDragging=!0)};onContainerTouchEnd=()=>{this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),350))};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.isDragging||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 a;switch(o){case"ArrowRight":a=r+1,a>=this.tabHeadersNotDisabled.length&&(a=0);break;case"ArrowLeft":a=r-1,a<0&&(a=this.tabHeadersNotDisabled.length-1);break;case"Home":a=0;break;case"End":a=this.tabHeadersNotDisabled.length-1}const s=this.tabHeadersNotDisabled[a];s.focus(),s.click()}};t.addEventListener("click",o),t.addEventListener("keydown",r),this.tabListeners.set(t,{click:o,keydown:r})}})),this.applyPillIconColor(),this.updatePositionClass()}applyPillIconColor(){"pill"===this.type&&void 0!==this.tabHeaders&&this.tabHeaders.forEach((t=>{let e="var(--tabs-headers-pill-text-color)";t.classList.contains("active")&&(e="var(--tabs-headers-pill-active-text-color)"),t.classList.contains("disabled")&&(e="var(--tabs-headers-pill-text-disabled-color)"),Array.from(t.querySelectorAll("tet-icon")).forEach((t=>{t.style.setProperty("--icon-color",e),t.style.setProperty("--icon-container-display","flex")}))}))}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")??"",a=document.createElement("img");if(a.src=e,a.alt=r,a.classList.add("tab-header-image"),a.style.maxHeight="1.5rem",t.appendChild(a),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),a.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.isDragging){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"),this.applyPillIconColor();const a=r.querySelector("img.tab-header-image.active");if(a){a.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=s(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(){const t=this.showOverflowGradients;return r(a,{key:"5e1185c4f47fca4065815b496105a9371fb5eac6","data-id-suffix":this.idSuffix},r("div",{key:"acee88217fa514bef968e3ec95fcde6dd55b66f9",class:{tabs:!0,"tabs--segmented":this.segmented,"tabs--overflow-left":this.hasOverflowLeft,"tabs--overflow-right":this.hasOverflowRight,[this.effectivePosition]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:t=>this.tabElement=t,role:"tablist"},t&&r("div",{key:"456293621aedcabf65f59c9fb7ae5d31c4484dd8",class:"tabs-gradient tabs-gradient-left","aria-hidden":"true"}),r("slot",{key:"fe484b48f2e25547182efb27d56bc81947aaa7f1",onSlotchange:()=>this.updatePositionClass(),ref:t=>this.tabContainer=t}),t&&r("div",{key:"0b8a4e15df3263cd47ae5d1c171bde2e46e7dcce",class:"tabs-gradient tabs-gradient-right","aria-hidden":"true"})),r("div",{key:"c133db9aa7ac2f34d33996adda8b6d8b85b844e1",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline||"pill"===this.type,[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;--tabs-headers-pill-text-color:var(--tc-text-primary);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80) 16%, transparent);--tabs-headers-pill-background-color:var(--tc-grey-20);--tabs-headers-pill-hover-background-color:var(--tc-grey-30);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-grey-40) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary);--tabs-headers-pill-edge-padding:0;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-headers-pill-text-color:var(--tc-grey-100-dark);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80-dark) 30%, transparent);--tabs-headers-pill-background-color:var(--tc-brown-80-dark);--tabs-headers-pill-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-brown-60-dark) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary-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.pill{padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;padding-inline:var(--tabs-headers-pill-edge-padding)}.tabs.pill ::slotted(*){--icon-size:1rem;gap:0.25rem;border-radius:5.5rem;border-bottom:none;transition:all 0.2s ease-in-out;align-items:center;background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-color);box-sizing:border-box}.tabs.pill.web ::slotted(*){--tabs-headers-item-padding:0.375rem 1.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;min-width:5.625rem;flex-shrink:0;height:2.25rem}.tabs.pill.web ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 1rem 0.375rem 0.875rem}.tabs.pill.mobile ::slotted(*){--tabs-headers-item-padding:0.375rem 1rem;font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;min-width:4.3125rem;flex-shrink:0;height:2rem}.tabs.pill.mobile ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 0.75rem 0.375rem 0.5rem}.tabs.pill ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-hover-background-color)}.tabs.pill ::slotted(:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(:focus){border-bottom-color:transparent}.tabs.pill ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent}.tabs.pill ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-active-background-color);color:var(--tabs-headers-pill-active-text-color)}.tabs.pill ::slotted(.active:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(.disabled){background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-disabled-color)}.tabs.pill ::slotted(:first-child){margin-left:0 !important}.tabs.pill ::slotted(:last-child){margin-right:0 !important}.tabs.pill .tabs-gradient{position:sticky;top:0.5rem;bottom:0.5rem;width:7.4375rem;align-self:stretch;flex-shrink:0;opacity:0;z-index:20;pointer-events:none;transition:opacity 0.2s ease}.tabs.pill .tabs-gradient-left{left:calc(-0.5rem - var(--tabs-headers-pill-edge-padding));margin-right:-7.4375rem;background:linear-gradient(270deg, color-mix(in srgb, var(--tabs-headers-pill-gradient-color) 0%, transparent) 0%, var(--tabs-headers-pill-gradient-color) 100%)}.tabs.pill .tabs-gradient-right{right:calc(-0.5rem - var(--tabs-headers-pill-edge-padding));margin-left:-7.4375rem;background:linear-gradient(90deg, color-mix(in srgb, var(--tabs-headers-pill-gradient-color) 0%, transparent) 0%, var(--tabs-headers-pill-gradient-color) 100%)}.tabs.pill.tabs--overflow-left .tabs-gradient-left{opacity:1}.tabs.pill.tabs--overflow-right .tabs-gradient-right{opacity:1}.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}