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

package/dist/esm/tet-tooltip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-e933a7d2.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-aac31bd2.js';
 import { T as TooltipPosition } from './TooltipPosition-3ad27783.js';
 
 const tetTooltipCss = ":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{--tooltip-background-color:var(--tc-tooltip-layer-secondary);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary);--tooltip-padding:1em;--tooltip-display-speed:.2s;--tooltip-delay-show:0s;--tooltip-delay-hide:.25s;--tooltip-max-width:18.75rem;--tooltip-border-radius:0.3125rem;--tooltip-font-weight:400;position:fixed;display:inline-block;width:max-content;max-width:min(var(--tooltip-max-width), 100%);z-index:100;pointer-events:none;opacity:0}:host(.hidden){visibility:hidden;opacity:0;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear}:host(.hidden-quick){opacity:0;visibility:hidden;transform:scale(0)}:host(.visible){visibility:visible;opacity:1;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear;transition-delay:var(--tooltip-delay-show)}.light-inverse{--tooltip-background-color:var(--tc-tooltip-layer-primary);--tooltip-text-color:var(--tc-tooltip-text-primary)}.dark{--tooltip-background-color:var(--tc-tooltip-layer-primary-dark);--tooltip-text-color:var(--tc-tooltip-text-primary-dark)}.dark-inverse{--tooltip-background-color:var(--tc-tooltip-layer-secondary-dark);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary-dark)}.tooltip{position:relative;background:var(--tooltip-background-color);color:var(--tooltip-text-color);border-radius:var(--tooltip-border-radius);padding:var(--tooltip-padding);font-family:var(--font-family-content);font-weight:var(--tooltip-font-weight);font-size:0.875rem;white-space:normal;line-height:1.5em}.tooltip-pointer{position:absolute;width:0;height:0;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom:0.5rem solid var(--tooltip-background-color)}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;visibility:visible;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;visibility:visible;transform:scale(1)}100%{opacity:0;visibility:hidden;transform:scale(0)}}";

package/dist/esm/tet-tv-gift-block.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-e933a7d2.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-aac31bd2.js';
 
 const tetTvGiftBlockCss = "@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{display:block}.tv-gift{padding:3.5rem 1rem 2rem}.tv-gift--medium{padding:3.5rem 1.5rem 2.5rem}.tv-gift--large{padding:3.5rem}.tv-gift__header{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";display:flex;justify-content:center;flex-direction:column;text-align:center;padding-bottom:2rem;gap:1.5rem}.tv-gift--medium .tv-gift__header{font:600 2rem/2.25rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift--large .tv-gift__header{font:600 2.5rem/3rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";padding-bottom:2.5rem}.tv-gift__header__image{height:2.125rem;margin:0 auto}.tv-gift__content{--icon-size:1.25rem;--accordion-background-color:transparent}.tv-gift--large .tv-gift__content{--icon-size:1.5rem}.tv-gift__footer{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";text-align:center;display:flex;flex-direction:column;margin-top:2rem}.tv-gift--large .tv-gift__footer{margin-top:2.5rem}.tv-gift__footer__title{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";line-height:1.75rem;margin-bottom:1rem}@media screen and (min-width: 31.25rem){.tv-gift__footer__title{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";line-height:2rem}}.tv-gift__footer__text{line-height:1.25rem}";
 const TetTvGiftBlockStyle0 = tetTvGiftBlockCss;

package/dist/esm/tet-tv-gift-list.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-e933a7d2.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-aac31bd2.js';
 
 const tetTvGiftListCss = "@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{display:block}.tv-gift-list{display:block}.tv-gift-list--image-list{display:grid;gap:2rem}.tv-gift-list--medium,.tv-gift-list--large{grid-template-columns:repeat(12, 1fr)}.tv-gift-list__list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:0.5rem}.tv-gift-list__list__wrapper{display:flex;flex-direction:column;justify-content:center}.tv-gift-list--medium .tv-gift-list__list__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__list__wrapper{grid-column:span 7}.tv-gift-list__list__header{font:600 1.25rem/1.5rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list--medium .tv-gift-list__list__header{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list--large .tv-gift-list__list__header{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list__list__item{font:400 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:flex;gap:0.5rem;line-height:1.5rem}.tv-gift-list--large .tv-gift-list__list__item{font:400 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\";line-height:1.75rem}.tv-gift-list__list__item tet-icon{--icon-size:1.25rem;--icon-container-display:flex;padding-top:0.175rem}.tv-gift-list__image{width:100%;height:auto;border-radius:0.75rem}.tv-gift-list--medium .tv-gift-list__image__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__image__wrapper{grid-column:span 5}";
 const TetTvGiftListStyle0 = tetTvGiftListCss;

package/dist/esm/{theme-wrapper-cf4d7d54.js → theme-wrapper-72d0b9da.js}

