npm - @tet/tet-components - Versions diffs - 1.4.40-testing → 1.4.41-production - Mend

@tet/tet-components 1.4.40-testing → 1.4.41-production

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

Files changed (521) hide show

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

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

	@@ -1 +1 @@
1	- import{r as t,c as e,h as i,H as r}from"./p-83f43fdd.js";const a=class{constructor(i){t(this,i),this.tetDynamicCardClickEvent=e(this,"tetDynamicCardClickEvent",7),this.theme="light",this.size="S",this.sizeChangeBreakpoint="None",this.isInCarousel=!1,this.pictureLayoutShiftPosition="left",this.cardTitle=void 0,this.subtitle=void 0,this.tags=void 0,this.dateTag=void 0,this.dateTagColorLight="black",this.dateTagColorDark="white",this.priceTagOptions={show:!1,background:"white"},this.linkHref=void 0,this.linkText=void 0,this.linkNewTab=!1,this.index=void 0,this.buttonColorTheme=void 0,this.buttonCustomColorCode=void 0,this.buttonCustomColorContentTone="light",this.isFocused=!1,this.originalSize=null,this.currentSize=null}onThemeChanged(t){"dark"===t?(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorLight}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorDark}`)):(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorDark}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorLight}`))}onSizeChange(){this.originalSize=this.size,this.resizeCard(window.innerWidth)}tetDynamicCardClickEvent;priceViewRef=null;buttonRef=null;dateTagColorRef=null;rootElementRef=null;BREAKPOINTS={MOBILE:768,TABLET_SMALL:1024,TABLET:1440,DESKTOP:1920};CARD_SIZES={standard:{S:"fit-content",M:"calc(50% - 0.75rem)",XL:"100%"},responsive:{mobile:"100%",tablet:"calc(100% - var(--card-width-tablet) - 1.5rem - 2px)",desktop:"calc(100% - var(--card-width-desktop) - 1.5rem - 2px)"}};getCardSize(t){return this.isInCarousel?"S":t<this.BREAKPOINTS.MOBILE?"XL":t<this.BREAKPOINTS.TABLET_SMALL?"M":("L"===this.originalSize\|\|"M"===this.originalSize)&&t<this.BREAKPOINTS.TABLET&&"Tab"===this.sizeChangeBreakpoint?"S":this.originalSize}getMinWidth(t){return t<this.BREAKPOINTS.MOBILE?"calc(var(--card-width-mobile) - 2rem)":t<this.BREAKPOINTS.TABLET?"calc(var(--card-width-tablet) - 2rem)":t<this.BREAKPOINTS.DESKTOP?"var(--card-width-tablet)":"var(--card-width-desktop)"}getCardWidth(t,e){if(this.isInCarousel)return"fit-content";if(e<this.BREAKPOINTS.MOBILE)return this.CARD_SIZES.responsive.mobile;if(e<this.BREAKPOINTS.TABLET){if(("L"===this.originalSize\|\|"M"===this.originalSize)&&"Tab"===this.sizeChangeBreakpoint)return"fit-content";if("M"===t)return this.CARD_SIZES.standard.M;if("L"===t)return this.CARD_SIZES.responsive.tablet}else if("L"===t)return e<this.BREAKPOINTS.DESKTOP?this.CARD_SIZES.responsive.tablet:this.CARD_SIZES.responsive.desktop;return this.CARD_SIZES.standard[t]\|\|"fit-content"}resizeCard=t=>{this.currentSize=this.getCardSize(t),this.rootElementRef.style.minWidth=this.getMinWidth(t),this.rootElementRef.style.width=this.getCardWidth(this.currentSize,t)};resizeObserver=new ResizeObserver((()=>{const t=window.innerWidth;this.resizeCard(t),t<768?(this.priceViewRef?.setAttribute("size","S"),this.buttonRef?.setAttribute("size","small")):t<1920?(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","medium")):(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","large"))}));componentWillLoad(){this.originalSize=this.size,this.currentSize=this.size}componentDidLoad(){this.onThemeChanged(this.theme),this.resizeObserver.observe(window.document.body)}handleClick=t=>{if(t.composedPath().some((t=>t instanceof HTMLElement&&t.classList?.contains("button"))))this.tetDynamicCardClickEvent.emit();else if(this.buttonRef&&this.linkHref){const t=this.buttonRef.shadowRoot?.querySelector("button");t&&t.click()}};renderTags(){const t="dark"===this.theme?this.dateTagColorDark:this.dateTagColorLight;return i("div",{class:"tags-container",part:"tags"},this.tags?.length>0&&i("div",{class:"tags"},this.tags.map((t=>i("span",{class:"tag"},t)))),this.dateTag&&i("div",{class:"tags"},i("div",{class:`tag colored colored--${t}`,ref:t=>{this.dateTagColorRef=t}},i("span",{class:"date-tag-text"},this.dateTag))))}renderPrice(){return this.priceTagOptions?.show?i("div",{class:"price",part:"price"},i("tet-price-view",{ref:t=>{this.priceViewRef=t},font:this.priceTagOptions.font\|\|"Gilroy, Arial, sans-serif",background:this.priceTagOptions.background,staticColors:this.priceTagOptions.isStatic,theme:this.theme,size:"S","heading-text":this.priceTagOptions.headingText,"price-type":this.priceTagOptions.priceType,"euro-price":this.priceTagOptions.euroPrice?.toString(),"cents-price":this.priceTagOptions.centsPrice?.toString(),"footer-text":this.priceTagOptions.footerText,"footer-text-type":this.priceTagOptions.footerTextType})):null}renderButton(){return this.linkText?i("div",{class:"button",part:"button"},i("tet-button",{type:"primary",size:"small",theme:this.theme,"color-theme":this.buttonColorTheme,"custom-color-code":this.buttonCustomColorCode,"custom-color-content-tone":this.buttonCustomColorContentTone,url:this.linkHref,"url-target":this.linkNewTab?"_blank":"_self","accessibility-label":this.linkText,ref:t=>{this.buttonRef=t}},this.linkText)):null}render(){return i(r,{key:"f540861665cea83ffe29d147fefb2c471b0ab208",class:{"dynamic-card":!0,"is-focused":this.isFocused},"data-index":this.index,ref:t=>{this.rootElementRef=t}},i("div",{key:"f23d0b124407d6a30850d4faa6ecf2b5c42f4266",class:`card\n theme-${this.theme}\n size-${this.currentSize}\n position-${this.pictureLayoutShiftPosition}\n carousel-${this.isInCarousel}\n `,onClick:this.handleClick,onKeyUp:t=>{"Enter"===t.key&&this.handleClick(t)},tabindex:0,part:"card","aria-labelledby":this.cardTitle},i("div",{key:"77e5b8e5dac80f993f0cc8d75ebcb195b2769bb4",class:"image",part:"image"},i("slot",{key:"27541049dba50e22365f349ee35dd9196f94b10c",name:"image"}),this.renderPrice(),this.renderTags()),i("div",{key:"4a9a76436b0da5944c2539fba57af9aa54fc00f5",class:"content-container"},i("div",{key:"f85d83b152037d75f01afd14992ad60da1e093c8",class:"content",part:"content"},this.cardTitle&&i("h3",{key:"8a3226e1cb359f7107eb3b22621141222b97060e",class:"title",part:"title"},this.cardTitle),this.subtitle&&i("p",{key:"6ef1c7c4e815729a966c026ee95e94dc13b87ece",class:"subtitle",part:"subtitle"},this.subtitle)),this.renderButton())))}static get watchers(){return{theme:["onThemeChanged"],size:["onSizeChange"]}}};a.style=":host{--image-type:cover;--image-background-color:var(--tc-background-white-black);--card-width-mobile:17.5rem;--card-height-mobile:27.75rem;--card-width-tablet:21.375rem;--card-height-tablet:33.875rem;--card-width-desktop:25.625rem;--card-height-desktop:39.5rem;--option-card-bg:var(--tc-background-white-black);--option-card-text:var(--tc-text-primary);--option-card-border:var(--tc-border-quaternary);display:block;font-family:var(--tet-font-family-primary)}.card{-webkit-user-drag:none;user-select:none;cursor:pointer;background:var(--tc-background-white-black);border-radius:1rem;border:0.0625rem solid var(--tc-border-quaternary);overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0 auto;min-width:var(--card-width-mobile);width:var(--card-width-mobile);height:var(--card-height-mobile);transition:box-shadow 0.15s ease}.card.size-S{width:var(--card-width-mobile);height:var(--card-height-mobile)}.card.size-XL,.card.size-L,.card.size-M{width:100%}.card:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem}.card:hover{box-shadow:0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 1.5px 6px 0 rgba(0, 0, 0, 0.08)}.card:hover ::slotted(img){transform:scale(1.06)}.card:active{box-shadow:0 0 1px 0 rgba(12, 12, 14, 0.08), 0 1px 3px 0 rgba(12, 12, 14, 0.12)}.card:active ::slotted(img){transform:scale(1.01)}.content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.image{-webkit-user-drag:none;user-select:none;flex-shrink:0;width:100%;height:16.125rem;overflow:hidden;position:relative;background-color:var(--image-background-color)}.image ::slotted(img){transition:transform 0.3s ease;width:100%;height:100%;object-fit:var(--image-type);display:block}.price{position:absolute;bottom:0.75rem;right:0.75rem;z-index:1}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem;z-index:1}.content{height:auto;padding:0 1rem;text-align:center}.title{margin:0;font-family:var(--font-family-fallback);font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:var(--tc-text-primary);line-height:1.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:3rem}.subtitle{color:var(--tc-text-primary);text-align:center;font-family:var(--font-family-content);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.003125rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:2.5rem}.button{margin-top:auto;margin-bottom:1.5rem;width:fit-content;text-wrap:nowrap}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem}.tags{display:flex;flex-wrap:wrap;gap:0.25rem}.tag{border:0.0625px solid var(--tc-border-tertiary);padding:0.1875rem 0.3125rem;border-radius:0.375rem;background:var(--tc-layer-primary);color:var(--tc-text-primary);font-family:var(--font-family-content);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem}.tag.colored--white{background:var(--tc-layer-primary);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.tag.colored--black{color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}.tag.colored--yellow{background:var(--tc-yellow-20);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.theme-dark{background:var(--tc-layer-primary-dark);border:0.0625rem solid var(--tc-border-quaternary-dark)}.theme-dark .title{color:var(--tc-text-primary-dark)}.theme-dark .subtitle{color:var(--tc-text-primary-dark)}.theme-dark .tag:not(.colored){color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}@media all and (min-width: 48rem){.card{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-S{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-M{width:100%}.card.size-M .image{width:100%}.card.size-M.carousel-true{width:44rem}.card.size-XL,.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-XL .image,.card.size-L .image{width:60%;height:100%}.card.size-XL .button,.card.size-L .button{margin-top:0}.card.size-XL.position-right,.card.size-L.position-right{flex-direction:row-reverse}.card.size-XL.carousel-true,.card.size-L.carousel-true{width:44rem}.image{width:var(--card-width-tablet);height:var(--card-width-tablet)}.title{font-size:1.5rem;line-height:1.75rem;max-height:3.5rem}.tag{font-size:0.875rem;line-height:1.25rem;letter-spacing:-0.003125rem}}@media all and (min-width: 90rem){.card.size-M{width:100%}.card.size-M.carousel-true{width:39.375rem}.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-L .image{width:62%;height:100%}.card.size-L .button{margin-top:0}.card.size-L.position-right{flex-direction:row-reverse}.card.size-L.carousel-true{width:57.25rem}.card.size-XL .image{width:64%}.card.size-XL.carousel-true{width:80.25rem}}@media all and (min-width: 120rem){.card{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-S{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-L.carousel-true{width:83.125rem}.card.size-XL .image{width:72%}.card.size-XL.carousel-true{width:110.25rem}.image{width:var(--card-width-desktop);height:var(--card-width-desktop)}.title{font-size:1.75rem;line-height:2rem;max-height:4rem}.subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem;max-height:3rem}}";export{a as tet_dynamic_card}
1	+ import{r as t,c as e,h as i,H as r}from"./p-7c868b40.js";const a=class{constructor(i){t(this,i),this.tetDynamicCardClickEvent=e(this,"tetDynamicCardClickEvent",7),this.theme="light",this.size="S",this.sizeChangeBreakpoint="None",this.isInCarousel=!1,this.pictureLayoutShiftPosition="left",this.cardTitle=void 0,this.subtitle=void 0,this.tags=void 0,this.dateTag=void 0,this.dateTagColorLight="black",this.dateTagColorDark="white",this.priceTagOptions={show:!1,background:"white"},this.linkHref=void 0,this.linkText=void 0,this.linkNewTab=!1,this.index=void 0,this.buttonColorTheme=void 0,this.buttonCustomColorCode=void 0,this.buttonCustomColorContentTone="light",this.isFocused=!1,this.originalSize=null,this.currentSize=null}onThemeChanged(t){"dark"===t?(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorLight}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorDark}`)):(this.dateTagColorRef?.classList.remove(`tag--${this.dateTagColorDark}`),this.dateTagColorRef?.classList.add(`tag--${this.dateTagColorLight}`))}onSizeChange(){this.originalSize=this.size,this.resizeCard(window.innerWidth)}tetDynamicCardClickEvent;priceViewRef=null;buttonRef=null;dateTagColorRef=null;rootElementRef=null;BREAKPOINTS={MOBILE:768,TABLET_SMALL:1024,TABLET:1440,DESKTOP:1920};CARD_SIZES={standard:{S:"fit-content",M:"calc(50% - 0.75rem)",XL:"100%"},responsive:{mobile:"100%",tablet:"calc(100% - var(--card-width-tablet) - 1.5rem - 2px)",desktop:"calc(100% - var(--card-width-desktop) - 1.5rem - 2px)"}};getCardSize(t){return this.isInCarousel?"S":t<this.BREAKPOINTS.MOBILE?"XL":t<this.BREAKPOINTS.TABLET_SMALL?"M":("L"===this.originalSize\|\|"M"===this.originalSize)&&t<this.BREAKPOINTS.TABLET&&"Tab"===this.sizeChangeBreakpoint?"S":this.originalSize}getMinWidth(t){return t<this.BREAKPOINTS.MOBILE?"calc(var(--card-width-mobile) - 2rem)":t<this.BREAKPOINTS.TABLET?"calc(var(--card-width-tablet) - 2rem)":t<this.BREAKPOINTS.DESKTOP?"var(--card-width-tablet)":"var(--card-width-desktop)"}getCardWidth(t,e){if(this.isInCarousel)return"fit-content";if(e<this.BREAKPOINTS.MOBILE)return this.CARD_SIZES.responsive.mobile;if(e<this.BREAKPOINTS.TABLET){if(("L"===this.originalSize\|\|"M"===this.originalSize)&&"Tab"===this.sizeChangeBreakpoint)return"fit-content";if("M"===t)return this.CARD_SIZES.standard.M;if("L"===t)return this.CARD_SIZES.responsive.tablet}else if("L"===t)return e<this.BREAKPOINTS.DESKTOP?this.CARD_SIZES.responsive.tablet:this.CARD_SIZES.responsive.desktop;return this.CARD_SIZES.standard[t]\|\|"fit-content"}resizeCard=t=>{this.currentSize=this.getCardSize(t),this.rootElementRef.style.minWidth=this.getMinWidth(t),this.rootElementRef.style.width=this.getCardWidth(this.currentSize,t)};resizeObserver=new ResizeObserver((()=>{const t=window.innerWidth;this.resizeCard(t),t<768?(this.priceViewRef?.setAttribute("size","S"),this.buttonRef?.setAttribute("size","small")):t<1920?(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","medium")):(this.priceViewRef?.setAttribute("size","M"),this.buttonRef?.setAttribute("size","large"))}));componentWillLoad(){this.originalSize=this.size,this.currentSize=this.size}componentDidLoad(){this.onThemeChanged(this.theme),this.resizeObserver.observe(window.document.body)}handleClick=t=>{if(t.composedPath().some((t=>t instanceof HTMLElement&&t.classList?.contains("button"))))this.tetDynamicCardClickEvent.emit();else if(this.buttonRef&&this.linkHref){const t=this.buttonRef.shadowRoot?.querySelector("button");t&&t.click()}};renderTags(){const t="dark"===this.theme?this.dateTagColorDark:this.dateTagColorLight;return i("div",{class:"tags-container",part:"tags"},this.tags?.length>0&&i("div",{class:"tags"},this.tags.map((t=>i("span",{class:"tag"},t)))),this.dateTag&&i("div",{class:"tags"},i("div",{class:`tag colored colored--${t}`,ref:t=>{this.dateTagColorRef=t}},i("span",{class:"date-tag-text"},this.dateTag))))}renderPrice(){return this.priceTagOptions?.show?i("div",{class:"price",part:"price"},i("tet-price-view",{ref:t=>{this.priceViewRef=t},font:this.priceTagOptions.font\|\|"Gilroy, Arial, sans-serif",background:this.priceTagOptions.background,staticColors:this.priceTagOptions.isStatic,theme:this.theme,size:"S","heading-text":this.priceTagOptions.headingText,"price-type":this.priceTagOptions.priceType,"euro-price":this.priceTagOptions.euroPrice?.toString(),"cents-price":this.priceTagOptions.centsPrice?.toString(),"footer-text":this.priceTagOptions.footerText,"footer-text-type":this.priceTagOptions.footerTextType})):null}renderButton(){return this.linkText?i("div",{class:"button",part:"button"},i("tet-button",{type:"primary",size:"small",theme:this.theme,"color-theme":this.buttonColorTheme,"custom-color-code":this.buttonCustomColorCode,"custom-color-content-tone":this.buttonCustomColorContentTone,url:this.linkHref,"url-target":this.linkNewTab?"_blank":"_self","accessibility-label":this.linkText,ref:t=>{this.buttonRef=t}},this.linkText)):null}render(){return i(r,{key:"f540861665cea83ffe29d147fefb2c471b0ab208",class:{"dynamic-card":!0,"is-focused":this.isFocused},"data-index":this.index,ref:t=>{this.rootElementRef=t}},i("div",{key:"f23d0b124407d6a30850d4faa6ecf2b5c42f4266",class:`card\n theme-${this.theme}\n size-${this.currentSize}\n position-${this.pictureLayoutShiftPosition}\n carousel-${this.isInCarousel}\n `,onClick:this.handleClick,onKeyUp:t=>{"Enter"===t.key&&this.handleClick(t)},tabindex:0,part:"card","aria-labelledby":this.cardTitle},i("div",{key:"77e5b8e5dac80f993f0cc8d75ebcb195b2769bb4",class:"image",part:"image"},i("slot",{key:"27541049dba50e22365f349ee35dd9196f94b10c",name:"image"}),this.renderPrice(),this.renderTags()),i("div",{key:"4a9a76436b0da5944c2539fba57af9aa54fc00f5",class:"content-container"},i("div",{key:"f85d83b152037d75f01afd14992ad60da1e093c8",class:"content",part:"content"},this.cardTitle&&i("h3",{key:"8a3226e1cb359f7107eb3b22621141222b97060e",class:"title",part:"title"},this.cardTitle),this.subtitle&&i("p",{key:"6ef1c7c4e815729a966c026ee95e94dc13b87ece",class:"subtitle",part:"subtitle"},this.subtitle)),this.renderButton())))}static get watchers(){return{theme:["onThemeChanged"],size:["onSizeChange"]}}};a.style=":host{--image-type:cover;--image-background-color:var(--tc-background-white-black);--card-width-mobile:17.5rem;--card-height-mobile:27.75rem;--card-width-tablet:21.375rem;--card-height-tablet:33.875rem;--card-width-desktop:25.625rem;--card-height-desktop:39.5rem;--option-card-bg:var(--tc-background-white-black);--option-card-text:var(--tc-text-primary);--option-card-border:var(--tc-border-quaternary);display:block;font-family:var(--tet-font-family-primary)}.card{-webkit-user-drag:none;user-select:none;cursor:pointer;background:var(--tc-background-white-black);border-radius:1rem;border:0.0625rem solid var(--tc-border-quaternary);overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0 auto;min-width:var(--card-width-mobile);width:var(--card-width-mobile);height:var(--card-height-mobile);transition:box-shadow 0.15s ease}.card.size-S{width:var(--card-width-mobile);height:var(--card-height-mobile)}.card.size-XL,.card.size-L,.card.size-M{width:100%}.card:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem}.card:hover{box-shadow:0 4px 24px 0 rgba(0, 0, 0, 0.1), 0 1.5px 6px 0 rgba(0, 0, 0, 0.08)}.card:hover ::slotted(img){transform:scale(1.06)}.card:active{box-shadow:0 0 1px 0 rgba(12, 12, 14, 0.08), 0 1px 3px 0 rgba(12, 12, 14, 0.12)}.card:active ::slotted(img){transform:scale(1.01)}.content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.image{-webkit-user-drag:none;user-select:none;flex-shrink:0;width:100%;height:16.125rem;overflow:hidden;position:relative;background-color:var(--image-background-color)}.image ::slotted(img){transition:transform 0.3s ease;width:100%;height:100%;object-fit:var(--image-type);display:block}.price{position:absolute;bottom:0.75rem;right:0.75rem;z-index:1}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem;z-index:1}.content{height:auto;padding:0 1rem;text-align:center}.title{margin:0;font-family:var(--font-family-fallback);font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:var(--tc-text-primary);line-height:1.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:3rem}.subtitle{color:var(--tc-text-primary);text-align:center;font-family:var(--font-family-content);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.003125rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:2.5rem}.button{margin-top:auto;margin-bottom:1.5rem;width:fit-content;text-wrap:nowrap}.tags-container{position:absolute;top:0.75rem;left:0.75rem;display:flex;flex-direction:column;gap:0.25rem}.tags{display:flex;flex-wrap:wrap;gap:0.25rem}.tag{border:0.0625px solid var(--tc-border-tertiary);padding:0.1875rem 0.3125rem;border-radius:0.375rem;background:var(--tc-layer-primary);color:var(--tc-text-primary);font-family:var(--font-family-content);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem}.tag.colored--white{background:var(--tc-layer-primary);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.tag.colored--black{color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}.tag.colored--yellow{background:var(--tc-yellow-20);color:var(--tc-text-primary);border:0.0625px solid var(--tc-border-tertiary)}.theme-dark{background:var(--tc-layer-primary-dark);border:0.0625rem solid var(--tc-border-quaternary-dark)}.theme-dark .title{color:var(--tc-text-primary-dark)}.theme-dark .subtitle{color:var(--tc-text-primary-dark)}.theme-dark .tag:not(.colored){color:var(--tc-text-primary-dark);background:var(--tc-layer-primary-dark);border:0.0625px solid var(--tc-border-primary)}@media all and (min-width: 48rem){.card{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-S{width:var(--card-width-tablet);height:var(--card-height-tablet)}.card.size-M{width:100%}.card.size-M .image{width:100%}.card.size-M.carousel-true{width:44rem}.card.size-XL,.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-XL .image,.card.size-L .image{width:60%;height:100%}.card.size-XL .button,.card.size-L .button{margin-top:0}.card.size-XL.position-right,.card.size-L.position-right{flex-direction:row-reverse}.card.size-XL.carousel-true,.card.size-L.carousel-true{width:44rem}.image{width:var(--card-width-tablet);height:var(--card-width-tablet)}.title{font-size:1.5rem;line-height:1.75rem;max-height:3.5rem}.tag{font-size:0.875rem;line-height:1.25rem;letter-spacing:-0.003125rem}}@media all and (min-width: 90rem){.card.size-M{width:100%}.card.size-M.carousel-true{width:39.375rem}.card.size-L{width:100%;flex-direction:row;gap:0}.card.size-L .image{width:62%;height:100%}.card.size-L .button{margin-top:0}.card.size-L.position-right{flex-direction:row-reverse}.card.size-L.carousel-true{width:57.25rem}.card.size-XL .image{width:64%}.card.size-XL.carousel-true{width:80.25rem}}@media all and (min-width: 120rem){.card{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-S{width:var(--card-width-desktop);height:var(--card-height-desktop)}.card.size-L.carousel-true{width:83.125rem}.card.size-XL .image{width:72%}.card.size-XL.carousel-true{width:110.25rem}.image{width:var(--card-width-desktop);height:var(--card-width-desktop)}.title{font-size:1.75rem;line-height:2rem;max-height:4rem}.subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem;max-height:3rem}}";export{a as tet_dynamic_card}

package/dist/tet-components/{p-4fb9f367.entry.js → p-e20a1a5e.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,c as t,g as o,f as r,h as i,H as n}from"./p-83f43fdd.js";import{a}from"./p-713fff27.js";import{p as s,t as l}from"./p-a8051a99.js";import{f as c}from"./p-e1e74d01.js";import"./p-9a2b6ee2.js";import"./p-0ebbf5ef.js";const d=class{constructor(o){e(this,o),this.bottomLinkClick=t(this,"bottomLinkClick",7),this.benefitLinkClick=t(this,"benefitLinkClick",7),this.cardClick=t(this,"cardClick",7),this.selectionStateChange=t(this,"selectionStateChange",7),this.addToCart=t(this,"addToCart",7),this.removeFromCart=t(this,"removeFromCart",7),this.isDesktopResolution=!1,this.isAccordionOpen=!0,this.theme="light",this.state="default",this.selectionType=void 0,this.isTabStop=!0,this.subscriptionLabel=void 0,this.topBadge=void 0,this.indicator=void 0,this.cardTitle=void 0,this.subtitle=void 0,this.description=void 0,this.price=void 0,this.inlineMessage=void 0,this.selectionConfig=void 0,this.count=void 0,this.primaryValue=void 0,this.secondaryValue=void 0,this.isInCart=!1,this.benefits=void 0,this.benefitLink=void 0,this.packageItems=void 0,this.subscriptionItems=void 0,this.bottomLinkText=void 0,this.bottomRemark=void 0,this.accordionConfig=void 0}get hostElement(){return o(this)}focusTargetEl;static INTERACTIVE_CLICK_TAGS=new Set(["TET-STEPPER-INPUT","TET-BUTTON","TET-DROPDOWN"]);accordionEl;bottomLinkClick;benefitLinkClick;cardClick;selectionStateChange;addToCart;removeFromCart;get isSelectedState(){return"selected"===this.state}get isDisabledState(){return"disabled"===this.state}get isUnavailableState(){return"unavailable"===this.state}get isSubscribedState(){return"subscribed"===this.state}get isSelectable(){return!(!this.selectionType\|\|this.isDisabledState\|\|this.isUnavailableState\|\|this.isSubscribedState)}get isHoverable(){return this.isSelectable&&("checkbox"===this.selectionType\|\|!this.isSelectedState)}get hasDesktopAccordionToggle(){const e=this.accordionConfig?.openLabelDesktop?.trim(),t=this.accordionConfig?.closedLabelDesktop?.trim();return!!e&&!!t}componentWillLoad(){this.isAccordionOpen="closed"!==this.accordionConfig?.defaultState,this.checkDesktopResolution(),this.ensureDesktopOpenWithoutToggle(),s("tet-components","lv").then((()=>r(this)))}onAccordionConfigChanged(){this.ensureDesktopOpenWithoutToggle()}onSelectionConfigChanged(e,t){const o=this.haveDropdownOptionsChanged(e?.primaryDropdown,t?.primaryDropdown),r=this.haveDropdownOptionsChanged(e?.secondaryDropdown,t?.secondaryDropdown),i={};let n=!1;o&&void 0!==this.primaryValue&&(i.primaryValue=void 0,n=!0),r&&void 0!==this.secondaryValue&&(i.secondaryValue=void 0,n=!0),n&&this.emitSelectionStateChanged(i)}onResize(){const e=this.isDesktopResolution;this.checkDesktopResolution(),!e&&this.isDesktopResolution&&this.ensureDesktopOpenWithoutToggle()}checkDesktopResolution=()=>{this.isDesktopResolution=void 0!==globalThis.window&&globalThis.window.innerWidth>=500};emitSelectionStateChanged=e=>{const t={primaryValue:this.primaryValue,secondaryValue:this.secondaryValue,count:this.count,...e};this.selectionStateChange.emit(t)};getDropdownValueSignature=e=>JSON.stringify((e?.options??[]).map((e=>e.value)));haveDropdownOptionsChanged=(e,t)=>this.getDropdownValueSignature(e)!==this.getDropdownValueSignature(t);onSelectionCounterValueChange=({detail:e})=>{this.emitSelectionStateChanged({count:e})};onSelectionAdd=e=>{e.stopPropagation(),this.isDisabledState\|\|this.addToCart.emit({primaryValue:this.primaryValue,secondaryValue:this.secondaryValue,count:this.count})};onSelectionRemove=e=>{e.stopPropagation(),this.isDisabledState\|\|this.removeFromCart.emit()};onDropdownOptionSelected=e=>({detail:t})=>{this.emitSelectionStateChanged("primary"===e?{primaryValue:t.value}:{secondaryValue:t.value})};onAccordionChanged=({detail:e})=>{this.isAccordionOpen=e};ensureDesktopOpenWithoutToggle=()=>{!this.isDesktopResolution\|\|this.hasDesktopAccordionToggle\|\|this.isAccordionOpen\|\|(this.isAccordionOpen=!0)};onBottomAccordionToggle=e=>{e.preventDefault(),e.stopPropagation(),this.isAccordionOpen?this.accordionEl?.close():this.accordionEl?.open()};onHeaderAccordionToggle=e=>{e.preventDefault(),e.stopPropagation(),this.onBottomAccordionToggle(e)};onBottomLinkClick=e=>{e.preventDefault(),e.stopPropagation(),this.isDisabledState\|\|this.bottomLinkClick.emit(this.bottomLinkText??"")};onBenefitLinkClick=e=>{e.preventDefault(),e.stopPropagation(),this.isDisabledState\|\|this.benefitLinkClick.emit(this.benefitLink??"")};isInteractiveCardClick=e=>e.composedPath().some((e=>e instanceof HTMLElement&&d.INTERACTIVE_CLICK_TAGS.has(e.tagName)));onCardClick=e=>{this.isSelectable&&(this.isInteractiveCardClick(e)\|\|this.cardClick.emit())};async focusSelectionTarget(){this.focusTargetEl?.focus()}renderTopBadge=()=>this.topBadge?i("div",{class:"snicker-card__badge"},this.topBadge):null;renderSubscriptionStrip=()=>this.isSubscribedState&&this.subscriptionLabel?i("div",{class:"subscription-strip"},i("p",{class:"subscription-strip__label"},this.subscriptionLabel)):null;renderSelection=()=>{if(!this.selectionConfig)return null;const{primaryDropdown:e,secondaryDropdown:t,stepper:o,addButtonLabel:r,removeButtonLabel:n}=this.selectionConfig,a=this.isInCart,s=this.isDisabledState,c=this.count??o?.value??o?.min,d=a?n??l("components-snicker-card-remove-from-cart"):r??l("components-snicker-card-add-to-cart");return i("div",{class:"selection"},e&&i("tet-dropdown",{class:"selection__dropdown",theme:this.theme,label:e.label,buttonLabel:e.buttonLabel,options:e.options,disabled:s\|\|(e.disabled??!1),closeOnSelection:e.closeOnSelection??!0,onOptionSelected:this.onDropdownOptionSelected("primary")}),t&&i("tet-dropdown",{class:"selection__dropdown",theme:this.theme,label:t.label,buttonLabel:t.buttonLabel,options:t.options,disabled:s\|\|(t.disabled??!1),closeOnSelection:t.closeOnSelection??!0,onOptionSelected:this.onDropdownOptionSelected("secondary")}),o&&i("tet-stepper-input",{class:"selection__stepper",theme:this.theme,disabled:s,value:c,displayMode:this.isDesktopResolution?"input":"text",min:o.min,max:o.max,step:o.step??1,accessibilityLabel:o.label,onInputValueChanged:this.onSelectionCounterValueChange}),!a&&i("tet-button",{class:"selection__button",onClick:this.onSelectionAdd,size:"medium",type:"primary",theme:this.theme,disabled:s,iconName:"tc-cart-outline",iconPosition:"left",accessibilityLabel:d},d),a&&i("tet-button",{class:"selection__button selection__button--in-cart selection__button--mobile",onClick:this.onSelectionRemove,size:"medium",type:"secondary",theme:this.theme,disabled:s,iconName:"tc-trash",iconPosition:"left",accessibilityLabel:d},d),a&&i("tet-button",{class:"selection__button selection__button--in-cart selection__button--desktop",onClick:this.onSelectionRemove,size:"medium",type:"primary",theme:this.theme,disabled:s,iconName:"tc-trash",iconMode:!0,iconPosition:"left",accessibilityLabel:d,customColorCode:"light"===this.theme?"#F7F7F7":"#18191B",customColorContentTone:"light"===this.theme?"dark":"light"}))};renderBenefits=()=>{const e=this.benefits??[];let t="primary";return this.isDisabledState?t="quaternary":this.isUnavailableState&&(t="tertiary"),0!==e.length\|\|this.benefitLink?i("ul",{class:"benefits with-divider"},e.map((e=>i("li",{class:"benefits__item"},i("tet-icon",{theme:this.theme,class:"benefits__icon",type:t,name:"tc-check"}),i("span",{class:"benefits__text"},e)))),this.benefitLink&&i("li",{class:"benefits__item"},i("tet-icon",{theme:this.theme,class:"benefits__icon",type:t,name:"tc-check"}),i("button",{type:"button",class:{"button-naked":!0,benefits__link:!0,"benefits__link--unavailable":this.isUnavailableState,"tet-link":!0,disabled:this.isDisabledState,[this.theme]:!0},disabled:this.isDisabledState,onClick:this.onBenefitLinkClick},this.benefitLink))):null};renderPackageItems=()=>{const e=this.packageItems??[];return 0===e.length?null:i("div",{class:"packages"},e.map((e=>i("div",{class:"packages__item"},i("img",{class:"packages__image",src:e,alt:"",loading:"lazy",decoding:"async"})))))};renderSubscriptionItems=()=>{const e=this.subscriptionItems??[];return 0===e.length?null:i("div",{class:"subscriptions with-divider"},e.map((e=>i("div",{class:"subscriptions__item"},i("img",{class:"subscriptions__image",src:e,alt:"",loading:"lazy",decoding:"async"})))))};renderInlineMessage=()=>{const e=this.inlineMessage;return e?i("div",{class:{message:!0,"with-divider":!0}},i("tet-inline-message",{class:"message__inline",variant:e.variant??"info",theme:this.theme},i("span",{slot:"title"},e.title),i("span",{slot:"description"},e.message))):null};renderBottomLink=()=>this.bottomLinkText?i("button",{type:"button",class:{"button-naked":!0,"tet-link":!0,disabled:this.isDisabledState,[this.theme]:!0,footer__link:!0},disabled:this.isDisabledState,onClick:this.onBottomLinkClick},this.bottomLinkText):null;renderBottomToggle=()=>this.hasDesktopAccordionToggle?i("button",{class:"footer__toggle",onClick:this.onBottomAccordionToggle},i("span",{class:"footer__toggle-label"},this.isAccordionOpen?this.accordionConfig?.openLabelDesktop:this.accordionConfig?.closedLabelDesktop),i("tet-icon",{theme:this.theme,class:{"footer__toggle-icon":!0,open:this.isAccordionOpen},type:"primary",name:"chevron-down"})):null;renderBottomSection=()=>{const e=!!this.bottomLinkText,t=!!this.bottomRemark;return e\|\|t\|\|this.hasDesktopAccordionToggle?i("div",{class:{footer:!0,"footer--desktop-only":!e&&!t}},i("div",{class:"footer__contract"},this.renderBottomLink(),t&&i("p",{class:"footer__remark"},this.bottomRemark)),this.renderBottomToggle()):null};renderIndicator=()=>{const e=this.indicator;return e?i("checkbox"===e.type?"tet-checkbox":"tet-radio",{class:"header__selector",theme:this.theme,checked:this.isSelectedState,disabled:this.isDisabledState,unavailable:this.isUnavailableState,iconName:e.iconName,labelFont:"lg-inter","aria-hidden":!0,inert:!0}):null};renderHeader=()=>{const e=this.price,t=!!e;let o=-1;this.isSelectable&&(o="radio"!==this.selectionType\|\|this.isTabStop?0:-1);const r="price"===e?.type;let n,s;if(r){const t={decimalSeparator:",",currency:""};n=c(e.value,t),s=void 0===e.oldValue?void 0:c(e.oldValue,t)}else n=e?.value,s=e?.oldValue;const l=r?e?.prefix:void 0,d=r?e?.suffix:void 0;return i("div",{class:{header:!0,"header--hoverable":this.isHoverable,"header--closed":!this.isAccordionOpen,"header--no-price":!t}},i("div",{class:"header__top"},i("div",{class:"header__top-left",ref:e=>this.focusTargetEl=e??void 0,tabindex:o,onKeyDown:this.isSelectable?a:void 0,role:this.isSelectable?this.selectionType:void 0,"aria-checked":this.isSelectable?String(this.isSelectedState):void 0},this.renderIndicator(),i("h3",{class:"header__title"},this.cardTitle)),i("button",{type:"button",class:"header__accordion-toggle",onClick:this.onHeaderAccordionToggle},i("tet-icon",{theme:this.theme,class:{"header__accordion-toggle-icon":!0,open:this.isAccordionOpen},type:"primary",name:"chevron-down"}))),i("div",{class:"header__content"},this.subtitle&&i("p",{class:"header__subtitle"},this.subtitle),t&&i("div",{class:"header__price-line"},i("div",{class:"header__price-main"},l&&i("span",{class:"header__price-prefix"},l),i("span",{class:"header__price-value"},n),d&&i("span",{class:"header__price-suffix"},d)),s&&i("div",{class:"header__old-price"},s,d?` ${d}`:"")),this.description&&i("p",{class:"header__description"},this.description)))};render(){return i(n,{key:"d0f0ea76ed9e8999c18a952d184e87e5da254145"},i("div",{key:"b25ad0501e0ce9f88ee26d32e281786a28db92b2",class:{"snicker-card":!0,[this.theme]:!0,"snicker-card--hoverable":this.isHoverable,"snicker-card--selected":this.isSelectedState,"snicker-card--disabled":this.isDisabledState,"snicker-card--unavailable":this.isUnavailableState,"snicker-card--subscribed":this.isSubscribedState,"snicker-card--with-badge":!!this.topBadge},onClick:this.onCardClick},this.renderTopBadge(),this.renderSubscriptionStrip(),i("tet-accordion",{key:"4dc027724c506e98c1d4a5d68f0c47f9ce41c5e5",ref:e=>this.accordionEl=e,class:"accordion",theme:this.theme,isOpen:this.isAccordionOpen,onOpenChanged:this.onAccordionChanged,transparentBackground:!0,isHeaderInteractive:!1},i("div",{key:"2a03e68de5dfc0754d72c34dcabde4e1c8e904e2",slot:"header",class:"accordion__header"},this.renderHeader()),i("div",{key:"0b2c0128d3bf8645db58591a1611b3175c6762ab",class:"accordion__content"},this.renderInlineMessage(),this.renderSelection(),this.renderBenefits(),this.renderPackageItems(),this.renderSubscriptionItems())),this.renderBottomSection()))}static get watchers(){return{accordionConfig:["onAccordionConfigChanged"],selectionConfig:["onSelectionConfigChanged"]}}};d.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)}@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)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block}.light{--snicker-card-background:var(--tc-layer-primary);--snicker-card-subscribed-background:var(--tc-layer-secondary);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary);--snicker-card-border-color:var(--tc-border-quaternary);--snicker-card-border-hover-color:var(--tc-border-secondary);--snicker-card-border-selected-color:var(--tc-border-primary);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary);--snicker-card-text-primary:var(--tc-text-primary);--snicker-card-text-secondary:var(--tc-text-secondary);--snicker-card-text-tertiary:var(--tc-text-tertiary);--snicker-card-unavailable-color:var(--tc-text-tertiary);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled);--snicker-card-toggle-color:var(--tc-text-primary);--snicker-card-shadow:var(--tc-elevation-one);--snicker-card-selected-shadow:var(--tc-elevation-two);--snicker-card-badge-background:var(--tc-yellow-40);--snicker-card-focus-outline-color:var(--tc-blue-40)}.dark{--snicker-card-background:var(--tc-layer-primary-dark);--snicker-card-subscribed-background:var(--tc-layer-secondary-dark);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary-dark);--snicker-card-border-color:var(--tc-border-quaternary-dark);--snicker-card-border-hover-color:var(--tc-border-secondary-dark);--snicker-card-border-selected-color:var(--tc-border-primary-dark);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary-dark);--snicker-card-text-primary:var(--tc-text-primary-dark);--snicker-card-text-secondary:var(--tc-text-secondary-dark);--snicker-card-text-tertiary:var(--tc-text-tertiary-dark);--snicker-card-unavailable-color:var(--tc-text-tertiary-dark);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled-dark);--snicker-card-toggle-color:var(--tc-text-primary-dark);--snicker-card-shadow:var(--tc-elevation-one-dark);--snicker-card-selected-shadow:var(--tc-elevation-two-dark);--snicker-card-badge-background:var(--tc-yellow-40-dark);--snicker-card-focus-outline-color:var(--tc-blue-40-dark)}.snicker-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:1rem;border:0.0625rem solid var(--snicker-card-border-color);border-radius:1rem;background-color:var(--snicker-card-background);box-shadow:var(--snicker-card-shadow);color:var(--snicker-card-text-primary)}.snicker-card--hoverable{cursor:pointer}@media (hover: hover){.snicker-card--hoverable:hover{border-color:var(--snicker-card-border-hover-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-hover-color), var(--snicker-card-shadow)}}.snicker-card:has(.header__top-left:focus-visible){box-shadow:none;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}@media screen and (min-width: 31.25rem){.snicker-card{padding:1.5rem}}.snicker-card--with-badge{margin-top:0.875rem}.snicker-card--selected{border-color:var(--snicker-card-border-selected-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-selected-color), var(--snicker-card-selected-shadow)}.snicker-card--subscribed{background-color:var(--snicker-card-subscribed-background)}.snicker-card--unavailable{--snicker-card-text-primary:var(--snicker-card-unavailable-color);--snicker-card-text-secondary:var(--snicker-card-unavailable-color);--snicker-card-text-tertiary:var(--snicker-card-unavailable-color)}.snicker-card--disabled{--snicker-card-text-primary:var(--snicker-card-disabled-color);--snicker-card-text-secondary:var(--snicker-card-disabled-color);--snicker-card-text-tertiary:var(--snicker-card-disabled-color)}.snicker-card__badge{position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%);color:var(--tc-text-black-permanent);background-color:var(--snicker-card-badge-background);padding:0.375rem 1.25rem;border-radius:6.25rem;box-shadow:var(--snicker-card-shadow);width:fit-content;white-space:nowrap;font:600 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif"}@media (min-width: 26.375rem){.snicker-card__badge{left:1.5rem;transform:translateY(-50%) translateX(0)}}.subscription-strip{margin:-1rem -1rem 1rem;background-color:var(--snicker-card-subscription-strip-background);padding:0.75rem 1rem;border-top-left-radius:1rem;border-top-right-radius:1rem;box-sizing:border-box}@media screen and (min-width: 31.25rem){.subscription-strip{margin:-1.5rem -1.5rem 1rem;padding:0.75rem 1.5rem}}.subscription-strip__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-primary)}.accordion{--accordion-background-color:transparent;--accordion-header-mobile-padding:0;--accordion-header-padding:0;--accordion-header-font:inherit;--accordion-header-mobile-font:inherit;--accordion-header-text-desktop-margin-right:0;--accordion-border-bottom-width:0;--accordion-outer-border:none;display:block;width:100%}.accordion__header{width:100%;cursor:default}.accordion__content{width:100%}.with-divider{border-top:var(--snicker-card-divider);padding-top:1rem}.button-naked{background:unset;border:unset;cursor:pointer;appearance:none}.header{display:flex;flex-direction:column;align-items:stretch;gap:0.25rem;padding-bottom:1rem}.header--hoverable{cursor:pointer}@media screen and (min-width: 31.25rem){.header{display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"top price" "subtitle price" "description price";column-gap:1.5rem;row-gap:0.125rem;align-items:start}}.header--closed{padding-bottom:0.25rem}@media screen and (min-width: 31.25rem){.header--no-price{grid-template-columns:minmax(0, 1fr);grid-template-areas:"top" "subtitle" "description"}}.header__top{display:flex;align-items:start;justify-content:space-between;gap:0.75rem}@media screen and (min-width: 31.25rem){.header__top{grid-area:top;justify-content:flex-start}}.header__top-left{display:flex;align-items:center;gap:0.5rem 0;min-width:0;flex-wrap:wrap}.header__top-left:focus-visible{outline:none}.header__selector{flex-shrink:0;pointer-events:none}.header__content{min-width:0;display:flex;flex-direction:column}@media screen and (min-width: 31.25rem){.header__content{display:contents}}.header__title{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-primary)}.header__subtitle{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--snicker-card-text-primary)}@media screen and (min-width: 31.25rem){.header__subtitle{grid-area:subtitle}}.header__description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-secondary)}@media screen and (min-width: 31.25rem){.header__description{grid-area:description}}.header__price-line{display:flex;align-items:baseline;gap:0.5rem;margin:0.125rem 0 0;color:var(--snicker-card-text-primary);flex-wrap:nowrap}@media screen and (min-width: 31.25rem){.header__price-line{grid-area:price;flex-direction:column;align-items:flex-end;gap:0.1875rem;margin:0;align-self:start}}.header__accordion-toggle{border:0;background:transparent;padding:0;margin:0;border-radius:0.125rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem}@media screen and (min-width: 31.25rem){.header__accordion-toggle{display:none}}.header__accordion-toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.header__accordion-toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.header__accordion-toggle-icon.open{transform:rotate(-180deg)}.header__price-main{display:flex;align-items:baseline;gap:0.25rem;white-space:nowrap}.header__price-prefix{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.header__price-prefix{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.header__price-value{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.header__price-value{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.header__price-suffix{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.header__price-suffix{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.header__old-price{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--snicker-card-text-tertiary);text-decoration:line-through;white-space:nowrap}@media screen and (min-width: 31.25rem){.header__old-price{text-align:right}}.message{width:100%}.message__inline{width:100%;--inline-message-padding:0;--inline-message-border-bottom:none}.selection{width:100%;padding:1rem 0;display:flex;flex-direction:column;gap:1rem;align-items:stretch}@media screen and (min-width: 31.25rem){.selection{flex-direction:row;align-items:flex-end;flex-wrap:nowrap;gap:0.75rem}}.selection__dropdown{display:block;width:100%}@media screen and (min-width: 31.25rem){.selection__dropdown{flex:1 1 0;width:auto;min-width:0}}.selection__stepper{display:block;align-self:center}@media screen and (min-width: 31.25rem){.selection__stepper{flex:0 0 auto;align-self:flex-end}}.selection__button{align-self:center;--button-padding-medium:0.625rem 1rem}@media screen and (min-width: 31.25rem){.selection__button{flex:0 0 auto;align-self:flex-end;margin-left:auto}}.selection__button::part(button){transition:none}@media screen and (min-width: 31.25rem){.selection__button--in-cart{--button-padding-medium:0.625rem}}.selection__button--desktop{display:none}@media screen and (min-width: 31.25rem){.selection__button--desktop{display:inline-flex}}@media screen and (min-width: 31.25rem){.selection__button--mobile{display:none}}.benefits{list-style:none;margin:0;padding-bottom:1rem;display:flex;flex-direction:column;gap:0.25rem}.benefits__item{display:flex;align-items:center;gap:0.5rem}.benefits__icon{--icon-size:1rem;--icon-container-display:flex}.benefits__text{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--snicker-card-text-primary)}.benefits__link{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.benefits__link--unavailable{--tet-link-color:var(--snicker-card-unavailable-color);--tet-link-color-hover:var(--snicker-card-unavailable-color);--tet-link-color-active:var(--snicker-card-unavailable-color)}.packages{padding-bottom:1rem;display:flex;flex-wrap:wrap;gap:1rem}.packages__item{display:inline-flex;align-items:center}.packages__image{display:block;width:auto;height:1.5rem}.subscriptions{display:flex;flex-direction:column;gap:0 1rem;padding:0.25rem 0 0 0}.subscriptions__item{padding:0.75rem 0;display:inline-flex;align-items:center}.subscriptions__image{display:block;width:auto;height:1.5rem}@media screen and (min-width: 31.25rem){.subscriptions{flex-direction:row;flex-wrap:wrap}}.footer{padding-top:0.75rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.footer--desktop-only{display:none}@media screen and (min-width: 31.25rem){.footer--desktop-only{display:block}}.footer__contract{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;align-items:flex-start;gap:0.625rem}.footer__link{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.footer__remark{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-secondary);overflow-wrap:anywhere}.footer__toggle{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";border:0;background:transparent;border-radius:0.125rem;color:var(--snicker-card-toggle-color);align-items:center;gap:0.25rem;padding:0;white-space:nowrap;cursor:pointer;display:none}@media screen and (min-width: 31.25rem){.footer__toggle{display:inline-flex}}.footer__toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.footer__toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.footer__toggle-icon.open{transform:rotate(-180deg)}';export{d as tet_snicker_card}
1	+ import{r as e,c as t,g as o,f as r,h as i,H as n}from"./p-7c868b40.js";import{a}from"./p-713fff27.js";import{p as s,t as l}from"./p-f9e5405c.js";import{f as c}from"./p-e1e74d01.js";import"./p-9a2b6ee2.js";import"./p-59ffdcd3.js";const d=class{constructor(o){e(this,o),this.bottomLinkClick=t(this,"bottomLinkClick",7),this.benefitLinkClick=t(this,"benefitLinkClick",7),this.cardClick=t(this,"cardClick",7),this.selectionStateChange=t(this,"selectionStateChange",7),this.addToCart=t(this,"addToCart",7),this.removeFromCart=t(this,"removeFromCart",7),this.isDesktopResolution=!1,this.isAccordionOpen=!0,this.theme="light",this.state="default",this.selectionType=void 0,this.isTabStop=!0,this.subscriptionLabel=void 0,this.topBadge=void 0,this.indicator=void 0,this.cardTitle=void 0,this.subtitle=void 0,this.description=void 0,this.price=void 0,this.inlineMessage=void 0,this.selectionConfig=void 0,this.count=void 0,this.primaryValue=void 0,this.secondaryValue=void 0,this.isInCart=!1,this.benefits=void 0,this.benefitLink=void 0,this.packageItems=void 0,this.subscriptionItems=void 0,this.bottomLinkText=void 0,this.bottomRemark=void 0,this.accordionConfig=void 0}get hostElement(){return o(this)}focusTargetEl;static INTERACTIVE_CLICK_TAGS=new Set(["TET-STEPPER-INPUT","TET-BUTTON","TET-DROPDOWN"]);accordionEl;bottomLinkClick;benefitLinkClick;cardClick;selectionStateChange;addToCart;removeFromCart;get isSelectedState(){return"selected"===this.state}get isDisabledState(){return"disabled"===this.state}get isUnavailableState(){return"unavailable"===this.state}get isSubscribedState(){return"subscribed"===this.state}get isSelectable(){return!(!this.selectionType\|\|this.isDisabledState\|\|this.isUnavailableState\|\|this.isSubscribedState)}get isHoverable(){return this.isSelectable&&("checkbox"===this.selectionType\|\|!this.isSelectedState)}get hasDesktopAccordionToggle(){const e=this.accordionConfig?.openLabelDesktop?.trim(),t=this.accordionConfig?.closedLabelDesktop?.trim();return!!e&&!!t}componentWillLoad(){this.isAccordionOpen="closed"!==this.accordionConfig?.defaultState,this.checkDesktopResolution(),this.ensureDesktopOpenWithoutToggle(),s("tet-components","lv").then((()=>r(this)))}onAccordionConfigChanged(){this.ensureDesktopOpenWithoutToggle()}onSelectionConfigChanged(e,t){const o=this.haveDropdownOptionsChanged(e?.primaryDropdown,t?.primaryDropdown),r=this.haveDropdownOptionsChanged(e?.secondaryDropdown,t?.secondaryDropdown),i={};let n=!1;o&&void 0!==this.primaryValue&&(i.primaryValue=void 0,n=!0),r&&void 0!==this.secondaryValue&&(i.secondaryValue=void 0,n=!0),n&&this.emitSelectionStateChanged(i)}onResize(){const e=this.isDesktopResolution;this.checkDesktopResolution(),!e&&this.isDesktopResolution&&this.ensureDesktopOpenWithoutToggle()}checkDesktopResolution=()=>{this.isDesktopResolution=void 0!==globalThis.window&&globalThis.window.innerWidth>=500};emitSelectionStateChanged=e=>{const t={primaryValue:this.primaryValue,secondaryValue:this.secondaryValue,count:this.count,...e};this.selectionStateChange.emit(t)};getDropdownValueSignature=e=>JSON.stringify((e?.options??[]).map((e=>e.value)));haveDropdownOptionsChanged=(e,t)=>this.getDropdownValueSignature(e)!==this.getDropdownValueSignature(t);onSelectionCounterValueChange=({detail:e})=>{this.emitSelectionStateChanged({count:e})};onSelectionAdd=e=>{e.stopPropagation(),this.isDisabledState\|\|this.addToCart.emit({primaryValue:this.primaryValue,secondaryValue:this.secondaryValue,count:this.count})};onSelectionRemove=e=>{e.stopPropagation(),this.isDisabledState\|\|this.removeFromCart.emit()};onDropdownOptionSelected=e=>({detail:t})=>{this.emitSelectionStateChanged("primary"===e?{primaryValue:t.value}:{secondaryValue:t.value})};onAccordionChanged=({detail:e})=>{this.isAccordionOpen=e};ensureDesktopOpenWithoutToggle=()=>{!this.isDesktopResolution\|\|this.hasDesktopAccordionToggle\|\|this.isAccordionOpen\|\|(this.isAccordionOpen=!0)};onBottomAccordionToggle=e=>{e.preventDefault(),e.stopPropagation(),this.isAccordionOpen?this.accordionEl?.close():this.accordionEl?.open()};onHeaderAccordionToggle=e=>{e.preventDefault(),e.stopPropagation(),this.onBottomAccordionToggle(e)};onBottomLinkClick=e=>{e.preventDefault(),e.stopPropagation(),this.isDisabledState\|\|this.bottomLinkClick.emit(this.bottomLinkText??"")};onBenefitLinkClick=e=>{e.preventDefault(),e.stopPropagation(),this.isDisabledState\|\|this.benefitLinkClick.emit(this.benefitLink??"")};isInteractiveCardClick=e=>e.composedPath().some((e=>e instanceof HTMLElement&&d.INTERACTIVE_CLICK_TAGS.has(e.tagName)));onCardClick=e=>{this.isSelectable&&(this.isInteractiveCardClick(e)\|\|this.cardClick.emit())};async focusSelectionTarget(){this.focusTargetEl?.focus()}renderTopBadge=()=>this.topBadge?i("div",{class:"snicker-card__badge"},this.topBadge):null;renderSubscriptionStrip=()=>this.isSubscribedState&&this.subscriptionLabel?i("div",{class:"subscription-strip"},i("p",{class:"subscription-strip__label"},this.subscriptionLabel)):null;renderSelection=()=>{if(!this.selectionConfig)return null;const{primaryDropdown:e,secondaryDropdown:t,stepper:o,addButtonLabel:r,removeButtonLabel:n}=this.selectionConfig,a=this.isInCart,s=this.isDisabledState,c=this.count??o?.value??o?.min,d=a?n??l("components-snicker-card-remove-from-cart"):r??l("components-snicker-card-add-to-cart");return i("div",{class:"selection"},e&&i("tet-dropdown",{class:"selection__dropdown",theme:this.theme,label:e.label,buttonLabel:e.buttonLabel,options:e.options,disabled:s\|\|(e.disabled??!1),closeOnSelection:e.closeOnSelection??!0,onOptionSelected:this.onDropdownOptionSelected("primary")}),t&&i("tet-dropdown",{class:"selection__dropdown",theme:this.theme,label:t.label,buttonLabel:t.buttonLabel,options:t.options,disabled:s\|\|(t.disabled??!1),closeOnSelection:t.closeOnSelection??!0,onOptionSelected:this.onDropdownOptionSelected("secondary")}),o&&i("tet-stepper-input",{class:"selection__stepper",theme:this.theme,disabled:s,value:c,displayMode:this.isDesktopResolution?"input":"text",min:o.min,max:o.max,step:o.step??1,accessibilityLabel:o.label,onInputValueChanged:this.onSelectionCounterValueChange}),!a&&i("tet-button",{class:"selection__button",onClick:this.onSelectionAdd,size:"medium",type:"primary",theme:this.theme,disabled:s,iconName:"tc-cart-outline",iconPosition:"left",accessibilityLabel:d},d),a&&i("tet-button",{class:"selection__button selection__button--in-cart selection__button--mobile",onClick:this.onSelectionRemove,size:"medium",type:"secondary",theme:this.theme,disabled:s,iconName:"tc-trash",iconPosition:"left",accessibilityLabel:d},d),a&&i("tet-button",{class:"selection__button selection__button--in-cart selection__button--desktop",onClick:this.onSelectionRemove,size:"medium",type:"primary",theme:this.theme,disabled:s,iconName:"tc-trash",iconMode:!0,iconPosition:"left",accessibilityLabel:d,customColorCode:"light"===this.theme?"#F7F7F7":"#18191B",customColorContentTone:"light"===this.theme?"dark":"light"}))};renderBenefits=()=>{const e=this.benefits??[];let t="primary";return this.isDisabledState?t="quaternary":this.isUnavailableState&&(t="tertiary"),0!==e.length\|\|this.benefitLink?i("ul",{class:"benefits with-divider"},e.map((e=>i("li",{class:"benefits__item"},i("tet-icon",{theme:this.theme,class:"benefits__icon",type:t,name:"tc-check"}),i("span",{class:"benefits__text"},e)))),this.benefitLink&&i("li",{class:"benefits__item"},i("tet-icon",{theme:this.theme,class:"benefits__icon",type:t,name:"tc-check"}),i("button",{type:"button",class:{"button-naked":!0,benefits__link:!0,"benefits__link--unavailable":this.isUnavailableState,"tet-link":!0,disabled:this.isDisabledState,[this.theme]:!0},disabled:this.isDisabledState,onClick:this.onBenefitLinkClick},this.benefitLink))):null};renderPackageItems=()=>{const e=this.packageItems??[];return 0===e.length?null:i("div",{class:"packages"},e.map((e=>i("div",{class:"packages__item"},i("img",{class:"packages__image",src:e,alt:"",loading:"lazy",decoding:"async"})))))};renderSubscriptionItems=()=>{const e=this.subscriptionItems??[];return 0===e.length?null:i("div",{class:"subscriptions with-divider"},e.map((e=>i("div",{class:"subscriptions__item"},i("img",{class:"subscriptions__image",src:e,alt:"",loading:"lazy",decoding:"async"})))))};renderInlineMessage=()=>{const e=this.inlineMessage;return e?i("div",{class:{message:!0,"with-divider":!0}},i("tet-inline-message",{class:"message__inline",variant:e.variant??"info",theme:this.theme},i("span",{slot:"title"},e.title),i("span",{slot:"description"},e.message))):null};renderBottomLink=()=>this.bottomLinkText?i("button",{type:"button",class:{"button-naked":!0,"tet-link":!0,disabled:this.isDisabledState,[this.theme]:!0,footer__link:!0},disabled:this.isDisabledState,onClick:this.onBottomLinkClick},this.bottomLinkText):null;renderBottomToggle=()=>this.hasDesktopAccordionToggle?i("button",{class:"footer__toggle",onClick:this.onBottomAccordionToggle},i("span",{class:"footer__toggle-label"},this.isAccordionOpen?this.accordionConfig?.openLabelDesktop:this.accordionConfig?.closedLabelDesktop),i("tet-icon",{theme:this.theme,class:{"footer__toggle-icon":!0,open:this.isAccordionOpen},type:"primary",name:"chevron-down"})):null;renderBottomSection=()=>{const e=!!this.bottomLinkText,t=!!this.bottomRemark;return e\|\|t\|\|this.hasDesktopAccordionToggle?i("div",{class:{footer:!0,"footer--desktop-only":!e&&!t}},i("div",{class:"footer__contract"},this.renderBottomLink(),t&&i("p",{class:"footer__remark"},this.bottomRemark)),this.renderBottomToggle()):null};renderIndicator=()=>{const e=this.indicator;return e?i("checkbox"===e.type?"tet-checkbox":"tet-radio",{class:"header__selector",theme:this.theme,checked:this.isSelectedState,disabled:this.isDisabledState,unavailable:this.isUnavailableState,iconName:e.iconName,labelFont:"lg-inter","aria-hidden":!0,inert:!0}):null};renderHeader=()=>{const e=this.price,t=!!e;let o=-1;this.isSelectable&&(o="radio"!==this.selectionType\|\|this.isTabStop?0:-1);const r="price"===e?.type;let n,s;if(r){const t={decimalSeparator:",",currency:""};n=c(e.value,t),s=void 0===e.oldValue?void 0:c(e.oldValue,t)}else n=e?.value,s=e?.oldValue;const l=r?e?.prefix:void 0,d=r?e?.suffix:void 0;return i("div",{class:{header:!0,"header--hoverable":this.isHoverable,"header--closed":!this.isAccordionOpen,"header--no-price":!t}},i("div",{class:"header__top"},i("div",{class:"header__top-left",ref:e=>this.focusTargetEl=e??void 0,tabindex:o,onKeyDown:this.isSelectable?a:void 0,role:this.isSelectable?this.selectionType:void 0,"aria-checked":this.isSelectable?String(this.isSelectedState):void 0},this.renderIndicator(),i("h3",{class:"header__title"},this.cardTitle)),i("button",{type:"button",class:"header__accordion-toggle",onClick:this.onHeaderAccordionToggle},i("tet-icon",{theme:this.theme,class:{"header__accordion-toggle-icon":!0,open:this.isAccordionOpen},type:"primary",name:"chevron-down"}))),i("div",{class:"header__content"},this.subtitle&&i("p",{class:"header__subtitle"},this.subtitle),t&&i("div",{class:"header__price-line"},i("div",{class:"header__price-main"},l&&i("span",{class:"header__price-prefix"},l),i("span",{class:"header__price-value"},n),d&&i("span",{class:"header__price-suffix"},d)),s&&i("div",{class:"header__old-price"},s,d?` ${d}`:"")),this.description&&i("p",{class:"header__description"},this.description)))};render(){return i(n,{key:"d0f0ea76ed9e8999c18a952d184e87e5da254145"},i("div",{key:"b25ad0501e0ce9f88ee26d32e281786a28db92b2",class:{"snicker-card":!0,[this.theme]:!0,"snicker-card--hoverable":this.isHoverable,"snicker-card--selected":this.isSelectedState,"snicker-card--disabled":this.isDisabledState,"snicker-card--unavailable":this.isUnavailableState,"snicker-card--subscribed":this.isSubscribedState,"snicker-card--with-badge":!!this.topBadge},onClick:this.onCardClick},this.renderTopBadge(),this.renderSubscriptionStrip(),i("tet-accordion",{key:"4dc027724c506e98c1d4a5d68f0c47f9ce41c5e5",ref:e=>this.accordionEl=e,class:"accordion",theme:this.theme,isOpen:this.isAccordionOpen,onOpenChanged:this.onAccordionChanged,transparentBackground:!0,isHeaderInteractive:!1},i("div",{key:"2a03e68de5dfc0754d72c34dcabde4e1c8e904e2",slot:"header",class:"accordion__header"},this.renderHeader()),i("div",{key:"0b2c0128d3bf8645db58591a1611b3175c6762ab",class:"accordion__content"},this.renderInlineMessage(),this.renderSelection(),this.renderBenefits(),this.renderPackageItems(),this.renderSubscriptionItems())),this.renderBottomSection()))}static get watchers(){return{accordionConfig:["onAccordionConfigChanged"],selectionConfig:["onSelectionConfigChanged"]}}};d.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)}@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)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block}.light{--snicker-card-background:var(--tc-layer-primary);--snicker-card-subscribed-background:var(--tc-layer-secondary);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary);--snicker-card-border-color:var(--tc-border-quaternary);--snicker-card-border-hover-color:var(--tc-border-secondary);--snicker-card-border-selected-color:var(--tc-border-primary);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary);--snicker-card-text-primary:var(--tc-text-primary);--snicker-card-text-secondary:var(--tc-text-secondary);--snicker-card-text-tertiary:var(--tc-text-tertiary);--snicker-card-unavailable-color:var(--tc-text-tertiary);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled);--snicker-card-toggle-color:var(--tc-text-primary);--snicker-card-shadow:var(--tc-elevation-one);--snicker-card-selected-shadow:var(--tc-elevation-two);--snicker-card-badge-background:var(--tc-yellow-40);--snicker-card-focus-outline-color:var(--tc-blue-40)}.dark{--snicker-card-background:var(--tc-layer-primary-dark);--snicker-card-subscribed-background:var(--tc-layer-secondary-dark);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary-dark);--snicker-card-border-color:var(--tc-border-quaternary-dark);--snicker-card-border-hover-color:var(--tc-border-secondary-dark);--snicker-card-border-selected-color:var(--tc-border-primary-dark);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary-dark);--snicker-card-text-primary:var(--tc-text-primary-dark);--snicker-card-text-secondary:var(--tc-text-secondary-dark);--snicker-card-text-tertiary:var(--tc-text-tertiary-dark);--snicker-card-unavailable-color:var(--tc-text-tertiary-dark);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled-dark);--snicker-card-toggle-color:var(--tc-text-primary-dark);--snicker-card-shadow:var(--tc-elevation-one-dark);--snicker-card-selected-shadow:var(--tc-elevation-two-dark);--snicker-card-badge-background:var(--tc-yellow-40-dark);--snicker-card-focus-outline-color:var(--tc-blue-40-dark)}.snicker-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:1rem;border:0.0625rem solid var(--snicker-card-border-color);border-radius:1rem;background-color:var(--snicker-card-background);box-shadow:var(--snicker-card-shadow);color:var(--snicker-card-text-primary)}.snicker-card--hoverable{cursor:pointer}@media (hover: hover){.snicker-card--hoverable:hover{border-color:var(--snicker-card-border-hover-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-hover-color), var(--snicker-card-shadow)}}.snicker-card:has(.header__top-left:focus-visible){box-shadow:none;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}@media screen and (min-width: 31.25rem){.snicker-card{padding:1.5rem}}.snicker-card--with-badge{margin-top:0.875rem}.snicker-card--selected{border-color:var(--snicker-card-border-selected-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-selected-color), var(--snicker-card-selected-shadow)}.snicker-card--subscribed{background-color:var(--snicker-card-subscribed-background)}.snicker-card--unavailable{--snicker-card-text-primary:var(--snicker-card-unavailable-color);--snicker-card-text-secondary:var(--snicker-card-unavailable-color);--snicker-card-text-tertiary:var(--snicker-card-unavailable-color)}.snicker-card--disabled{--snicker-card-text-primary:var(--snicker-card-disabled-color);--snicker-card-text-secondary:var(--snicker-card-disabled-color);--snicker-card-text-tertiary:var(--snicker-card-disabled-color)}.snicker-card__badge{position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%);color:var(--tc-text-black-permanent);background-color:var(--snicker-card-badge-background);padding:0.375rem 1.25rem;border-radius:6.25rem;box-shadow:var(--snicker-card-shadow);width:fit-content;white-space:nowrap;font:600 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif"}@media (min-width: 26.375rem){.snicker-card__badge{left:1.5rem;transform:translateY(-50%) translateX(0)}}.subscription-strip{margin:-1rem -1rem 1rem;background-color:var(--snicker-card-subscription-strip-background);padding:0.75rem 1rem;border-top-left-radius:1rem;border-top-right-radius:1rem;box-sizing:border-box}@media screen and (min-width: 31.25rem){.subscription-strip{margin:-1.5rem -1.5rem 1rem;padding:0.75rem 1.5rem}}.subscription-strip__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-primary)}.accordion{--accordion-background-color:transparent;--accordion-header-mobile-padding:0;--accordion-header-padding:0;--accordion-header-font:inherit;--accordion-header-mobile-font:inherit;--accordion-header-text-desktop-margin-right:0;--accordion-border-bottom-width:0;--accordion-outer-border:none;display:block;width:100%}.accordion__header{width:100%;cursor:default}.accordion__content{width:100%}.with-divider{border-top:var(--snicker-card-divider);padding-top:1rem}.button-naked{background:unset;border:unset;cursor:pointer;appearance:none}.header{display:flex;flex-direction:column;align-items:stretch;gap:0.25rem;padding-bottom:1rem}.header--hoverable{cursor:pointer}@media screen and (min-width: 31.25rem){.header{display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"top price" "subtitle price" "description price";column-gap:1.5rem;row-gap:0.125rem;align-items:start}}.header--closed{padding-bottom:0.25rem}@media screen and (min-width: 31.25rem){.header--no-price{grid-template-columns:minmax(0, 1fr);grid-template-areas:"top" "subtitle" "description"}}.header__top{display:flex;align-items:start;justify-content:space-between;gap:0.75rem}@media screen and (min-width: 31.25rem){.header__top{grid-area:top;justify-content:flex-start}}.header__top-left{display:flex;align-items:center;gap:0.5rem 0;min-width:0;flex-wrap:wrap}.header__top-left:focus-visible{outline:none}.header__selector{flex-shrink:0;pointer-events:none}.header__content{min-width:0;display:flex;flex-direction:column}@media screen and (min-width: 31.25rem){.header__content{display:contents}}.header__title{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-primary)}.header__subtitle{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--snicker-card-text-primary)}@media screen and (min-width: 31.25rem){.header__subtitle{grid-area:subtitle}}.header__description{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-secondary)}@media screen and (min-width: 31.25rem){.header__description{grid-area:description}}.header__price-line{display:flex;align-items:baseline;gap:0.5rem;margin:0.125rem 0 0;color:var(--snicker-card-text-primary);flex-wrap:nowrap}@media screen and (min-width: 31.25rem){.header__price-line{grid-area:price;flex-direction:column;align-items:flex-end;gap:0.1875rem;margin:0;align-self:start}}.header__accordion-toggle{border:0;background:transparent;padding:0;margin:0;border-radius:0.125rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem}@media screen and (min-width: 31.25rem){.header__accordion-toggle{display:none}}.header__accordion-toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.header__accordion-toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.header__accordion-toggle-icon.open{transform:rotate(-180deg)}.header__price-main{display:flex;align-items:baseline;gap:0.25rem;white-space:nowrap}.header__price-prefix{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.header__price-prefix{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.header__price-value{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.header__price-value{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.header__price-suffix{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.header__price-suffix{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.header__old-price{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--snicker-card-text-tertiary);text-decoration:line-through;white-space:nowrap}@media screen and (min-width: 31.25rem){.header__old-price{text-align:right}}.message{width:100%}.message__inline{width:100%;--inline-message-padding:0;--inline-message-border-bottom:none}.selection{width:100%;padding:1rem 0;display:flex;flex-direction:column;gap:1rem;align-items:stretch}@media screen and (min-width: 31.25rem){.selection{flex-direction:row;align-items:flex-end;flex-wrap:nowrap;gap:0.75rem}}.selection__dropdown{display:block;width:100%}@media screen and (min-width: 31.25rem){.selection__dropdown{flex:1 1 0;width:auto;min-width:0}}.selection__stepper{display:block;align-self:center}@media screen and (min-width: 31.25rem){.selection__stepper{flex:0 0 auto;align-self:flex-end}}.selection__button{align-self:center;--button-padding-medium:0.625rem 1rem}@media screen and (min-width: 31.25rem){.selection__button{flex:0 0 auto;align-self:flex-end;margin-left:auto}}.selection__button::part(button){transition:none}@media screen and (min-width: 31.25rem){.selection__button--in-cart{--button-padding-medium:0.625rem}}.selection__button--desktop{display:none}@media screen and (min-width: 31.25rem){.selection__button--desktop{display:inline-flex}}@media screen and (min-width: 31.25rem){.selection__button--mobile{display:none}}.benefits{list-style:none;margin:0;padding-bottom:1rem;display:flex;flex-direction:column;gap:0.25rem}.benefits__item{display:flex;align-items:center;gap:0.5rem}.benefits__icon{--icon-size:1rem;--icon-container-display:flex}.benefits__text{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--snicker-card-text-primary)}.benefits__link{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.benefits__link--unavailable{--tet-link-color:var(--snicker-card-unavailable-color);--tet-link-color-hover:var(--snicker-card-unavailable-color);--tet-link-color-active:var(--snicker-card-unavailable-color)}.packages{padding-bottom:1rem;display:flex;flex-wrap:wrap;gap:1rem}.packages__item{display:inline-flex;align-items:center}.packages__image{display:block;width:auto;height:1.5rem}.subscriptions{display:flex;flex-direction:column;gap:0 1rem;padding:0.25rem 0 0 0}.subscriptions__item{padding:0.75rem 0;display:inline-flex;align-items:center}.subscriptions__image{display:block;width:auto;height:1.5rem}@media screen and (min-width: 31.25rem){.subscriptions{flex-direction:row;flex-wrap:wrap}}.footer{padding-top:0.75rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.footer--desktop-only{display:none}@media screen and (min-width: 31.25rem){.footer--desktop-only{display:block}}.footer__contract{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;align-items:flex-start;gap:0.625rem}.footer__link{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.footer__remark{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin:0;color:var(--snicker-card-text-secondary);overflow-wrap:anywhere}.footer__toggle{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";border:0;background:transparent;border-radius:0.125rem;color:var(--snicker-card-toggle-color);align-items:center;gap:0.25rem;padding:0;white-space:nowrap;cursor:pointer;display:none}@media screen and (min-width: 31.25rem){.footer__toggle{display:inline-flex}}.footer__toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.footer__toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.footer__toggle-icon.open{transform:rotate(-180deg)}';export{d as tet_snicker_card}

package/dist/tet-components/{p-13b8d342.entry.js → p-e2d9a9ad.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,h as o,H as t}from"./p-83f43fdd.js";const n=class{constructor(o){e(this,o)}render(){return o(t,{key:"3943d53286bcff986ddf3f4a852d627bfab59076"},o("div",{key:"ff42ed8cd2d9e46815e31fd8cf175da03df9d8b3",class:"container variable-container"},o("div",{key:"ef4eea485dccfb44ba7f25a3b9e518f3a3542f55",class:"container-title main"},"Teksta platuma klase"),o("div",{key:"30f82614e3a50ac4b67bed0a4c1e5e9b8777220e",class:"container-section"},o("div",{key:"fb3f83ac6f12114b9a68cb9c233409723050eb03",class:"variable-wrapper"},o("span",{key:"50168fef320f7cd06414836d57e460ee37fc5c90",class:"variable-name"},o("span",{key:"f673267905ed23dec802bdead49f88b2bd110bc5",class:"variable-part"},"tet-body-text-max-width"))))),o("div",{key:"7655acb8393e279d412408a5f3e2c331d72fe356",class:"container"},o("div",{key:"f6add7a7905d25c3d0a0f53da8ff05b9de685c5f",class:"container-title"},"Piemērs"),o("div",{key:"9d296d3df940fe557cdb8b072eacf7fd7d37d42a",class:"container-section container-example"},o("code",{key:"e0d84c6e9841fa125643128e10ba2173e176d496"},'<p class="tet-body-text-max-width">Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim.</p>'),o("p",{key:"fe24bad4077b5325972e2155923d5d5150cb3898",class:"paragraph tet-body-text-max-width"},"Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim."))))}};n.style='@charset "UTF-8";:host{box-sizing:border-box},:before,:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.tet-body-text-max-width{max-width:36.5625rem}.paragraph{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}+.paragraph{margin-top:1rem}.variable-container .container-section{justify-content:center}.variable-container .container-section .variable-wrapper{display:flex;flex-direction:row;justify-content:center}.variable-container .container-section .variable-wrapper .variable-name{align-self:center;padding:3.5rem 0}.variable-container .container-section .variable-wrapper .variable-name .variable-attribute:after{border-top:0.125rem solid #779af5;content:"ar bultiņu";position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-container .container-section .variable-part{position:relative;font-size:1.75rem;align-self:center}.container .container-title{background:rgb(235, 237, 239);padding:1rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container .container-title.main{font-weight:600}.container .container-section{display:flex;flex-direction:row;flex-wrap:wrap;border:0.0625rem grey solid;border-radius:2rem;padding:1rem}.container .container-section.container-example{flex-direction:column}.container .container-section.container-example .variable-example{padding:1rem;font-size:0.88rem;line-height:1.5em;background-color:rgb(237, 245, 252)}.container .container-section.container-example .dark-example{color:rgb(255, 255, 255);background-color:rgb(10, 11, 13)}.container .container-section.container-example span{padding:1rem}.container .container-section.container-example.dark{background:rgb(10, 11, 13)}.container .container-section .section{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1;position:relative;padding-top:1.5rem;padding-bottom:1rem;max-width:18rem}';export{n as tet_layout}
1	+ import{r as o,h as t,H as e}from"./p-7c868b40.js";const n=class{constructor(t){o(this,t)}render(){return t(e,{key:"5310709457b6550bf1f3f796a366404ab2426ac7"},t("div",{key:"f8c90e42e9f70d8ed152b41bdf00b431fac23e57",class:"container variable-container"},t("div",{key:"3912f7f468bafa58e4e931c423331dd373820582",class:"container-title main"},"Teksta platuma klase"),t("div",{key:"1750d46082fc20275c67beaff7a8f3c4f175e66f",class:"container-section"},t("div",{key:"2ce9ae50f55e66bbf130b033b0bf00ed466942df",class:"variable-wrapper"},t("span",{key:"b2c257cd32c516d1823edd408fe5179bef405232",class:"variable-name"},t("span",{key:"1c311a07da6e930b9da3f43705ddd3d5e4e59cfa",class:"variable-part"},"tet-body-text-max-width"))))),t("div",{key:"0dd216e84727e3ef55259da6b9f5c303d7279bf8",class:"container"},t("div",{key:"d94992523364d7015c699c4a66704ace926332e3",class:"container-title"},"Piemērs"),t("div",{key:"58962b03abfa1d8f846173440c3e137cacc30539",class:"container-section container-example"},t("code",{key:"7d9298a953979446a3207f930d556c20b48235b9"},'<p class="tet-body-text-max-width">Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim.</p>'),t("p",{key:"ddfd915904c1ecd292cbfb79ac798a87e46451a0",class:"paragraph tet-body-text-max-width"},"Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim."))))}};n.style='@charset "UTF-8";:host{box-sizing:border-box},:before,:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.tet-body-text-max-width{max-width:36.5625rem}.paragraph{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}+.paragraph{margin-top:1rem}.variable-container .container-section{justify-content:center}.variable-container .container-section .variable-wrapper{display:flex;flex-direction:row;justify-content:center}.variable-container .container-section .variable-wrapper .variable-name{align-self:center;padding:3.5rem 0}.variable-container .container-section .variable-wrapper .variable-name .variable-attribute:after{border-top:0.125rem solid #779af5;content:"ar bultiņu";position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-container .container-section .variable-part{position:relative;font-size:1.75rem;align-self:center}.container .container-title{background:rgb(235, 237, 239);padding:1rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container .container-title.main{font-weight:600}.container .container-section{display:flex;flex-direction:row;flex-wrap:wrap;border:0.0625rem grey solid;border-radius:2rem;padding:1rem}.container .container-section.container-example{flex-direction:column}.container .container-section.container-example .variable-example{padding:1rem;font-size:0.88rem;line-height:1.5em;background-color:rgb(237, 245, 252)}.container .container-section.container-example .dark-example{color:rgb(255, 255, 255);background-color:rgb(10, 11, 13)}.container .container-section.container-example span{padding:1rem}.container .container-section.container-example.dark{background:rgb(10, 11, 13)}.container .container-section .section{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1;position:relative;padding-top:1.5rem;padding-bottom:1rem;max-width:18rem}';export{n as tet_layout}

package/dist/tet-components/{p-94322144.entry.js → p-e329fcc9.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as o,c as t,g as e,h as r,H as n}from"./p-83f43fdd.js";const i=class{constructor(e){o(this,e),this.openChanged=t(this,"openChanged",7),this.isOpen=!1,this.theme="light",this.header="",this.headerIconName=void 0,this.headerImageSrc="",this.headerImageAlt="",this.indicatorDirection="down",this.withBorder=!1,this.withAutoScroll=!1,this.breakpoint="tablet",this.headingTag="span",this.transparentBackground=!1,this.isHeaderInteractive=!0}get element(){return e(this)}contentElement;contentWrapperElement;animationCallback;async open(){this.setState(!0)}async close(){this.setState(!1)}async toggle(){this.toggleOpenState()}async getState(){return this.isOpen}openChanged;toggleOpenState=()=>{this.setState(!this.isOpen),this.isOpen&&this.withAutoScroll&&setTimeout((()=>{this.element.scrollIntoView({block:"start",behavior:"smooth"})}),this.animationDuration)};toggleAccessibilityOpenState=o=>{["Space","Enter"].includes(o.code)&&(o.preventDefault(),this.toggleOpenState())};get animationDuration(){return 1e3parseFloat(getComputedStyle(this.element).getPropertyValue("--accordion-animation-duration"))}async setState(o){null!==this.animationCallback&&clearTimeout(this.animationCallback),this.isOpen=o,this.openChanged.emit(o),o?this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`:(this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`,await new Promise(requestAnimationFrame),this.contentWrapperElement.style.height="0"),this.animationCallback=setTimeout((()=>{this.contentWrapperElement.style.height="",this.animationCallback=null}),this.animationDuration)}renderHeading(){const o=this.element.querySelector('[slot="header-text"]'),t=o?.textContent?.trim()\|\|this.header;switch(this.headingTag){case"h1":return r("h1",{class:"tet-accordion__header-text"},t);case"h2":return r("h2",{class:"tet-accordion__header-text"},t);case"h3":return r("h3",{class:"tet-accordion__header-text"},t);case"h4":return r("h4",{class:"tet-accordion__header-text"},t);case"h5":return r("h5",{class:"tet-accordion__header-text"},t);case"h6":return r("h6",{class:"tet-accordion__header-text"},t);default:return r("span",{class:"tet-accordion__header-text"},t)}}render(){return r(n,{key:"dccb0b6efcc218ccffe83669a5fe8515f3cc996d"},r("div",{key:"b71812b04f88754319270bfaaaa7fed2b21caec0",class:{"tet-accordion":!0,"tet-accordion--border":this.withBorder,[`${this.theme}-theme`]:!0,[`tet-accordion--breakpoint-${this.breakpoint}`]:!0,"transparent-bg":this.transparentBackground}},r("div",{key:"d010d0bcc6cb676fbfe43659b820d738c73064f5",class:{"tet-accordion__header":!0,[this.theme]:!0,"tet-accordion__header--non-interactive":!this.isHeaderInteractive},...this.isHeaderInteractive?{onClick:this.toggleOpenState,onKeyDown:this.toggleAccessibilityOpenState,tabIndex:0}:{}},r("slot",{key:"de8eafe9e2e4379e195e566e7a0915c93fa7ead5",name:"header"},this.headerIconName&&r("tet-icon",{key:"96adfa088560f098550fe29bf2c154754742df3e",name:this.headerIconName,class:"tet-accordion__header-icon tet-accordion__icon"}),this.headerImageSrc&&""!==this.headerImageSrc&&r("img",{key:"fd9dd57372d8da3be6800dc5240c8ec4429ef1ec",src:this.headerImageSrc,alt:this.headerImageAlt?this.headerImageAlt:void 0,class:"tet-accordion__header-image"}),this.renderHeading(),this.isHeaderInteractive&&r("tet-icon",{key:"7dd4ee01eab387a269096579ae3349045e7d273d",name:`chevron-${this.indicatorDirection}`,class:{"tet-accordion__icon":!0,open:this.isOpen}}))),r("div",{key:"81c056607875e427b881bc64ecd9aa73245b647b",ref:o=>this.contentWrapperElement=o,class:{"tet-accordion__content-wrapper":!0,visible:this.isOpen},inert:!this.isOpen},r("div",{key:"c09e41d63b8a9d75c378b07bfabb6489212f18e9",ref:o=>this.contentElement=o,class:{"tet-accordion__content":!0}},r("slot",{key:"97c7fe27a8790a4d217a61d72fb9bc6be05e49ae"})))))}};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{--accordion-animation-duration:0.2s;--accordion-header-padding:1.5rem 0;--accordion-header-mobile-padding:0.75rem 0;--accordion-background-color:var(--tc-background-primary);--accordion-text-color:var(--tc-text-primary);--accordion-border-bottom-width:0.0625rem;--accordion-border-color:var(--tc-border-quaternary);--accordion-border-radius:0;--accordion-break-point:64rem;--accordion-outer-border:none;--accordion-header-font:500 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--accordion-header-display:flex;--accordion-header-align-items:normal;--accordion-header-text-desktop-margin-right:1.5rem}.dark-theme{--accordion-background-color:var(--tc-background-primary-dark);--accordion-text-color:var(--tc-text-primary-dark);--accordion-border-color:var(--tc-border-quaternary-dark)}.mint-theme{--accordion-background-color:rgb(10, 11, 13);--accordion-text-color:rgb(255, 255, 255);--accordion-border-color:rgb(88, 99, 116)}.tet-accordion{color:var(--accordion-text-color);background-color:var(--accordion-background-color);border-color:var(--accordion-border-color);border-radius:var(--accordion-border-radius);border:var(--accordion-outer-border)}.tet-accordion.transparent-bg{--accordion-background-color:transparent}.tet-accordion--border{border-bottom-style:solid;border-bottom-width:var(--accordion-border-bottom-width);box-sizing:border-box;padding-bottom:var(--accordion-border-bottom-width)}.tet-accordion__header{font:var(--accordion-header-mobile-font);padding:var(--accordion-header-mobile-padding);cursor:pointer;display:var(--accordion-header-display);align-items:var(--accordion-header-align-items);width:100%;border-radius:0.125rem}.tet-accordion__header--non-interactive{cursor:default}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}.tet-accordion__header:focus-visible.light{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header:focus-visible.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header-text{flex-grow:1;font:inherit;margin-right:0.5rem}@media all and (min-width: 31.25rem){.tet-accordion__header-text{margin-right:var(--accordion-header-text-desktop-margin-right)}}.tet-accordion__header-icon{margin-right:0.5rem}.tet-accordion__header .tet-accordion__header-image{padding-right:1rem}.tet-accordion__content{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";font-weight:400}@media all and (min-width: 31.25rem){.tet-accordion__content{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.tet-accordion__content::after{content:"";display:block}.tet-accordion__content-wrapper{height:0;overflow:hidden;transition:height var(--accordion-animation-duration) ease-in-out}.tet-accordion__content-wrapper.visible{height:auto}.tet-accordion__content-wrapper.visible:focus-within{overflow:visible}.tet-accordion__icon{align-self:center;--icon-color:var(--accordion-text-color);transition:transform 150ms ease-out;--icon-size:1.25rem}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__icon{--icon-size:1.5rem}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__icon{--icon-size:1.5rem}}.tet-accordion__icon.open{transform:rotate(-180deg)}';export{i as tet_accordion}
1	+ import{r as o,c as t,g as e,h as r,H as n}from"./p-7c868b40.js";const i=class{constructor(e){o(this,e),this.openChanged=t(this,"openChanged",7),this.isOpen=!1,this.theme="light",this.header="",this.headerIconName=void 0,this.headerImageSrc="",this.headerImageAlt="",this.indicatorDirection="down",this.withBorder=!1,this.withAutoScroll=!1,this.breakpoint="tablet",this.headingTag="span",this.transparentBackground=!1,this.isHeaderInteractive=!0}get element(){return e(this)}contentElement;contentWrapperElement;animationCallback;async open(){this.setState(!0)}async close(){this.setState(!1)}async toggle(){this.toggleOpenState()}async getState(){return this.isOpen}openChanged;toggleOpenState=()=>{this.setState(!this.isOpen),this.isOpen&&this.withAutoScroll&&setTimeout((()=>{this.element.scrollIntoView({block:"start",behavior:"smooth"})}),this.animationDuration)};toggleAccessibilityOpenState=o=>{["Space","Enter"].includes(o.code)&&(o.preventDefault(),this.toggleOpenState())};get animationDuration(){return 1e3parseFloat(getComputedStyle(this.element).getPropertyValue("--accordion-animation-duration"))}async setState(o){null!==this.animationCallback&&clearTimeout(this.animationCallback),this.isOpen=o,this.openChanged.emit(o),o?this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`:(this.contentWrapperElement.style.height=`${this.contentElement.offsetHeight}px`,await new Promise(requestAnimationFrame),this.contentWrapperElement.style.height="0"),this.animationCallback=setTimeout((()=>{this.contentWrapperElement.style.height="",this.animationCallback=null}),this.animationDuration)}renderHeading(){const o=this.element.querySelector('[slot="header-text"]'),t=o?.textContent?.trim()\|\|this.header;switch(this.headingTag){case"h1":return r("h1",{class:"tet-accordion__header-text"},t);case"h2":return r("h2",{class:"tet-accordion__header-text"},t);case"h3":return r("h3",{class:"tet-accordion__header-text"},t);case"h4":return r("h4",{class:"tet-accordion__header-text"},t);case"h5":return r("h5",{class:"tet-accordion__header-text"},t);case"h6":return r("h6",{class:"tet-accordion__header-text"},t);default:return r("span",{class:"tet-accordion__header-text"},t)}}render(){return r(n,{key:"fc98aa1ef334cafde50c323197f94dcf91700f1a"},r("div",{key:"bca42da60b79217202c87916424dda7ee5e4127b",class:{"tet-accordion":!0,"tet-accordion--border":this.withBorder,[`${this.theme}-theme`]:!0,[`tet-accordion--breakpoint-${this.breakpoint}`]:!0,"transparent-bg":this.transparentBackground}},r("div",{key:"2d56be973d97cf694512166839a300a12a48b9c7",class:{"tet-accordion__header":!0,[this.theme]:!0,"tet-accordion__header--non-interactive":!this.isHeaderInteractive},...this.isHeaderInteractive?{onClick:this.toggleOpenState,onKeyDown:this.toggleAccessibilityOpenState,tabIndex:0}:{}},r("slot",{key:"68ed84461bea4f72ae2f5570664690f2a6be2214",name:"header"},this.headerIconName&&r("tet-icon",{key:"ed9585680a762a8ec14477b9525e4fe7247d3109",name:this.headerIconName,class:"tet-accordion__header-icon tet-accordion__icon"}),this.headerImageSrc&&""!==this.headerImageSrc&&r("img",{key:"1320d9f5ecf569f0cba8adb106b7a4fcf1e42085",src:this.headerImageSrc,alt:this.headerImageAlt?this.headerImageAlt:void 0,class:"tet-accordion__header-image"}),this.renderHeading(),this.isHeaderInteractive&&r("tet-icon",{key:"f1cdf3d88b0ec45049a70b7aa22eb45e2e235a4c",name:`chevron-${this.indicatorDirection}`,class:{"tet-accordion__icon":!0,open:this.isOpen}}))),r("div",{key:"d2391b902a7c3100dd700dab0f19e2c3673f99d9",ref:o=>this.contentWrapperElement=o,class:{"tet-accordion__content-wrapper":!0,visible:this.isOpen},inert:!this.isOpen},r("div",{key:"b09d27bf6d5a007526c8530fd97638bc0e478136",ref:o=>this.contentElement=o,class:{"tet-accordion__content":!0}},r("slot",{key:"bf254636760c07f7ed152685b2ff331f154da02a"})))))}};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{--accordion-animation-duration:0.2s;--accordion-header-padding:1.5rem 0;--accordion-header-mobile-padding:0.75rem 0;--accordion-background-color:var(--tc-background-primary);--accordion-text-color:var(--tc-text-primary);--accordion-border-bottom-width:0.0625rem;--accordion-border-color:var(--tc-border-quaternary);--accordion-border-radius:0;--accordion-break-point:64rem;--accordion-outer-border:none;--accordion-header-font:500 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--accordion-header-display:flex;--accordion-header-align-items:normal;--accordion-header-text-desktop-margin-right:1.5rem}.dark-theme{--accordion-background-color:var(--tc-background-primary-dark);--accordion-text-color:var(--tc-text-primary-dark);--accordion-border-color:var(--tc-border-quaternary-dark)}.mint-theme{--accordion-background-color:rgb(10, 11, 13);--accordion-text-color:rgb(255, 255, 255);--accordion-border-color:rgb(88, 99, 116)}.tet-accordion{color:var(--accordion-text-color);background-color:var(--accordion-background-color);border-color:var(--accordion-border-color);border-radius:var(--accordion-border-radius);border:var(--accordion-outer-border)}.tet-accordion.transparent-bg{--accordion-background-color:transparent}.tet-accordion--border{border-bottom-style:solid;border-bottom-width:var(--accordion-border-bottom-width);box-sizing:border-box;padding-bottom:var(--accordion-border-bottom-width)}.tet-accordion__header{font:var(--accordion-header-mobile-font);padding:var(--accordion-header-mobile-padding);cursor:pointer;display:var(--accordion-header-display);align-items:var(--accordion-header-align-items);width:100%;border-radius:0.125rem}.tet-accordion__header--non-interactive{cursor:default}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__header{line-height:1.75rem;font:var(--accordion-header-font);padding:var(--accordion-header-padding)}}.tet-accordion__header:focus-visible.light{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header:focus-visible.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.0625rem;transition:outline 0s}.tet-accordion__header-text{flex-grow:1;font:inherit;margin-right:0.5rem}@media all and (min-width: 31.25rem){.tet-accordion__header-text{margin-right:var(--accordion-header-text-desktop-margin-right)}}.tet-accordion__header-icon{margin-right:0.5rem}.tet-accordion__header .tet-accordion__header-image{padding-right:1rem}.tet-accordion__content{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";font-weight:400}@media all and (min-width: 31.25rem){.tet-accordion__content{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.tet-accordion__content::after{content:"";display:block}.tet-accordion__content-wrapper{height:0;overflow:hidden;transition:height var(--accordion-animation-duration) ease-in-out}.tet-accordion__content-wrapper.visible{height:auto}.tet-accordion__content-wrapper.visible:focus-within{overflow:visible}.tet-accordion__icon{align-self:center;--icon-color:var(--accordion-text-color);transition:transform 150ms ease-out;--icon-size:1.25rem}@media all and (min-width: 31.25rem){.tet-accordion--breakpoint-tablet .tet-accordion__icon{--icon-size:1.5rem}}@media all and (min-width: 64rem){.tet-accordion--breakpoint-desktop .tet-accordion__icon{--icon-size:1.5rem}}.tet-accordion__icon.open{transform:rotate(-180deg)}';export{i as tet_accordion}