@@ -1,5 +1,5 @@
-import { h } from './index-e933a7d2.js';
-import { c as createStore } from './index-e3209c56.js';
+import { h } from './index-aac31bd2.js';
+import { c as createStore } from './index-412df137.js';
 
 var Theme;
 (function (Theme) {

package/dist/esm/{translations-31f9e210.js → translations-9b49c612.js}

@@ -1,5 +1,5 @@
 import { i as isObject } from './typecheck-4abf0258.js';
-import { e as endpoints, A as ApiRequest } from './http-codes-8100f4ea.js';
+import { e as endpoints, A as ApiRequest } from './http-codes-9125ce84.js';
 
 /**
  * Returns whether the object is empty.

package/dist/tet-components/{p-3c941b9c.entry.js → p-04383c87.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,g as r,h as i,H as s}from"./p-5abb3bea.js";import{a}from"./p-a9634fae.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;scrollToThumbCenterTimeout;get element(){return r(this)}sliderInput;sliderChange;onDataPointsChange(){this.calculateDataSet(),this.renderDataLabels()}onTypeChange(){this.renderDataLabels()}onCurrentValueChange(){this.sliderInput.emit(this.currentValue)}onWindowResize(){this.autoSetContainerSize()}onSizeChange(e){"auto"===e?this.autoSetContainerSize():this.containerSize=e}onSliderInput=e=>{this.updateProgress();const t=parseFloat(e.target.value),r=this.getClosestOriginalDataPoint(t),i=this.dataSet.indexOf(r),s=parseFloat(Object.keys(r)[0]);if(t===s)return void(this.currentValue=r[s]);const a=[r];t<s?a.unshift(this.dataSet[i-1]):a.push(this.dataSet[i+1]);const o=parseFloat(Object.keys(a[0])[0]),n=parseFloat(Object.keys(a[1])[0]),l=a[0][o];let d=(a[1][n]-l)/(n-o)*(t-o)+l;d>this.maxValue?d=this.maxValue:d<this.minValue&&(d=this.minValue);const h=this.getStepDecimals(this.step);let c=Math.round(d/this.step)*this.step;c=parseFloat(c.toFixed(h)),this.currentValue=c};onInputChange=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=0),t>this.inputMaxValue&&(t=this.inputMaxValue,e.target.value=this.inputMaxValue),this.setSliderValue(t),this.currentValue=t,this.updateProgress()};onInputKeyDown=(e,t=!1)=>{const r=["PageUp","ArrowUp","ArrowRight"],i=["PageDown","ArrowDown","ArrowLeft"],s=e.code;t&&(r.pop(),i.pop()),r.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint||"PageUp"===s?this.onControlNextClick():this.handleSliderArrowKeys("increment")),i.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint||"PageDown"===s?this.onControlPreviousClick():this.handleSliderArrowKeys("decrement")),r.concat(i).includes(s)&&setTimeout((()=>this.sliderChange.emit(this.currentValue)))};onContainerScroll=()=>{if(this.isSliding)return;this.onSliderChangeDebounce();let e=this.sliderContainerRef.scrollLeft;const t=this.tooltipHandleRef.getBoundingClientRect().width,r=this.sliderRef.getBoundingClientRect().width,i=r/2+t/2,s=i+r-t;e<i&&(e=i),e>s&&(e=s),e=Math.round(100*e)/100,this.sliderContainerRef.scrollLeft=e;const a=(this.maxValue-this.minValue)*(Math.round((e-i)/(s-i)*1e3)/1e3)+this.minValue,o=this.getClosestOriginalDataPoint(a),n=this.dataSet.indexOf(o);if(0===n&&a<parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);if(a===parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);const l=[o];a<parseFloat(Object.keys(o)[0])?l.unshift(this.dataSet[n-1]):l.push(this.dataSet[n+1]);const d=parseFloat(Object.keys(l[0])[0]),h=parseFloat(Object.keys(l[1])[0]),c=l[0][d];this.currentValue=Math.round((l[1][h]-c)/(h-d)*(a-d)+c),this.setSliderValue(this.currentValue)};onInputBlur=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=this.minValue);const r=JSON.parse(JSON.stringify(this.dataSet)),i=r.shift(),s=r.pop();t<i[this.minValue]&&(this.currentValue=i[this.minValue],this.sliderRef.value=Object.keys(i)[0],this.setInputValue(i[this.minValue]));const a=Math.max(this.inputMaxValue,s[this.maxValue]);t>a&&(this.currentValue=a,this.sliderRef.value=Object.keys(s)[0],this.setInputValue(a)),this.updateProgress(),this.sliderChange.emit(this.currentValue)};onSliderChange=()=>{this.lockToDataPoint?this.slideToClosestDataPoint():this.sliderChange.emit(this.currentValue)};onSliderChangeDebounce=a(this.onSliderChange,50);onControlPreviousClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r-1];0===r&&(i=e),this.currentValue>t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onControlNextClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r+1];r+1===this.dataSet.length&&(i=e),this.currentValue<t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onSliderPointerDown=()=>{this.animateSliderThumb("normal")};onSliderPointerUp=()=>{this.animateSliderThumb("reverse")};onContainerTouchStart=()=>{this.isPointerDown=!0,this.animateSliderThumb("normal")};onContainerTouchEnd=()=>{this.isPointerDown=!1,this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};onContainerMouseDown=e=>{"secondary"===this.type&&"small"===this.containerSize&&(this.isPointerDown=!0,this.positions={scrollLeft:this.sliderContainerRef.scrollLeft,mouseX:e.clientX},this.element.addEventListener("mousemove",this.onContainerMouseMove),this.element.addEventListener("mouseup",this.onContainerMouseUp),this.element.addEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("normal"))};onContainerMouseMove=e=>{e.preventDefault(),this.isPointerDown=1===e.buttons,this.isPointerDown?this.sliderContainerRef.scrollTo(this.positions.scrollLeft-(e.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.element.removeEventListener("mousemove",this.onContainerMouseMove),this.element.removeEventListener("mouseup",this.onContainerMouseUp),this.element.removeEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),"auto"!==this.size&&(this.containerSize=this.size),this.calculateDataSet(),this.currentValue=this.defaultValue,this.sliderResizeObserver=new ResizeObserver(this.updateTooltipHandlePosition)}componentDidLoad(){this.autoSetContainerSize(),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()}disconnectedCallback(){clearTimeout(this.scrollToThumbCenterTimeout),this.sliderResizeObserver?.disconnect()}updateProgress=()=>{const e=this.progressTrackRef;if(void 0===e)return;let t=this.getSliderPercent();t<50&&(t+=.5),e.style.width=t+"%",this.updateTooltipHandlePosition()};updateTooltipHandlePosition=()=>{const e=this.getSliderPercent(),t=this.sliderRef.getBoundingClientRect().width,r=this.tooltipHandleRef.getBoundingClientRect().width,i=e/100*(t-r)+this.sliderRef.getBoundingClientRect().left-this.element.getBoundingClientRect().left;this.tooltipHandleRef.style.left=`${i}px`;const s=this.tooltipHandleRef.getBoundingClientRect().x,a=s/o(),n=(window.innerWidth-s-r)/o();let l=0;a<1?l=2:a<3?l=3-a:n<1?l=-2:n<3&&(l=-1*(3-n)),this.tooltipOffset=l};getStepDecimals(e){const t=e.toString();return t.indexOf(".")>=0?t.split(".")[1].length:0}handleSliderArrowKeys(e){let t=this.currentValue+this.step;"decrement"===e&&(t=this.currentValue-this.step),t>this.maxValue&&(t=this.maxValue),t<this.minValue&&(t=this.minValue);const r=this.getStepDecimals(this.step);t=parseFloat(t.toFixed(r)),this.currentValue=t,this.setSliderValue(t),this.updateProgress()}getClosestOverrideDataPoint=(e=this.currentValue)=>this.dataSet.reduce((function(t,r){return Math.abs(Object.values(r)[0]-e)<Math.abs(Object.values(t)[0]-e)?r:t}));getClosestOriginalDataPoint=e=>this.dataSet.reduce((function(t,r){return Math.abs(parseFloat(Object.keys(r)[0])-e)<Math.abs(parseFloat(Object.keys(t)[0])-e)?r:t}));getSliderPercent=()=>{const e=this.sliderRef;if(null===e)return 0;const t=this.maxValue-this.minValue;return(parseFloat(e.value)-this.minValue)/t*100};getTooltipValue=()=>{if("secondary"===this.type)return`${Object.values(this.getClosestOverrideDataPoint())[0]} ${this.dataUnits}`;let e=this.currentValue;return this.currentValue<this.minValue&&(e=this.minValue),this.currentValue>this.maxValue&&(e=this.maxValue),`${e} ${this.dataUnits}`};setSliderValue=e=>{Number.isNaN(e)&&(e=this.minValue);const t=JSON.parse(JSON.stringify(this.dataSet)),r=t.shift(),i=t.pop();if(e<r[this.minValue])return void(this.sliderRef.value=this.minValue.toString());if(e>i[this.maxValue])return void(this.sliderRef.value=this.maxValue.toString());const s=this.getClosestOverrideDataPoint(e),a=Object.values(s)[0];if(e===a)return void(this.sliderRef.value=Object.keys(s)[0]);const o=this.dataSet.indexOf(s),n=[s];e<a?n.unshift(this.dataSet[o-1]):n.push(this.dataSet[o+1]);const l=parseFloat(Object.keys(n[0])[0]),d=parseFloat(Object.keys(n[1])[0]),h=n[0][l];this.sliderRef.value=((d-l)/(n[1][d]-h)*(e-h)+l).toString()};autoSetContainerSize=()=>{if("auto"!==this.size)return;let e=0;e=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.containerSize=e>=1024?"large":e>=768?"medium":"small",void 0!==this.sliderContainerRef&&("secondary"===this.type&&"small"===this.containerSize?(this.sliderContainerRef.style.overflowX="scroll",clearTimeout(this.scrollToThumbCenterTimeout),this.scrollToThumbCenterTimeout=setTimeout(this.scrollToThumbCenter,50)):this.sliderContainerRef.style.overflowX="unset")};setInputValue=e=>{this.inputRef.value=e.toString()};slideToClosestDataPoint=()=>{if(this.isPointerDown)return;const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0];this.isSliding=!0;const r=setInterval((()=>{const e=Math.abs(t-this.currentValue);if(this.scrollToThumbCenter(),e||(clearInterval(r),this.sliderChange.emit(this.currentValue),setTimeout((()=>{this.isSliding=!1}),50)),e<5)return this.currentValue=t,this.setSliderValue(t),void this.updateProgress();let i=5;e>100&&(i=10),this.currentValue>t&&(this.currentValue=this.currentValue-i,this.setSliderValue(this.currentValue)),this.currentValue<t&&(this.currentValue=this.currentValue+i,this.setSliderValue(this.currentValue)),this.updateProgress()}),1)};calculateDataSet=()=>{const e=this.dataPoints.length?this.dataPoints.length:2,t=this.dataPoints.length?this.dataPoints:[this.minValue,this.maxValue],r=(this.maxValue-this.minValue)/(e-1);this.dataSet.length=0;for(let i=0;i<e;i++)this.dataSet.push({[r*i+this.minValue]:t[i]})};scrollToThumbCenter=()=>{if("secondary"!==this.type||"small"!==this.containerSize)return;const e=this.sliderRef.getBoundingClientRect().width,t=this.tooltipHandleRef.getBoundingClientRect().width,r=e/2+t/2,i=r+e-t-r,s=this.getSliderPercent();this.sliderContainerRef.scrollLeft=r+i*s/100};animateSliderThumb=e=>{const t=getComputedStyle(this.element).getPropertyValue("--slider-thumb-shadow"),r=getComputedStyle(this.element).getPropertyValue("--slider-thumb-active-shadow");"normal"===e?this.tooltipHandleRef.classList.add("range-slider__tooltip-handle--active"):this.tooltipHandleRef.classList.remove("range-slider__tooltip-handle--active"),this.tooltipHandleRef.animate([{boxShadow:t},{boxShadow:"none"},{boxShadow:r}],{duration:300,direction:e})};renderTick=()=>{let e=document.createElement("span");e.className="range-slider__tick",this.tickContainerRef.appendChild(e)};renderDataLabels=()=>{const e=this.maxValue-this.minValue;this.dataLabelRef.innerHTML="",this.tickContainerRef.innerHTML="";for(const t of this.dataSet){const r=parseFloat(Object.keys(t)[0]),i=Object.values(t)[0],s=(r-this.minValue)/e*100;this.renderTick(),this.displayDataPoints.length&&!this.displayDataPoints.includes(i)||this.dataLabelRef.appendChild(this.renderDataLabel(i.toString(),s))}};renderDataLabel=(e,t)=>{const r=document.createElement("span"),i=document.createTextNode(e);return r.appendChild(i),r.classList.add("range-slider__data-label"),r.style.left=`calc(${t}% - 1.5rem)`,r};render(){return i(s,{key:"e7fad102c3aef38ef954e75bebab02c487792c51"},i("div",{key:"fc5db19e6de273ca66c5c57f9cd31ded42e7a53d",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:"fdf379be11d161455128a70dd401010be81779a1",class:{"range-slider__input-container":!0,hidden:!this.withInput}},i("tet-input",{key:"5f9077d9c4f7f5b3fc0fc7404ea0f03b6e433aa2","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:"6c30534094b951b12339aedf114891e9514a85ac",class:"range-slider__container"},i("tet-button",{key:"e6033d817e0228715e46b45cd5d812093042ed43",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:"62f09e8be8145052f922e55afe62ea2fec99e126",name:"remove",class:"range-slider__control--icon"})),i("div",{key:"d670950303b0ab92ae8a97058076f12a834b4e77",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:"937865377b8bc07c5888d3ab0fb0ff8a664adc5c",class:"range-slider__slider-wrapper"},i("input",{key:"d59cbb96c466ad5701d88d0a42f166cbc1aa8fab",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:"b02d50f8d7c53bba14d900159f7937614db3918a",class:"range-slider__track range-slider__track--background"}),i("div",{key:"3673af11bca399a90d7dfde6e1c9c0a896ee086f",ref:e=>this.progressTrackRef=e,class:"range-slider__track range-slider__track--progress"}),i("div",{key:"b211210c2771f32d3b0252553c82ab5655f767f2",ref:e=>this.tickContainerRef=e,class:"range-slider__tick-container"}),i("div",{key:"2c6b54e96f81924fe990ccf14b759f078bd8a70b",ref:e=>this.dataLabelRef=e,class:{"range-slider__data-label-container":!0,hidden:"secondary"===this.type&&"small"===this.containerSize}})),i("div",{key:"2b66b9808e458265595a2b714cc8706768d5f040",class:{"range-slider__current-step-container":!0,hidden:!this.withCurrentStepCounter}},i("div",{key:"c9fac963de36a02126035758d99fde33c77936d5",class:"range-slider__current-step","aria-live":"polite"},this.dataSet.indexOf(this.getClosestOverrideDataPoint())+1,"/",this.dataPoints.length)),i("div",{key:"e60f72f284720e8b6ffc86d21ca6de4dc92d5493",ref:e=>this.tooltipHandleRef=e,class:"range-slider__tooltip-handle"},i("div",{key:"e39b699c5af627e42f0774ea2be667bd1e7730d3",class:"range-slider__tooltip translation-none",style:{"--tooltip-offset":`${this.tooltipOffset}rem`},"aria-live":"polite"},this.getTooltipValue())),i("tet-button",{key:"eab8f48f5e61e77cb644b977c8cfacf72299a6cf",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:"793f1e43fa923096431968df84e456ea0f306e47",name:"add",class:"range-slider__control--icon"})))))}static get watchers(){return{dataPoints:["onDataPointsChange"],type:["onTypeChange"],currentValue:["onCurrentValueChange"],size:["onSizeChange"]}}};n.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--slider-height:6rem;--slider-track-height:0.5rem;--slider-track-border-radius:0.25rem;--slider-track-background-color:var(--tc-border-quaternary);--slider-track-progress-color:var(--tc-yellow-40);--slider-thumb-color:var(--tc-yellow-30);--slider-thumb-shadow:var(--tc-elevation-two);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(254, 213, 127, 0.4);--slider-thumb-size:1.5rem;--slider-thumb-border-radius:0.75rem;--slider-tick-primary-type-color:var(--tc-border-quaternary);--slider-tick-secondary-type-color:var(--tc-border-secondary);--slider-tick-width:0.125rem;--slider-tick-height:0.25rem;--slider-tick-border-radius:0.063rem;--slider-control-left-margin:0;--slider-control-right-margin:0;--slider-control-icon-color:var(--tc-button-icon-primary);--slider-tooltip-background-color:var(--tc-grey-80);--slider-tooltip-text-color:var(--tc-grey-10);--slider-step-counter-background-color:var(--tc-layer-secondary);--slider-step-counter-text-color:var(--tc-text-primary);--slider-data-label-text-color:var(--tc-text-secondary)}.range-slider{display:flex;width:100%;gap:1rem;height:var(--slider-height);position:relative}.range-slider.dark{--slider-track-background-color:var(--tc-border-quaternary-dark);--slider-track-progress-color:var(--tc-yellow-40-dark);--slider-thumb-color:var(--tc-yellow-30-dark);--slider-thumb-shadow:var(--tc-elevation-two-dark);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(247, 212, 135, 0.4);--slider-tick-primary-type-color:var(--tc-border-quaternary-dark);--slider-tick-secondary-type-color:var(--tc-border-secondary-dark);--slider-control-icon-color:var(--tc-button-icon-primary-dark);--slider-tooltip-background-color:var(--tc-grey-80-dark);--slider-tooltip-text-color:var(--tc-grey-10-dark);--slider-step-counter-background-color:var(--tc-layer-secondary-dark);--slider-step-counter-text-color:var(--tc-text-primary-dark);--slider-data-label-text-color:var(--tc-text-secondary-dark)}.range-slider.dark .range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.range-slider--large{flex-direction:column}.range-slider--no-controls{flex-direction:row-reverse}.range-slider *{box-sizing:border-box}.range-slider__container{display:flex;flex-direction:column;align-items:baseline;gap:1rem;position:relative;width:100%}.range-slider--large .range-slider__container{flex-direction:row}.range-slider__slider{appearance:none;-webkit-appearance:none;width:100%;height:var(--slider-track-height);background:transparent;outline:none;margin:0.313rem 0;z-index:1}.range-slider--small.range-slider--secondary .range-slider__slider{pointer-events:none;z-index:-1}.range-slider__slider:focus{outline:none}.range-slider__slider::-moz-focus-outer{border:0}.range-slider__slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:transparent;border-radius:var(--slider-thumb-border-radius);cursor:pointer}.range-slider__slider::-moz-range-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-thumb-color);border-radius:var(--slider-thumb-border-radius);cursor:pointer;border:none}.range-slider__slider::-webkit-slider-runnable-track,.range-slider__slider::-moz-range-track{width:100%;height:var(--slider-track-height);cursor:pointer;background:none;border-radius:var(--slider-track-border-radius)}.range-slider__slider:focus::-webkit-slider-runnable-track{background:none}.range-slider__slider:active::-webkit-slider-runnable-track{background:none}.range-slider__slider-container{width:100%;position:relative;height:calc(var(--slider-thumb-size) + 0.5rem);padding-top:0.625rem;scrollbar-width:none}.range-slider__slider-container::-webkit-scrollbar{display:none}.range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider__slider-wrapper{display:flex;width:100%}.range-slider--secondary.range-slider--small .range-slider__slider-wrapper{margin-left:100%}.range-slider__input{--input-padding:0.75rem;--input-border-radius:0.625rem;max-height:3.125rem;max-width:12.5rem;margin:0 auto !important;appearance:textfield;-moz-appearance:textfield}.range-slider--large .range-slider__input{text-align:center;--input-padding:0.5rem}.range-slider__input::-webkit-outer-spin-button,.range-slider__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.range-slider__input-container{display:flex;flex-direction:column;position:absolute;top:calc(var(--slider-track-height) + 3.25rem);width:100%;z-index:1}.range-slider--large .range-slider__input-container{position:relative;max-width:3.125rem;margin-left:auto;margin-right:0;top:0}.range-slider--large.range-slider--no-controls .range-slider__input-container{top:-0.5rem}.range-slider__track{position:absolute;top:1rem;left:0;height:var(--slider-track-height);pointer-events:none;border-radius:var(--slider-track-border-radius)}.range-slider--small.range-slider--secondary .range-slider__track{border-radius:0}.range-slider__track--background{width:100%;background-color:var(--slider-track-background-color)}.range-slider--small.range-slider--secondary .range-slider__track--background{width:300%}.range-slider__track--progress{background-color:var(--slider-track-progress-color)}.range-slider--secondary .range-slider__track--progress{background-color:transparent}.range-slider__data-label{position:absolute;width:3rem;text-align:center;color:var(--slider-data-label-text-color);display:none}.range-slider__data-label:first-of-type{display:block}.range-slider__data-label:last-of-type{display:block}.range-slider--large .range-slider__data-label,.range-slider--medium .range-slider__data-label{display:block}.range-slider__current-step{font:500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;font-weight:500;color:var(--slider-step-counter-text-color);width:5.5rem;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:0.25rem 1rem;background-color:var(--slider-step-counter-background-color);border-radius:1rem}.range-slider__data-label-container,.range-slider__current-step-container{font:400 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;position:absolute;display:flex;height:1.5rem;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);margin:0 auto}.range-slider__data-label-container{top:calc(var(--slider-track-height) + 1.5rem)}.range-slider--secondary.range-slider--small .range-slider__data-label-container{margin-left:100%}.range-slider__current-step-container{top:calc(var(--slider-track-height) + 2.375rem)}.range-slider--large .range-slider__current-step-container,.range-slider--medium .range-slider__current-step-container{top:calc(var(--slider-track-height) + 3.25rem)}.range-slider__tick{width:var(--slider-tick-width);height:var(--slider-tick-height);border-radius:var(--slider-tick-border-radius);background-color:var(--slider-tick-primary-type-color)}.range-slider--secondary .range-slider__tick{width:0.25rem;height:0.25rem;border-radius:0.125rem;background-color:var(--slider-tick-secondary-type-color)}.range-slider__tick-container{position:absolute;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);top:calc(var(--slider-track-height) + 1.188rem);display:flex;justify-content:space-between;align-items:center}.range-slider--secondary .range-slider__tick-container{top:calc(var(--slider-track-height) + 0.625rem)}.range-slider--secondary.range-slider--small .range-slider__tick-container{margin-left:100%}.range-slider__tooltip-handle{position:absolute;height:var(--slider-thumb-size);width:var(--slider-thumb-size);top:0.438rem;border-radius:var(--slider-thumb-border-radius);pointer-events:none;box-shadow:var(--slider-thumb-shadow);background:var(--slider-thumb-color)}.range-slider__tooltip-handle--active{box-shadow:var(--slider-thumb-active-shadow)}.range-slider__tooltip{--tooltip-offset:0;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;position:absolute;display:flex;justify-content:center;align-items:center;left:calc(-2.25rem + var(--tooltip-offset));height:2rem;width:5.75rem;padding:0.5rem 1rem;border-radius:0.5rem;z-index:2;color:var(--slider-tooltip-text-color);background-color:var(--slider-tooltip-background-color);white-space:nowrap;top:-2.625rem;transition:top 150ms ease-in-out 0s}.range-slider__tooltip-handle--active .range-slider__tooltip{transition:top 150ms ease-in-out 150ms;top:-3.25rem}.range-slider__tooltip::before{content:"";position:absolute;left:calc(50% - var(--tooltip-offset));width:0.75rem;height:0.75rem;background:var(--slider-tooltip-background-color);bottom:0;transform:rotate(45deg);border-radius:0.125rem;margin:-0.25rem}.range-slider__control{--button-icon-mode-padding:0.25rem;display:flex;justify-content:center;align-items:center;z-index:1;position:absolute;top:calc(var(--slider-track-height) + 3.5rem)}.range-slider__control:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider--large .range-slider__control{position:static}.range-slider--secondary .range-slider__control{top:calc(var(--slider-track-height) + 2rem)}.range-slider--secondary.range-slider--medium .range-slider__control{top:calc(var(--slider-track-height) + 2.75rem)}.range-slider__control--left{margin:var(--slider-control-left-margin);left:0}.range-slider--medium .range-slider__control--left{left:unset;right:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--left{right:calc(50% + 4.25rem)}.range-slider__control--right{margin:var(--slider-control-right-margin);right:0}.range-slider--medium .range-slider__control--right{right:unset;left:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--right{left:calc(50% + 4.25rem)}.range-slider__control--icon{--icon-color:var(--slider-control-icon-color)}.range-slider .hidden{display:none}';export{n as tet_range_slider}
+import{r as e,c as t,g as r,h as i,H as s}from"./p-83f43fdd.js";import{a}from"./p-a9634fae.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;scrollToThumbCenterTimeout;get element(){return r(this)}sliderInput;sliderChange;onDataPointsChange(){this.calculateDataSet(),this.renderDataLabels()}onTypeChange(){this.renderDataLabels()}onCurrentValueChange(){this.sliderInput.emit(this.currentValue)}onWindowResize(){this.autoSetContainerSize()}onSizeChange(e){"auto"===e?this.autoSetContainerSize():this.containerSize=e}onSliderInput=e=>{this.updateProgress();const t=parseFloat(e.target.value),r=this.getClosestOriginalDataPoint(t),i=this.dataSet.indexOf(r),s=parseFloat(Object.keys(r)[0]);if(t===s)return void(this.currentValue=r[s]);const a=[r];t<s?a.unshift(this.dataSet[i-1]):a.push(this.dataSet[i+1]);const o=parseFloat(Object.keys(a[0])[0]),n=parseFloat(Object.keys(a[1])[0]),l=a[0][o];let d=(a[1][n]-l)/(n-o)*(t-o)+l;d>this.maxValue?d=this.maxValue:d<this.minValue&&(d=this.minValue);const h=this.getStepDecimals(this.step);let c=Math.round(d/this.step)*this.step;c=parseFloat(c.toFixed(h)),this.currentValue=c};onInputChange=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=0),t>this.inputMaxValue&&(t=this.inputMaxValue,e.target.value=this.inputMaxValue),this.setSliderValue(t),this.currentValue=t,this.updateProgress()};onInputKeyDown=(e,t=!1)=>{const r=["PageUp","ArrowUp","ArrowRight"],i=["PageDown","ArrowDown","ArrowLeft"],s=e.code;t&&(r.pop(),i.pop()),r.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint||"PageUp"===s?this.onControlNextClick():this.handleSliderArrowKeys("increment")),i.includes(s)&&(e.preventDefault(),e.stopImmediatePropagation(),this.lockToDataPoint||"PageDown"===s?this.onControlPreviousClick():this.handleSliderArrowKeys("decrement")),r.concat(i).includes(s)&&setTimeout((()=>this.sliderChange.emit(this.currentValue)))};onContainerScroll=()=>{if(this.isSliding)return;this.onSliderChangeDebounce();let e=this.sliderContainerRef.scrollLeft;const t=this.tooltipHandleRef.getBoundingClientRect().width,r=this.sliderRef.getBoundingClientRect().width,i=r/2+t/2,s=i+r-t;e<i&&(e=i),e>s&&(e=s),e=Math.round(100*e)/100,this.sliderContainerRef.scrollLeft=e;const a=(this.maxValue-this.minValue)*(Math.round((e-i)/(s-i)*1e3)/1e3)+this.minValue,o=this.getClosestOriginalDataPoint(a),n=this.dataSet.indexOf(o);if(0===n&&a<parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);if(a===parseFloat(Object.keys(o)[0]))return this.currentValue=Object.values(o)[0],void this.setSliderValue(this.currentValue);const l=[o];a<parseFloat(Object.keys(o)[0])?l.unshift(this.dataSet[n-1]):l.push(this.dataSet[n+1]);const d=parseFloat(Object.keys(l[0])[0]),h=parseFloat(Object.keys(l[1])[0]),c=l[0][d];this.currentValue=Math.round((l[1][h]-c)/(h-d)*(a-d)+c),this.setSliderValue(this.currentValue)};onInputBlur=e=>{let t=parseFloat(e.target.value);Number.isNaN(t)&&(t=this.minValue);const r=JSON.parse(JSON.stringify(this.dataSet)),i=r.shift(),s=r.pop();t<i[this.minValue]&&(this.currentValue=i[this.minValue],this.sliderRef.value=Object.keys(i)[0],this.setInputValue(i[this.minValue]));const a=Math.max(this.inputMaxValue,s[this.maxValue]);t>a&&(this.currentValue=a,this.sliderRef.value=Object.keys(s)[0],this.setInputValue(a)),this.updateProgress(),this.sliderChange.emit(this.currentValue)};onSliderChange=()=>{this.lockToDataPoint?this.slideToClosestDataPoint():this.sliderChange.emit(this.currentValue)};onSliderChangeDebounce=a(this.onSliderChange,50);onControlPreviousClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r-1];0===r&&(i=e),this.currentValue>t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onControlNextClick=()=>{const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0],r=this.dataSet.indexOf(e);let i=this.dataSet[r+1];r+1===this.dataSet.length&&(i=e),this.currentValue<t&&(i=e);const s=Object.values(i)[0];this.currentValue=s,this.setSliderValue(s),this.updateProgress(),this.scrollToThumbCenter(),this.sliderChange.emit(this.currentValue)};onSliderPointerDown=()=>{this.animateSliderThumb("normal")};onSliderPointerUp=()=>{this.animateSliderThumb("reverse")};onContainerTouchStart=()=>{this.isPointerDown=!0,this.animateSliderThumb("normal")};onContainerTouchEnd=()=>{this.isPointerDown=!1,this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};onContainerMouseDown=e=>{"secondary"===this.type&&"small"===this.containerSize&&(this.isPointerDown=!0,this.positions={scrollLeft:this.sliderContainerRef.scrollLeft,mouseX:e.clientX},this.element.addEventListener("mousemove",this.onContainerMouseMove),this.element.addEventListener("mouseup",this.onContainerMouseUp),this.element.addEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("normal"))};onContainerMouseMove=e=>{e.preventDefault(),this.isPointerDown=1===e.buttons,this.isPointerDown?this.sliderContainerRef.scrollTo(this.positions.scrollLeft-(e.clientX-this.positions.mouseX),0):this.onContainerMouseUp()};onContainerMouseUp=()=>{this.isPointerDown=!1,this.element.removeEventListener("mousemove",this.onContainerMouseMove),this.element.removeEventListener("mouseup",this.onContainerMouseUp),this.element.removeEventListener("mouseleave",this.onContainerMouseUp),this.animateSliderThumb("reverse"),this.onSliderChangeDebounce()};componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),"auto"!==this.size&&(this.containerSize=this.size),this.calculateDataSet(),this.currentValue=this.defaultValue,this.sliderResizeObserver=new ResizeObserver(this.updateTooltipHandlePosition)}componentDidLoad(){this.autoSetContainerSize(),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()}disconnectedCallback(){clearTimeout(this.scrollToThumbCenterTimeout),this.sliderResizeObserver?.disconnect()}updateProgress=()=>{const e=this.progressTrackRef;if(void 0===e)return;let t=this.getSliderPercent();t<50&&(t+=.5),e.style.width=t+"%",this.updateTooltipHandlePosition()};updateTooltipHandlePosition=()=>{const e=this.getSliderPercent(),t=this.sliderRef.getBoundingClientRect().width,r=this.tooltipHandleRef.getBoundingClientRect().width,i=e/100*(t-r)+this.sliderRef.getBoundingClientRect().left-this.element.getBoundingClientRect().left;this.tooltipHandleRef.style.left=`${i}px`;const s=this.tooltipHandleRef.getBoundingClientRect().x,a=s/o(),n=(window.innerWidth-s-r)/o();let l=0;a<1?l=2:a<3?l=3-a:n<1?l=-2:n<3&&(l=-1*(3-n)),this.tooltipOffset=l};getStepDecimals(e){const t=e.toString();return t.indexOf(".")>=0?t.split(".")[1].length:0}handleSliderArrowKeys(e){let t=this.currentValue+this.step;"decrement"===e&&(t=this.currentValue-this.step),t>this.maxValue&&(t=this.maxValue),t<this.minValue&&(t=this.minValue);const r=this.getStepDecimals(this.step);t=parseFloat(t.toFixed(r)),this.currentValue=t,this.setSliderValue(t),this.updateProgress()}getClosestOverrideDataPoint=(e=this.currentValue)=>this.dataSet.reduce((function(t,r){return Math.abs(Object.values(r)[0]-e)<Math.abs(Object.values(t)[0]-e)?r:t}));getClosestOriginalDataPoint=e=>this.dataSet.reduce((function(t,r){return Math.abs(parseFloat(Object.keys(r)[0])-e)<Math.abs(parseFloat(Object.keys(t)[0])-e)?r:t}));getSliderPercent=()=>{const e=this.sliderRef;if(null===e)return 0;const t=this.maxValue-this.minValue;return(parseFloat(e.value)-this.minValue)/t*100};getTooltipValue=()=>{if("secondary"===this.type)return`${Object.values(this.getClosestOverrideDataPoint())[0]} ${this.dataUnits}`;let e=this.currentValue;return this.currentValue<this.minValue&&(e=this.minValue),this.currentValue>this.maxValue&&(e=this.maxValue),`${e} ${this.dataUnits}`};setSliderValue=e=>{Number.isNaN(e)&&(e=this.minValue);const t=JSON.parse(JSON.stringify(this.dataSet)),r=t.shift(),i=t.pop();if(e<r[this.minValue])return void(this.sliderRef.value=this.minValue.toString());if(e>i[this.maxValue])return void(this.sliderRef.value=this.maxValue.toString());const s=this.getClosestOverrideDataPoint(e),a=Object.values(s)[0];if(e===a)return void(this.sliderRef.value=Object.keys(s)[0]);const o=this.dataSet.indexOf(s),n=[s];e<a?n.unshift(this.dataSet[o-1]):n.push(this.dataSet[o+1]);const l=parseFloat(Object.keys(n[0])[0]),d=parseFloat(Object.keys(n[1])[0]),h=n[0][l];this.sliderRef.value=((d-l)/(n[1][d]-h)*(e-h)+l).toString()};autoSetContainerSize=()=>{if("auto"!==this.size)return;let e=0;e=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.containerSize=e>=1024?"large":e>=768?"medium":"small",void 0!==this.sliderContainerRef&&("secondary"===this.type&&"small"===this.containerSize?(this.sliderContainerRef.style.overflowX="scroll",clearTimeout(this.scrollToThumbCenterTimeout),this.scrollToThumbCenterTimeout=setTimeout(this.scrollToThumbCenter,50)):this.sliderContainerRef.style.overflowX="unset")};setInputValue=e=>{this.inputRef.value=e.toString()};slideToClosestDataPoint=()=>{if(this.isPointerDown)return;const e=this.getClosestOverrideDataPoint(),t=Object.values(e)[0];this.isSliding=!0;const r=setInterval((()=>{const e=Math.abs(t-this.currentValue);if(this.scrollToThumbCenter(),e||(clearInterval(r),this.sliderChange.emit(this.currentValue),setTimeout((()=>{this.isSliding=!1}),50)),e<5)return this.currentValue=t,this.setSliderValue(t),void this.updateProgress();let i=5;e>100&&(i=10),this.currentValue>t&&(this.currentValue=this.currentValue-i,this.setSliderValue(this.currentValue)),this.currentValue<t&&(this.currentValue=this.currentValue+i,this.setSliderValue(this.currentValue)),this.updateProgress()}),1)};calculateDataSet=()=>{const e=this.dataPoints.length?this.dataPoints.length:2,t=this.dataPoints.length?this.dataPoints:[this.minValue,this.maxValue],r=(this.maxValue-this.minValue)/(e-1);this.dataSet.length=0;for(let i=0;i<e;i++)this.dataSet.push({[r*i+this.minValue]:t[i]})};scrollToThumbCenter=()=>{if("secondary"!==this.type||"small"!==this.containerSize)return;const e=this.sliderRef.getBoundingClientRect().width,t=this.tooltipHandleRef.getBoundingClientRect().width,r=e/2+t/2,i=r+e-t-r,s=this.getSliderPercent();this.sliderContainerRef.scrollLeft=r+i*s/100};animateSliderThumb=e=>{const t=getComputedStyle(this.element).getPropertyValue("--slider-thumb-shadow"),r=getComputedStyle(this.element).getPropertyValue("--slider-thumb-active-shadow");"normal"===e?this.tooltipHandleRef.classList.add("range-slider__tooltip-handle--active"):this.tooltipHandleRef.classList.remove("range-slider__tooltip-handle--active"),this.tooltipHandleRef.animate([{boxShadow:t},{boxShadow:"none"},{boxShadow:r}],{duration:300,direction:e})};renderTick=()=>{let e=document.createElement("span");e.className="range-slider__tick",this.tickContainerRef.appendChild(e)};renderDataLabels=()=>{const e=this.maxValue-this.minValue;this.dataLabelRef.innerHTML="",this.tickContainerRef.innerHTML="";for(const t of this.dataSet){const r=parseFloat(Object.keys(t)[0]),i=Object.values(t)[0],s=(r-this.minValue)/e*100;this.renderTick(),this.displayDataPoints.length&&!this.displayDataPoints.includes(i)||this.dataLabelRef.appendChild(this.renderDataLabel(i.toString(),s))}};renderDataLabel=(e,t)=>{const r=document.createElement("span"),i=document.createTextNode(e);return r.appendChild(i),r.classList.add("range-slider__data-label"),r.style.left=`calc(${t}% - 1.5rem)`,r};render(){return i(s,{key:"e7fad102c3aef38ef954e75bebab02c487792c51"},i("div",{key:"fc5db19e6de273ca66c5c57f9cd31ded42e7a53d",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:"fdf379be11d161455128a70dd401010be81779a1",class:{"range-slider__input-container":!0,hidden:!this.withInput}},i("tet-input",{key:"5f9077d9c4f7f5b3fc0fc7404ea0f03b6e433aa2","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:"6c30534094b951b12339aedf114891e9514a85ac",class:"range-slider__container"},i("tet-button",{key:"e6033d817e0228715e46b45cd5d812093042ed43",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:"62f09e8be8145052f922e55afe62ea2fec99e126",name:"remove",class:"range-slider__control--icon"})),i("div",{key:"d670950303b0ab92ae8a97058076f12a834b4e77",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:"937865377b8bc07c5888d3ab0fb0ff8a664adc5c",class:"range-slider__slider-wrapper"},i("input",{key:"d59cbb96c466ad5701d88d0a42f166cbc1aa8fab",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:"b02d50f8d7c53bba14d900159f7937614db3918a",class:"range-slider__track range-slider__track--background"}),i("div",{key:"3673af11bca399a90d7dfde6e1c9c0a896ee086f",ref:e=>this.progressTrackRef=e,class:"range-slider__track range-slider__track--progress"}),i("div",{key:"b211210c2771f32d3b0252553c82ab5655f767f2",ref:e=>this.tickContainerRef=e,class:"range-slider__tick-container"}),i("div",{key:"2c6b54e96f81924fe990ccf14b759f078bd8a70b",ref:e=>this.dataLabelRef=e,class:{"range-slider__data-label-container":!0,hidden:"secondary"===this.type&&"small"===this.containerSize}})),i("div",{key:"2b66b9808e458265595a2b714cc8706768d5f040",class:{"range-slider__current-step-container":!0,hidden:!this.withCurrentStepCounter}},i("div",{key:"c9fac963de36a02126035758d99fde33c77936d5",class:"range-slider__current-step","aria-live":"polite"},this.dataSet.indexOf(this.getClosestOverrideDataPoint())+1,"/",this.dataPoints.length)),i("div",{key:"e60f72f284720e8b6ffc86d21ca6de4dc92d5493",ref:e=>this.tooltipHandleRef=e,class:"range-slider__tooltip-handle"},i("div",{key:"e39b699c5af627e42f0774ea2be667bd1e7730d3",class:"range-slider__tooltip translation-none",style:{"--tooltip-offset":`${this.tooltipOffset}rem`},"aria-live":"polite"},this.getTooltipValue())),i("tet-button",{key:"eab8f48f5e61e77cb644b977c8cfacf72299a6cf",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:"793f1e43fa923096431968df84e456ea0f306e47",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-977a9ab3.entry.js → p-0603f191.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,g as o,h as r,H as i}from"./p-5abb3bea.js";import{a as n}from"./p-713fff27.js";import{p as a,t as s}from"./p-850594d3.js";import{f as l}from"./p-e1e74d01.js";import"./p-9a2b6ee2.js";import"./p-fa674b43.js";const c=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.segmentSwitchChange=t(this,"segmentSwitchChange",7),this.isDesktopResolution=!1,this.isAccordionOpen=!0,this.theme="light",this.state="default",this.selected=!1,this.selectionType=void 0,this.isTabStop=!0,this.subscriptionLabel=void 0,this.topBadge=void 0,this.indicator=void 0,this.cardTitle=void 0,this.cardId=void 0,this.subtitle=void 0,this.description=void 0,this.price=void 0,this.inlineMessage=void 0,this.selectionConfig=void 0,this.segmentSwitch=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","TET-TAB-HEADER"]);accordionEl;bottomLinkClick;benefitLinkClick;cardClick;selectionStateChange;addToCart;removeFromCart;segmentSwitchChange;get isSelectedState(){return this.selected}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}async componentWillLoad(){this.isAccordionOpen="closed"!==this.accordionConfig?.defaultState,this.checkDesktopResolution(),this.ensureDesktopOpenWithoutToggle(),await a("tet-components","lv")}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&&c.INTERACTIVE_CLICK_TAGS.has(e.tagName)));onCardClick=e=>{this.isSelectable&&(this.isInteractiveCardClick(e)||this.cardClick.emit())};async focusSelectionTarget(){this.focusTargetEl?.focus()}renderTopBadge=()=>this.topBadge?r("div",{class:"snicker-card__badge"},this.topBadge):null;renderSubscriptionStrip=()=>this.isSubscribedState&&this.subscriptionLabel?r("div",{class:"subscription-strip"},r("p",{class:"subscription-strip__label"},this.subscriptionLabel)):null;renderSelection=()=>{if(!this.selectionConfig)return null;const{primaryDropdown:e,secondaryDropdown:t,stepper:o,addButtonLabel:i,removeButtonLabel:n}=this.selectionConfig,a=this.isInCart,l=this.isDisabledState,c=this.count??o?.value??o?.min,d=a?n??s("components-snicker-card-remove-from-cart"):i??s("components-snicker-card-add-to-cart");return r("div",{class:{selection:!0,"selection--before-switch":!!this.segmentSwitch}},e&&r("tet-dropdown",{class:"selection__dropdown",theme:this.theme,label:e.label,buttonLabel:e.buttonLabel,options:e.options,disabled:l||(e.disabled??!1),closeOnSelection:e.closeOnSelection??!0,onOptionSelected:this.onDropdownOptionSelected("primary")}),t&&r("tet-dropdown",{class:"selection__dropdown",theme:this.theme,label:t.label,buttonLabel:t.buttonLabel,options:t.options,disabled:l||(t.disabled??!1),closeOnSelection:t.closeOnSelection??!0,onOptionSelected:this.onDropdownOptionSelected("secondary")}),o&&r("tet-stepper-input",{class:"selection__stepper",theme:this.theme,disabled:l,value:c,displayMode:this.isDesktopResolution?"input":"text",min:o.min,max:o.max,step:o.step??1,accessibilityLabel:o.label,onInputValueChanged:this.onSelectionCounterValueChange}),!a&&r("tet-button",{class:"selection__button",onClick:this.onSelectionAdd,size:"medium",type:"primary",theme:this.theme,disabled:l,iconName:"tc-cart-outline",iconPosition:"left",accessibilityLabel:d},d),a&&r("tet-button",{class:"selection__button selection__button--in-cart selection__button--mobile",onClick:this.onSelectionRemove,size:"medium",type:"secondary",theme:this.theme,disabled:l,iconName:"tc-trash",iconPosition:"left",accessibilityLabel:d},d),a&&r("tet-button",{class:"selection__button selection__button--in-cart selection__button--desktop",onClick:this.onSelectionRemove,size:"medium",type:"primary",theme:this.theme,disabled:l,iconName:"tc-trash",iconMode:!0,iconPosition:"left",accessibilityLabel:d,customColorCode:"light"===this.theme?"#F7F7F7":"#18191B",customColorContentTone:"light"===this.theme?"dark":"light"}))};renderSegmentSwitch=()=>{if(!this.segmentSwitch)return null;const{values:e,defaultSelected:t,label:o}=this.segmentSwitch,i=t??e[0],n=this.isDisabledState||this.isUnavailableState;return r("div",{class:"segment-switch"},r("div",{class:{"segment-switch__label":!0,"segment-switch__label--disabled":n}},o),r("tet-tab-header",{class:"segment-switch__block",theme:this.theme,"default-tab":i,segmented:!0,mode:"switch",accessibilityLabel:o,sizing:this.isDesktopResolution?"web":"mobile",disabled:n,onTabSelected:e=>{e.stopPropagation(),void 0!==e.detail.old&&e.detail.old!==e.detail.new&&this.segmentSwitchChange.emit({value:String(e.detail.new),previousValue:String(e.detail.old)})}},e.map((e=>r("button",{"data-name":e},e)))))};renderBenefits=()=>{const e=this.benefits??[];let t="primary";return this.isDisabledState?t="quaternary":this.isUnavailableState&&(t="tertiary"),0!==e.length||this.benefitLink?r("ul",{class:"benefits with-divider"},e.map((e=>r("li",{class:"benefits__item"},r("tet-icon",{theme:this.theme,class:"benefits__icon",type:t,name:"tc-check"}),r("span",{class:"benefits__text"},e)))),this.benefitLink&&r("li",{class:"benefits__item"},r("tet-icon",{theme:this.theme,class:"benefits__icon",type:t,name:"tc-check"}),r("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:r("div",{class:"packages"},e.map((e=>r("div",{class:"packages__item"},r("img",{class:"packages__image",src:e,alt:"",loading:"lazy",decoding:"async"})))))};renderSubscriptionItems=()=>{const e=this.subscriptionItems??[];return 0===e.length?null:r("div",{class:"subscriptions with-divider"},e.map((e=>r("div",{class:"subscriptions__item"},r("img",{class:"subscriptions__image",src:e,alt:"",loading:"lazy",decoding:"async"})))))};renderInlineMessage=()=>{const e=this.inlineMessage;return e?r("div",{class:{message:!0,"with-divider":!0,"message--standalone":!this.selectionConfig}},r("tet-inline-message",{class:"message__inline",variant:e.variant??"info",theme:this.theme},r("span",{slot:"title"},e.title),r("span",{slot:"description"},e.message))):null};renderBottomLink=()=>this.bottomLinkText?r("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=()=>{const e=this.hasDesktopAccordionToggle,t=this.isAccordionOpen?this.accordionConfig?.openLabelDesktop:this.accordionConfig?.closedLabelDesktop;return e?r("button",{class:{footer__toggle:!0,"tet-link":!0,[this.theme]:!0},onClick:this.onBottomAccordionToggle},r("span",{class:"footer__toggle-label"},t),r("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?r("div",{class:{footer:!0,"footer--desktop-only":!e&&!t}},r("div",{class:"footer__contract"},this.renderBottomLink(),t&&r("p",{class:"footer__remark"},this.bottomRemark)),this.renderBottomToggle()):null};renderIndicator=()=>{const e=this.indicator;return e?"checkbox"===e.type?r("tet-checkbox",{class:"header__selector",theme:this.theme,checked:this.isSelectedState,disabled:this.isDisabledState,unavailable:this.isUnavailableState,iconName:e.iconName,labelFont:"lg-inter",label:this.cardTitle,"aria-hidden":!0,inert:!0,alignCenter:!1},r("slot",{name:"indicator-label-icon",slot:"label-icon"})):"radio"===e.type?r("tet-radio",{class:"header__selector",theme:this.theme,checked:this.isSelectedState,disabled:this.isDisabledState,unavailable:this.isUnavailableState,iconName:e.iconName,label:this.cardTitle,labelFont:"lg-inter","aria-hidden":!0,inert:!0},r("slot",{name:"indicator-label-icon",slot:"label-icon"})):void 0:r("slot",{name:"indicator-label-icon"})};renderHeader=()=>{const e=this.price,t=!!e;let o=-1;this.isSelectable&&(o="radio"!==this.selectionType||this.isTabStop?0:-1);const i="price"===e?.type;let a,s;if(i){const t={decimalSeparator:",",currency:""};a=l(e.value,t),s=void 0===e.oldValue?void 0:l(e.oldValue,t)}else a=e?.value,s=e?.oldValue;const c=i?e?.prefix:void 0,d=i?e?.suffix:void 0;return r("div",{class:{header:!0,"header--hoverable":this.isHoverable,"header--closed":!this.isAccordionOpen,"header--no-price":!t}},r("div",{class:"header__top"},r("div",{class:"header__top-left","data-selection-target":"true",ref:e=>this.focusTargetEl=e??void 0,tabindex:o,onKeyDown:this.isSelectable?n:void 0,role:this.isSelectable?this.selectionType:void 0,"aria-checked":this.isSelectable?String(this.isSelectedState):void 0},this.renderIndicator(),!this.indicator&&r("h3",{class:"header__title"},this.cardTitle)),r("button",{type:"button",class:"header__accordion-toggle",onClick:this.onHeaderAccordionToggle},r("tet-icon",{theme:this.theme,class:{"header__accordion-toggle-icon":!0,open:this.isAccordionOpen},type:"primary",name:"chevron-down"}))),r("div",{class:"header__content"},this.subtitle&&r("p",{class:"header__subtitle"},this.subtitle),t&&r("div",{class:"header__price-line"},r("div",{class:"header__price-main"},c&&r("span",{class:"header__price-prefix"},c),r("span",{class:"header__price-value"},a),d&&r("span",{class:"header__price-suffix"},d)),s&&r("div",{class:"header__old-price"},s,d?` ${d}`:"")),this.description&&r("p",{class:"header__description"},this.description)))};render(){return r(i,{key:"371d2a9f190550dc6c3619b5e715179dfdc6f9dd"},r("div",{key:"4fbc106d3953798b920207e7f634f4149fa74bd0",class:{"snicker-card":!0,[this.theme]:!0,"snicker-card--hoverable":this.isHoverable,"snicker-card--selected":this.isSelectedState&&!this.isDisabledState,"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(),r("tet-accordion",{key:"35c14f2187e16025f710be0ab3bd5fcc83d86489",ref:e=>this.accordionEl=e,class:"accordion",theme:this.theme,isOpen:this.isAccordionOpen,onOpenChanged:this.onAccordionChanged,transparentBackground:!0,isHeaderInteractive:!1},r("div",{key:"7a5e1e9a8f16d18a285b19ba5043f6d276bcc3bb",slot:"header",class:"accordion__header"},this.renderHeader()),r("div",{key:"83ce840564025dc260ef0f69b30f1c0c87fe4151",class:"accordion__content"},this.renderInlineMessage(),this.renderSelection(),this.renderSegmentSwitch(),this.renderBenefits(),this.renderPackageItems(),this.renderSubscriptionItems())),this.renderBottomSection()))}static get watchers(){return{accordionConfig:["onAccordionConfigChanged"],selectionConfig:["onSelectionConfigChanged"]}}};c.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;min-width:0;flex-wrap:wrap}.header__top-left:focus-visible{outline:none}.header__selector{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--standalone{padding-bottom:1rem}.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--before-switch{padding-bottom:0.5rem}.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}}.segment-switch{display:block;padding-bottom:1rem}.segment-switch__label{padding:0 0.25rem 0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.segment-switch__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.segment-switch__label--disabled{color:var(--snicker-card-text-tertiary)}.segment-switch__block{display:block;width:100%}.benefits{list-style:none;margin:0;display:flex;flex-direction:column;gap:0.25rem}.benefits:not(:last-child){padding-bottom:1rem}.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:row;flex-wrap:wrap;gap:0 1rem;padding:0.25rem 0 0 0}.subscriptions__item{max-height:3rem;display:inline-flex;align-items:center}.subscriptions__image{display:block;width:auto}.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;text-align:right}}.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:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";border:0;background:transparent;border-radius:0.125rem;color:var(--snicker-card-toggle-color);align-items:center;gap:0;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{c as tet_snicker_card}
+import{r as e,c as t,g as o,h as r,H as i}from"./p-83f43fdd.js";import{a as n}from"./p-713fff27.js";import{p as a,t as s}from"./p-2358a695.js";import{f as l}from"./p-e1e74d01.js";import"./p-9a2b6ee2.js";import"./p-3e60d61c.js";const c=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.segmentSwitchChange=t(this,"segmentSwitchChange",7),this.isDesktopResolution=!1,this.isAccordionOpen=!0,this.theme="light",this.state="default",this.selected=!1,this.selectionType=void 0,this.isTabStop=!0,this.subscriptionLabel=void 0,this.topBadge=void 0,this.indicator=void 0,this.cardTitle=void 0,this.cardId=void 0,this.subtitle=void 0,this.description=void 0,this.price=void 0,this.inlineMessage=void 0,this.selectionConfig=void 0,this.segmentSwitch=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","TET-TAB-HEADER"]);accordionEl;bottomLinkClick;benefitLinkClick;cardClick;selectionStateChange;addToCart;removeFromCart;segmentSwitchChange;get isSelectedState(){return this.selected}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}async componentWillLoad(){this.isAccordionOpen="closed"!==this.accordionConfig?.defaultState,this.checkDesktopResolution(),this.ensureDesktopOpenWithoutToggle(),await a("tet-components","lv")}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&&c.INTERACTIVE_CLICK_TAGS.has(e.tagName)));onCardClick=e=>{this.isSelectable&&(this.isInteractiveCardClick(e)||this.cardClick.emit())};async focusSelectionTarget(){this.focusTargetEl?.focus()}renderTopBadge=()=>this.topBadge?r("div",{class:"snicker-card__badge"},this.topBadge):null;renderSubscriptionStrip=()=>this.isSubscribedState&&this.subscriptionLabel?r("div",{class:"subscription-strip"},r("p",{class:"subscription-strip__label"},this.subscriptionLabel)):null;renderSelection=()=>{if(!this.selectionConfig)return null;const{primaryDropdown:e,secondaryDropdown:t,stepper:o,addButtonLabel:i,removeButtonLabel:n}=this.selectionConfig,a=this.isInCart,l=this.isDisabledState,c=this.count??o?.value??o?.min,d=a?n??s("components-snicker-card-remove-from-cart"):i??s("components-snicker-card-add-to-cart");return r("div",{class:{selection:!0,"selection--before-switch":!!this.segmentSwitch}},e&&r("tet-dropdown",{class:"selection__dropdown",theme:this.theme,label:e.label,buttonLabel:e.buttonLabel,options:e.options,disabled:l||(e.disabled??!1),closeOnSelection:e.closeOnSelection??!0,onOptionSelected:this.onDropdownOptionSelected("primary")}),t&&r("tet-dropdown",{class:"selection__dropdown",theme:this.theme,label:t.label,buttonLabel:t.buttonLabel,options:t.options,disabled:l||(t.disabled??!1),closeOnSelection:t.closeOnSelection??!0,onOptionSelected:this.onDropdownOptionSelected("secondary")}),o&&r("tet-stepper-input",{class:"selection__stepper",theme:this.theme,disabled:l,value:c,displayMode:this.isDesktopResolution?"input":"text",min:o.min,max:o.max,step:o.step??1,accessibilityLabel:o.label,onInputValueChanged:this.onSelectionCounterValueChange}),!a&&r("tet-button",{class:"selection__button",onClick:this.onSelectionAdd,size:"medium",type:"primary",theme:this.theme,disabled:l,iconName:"tc-cart-outline",iconPosition:"left",accessibilityLabel:d},d),a&&r("tet-button",{class:"selection__button selection__button--in-cart selection__button--mobile",onClick:this.onSelectionRemove,size:"medium",type:"secondary",theme:this.theme,disabled:l,iconName:"tc-trash",iconPosition:"left",accessibilityLabel:d},d),a&&r("tet-button",{class:"selection__button selection__button--in-cart selection__button--desktop",onClick:this.onSelectionRemove,size:"medium",type:"primary",theme:this.theme,disabled:l,iconName:"tc-trash",iconMode:!0,iconPosition:"left",accessibilityLabel:d,customColorCode:"light"===this.theme?"#F7F7F7":"#18191B",customColorContentTone:"light"===this.theme?"dark":"light"}))};renderSegmentSwitch=()=>{if(!this.segmentSwitch)return null;const{values:e,defaultSelected:t,label:o}=this.segmentSwitch,i=t??e[0],n=this.isDisabledState||this.isUnavailableState;return r("div",{class:"segment-switch"},r("div",{class:{"segment-switch__label":!0,"segment-switch__label--disabled":n}},o),r("tet-tab-header",{class:"segment-switch__block",theme:this.theme,"default-tab":i,segmented:!0,mode:"switch",accessibilityLabel:o,sizing:this.isDesktopResolution?"web":"mobile",disabled:n,onTabSelected:e=>{e.stopPropagation(),void 0!==e.detail.old&&e.detail.old!==e.detail.new&&this.segmentSwitchChange.emit({value:String(e.detail.new),previousValue:String(e.detail.old)})}},e.map((e=>r("button",{"data-name":e},e)))))};renderBenefits=()=>{const e=this.benefits??[];let t="primary";return this.isDisabledState?t="quaternary":this.isUnavailableState&&(t="tertiary"),0!==e.length||this.benefitLink?r("ul",{class:"benefits with-divider"},e.map((e=>r("li",{class:"benefits__item"},r("tet-icon",{theme:this.theme,class:"benefits__icon",type:t,name:"tc-check"}),r("span",{class:"benefits__text"},e)))),this.benefitLink&&r("li",{class:"benefits__item"},r("tet-icon",{theme:this.theme,class:"benefits__icon",type:t,name:"tc-check"}),r("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:r("div",{class:"packages"},e.map((e=>r("div",{class:"packages__item"},r("img",{class:"packages__image",src:e,alt:"",loading:"lazy",decoding:"async"})))))};renderSubscriptionItems=()=>{const e=this.subscriptionItems??[];return 0===e.length?null:r("div",{class:"subscriptions with-divider"},e.map((e=>r("div",{class:"subscriptions__item"},r("img",{class:"subscriptions__image",src:e,alt:"",loading:"lazy",decoding:"async"})))))};renderInlineMessage=()=>{const e=this.inlineMessage;return e?r("div",{class:{message:!0,"with-divider":!0,"message--standalone":!this.selectionConfig}},r("tet-inline-message",{class:"message__inline",variant:e.variant??"info",theme:this.theme},r("span",{slot:"title"},e.title),r("span",{slot:"description"},e.message))):null};renderBottomLink=()=>this.bottomLinkText?r("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=()=>{const e=this.hasDesktopAccordionToggle,t=this.isAccordionOpen?this.accordionConfig?.openLabelDesktop:this.accordionConfig?.closedLabelDesktop;return e?r("button",{class:{footer__toggle:!0,"tet-link":!0,[this.theme]:!0},onClick:this.onBottomAccordionToggle},r("span",{class:"footer__toggle-label"},t),r("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?r("div",{class:{footer:!0,"footer--desktop-only":!e&&!t}},r("div",{class:"footer__contract"},this.renderBottomLink(),t&&r("p",{class:"footer__remark"},this.bottomRemark)),this.renderBottomToggle()):null};renderIndicator=()=>{const e=this.indicator;return e?"checkbox"===e.type?r("tet-checkbox",{class:"header__selector",theme:this.theme,checked:this.isSelectedState,disabled:this.isDisabledState,unavailable:this.isUnavailableState,iconName:e.iconName,labelFont:"lg-inter",label:this.cardTitle,"aria-hidden":!0,inert:!0,alignCenter:!1},r("slot",{name:"indicator-label-icon",slot:"label-icon"})):"radio"===e.type?r("tet-radio",{class:"header__selector",theme:this.theme,checked:this.isSelectedState,disabled:this.isDisabledState,unavailable:this.isUnavailableState,iconName:e.iconName,label:this.cardTitle,labelFont:"lg-inter","aria-hidden":!0,inert:!0},r("slot",{name:"indicator-label-icon",slot:"label-icon"})):void 0:r("slot",{name:"indicator-label-icon"})};renderHeader=()=>{const e=this.price,t=!!e;let o=-1;this.isSelectable&&(o="radio"!==this.selectionType||this.isTabStop?0:-1);const i="price"===e?.type;let a,s;if(i){const t={decimalSeparator:",",currency:""};a=l(e.value,t),s=void 0===e.oldValue?void 0:l(e.oldValue,t)}else a=e?.value,s=e?.oldValue;const c=i?e?.prefix:void 0,d=i?e?.suffix:void 0;return r("div",{class:{header:!0,"header--hoverable":this.isHoverable,"header--closed":!this.isAccordionOpen,"header--no-price":!t}},r("div",{class:"header__top"},r("div",{class:"header__top-left","data-selection-target":"true",ref:e=>this.focusTargetEl=e??void 0,tabindex:o,onKeyDown:this.isSelectable?n:void 0,role:this.isSelectable?this.selectionType:void 0,"aria-checked":this.isSelectable?String(this.isSelectedState):void 0},this.renderIndicator(),!this.indicator&&r("h3",{class:"header__title"},this.cardTitle)),r("button",{type:"button",class:"header__accordion-toggle",onClick:this.onHeaderAccordionToggle},r("tet-icon",{theme:this.theme,class:{"header__accordion-toggle-icon":!0,open:this.isAccordionOpen},type:"primary",name:"chevron-down"}))),r("div",{class:"header__content"},this.subtitle&&r("p",{class:"header__subtitle"},this.subtitle),t&&r("div",{class:"header__price-line"},r("div",{class:"header__price-main"},c&&r("span",{class:"header__price-prefix"},c),r("span",{class:"header__price-value"},a),d&&r("span",{class:"header__price-suffix"},d)),s&&r("div",{class:"header__old-price"},s,d?` ${d}`:"")),this.description&&r("p",{class:"header__description"},this.description)))};render(){return r(i,{key:"371d2a9f190550dc6c3619b5e715179dfdc6f9dd"},r("div",{key:"4fbc106d3953798b920207e7f634f4149fa74bd0",class:{"snicker-card":!0,[this.theme]:!0,"snicker-card--hoverable":this.isHoverable,"snicker-card--selected":this.isSelectedState&&!this.isDisabledState,"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(),r("tet-accordion",{key:"35c14f2187e16025f710be0ab3bd5fcc83d86489",ref:e=>this.accordionEl=e,class:"accordion",theme:this.theme,isOpen:this.isAccordionOpen,onOpenChanged:this.onAccordionChanged,transparentBackground:!0,isHeaderInteractive:!1},r("div",{key:"7a5e1e9a8f16d18a285b19ba5043f6d276bcc3bb",slot:"header",class:"accordion__header"},this.renderHeader()),r("div",{key:"83ce840564025dc260ef0f69b30f1c0c87fe4151",class:"accordion__content"},this.renderInlineMessage(),this.renderSelection(),this.renderSegmentSwitch(),this.renderBenefits(),this.renderPackageItems(),this.renderSubscriptionItems())),this.renderBottomSection()))}static get watchers(){return{accordionConfig:["onAccordionConfigChanged"],selectionConfig:["onSelectionConfigChanged"]}}};c.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;min-width:0;flex-wrap:wrap}.header__top-left:focus-visible{outline:none}.header__selector{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--standalone{padding-bottom:1rem}.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--before-switch{padding-bottom:0.5rem}.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}}.segment-switch{display:block;padding-bottom:1rem}.segment-switch__label{padding:0 0.25rem 0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 31.25rem){.segment-switch__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.segment-switch__label--disabled{color:var(--snicker-card-text-tertiary)}.segment-switch__block{display:block;width:100%}.benefits{list-style:none;margin:0;display:flex;flex-direction:column;gap:0.25rem}.benefits:not(:last-child){padding-bottom:1rem}.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:row;flex-wrap:wrap;gap:0 1rem;padding:0.25rem 0 0 0}.subscriptions__item{max-height:3rem;display:inline-flex;align-items:center}.subscriptions__image{display:block;width:auto}.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;text-align:right}}.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:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";border:0;background:transparent;border-radius:0.125rem;color:var(--snicker-card-toggle-color);align-items:center;gap:0;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{c as tet_snicker_card}

package/dist/tet-components/{p-3c34400e.entry.js → p-0b8db4bd.entry.js}

@@ -1 +1 @@
-import{E as t,r as o,c as e,f as r,h as n,H as a}from"./p-5abb3bea.js";import{T as i,a as f}from"./p-660bdc27.js";import{p as l,t as s}from"./p-850594d3.js";import"./p-2dbe670c.js";import"./p-9a2b6ee2.js";import"./p-fa674b43.js";const c={testing:{referralUrl:"https://tst-tet.tet.lv/draugi"},staging:{referralUrl:"https://uat-tet.tet.lv/draugi"},production:{referralUrl:"https://tet.lv/draugi"}}[t.environment]??{},m=class{constructor(t){o(this,t),this.urlCopied=e(this,"urlCopied",7),this.theme=i.LIGHT,this.language="lv",this.data=void 0}tooltip;onLanguageChange(t){l("tet-components",t).then((()=>r(this)))}urlCopied;async componentWillLoad(){await l("tet-components",this.language)}getReferralUrl=()=>{const t=btoa(this.data);return`${c.referralUrl}?code=${t}`};copyToClipBoard=()=>{const t=this.getReferralUrl();navigator.clipboard.writeText(t).then((()=>{this.urlCopied.emit(!0),this.tooltip.show().then((()=>{setTimeout((()=>this.tooltip.hide().then()),4e3)}))}))};render(){return n(a,{key:"3df58c6196225141c2abd9332f697bf580bf0cc6"},n("div",{key:"538ec00b8ea43c78e3409be1e317f5997c99dc5d",class:"wrapper"},n(f,{key:"4c5d6a78fa061a9129b11c81fe12e26f5ddd298d",theme:this.theme},n("div",{key:"1caf32aeb6b501c5215bccddc5326d35c76e020e",class:"image-container"},n("img",{key:"57d5f6af0de842e0af146c8f25d6bde29f17184d",src:s("components-referral-image-url"),alt:""})),n("div",{key:"6271ec9e3e12100bbdc67f69c59fa36df93c1929",class:"subtitle-container"},s("components-referral-subtitle")),n("div",{key:"62886d1cf4947262aa2a925330e4c0aa718a7f78",class:"description-container",innerHTML:s("components-referral-description")}),n("div",{key:"765e7e0f9aca058099a2ec56ff0e1f41464ecf11",class:"referral-block"},n("div",{key:"70bd8a639ed401cdb30e367fcb2268bc6965316e",class:"url-wrapper"},n("div",{key:"2b1f82c1baee31652b3fda4c74892d4f165434a1",class:"referral-url"},this.getReferralUrl()),n("div",{key:"361a733d1aed6f45e7d779742ce41add0a78830f"},n("div",{key:"1cad3bbaaaeee0fbba6bc2ffdd97f5c81db7a3e5",class:"button-wrapper"},n("tet-tooltip",{key:"c7826fee32aab314c750acccb11e2015556556f3",theme:this.theme,class:"tooltip",doNotShowOnHover:!0,ref:t=>{this.tooltip=t}},s("components-referral-tooltip")),n("tet-button",{key:"1d86706c8ec45b69111d0fd11af6fd3a598488c8",clickCallback:this.copyToClipBoard,type:"primary",theme:this.theme},s("components-referral-copy-button-label")))))))))}static get assetsDirs(){return["assets.component"]}static get watchers(){return{language:["onLanguageChange"]}}};m.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{--referral-primary-text-color:var(--tc-text-primary);--referral-secondary-text-color:var(--tc-text-secondary);--referral-link-color:var(--tc-text-link);--referral-url-background-color:var(--tc-blue-00);--referral-url-text-color:var(--tc-text-primary);display:block;font-family:var(--text-font);--title-font-size:2em}.theme-dark{--referral-primary-text-color:var(--tc-text-primary-dark);--referral-secondary-text-color:var(--tc-text-secondary-dark);--referral-link-color:var(--tc-text-link-dark);--referral-url-background-color:var(--tc-blue-00-dark);--referral-url-text-color:var(--tc-grey-00-dark)}.wrapper{display:flex;flex-direction:column;width:100%;padding:0.5em 1.5em}.wrapper .image-container{width:100%}.wrapper .image-container img{max-width:100%;max-height:100%;border-radius:0.625rem}.wrapper .subtitle-container{font-size:1.5em;font-weight:600;margin-bottom:0.3em;color:var(--referral-primary-text-color)}.wrapper .description-container{font-size:1.1em;line-height:1.5em;margin-bottom:1.5em;color:var(--referral-primary-text-color)}.wrapper .description-container div>em{color:var(--referral-secondary-text-color)}.wrapper .description-container a{color:var(--referral-link-color)}.wrapper .description-container a:focus-visible{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.wrapper div.theme-dark a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.wrapper .referral-block .url-wrapper{display:flex;gap:1rem}.wrapper .referral-block .url-wrapper .referral-url{display:grid;place-items:center;padding-right:1rem;padding-left:1rem;background:var(--referral-url-background-color);color:var(--referral-url-text-color);border-radius:0.625rem}@media only screen and (max-width: 44.9375rem){.wrapper .referral-block .url-wrapper .referral-url{padding:1rem;word-break:break-word}}.wrapper .referral-block .url-wrapper .button-wrapper{display:inline-block}@media only screen and (max-width: 44.9375rem){.wrapper .referral-block .url-wrapper{flex-direction:column;justify-content:space-around}}';export{m as tet_referral}
+import{E as t,r as o,c as e,f as r,h as n,H as a}from"./p-83f43fdd.js";import{T as i,a as f}from"./p-f81d95ae.js";import{p as l,t as s}from"./p-2358a695.js";import"./p-d8518d4b.js";import"./p-9a2b6ee2.js";import"./p-3e60d61c.js";const c={testing:{referralUrl:"https://tst-tet.tet.lv/draugi"},staging:{referralUrl:"https://uat-tet.tet.lv/draugi"},production:{referralUrl:"https://tet.lv/draugi"}}[t.environment]??{},m=class{constructor(t){o(this,t),this.urlCopied=e(this,"urlCopied",7),this.theme=i.LIGHT,this.language="lv",this.data=void 0}tooltip;onLanguageChange(t){l("tet-components",t).then((()=>r(this)))}urlCopied;async componentWillLoad(){await l("tet-components",this.language)}getReferralUrl=()=>{const t=btoa(this.data);return`${c.referralUrl}?code=${t}`};copyToClipBoard=()=>{const t=this.getReferralUrl();navigator.clipboard.writeText(t).then((()=>{this.urlCopied.emit(!0),this.tooltip.show().then((()=>{setTimeout((()=>this.tooltip.hide().then()),4e3)}))}))};render(){return n(a,{key:"3df58c6196225141c2abd9332f697bf580bf0cc6"},n("div",{key:"538ec00b8ea43c78e3409be1e317f5997c99dc5d",class:"wrapper"},n(f,{key:"4c5d6a78fa061a9129b11c81fe12e26f5ddd298d",theme:this.theme},n("div",{key:"1caf32aeb6b501c5215bccddc5326d35c76e020e",class:"image-container"},n("img",{key:"57d5f6af0de842e0af146c8f25d6bde29f17184d",src:s("components-referral-image-url"),alt:""})),n("div",{key:"6271ec9e3e12100bbdc67f69c59fa36df93c1929",class:"subtitle-container"},s("components-referral-subtitle")),n("div",{key:"62886d1cf4947262aa2a925330e4c0aa718a7f78",class:"description-container",innerHTML:s("components-referral-description")}),n("div",{key:"765e7e0f9aca058099a2ec56ff0e1f41464ecf11",class:"referral-block"},n("div",{key:"70bd8a639ed401cdb30e367fcb2268bc6965316e",class:"url-wrapper"},n("div",{key:"2b1f82c1baee31652b3fda4c74892d4f165434a1",class:"referral-url"},this.getReferralUrl()),n("div",{key:"361a733d1aed6f45e7d779742ce41add0a78830f"},n("div",{key:"1cad3bbaaaeee0fbba6bc2ffdd97f5c81db7a3e5",class:"button-wrapper"},n("tet-tooltip",{key:"c7826fee32aab314c750acccb11e2015556556f3",theme:this.theme,class:"tooltip",doNotShowOnHover:!0,ref:t=>{this.tooltip=t}},s("components-referral-tooltip")),n("tet-button",{key:"1d86706c8ec45b69111d0fd11af6fd3a598488c8",clickCallback:this.copyToClipBoard,type:"primary",theme:this.theme},s("components-referral-copy-button-label")))))))))}static get assetsDirs(){return["assets.component"]}static get watchers(){return{language:["onLanguageChange"]}}};m.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{--referral-primary-text-color:var(--tc-text-primary);--referral-secondary-text-color:var(--tc-text-secondary);--referral-link-color:var(--tc-text-link);--referral-url-background-color:var(--tc-blue-00);--referral-url-text-color:var(--tc-text-primary);display:block;font-family:var(--text-font);--title-font-size:2em}.theme-dark{--referral-primary-text-color:var(--tc-text-primary-dark);--referral-secondary-text-color:var(--tc-text-secondary-dark);--referral-link-color:var(--tc-text-link-dark);--referral-url-background-color:var(--tc-blue-00-dark);--referral-url-text-color:var(--tc-grey-00-dark)}.wrapper{display:flex;flex-direction:column;width:100%;padding:0.5em 1.5em}.wrapper .image-container{width:100%}.wrapper .image-container img{max-width:100%;max-height:100%;border-radius:0.625rem}.wrapper .subtitle-container{font-size:1.5em;font-weight:600;margin-bottom:0.3em;color:var(--referral-primary-text-color)}.wrapper .description-container{font-size:1.1em;line-height:1.5em;margin-bottom:1.5em;color:var(--referral-primary-text-color)}.wrapper .description-container div>em{color:var(--referral-secondary-text-color)}.wrapper .description-container a{color:var(--referral-link-color)}.wrapper .description-container a:focus-visible{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.wrapper div.theme-dark a:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.wrapper .referral-block .url-wrapper{display:flex;gap:1rem}.wrapper .referral-block .url-wrapper .referral-url{display:grid;place-items:center;padding-right:1rem;padding-left:1rem;background:var(--referral-url-background-color);color:var(--referral-url-text-color);border-radius:0.625rem}@media only screen and (max-width: 44.9375rem){.wrapper .referral-block .url-wrapper .referral-url{padding:1rem;word-break:break-word}}.wrapper .referral-block .url-wrapper .button-wrapper{display:inline-block}@media only screen and (max-width: 44.9375rem){.wrapper .referral-block .url-wrapper{flex-direction:column;justify-content:space-around}}';export{m as tet_referral}

package/dist/tet-components/{p-244df510.entry.js → p-0e8ce9be.entry.js}

@@ -1 +1 @@
-import{r as a,g as e,h as t,H as r}from"./p-5abb3bea.js";import{f as c}from"./p-25c9957d.js";import"./p-fa674b43.js";import{p as i}from"./p-0190b524.js";import{C as s}from"./p-c9cdf98c.js";import"./p-6e631dc7.js";const d=class{constructor(e){a(this,e),this.data=void 0,this.forceColumn=!1,this.layout="default",this.theme="light",this.darkMode=!1,this.isNetflixCard=!1,this.darkHeader=!1,this.withProductFilters=!1,this.productDataLoaded=!1,this.showLoader=!0,this.productSACData=void 0,this.filteredProductCodes=[]}get element(){return e(this)}compareCardsFiltersHelper;async componentWillLoad(){const a=this.addProductCodes(this.data,[]);a.length>0?await this.getProductData(a.join(",")):this.productDataLoaded=!0}onDataChange(){!1===this.showLoader&&setTimeout((()=>{this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}),5)}async hideLoader(){this.showLoader=!1}addProductCodes(a,e){return void 0!==a?.compareCards?a.compareCards.forEach((a=>{void 0===a.productCode||e.includes(a.productCode)||e.push(a.productCode)})):void 0!==a?.tabs&&a.tabs.forEach((a=>{void 0!==a.compareCards?e=this.addProductCodes(a,e):void 0!==a.tabList&&(e=this.addProductCodes(a.tabList,e))})),e}getProductData(a){this.productDataLoaded=!1,i(a).then((a=>{this.productSACData=a,this.productDataLoaded=!0,this.initCompareCardFilters(),this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}))}initCompareCardFilters(){this.compareCardsFiltersHelper=new s(((a,e,t)=>{this.filteredProductCodes=t})),this.compareCardsFiltersHelper.initialize(this.productSACData)}handleFilteredProductsChanged=a=>{this.filteredProductCodes=a.detail.filteredProductIds};renderLoader=()=>t("div",{class:{"tet-compare-cards-tab__placeholder":!0,visible:this.showLoader}},[...Array(3)].map((()=>t("tet-placeholder",{class:"tet-placeholder",height:"27rem",width:"21.5rem",darkTheme:this.darkMode}))));renderTabHeader(a,e){if((1!==a.tabs.length||""!==a.tabs[0].title)&&void 0!==a?.tabs&&void 0!==a?.tabHeader)return a.tabs.map((e=>{""!==e?.title&&void 0!==e?.title&&1===a.tabs.length&&(e.disabled=!0)})),t("div",{class:"tet-compare-cards-tab__header-container"},t("tet-tab-header",{theme:this.darkHeader||this.darkMode?"dark":"light",position:a.tabHeader.position,"default-tab":`tab-${e}-${a.tabHeader.defaultTabIndex}`,segmented:a.tabHeader.segmented,sizing:a.tabHeader.sizing,"data-name":a.tabHeader.dataName,class:"tet-compare-cards-tab__header"},a.tabs.map(((a,r)=>t("button",{"data-name":`tab-${e}-${r}`,class:{disabled:a.disabled||this.showLoader,button:!0}},a.image&&!a.imagePositionRight?t("img",{class:"tet-compare-cards-tab__header--image",src:a.image,alt:a.altText}):"",a.title,a.image&&a.imagePositionRight?t("img",{class:{"tet-compare-cards-tab__header--image":!0,right:!0},src:a.image,alt:a.altText}):"")))))}renderContent(a,e){return void 0!==a.compareCards?t("div",null,this.renderCompareCards(a.compareCards,a.vatText,a.cardScript)):t("tet-tab-content",{"data-name":a.tabHeader.dataName,"default-tab":`tab-${e}-${a.tabHeader.defaultTabIndex}`,"use-visibility":!a.disableCardHeightSegmentAlignment},a.tabs.map(((a,r)=>t("div",{"data-name":`tab-${e}-${r}`},void 0!==a.tabList?this.renderTabHeader(a.tabList,e+1):"",void 0!==a.tabList?this.renderContent(a.tabList,e+1):"",void 0!==a.compareCards?this.renderCompareCards(a.compareCards,a.vatText,a.cardScript):""))))}renderProductFilters=()=>t("tet-address-offers-filters-products",{productCodes:this.productSACData,class:"center tet-compare-cards-tab__filters",clearFilterButton:!0,onFilteredProductsChanged:this.handleFilteredProductsChanged,theme:this.darkMode?"dark":"light"});renderCompareCards(a,e="",r=""){let i=a;this.filteredProductCodes&&this.filteredProductCodes.length>0&&(i=a.filter((a=>!a.productCode||this.filteredProductCodes.includes(a.productCode))));let s=[];return i.forEach((a=>{if(void 0!==a.productCode){const e=a.productCode,t=this.productSACData.products[e];t&&(a=c(a,e,t,this.theme,this.darkMode,this.isNetflixCard))}s.push(a)})),t("div",{class:"tet-compare-cards-tab__content"},t("tet-compare-cards",{theme:this.theme,"dark-mode":this.darkMode,"is-netflix-card":this.isNetflixCard,layout:this.layout,"force-column":this.forceColumn,"vat-text":e??!1,"card-script":r??!1,data:s}))}render(){return t(r,{key:"41368059c136aa06fe6c1bd8f3224c0fcb33a17e"},t("div",{key:"0ebea0b6000b9e3dec86f01b255cd0c9306eee4c",class:"tet-compare-cards-tab-wrapper"},this.withProductFilters?this.renderProductFilters():"",this.renderTabHeader(this.data,1),this.renderLoader(),t("div",{key:"0e6d011bb0b64c16296c0b76ab38e97686f77a52",class:{"tet-compare-cards-tab__cards":!0,hidden:this.showLoader}},this.productDataLoaded?this.renderContent(this.data,1):"")))}static get watchers(){return{showLoader:["onDataChange"]}}};d.style=":host{--compare-cards-tab-placeholder-wrap:nowrap;--compare-cards-tab-placeholder-flex-direction:row;--compare-cards-tab-new-price-font-size:2.5rem;--compare-cards-tab-old-price-font-size:1rem;--compare-cards-tab-new-currency-font-size:1.125rem;--compare-cards-tab-title-margin-top:1.25rem;--compare-cards-tab-helper-margin-top:0;--compare-cards-tab-card-max-width:32rem;--compare-cards-tab-padding:1.5rem;--compare-cards-tab-price-wrapper-margin-top:auto;--compare-cards-tab-secondary-link-font-size:0.75rem;--compare-cards-tab-price-line-height:3rem;--compare-cards-tab-thumbnail-display:flex;--compare-cards-tab-thumbnail-card-radius:0 1.5rem 1.5rem 0;--compare-cards-tab-thumbnail-card-width:44rem}.tet-compare-cards-tab-wrapper{width:100%}.tet-compare-cards-tab__content{margin-top:1.75rem}.tet-compare-cards-tab__content tet-compare-cards{--compare-cards-card-max-width:var(--compare-cards-tab-card-max-width);--compare-cards-new-price-font-size:var(--compare-cards-tab-new-price-font-size);--compare-cards-old-price-font-size:var(--compare-cards-tab-old-price-font-size);--compare-cards-new-currency-font-size:var(--compare-cards-tab-new-currency-font-size);--compare-cards-title-margin-top:var(--compare-cards-tab-title-margin-top);--compare-cards-helper-margin-top:var(--compare-cards-tab-helper-margin-top);--compare-cards-price-wrapper-margin-top:var(--compare-cards-tab-price-wrapper-margin-top);--compare-cards-padding:var(--compare-cards-tab-padding);--compare-cards-secondary-link-font-size:var(--compare-cards-tab-secondary-link-font-size);--compare-cards-price-line-height:var(--compare-cards-tab-price-line-height);--compare-cards-thumbnail-display:var(--compare-cards-tab-thumbnail-display);--compare-cards-thumbnail-card-radius:var(--compare-cards-tab-thumbnail-card-radius);--compare-cards-thumbnail-card-width:var(--compare-cards-tab-thumbnail-card-width)}.tet-compare-cards-tab__header{margin:0 auto;display:flex;flex-direction:column}.tet-compare-cards-tab__header .button{font-size:1rem}.tet-compare-cards-tab__header-container{display:flex;flex-direction:column;padding-bottom:0.75rem}.tet-compare-cards-tab__filters{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.tet-compare-cards-tab__header--image{max-height:0.875rem;align-self:center;margin-right:0.5rem}.tet-compare-cards-tab__header--image.right{margin-left:0.5rem;margin-right:unset}.tet-compare-cards-tab__cards{display:block}.tet-compare-cards-tab__cards.hidden{display:none}.tet-compare-cards-tab__placeholder{display:none;flex-direction:var(--compare-cards-tab-placeholder-flex-direction);flex-wrap:var(--compare-cards-tab-placeholder-wrap);gap:1rem;justify-content:center;padding-top:2.5rem}.tet-compare-cards-tab__placeholder.visible{display:flex}.tet-compare-cards-tab__placeholder .tet-placeholder{--placeholder-border-radius:1.5rem}";export{d as tet_compare_cards_tab}
+import{r as a,g as e,h as t,H as r}from"./p-83f43fdd.js";import{f as c}from"./p-25c9957d.js";import"./p-3e60d61c.js";import{p as i}from"./p-e2b55e84.js";import{C as s}from"./p-c9cdf98c.js";import"./p-6e631dc7.js";const d=class{constructor(e){a(this,e),this.data=void 0,this.forceColumn=!1,this.layout="default",this.theme="light",this.darkMode=!1,this.isNetflixCard=!1,this.darkHeader=!1,this.withProductFilters=!1,this.productDataLoaded=!1,this.showLoader=!0,this.productSACData=void 0,this.filteredProductCodes=[]}get element(){return e(this)}compareCardsFiltersHelper;async componentWillLoad(){const a=this.addProductCodes(this.data,[]);a.length>0?await this.getProductData(a.join(",")):this.productDataLoaded=!0}onDataChange(){!1===this.showLoader&&setTimeout((()=>{this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}),5)}async hideLoader(){this.showLoader=!1}addProductCodes(a,e){return void 0!==a?.compareCards?a.compareCards.forEach((a=>{void 0===a.productCode||e.includes(a.productCode)||e.push(a.productCode)})):void 0!==a?.tabs&&a.tabs.forEach((a=>{void 0!==a.compareCards?e=this.addProductCodes(a,e):void 0!==a.tabList&&(e=this.addProductCodes(a.tabList,e))})),e}getProductData(a){this.productDataLoaded=!1,i(a).then((a=>{this.productSACData=a,this.productDataLoaded=!0,this.initCompareCardFilters(),this.element.shadowRoot.querySelectorAll("tet-tab-content").forEach((a=>{a.parentContainer=this.element.shadowRoot}))}))}initCompareCardFilters(){this.compareCardsFiltersHelper=new s(((a,e,t)=>{this.filteredProductCodes=t})),this.compareCardsFiltersHelper.initialize(this.productSACData)}handleFilteredProductsChanged=a=>{this.filteredProductCodes=a.detail.filteredProductIds};renderLoader=()=>t("div",{class:{"tet-compare-cards-tab__placeholder":!0,visible:this.showLoader}},[...Array(3)].map((()=>t("tet-placeholder",{class:"tet-placeholder",height:"27rem",width:"21.5rem",darkTheme:this.darkMode}))));renderTabHeader(a,e){if((1!==a.tabs.length||""!==a.tabs[0].title)&&void 0!==a?.tabs&&void 0!==a?.tabHeader)return a.tabs.map((e=>{""!==e?.title&&void 0!==e?.title&&1===a.tabs.length&&(e.disabled=!0)})),t("div",{class:"tet-compare-cards-tab__header-container"},t("tet-tab-header",{theme:this.darkHeader||this.darkMode?"dark":"light",position:a.tabHeader.position,"default-tab":`tab-${e}-${a.tabHeader.defaultTabIndex}`,segmented:a.tabHeader.segmented,sizing:a.tabHeader.sizing,"data-name":a.tabHeader.dataName,class:"tet-compare-cards-tab__header"},a.tabs.map(((a,r)=>t("button",{"data-name":`tab-${e}-${r}`,class:{disabled:a.disabled||this.showLoader,button:!0}},a.image&&!a.imagePositionRight?t("img",{class:"tet-compare-cards-tab__header--image",src:a.image,alt:a.altText}):"",a.title,a.image&&a.imagePositionRight?t("img",{class:{"tet-compare-cards-tab__header--image":!0,right:!0},src:a.image,alt:a.altText}):"")))))}renderContent(a,e){return void 0!==a.compareCards?t("div",null,this.renderCompareCards(a.compareCards,a.vatText,a.cardScript)):t("tet-tab-content",{"data-name":a.tabHeader.dataName,"default-tab":`tab-${e}-${a.tabHeader.defaultTabIndex}`,"use-visibility":!a.disableCardHeightSegmentAlignment},a.tabs.map(((a,r)=>t("div",{"data-name":`tab-${e}-${r}`},void 0!==a.tabList?this.renderTabHeader(a.tabList,e+1):"",void 0!==a.tabList?this.renderContent(a.tabList,e+1):"",void 0!==a.compareCards?this.renderCompareCards(a.compareCards,a.vatText,a.cardScript):""))))}renderProductFilters=()=>t("tet-address-offers-filters-products",{productCodes:this.productSACData,class:"center tet-compare-cards-tab__filters",clearFilterButton:!0,onFilteredProductsChanged:this.handleFilteredProductsChanged,theme:this.darkMode?"dark":"light"});renderCompareCards(a,e="",r=""){let i=a;this.filteredProductCodes&&this.filteredProductCodes.length>0&&(i=a.filter((a=>!a.productCode||this.filteredProductCodes.includes(a.productCode))));let s=[];return i.forEach((a=>{if(void 0!==a.productCode){const e=a.productCode,t=this.productSACData.products[e];t&&(a=c(a,e,t,this.theme,this.darkMode,this.isNetflixCard))}s.push(a)})),t("div",{class:"tet-compare-cards-tab__content"},t("tet-compare-cards",{theme:this.theme,"dark-mode":this.darkMode,"is-netflix-card":this.isNetflixCard,layout:this.layout,"force-column":this.forceColumn,"vat-text":e??!1,"card-script":r??!1,data:s}))}render(){return t(r,{key:"41368059c136aa06fe6c1bd8f3224c0fcb33a17e"},t("div",{key:"0ebea0b6000b9e3dec86f01b255cd0c9306eee4c",class:"tet-compare-cards-tab-wrapper"},this.withProductFilters?this.renderProductFilters():"",this.renderTabHeader(this.data,1),this.renderLoader(),t("div",{key:"0e6d011bb0b64c16296c0b76ab38e97686f77a52",class:{"tet-compare-cards-tab__cards":!0,hidden:this.showLoader}},this.productDataLoaded?this.renderContent(this.data,1):"")))}static get watchers(){return{showLoader:["onDataChange"]}}};d.style=":host{--compare-cards-tab-placeholder-wrap:nowrap;--compare-cards-tab-placeholder-flex-direction:row;--compare-cards-tab-new-price-font-size:2.5rem;--compare-cards-tab-old-price-font-size:1rem;--compare-cards-tab-new-currency-font-size:1.125rem;--compare-cards-tab-title-margin-top:1.25rem;--compare-cards-tab-helper-margin-top:0;--compare-cards-tab-card-max-width:32rem;--compare-cards-tab-padding:1.5rem;--compare-cards-tab-price-wrapper-margin-top:auto;--compare-cards-tab-secondary-link-font-size:0.75rem;--compare-cards-tab-price-line-height:3rem;--compare-cards-tab-thumbnail-display:flex;--compare-cards-tab-thumbnail-card-radius:0 1.5rem 1.5rem 0;--compare-cards-tab-thumbnail-card-width:44rem}.tet-compare-cards-tab-wrapper{width:100%}.tet-compare-cards-tab__content{margin-top:1.75rem}.tet-compare-cards-tab__content tet-compare-cards{--compare-cards-card-max-width:var(--compare-cards-tab-card-max-width);--compare-cards-new-price-font-size:var(--compare-cards-tab-new-price-font-size);--compare-cards-old-price-font-size:var(--compare-cards-tab-old-price-font-size);--compare-cards-new-currency-font-size:var(--compare-cards-tab-new-currency-font-size);--compare-cards-title-margin-top:var(--compare-cards-tab-title-margin-top);--compare-cards-helper-margin-top:var(--compare-cards-tab-helper-margin-top);--compare-cards-price-wrapper-margin-top:var(--compare-cards-tab-price-wrapper-margin-top);--compare-cards-padding:var(--compare-cards-tab-padding);--compare-cards-secondary-link-font-size:var(--compare-cards-tab-secondary-link-font-size);--compare-cards-price-line-height:var(--compare-cards-tab-price-line-height);--compare-cards-thumbnail-display:var(--compare-cards-tab-thumbnail-display);--compare-cards-thumbnail-card-radius:var(--compare-cards-tab-thumbnail-card-radius);--compare-cards-thumbnail-card-width:var(--compare-cards-tab-thumbnail-card-width)}.tet-compare-cards-tab__header{margin:0 auto;display:flex;flex-direction:column}.tet-compare-cards-tab__header .button{font-size:1rem}.tet-compare-cards-tab__header-container{display:flex;flex-direction:column;padding-bottom:0.75rem}.tet-compare-cards-tab__filters{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.tet-compare-cards-tab__header--image{max-height:0.875rem;align-self:center;margin-right:0.5rem}.tet-compare-cards-tab__header--image.right{margin-left:0.5rem;margin-right:unset}.tet-compare-cards-tab__cards{display:block}.tet-compare-cards-tab__cards.hidden{display:none}.tet-compare-cards-tab__placeholder{display:none;flex-direction:var(--compare-cards-tab-placeholder-flex-direction);flex-wrap:var(--compare-cards-tab-placeholder-wrap);gap:1rem;justify-content:center;padding-top:2.5rem}.tet-compare-cards-tab__placeholder.visible{display:flex}.tet-compare-cards-tab__placeholder .tet-placeholder{--placeholder-border-radius:1.5rem}";export{d as tet_compare_cards_tab}