@tet/tet-components 1.4.91-testing → 1.4.92-staging

package/dist/tet-components/{p-54596593.entry.js → p-6f65b1ad.entry.js}

@@ -1 +1 @@
-import{r as o,c as e,h as t,H as r}from"./p-83f43fdd.js";const n=class{constructor(t){o(this,t),this.check=e(this,"check",7),this.theme="light",this.label=void 0,this.accessibilityLabel="",this.name=void 0,this.value=0,this.disabled=!1,this.unavailable=!1,this.checked=!1,this.error=!1,this.indeterminate=!1,this.focusStyleOnContainer=!1,this.iconName=void 0,this.labelFont=void 0,this.alignCenter=!0,this.hasSlotIcon=!1}inputEl;check;updateIndeterminateState(){this.inputEl.indeterminate=this.indeterminate}handleChange=({target:o})=>{const{checked:e,indeterminate:t,error:r,value:n}=this,i=o;this.checked=i.checked,this.indeterminate=i.indeterminate,this.check.emit({checked:!e,indeterminate:t,error:r,value:n})};async setChecked(o){this.checked=o}async setIndeterminate(o){this.indeterminate=o}async setError(o){this.error=o}onIconSlotChange=o=>{this.hasSlotIcon=o.target.assignedElements().length>0};get iconType(){const{unavailable:o,disabled:e}=this;switch(!0){case o:return"secondary";case e:return"tertiary";default:return"primary"}}render(){const{label:o,name:e,checked:n,value:i,disabled:a,error:c,iconName:l,labelFont:s,alignCenter:d,hasSlotIcon:f,accessibilityLabel:b,unavailable:h,iconType:p}=this;return t(r,{key:"ec3de0f2af0b8485daf484d93ce1f47a26d95286"},t("div",{key:"30c99c77026d923fe94acf2ca296aa9aa05a1f0b",class:{checkbox:!0,[`${this.theme}`]:!0}},t("label",{key:"f1974c14dcf1072a5e9db59658da14a7bf5c2e20",class:{checkbox__container:!0,"checkbox__container--focus-style":this.focusStyleOnContainer,"checkbox__container--align-start":!d},part:"checkbox-container",htmlFor:"tet-checkbox"},t("input",{key:"e33d9d5e5edd7fc9e59928692ed3ba80abafb1da",ref:o=>this.inputEl=o,class:{"checkbox__html-input":!0,"checkbox__html-input--unavailable":h},id:"tet-checkbox",type:"checkbox",name:e,value:i,...b?{"aria-label":b}:{},disabled:a||h,checked:n,onChange:this.handleChange}),t("span",{key:"f7fe83d1fc10349e1d9fda3ccb3e271db0e079bd",class:{"checkbox__input-background":!0,...s?{[`checkbox__input-background--${s}`]:!0}:{}}}),t("span",{key:"10de8980b97aba5de42e434d50f0608a94e211f3",class:{checkbox__input:!0,"checkbox__input--error":c,"checkbox__input--hide-focus-style":this.focusStyleOnContainer,...s?{[`checkbox__input--${s}`]:!0}:{}}},t("tet-icon",{key:"670309997ed76db2dda9b5da93f0263a3ee9ade7",name:"tc-remove",class:"checkbox__icon checkbox__icon--indeterminate indicator"}),t("tet-icon",{key:"032367064c6d9509b0ea478662f9da8f351bea36",name:"tc-check",class:"checkbox__icon"})),t("div",{key:"143d8b114965502be51e5e458b99441ca72b2e0e",class:"checkbox__label-container"},l?t("tet-icon",{theme:"light"===this.theme?"light":"dark",name:l,type:p,class:{"checkbox__label-icon":!0,[`checkbox__label-icon--${l}`]:!0,...s?{[`checkbox__label-icon--${s}`]:!0}:{}}}):t("div",{class:{"checkbox__label-slot-icon":!0,"checkbox__label-slot-icon--hidden":!f,...s?{[`checkbox__label-slot-icon--${s}`]:!0}:{}}},t("slot",{name:"label-icon",onSlotchange:this.onIconSlotChange})),t("span",{key:"2486847419ae630332d579523f7b9936bdaf6861",class:{checkbox__label:!0,...s?{[`checkbox__label--${s}`]:!0}:{}},innerHTML:o},t("slot",{key:"4a29303f27b89171e3c5ab2f7d7f1354122758b7"}))))))}static get watchers(){return{indeterminate:["updateIndeterminateState"]}}};function i(o,e,t){const{top:r,left:n}=o.getBoundingClientRect(),{clientHeight:i,clientWidth:a}=o;return!(t<r||t>r+i||e<n||e>n+a)}n.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)}: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{--checkbox-border-color:var(--tc-border-secondary);--checkbox-background-color:var(--tc-checkbox-default);--checkbox-checked-background-color:var(--tc-checkbox-active-default);--checkbox-pressed-background-color:var(--tc-checkbox-pressed);--checkbox-icon-color:var(--tc-checkbox-default);--checkbox-text-color:var(--tc-text-primary);--checkbox-text-size:0.875rem;--checkbox-flex-direction:row;--checkbox-justify-content:normal;--checkbox-alignment:center;--checkbox-gap:0.5rem;--checkbox-container-outline-offset:0.125rem;--checkbox-hover-border-color:var(--tc-border-secondary);--checkbox-hover-background-color:var(--tc-checkbox-hover);--checkbox-checked-hover-background-color:var(--tc-checkbox-active-hover);--checkbox-checked-pressed-background-color:var(--tc-checkbox-active-pressed);--checkbox-focus-shadow-color:var(--tc-checkbox-active-focus);--checkbox-outline-focus-color:var(--tc-blue-40);--checkbox-disabled-border-color:var(--tc-border-quaternary);--checkbox-disabled-background-color:var(--tc-checkbox-disabled);--checkbox-disabled-checked-background-color:var(--tc-checkbox-active-disabled);--checkbox-disabled-text-color:var(--tc-grey-40);--checkbox-error-border-color:var(--tc-alert-accent-error);--checkbox-unavailable-text-color:var(--tc-text-tertiary);display:block;position:relative}.checkbox.dark,.checkbox.mint{--checkbox-border-color:var(--tc-border-secondary-dark);--checkbox-background-color:var(--tc-checkbox-default-dark);--checkbox-checked-background-color:var(--tc-checkbox-active-default-dark);--checkbox-pressed-background-color:var(--tc-checkbox-pressed-dark);--checkbox-icon-color:var(--tc-checkbox-default-dark);--checkbox-text-color:var(--tc-text-primary-dark);--checkbox-hover-border-color:var(--tc-border-secondary-dark);--checkbox-hover-background-color:var(--tc-checkbox-hover-dark);--checkbox-checked-hover-background-color:var(--tc-checkbox-active-hover-dark);--checkbox-checked-pressed-background-color:var(--tc-checkbox-active-pressed-dark);--checkbox-focus-shadow-color:var(--tc-checkbox-active-focus-dark);--checkbox-outline-focus-color:var(--tc-blue-40-dark);--checkbox-disabled-border-color:var(--tc-border-quaternary-dark);--checkbox-disabled-background-color:var(--tc-checkbox-disabled-dark);--checkbox-disabled-checked-background-color:var(--tc-checkbox-active-disabled-dark);--checkbox-disabled-text-color:var(--tc-grey-40-dark);--checkbox-error-border-color:var(--tc-alert-accent-error-dark);--checkbox-unavailable-text-color:var(--tc-text-tertiary-dark)}.checkbox.dark .checkbox__html-input:focus-visible~.checkbox__input,.checkbox.mint .checkbox__html-input:focus-visible~.checkbox__input{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.checkbox.dark .checkbox__html-input:focus-visible~.checkbox__input--hide-focus-style,.checkbox.mint .checkbox__html-input:focus-visible~.checkbox__input--hide-focus-style{outline:none}.checkbox.mint{--checkbox-checked-background-color:rgb(31, 208, 214);--checkbox-hover-background-color:rgba(31, 208, 214, 0.16);--checkbox-focus-border-color:rgb(31, 208, 214);--checkbox-focus-shadow-color:rgba(31, 208, 214, 0.24);--checkbox-checked-hover-background-color:var(--checkbox-checked-background-color);--checkbox-checked-pressed-background-color:var(--checkbox-checked-background-color)}.checkbox__container{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;gap:var(--checkbox-gap);flex-direction:var(--checkbox-flex-direction);justify-content:var(--checkbox-justify-content);align-items:var(--checkbox-alignment);user-select:none;cursor:pointer;color:var(--checkbox-text-color);font-size:var(--checkbox-text-size)}.checkbox__container--focus-style:has(.checkbox__html-input:focus-visible){outline:0.125rem solid var(--checkbox-outline-focus-color);outline-offset:var(--checkbox-container-outline-offset);border-radius:0.125rem}.checkbox__container:has(.checkbox__html-input:disabled){cursor:auto}.checkbox__container--align-start{align-items:flex-start}.checkbox__container--align-start .checkbox__input--sm,.checkbox__container--align-start .checkbox__input-background--sm{margin-top:0.0625rem}.checkbox__container--align-start .checkbox__input--md,.checkbox__container--align-start .checkbox__input-background--md{margin-top:0.15625rem}.checkbox__container--align-start .checkbox__input--lg-inter,.checkbox__container--align-start .checkbox__input--lg-gilroy,.checkbox__container--align-start .checkbox__input-background--lg-inter,.checkbox__container--align-start .checkbox__input-background--lg-gilroy{margin-top:0.1875rem}.checkbox__container:hover .checkbox__input{border-color:var(--checkbox-hover-border-color);background-color:var(--checkbox-hover-background-color)}.checkbox__container:hover .checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__container:active .checkbox__input{background-color:var(--checkbox-pressed-background-color)}.checkbox__container:hover .checkbox__html-input:checked:not(:disabled)~.checkbox__input{border-color:transparent;background-color:var(--checkbox-checked-hover-background-color)}.checkbox__container:active .checkbox__html-input:checked:not(:disabled)~.checkbox__input{border-color:transparent;background-color:var(--checkbox-checked-pressed-background-color)}.checkbox__icon{--icon-color:var(--checkbox-icon-color);--icon-size:100%;--icon-container-display:flex;opacity:0;position:absolute}.checkbox__html-input{position:absolute;opacity:0;width:0;height:0}.checkbox__html-input:focus~.checkbox__input{border-color:var(--checkbox-focus-border-color, var(--checkbox-border-color));box-shadow:0 0 0 0.25rem var(--checkbox-focus-shadow-color)}.checkbox__html-input:focus~.checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__html-input:focus-visible~.checkbox__input{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.checkbox__html-input:focus-visible~.checkbox__input--hide-focus-style{outline:none;border-color:var(--checkbox-border-color)}.checkbox__html-input:focus-visible~.checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__html-input:indeterminate~.checkbox__input,.checkbox__html-input:checked~.checkbox__input{border-color:var(--checkbox-checked-background-color);background-color:var(--checkbox-checked-background-color)}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon,.checkbox__html-input:checked~.checkbox__input .checkbox__icon{opacity:1}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon--indeterminate,.checkbox__html-input:checked~.checkbox__input .checkbox__icon--indeterminate{opacity:0}.checkbox__html-input:indeterminate .checkbox__icon,.checkbox__html-input:checked .checkbox__icon{opacity:1}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon{opacity:0}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon--indeterminate{opacity:1}.checkbox__html-input[disabled]~.checkbox__input{border-color:var(--checkbox-disabled-border-color);background-color:var(--checkbox-disabled-background-color)}.checkbox__html-input[disabled]~.checkbox__label-container .checkbox__label{color:var(--checkbox-disabled-text-color)}.checkbox__html-input[disabled]:checked~.checkbox__input,.checkbox__html-input[disabled]:indeterminate~.checkbox__input{border:none;background-color:var(--checkbox-disabled-checked-background-color)}.checkbox__html-input[disabled].checkbox__html-input--unavailable~.checkbox__label-container .checkbox__label{color:var(--checkbox-unavailable-text-color)}.checkbox__input-background{display:inline-flex;position:absolute;width:1.125rem;min-width:1.125rem;height:1.125rem;min-height:1.125rem;border-radius:0.25rem;background-color:var(--checkbox-background-color)}.checkbox__input{display:inline-flex;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;height:1.125rem;min-height:1.125rem;border:0.1rem solid var(--checkbox-border-color);border-radius:0.25rem;z-index:1}.checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__label-container{position:relative}.checkbox__label-slot-icon{display:inline-flex;vertical-align:middle}.checkbox__label-slot-icon--hidden{display:none}.checkbox__label-slot-icon ::slotted(*){width:auto;height:1rem;margin-right:0.5rem}.checkbox__label-slot-icon--sm{vertical-align:text-bottom}.checkbox__label-slot-icon--md ::slotted(*){height:1.25rem}.checkbox__label-slot-icon--lg-inter ::slotted(*),.checkbox__label-slot-icon--lg-gilroy ::slotted(*){height:1.5rem}.checkbox__label--sm{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.checkbox__label--md{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";vertical-align:middle}.checkbox__label--lg-inter{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";vertical-align:middle}.checkbox__label--lg-gilroy{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";vertical-align:middle}.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.25rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.25rem) / 2)}.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.25rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--lg-inter,.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.375rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.375rem) / 2)}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.375rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.625rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.625rem) / 2)}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.625rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:1.875rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.875rem) / 2)}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(1.875rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.5rem) / 2)}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.875rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.875rem) / 2)}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.875rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:2.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2.5rem) / 2)}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(2.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.75rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.75rem) / 2)}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.75rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:2rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2rem) / 2)}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--md+.checkbox__label{padding-left:calc(2rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:2.625rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2.625rem) / 2)}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(2.625rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1rem) / 2)}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.25rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.25rem) / 2)}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.25rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}';const a=class{constructor(t){o(this,t),this.optionSelected=e(this,"optionSelected",7),this.optionChecked=e(this,"optionChecked",7),this.optionsChanged=e(this,"optionsChanged",7),this.label="",this.labelLogo="",this.labelLogoGrayscale="",this.labelRight="",this.labelRightColor="",this.labelSubText="",this.flexLayout=!1,this.buttonLabel="Select an option",this.allowMultiple=!1,this.closeOnSelection=!1,this.theme="light",this.options=[],this.disabled=!1,this.selectedOptionIndexes=[],this.isOpen=!1,this.isKeyboardFocus=!1}dropdownWrapperElement;dropdownOptionsElement;dropdownButtonElement;optionSelected;optionChecked;optionsChanged;componentWillLoad(){this.preselectOption()}onOptionsChange(o,e){o.map((({label:o,labelRight:e,value:t})=>o+e+t)).join()!==e.map((({label:o,labelRight:e,value:t})=>o+e+t)).join()&&(this.selectedOptionIndexes=[],this.preselectOption())}async getSelectedOptions(){return this.selectedOptions}async selectOption(o,e=!0){this.selectedOptionIndexes=this.allowMultiple?this.selectedOptionIndexes.includes(o)?this.selectedOptionIndexes.filter((e=>e!==o)):[...this.selectedOptionIndexes,o]:[o],e&&this.optionsChanged.emit(this.selectedOptions)}handleWindowClick({x:o,y:e}){this.isOpen&&!this.disabled&&(i(this.dropdownWrapperElement,o,e)||i(this.dropdownOptionsElement,o,e)||(this.isOpen=!1,this.isKeyboardFocus=!1))}handleFocusOut(o){if(!this.isOpen)return;const e=o.relatedTarget;this.dropdownWrapperElement.contains(e)||this.dropdownOptionsElement.contains(e)||(this.isOpen=!1,this.isKeyboardFocus=!1)}preselectOption=()=>{const o=this.options.findIndex((o=>o.preselected));o>=0&&this.handleOptionSelect(o,!0)()};renderButton(){const{label:o,labelLogo:e,labelLogoGrayscale:r,labelRight:n,currentButtonLabel:i,currentButtonLabelRight:a,currentButtonLabelRightColor:c,isOpen:l,disabled:s}=this;return t("div",{ref:o=>this.dropdownWrapperElement=o,class:{dropdown__wrapper:!0,disabled:s}},o&&t("label",{id:"dropdown-label",htmlFor:"dropdown-button",class:"tet-input__label"},o),t("div",{class:"dropdown__button-wrapper"},t("button",{id:"dropdown-button",class:"dropdown__button","aria-labelledby":"dropdown-label","aria-haspopup":"listbox","aria-controls":"dropdown-options","aria-expanded":l,ref:o=>this.dropdownButtonElement=o,onClick:this.handleDropdownToggle(),onKeyDown:this.handleButtonKeydown(),disabled:s,tabIndex:0},!s&&e&&t("img",{src:e,alt:o}),s&&r&&t("img",{src:r,alt:o}),t("span",{class:{dropdown__button__selected:!0,"dropdown__button__selected--flex":this.flexLayout}},i),n&&t("span",{class:"dropdown__button__labelright",style:{color:c}},a),t("tet-icon",{class:"dropdown__icon dropdown__chevron-icon",name:l?"tc-chevron-up":"tc-chevron-down"}))))}renderOptions(){const{isOpen:o,allowMultiple:e,options:r}=this;let n=r.map(e?this.renderMultipleOptionItem.bind(this):this.renderOptionItem.bind(this));return this.flexLayout&&(n=r.map(this.renderFlexOptionItem.bind(this))),t("div",{class:"dropdown__options-focus-wrapper"},t("div",{class:"dropdown__options-scroll-wrapper"},t("ul",{id:"dropdown-options",ref:o=>this.dropdownOptionsElement=o,class:"dropdown__options",role:"listbox",tabindex:"-1","aria-labelledby":"dropdown-button","aria-expanded":o,"aria-multiselectable":e},n)))}renderOptionItem({label:o,value:e},r){const{selectedOptionIndexes:n}=this,i=n[0]===r,a=this.handleOptionSelect(r),c=this.handleOptionKeydown(a);return t("li",{key:e,class:{dropdown__option:!0,"dropdown__option--single":!0,"dropdown__option--selected":i},role:"option",tabindex:"0","aria-selected":i,"data-value":e,onClick:a,onKeyDown:c},o,i&&t("tet-icon",{class:"dropdown__icon",name:"tc-check"}))}renderFlexOptionItem({label:o,labelLogo:e,labelLogoGrayscale:r,labelRight:n,labelRightColor:i,labelSubText:a,value:c,disabled:l},s){const{selectedOptionIndexes:d}=this,f=d[0]===s,b=this.handleOptionSelect(s),h=this.handleOptionKeydown(b);return t("li",{class:{dropdown__option:!0,dropdown__option__flex:!0,"dropdown__option--selected-background":f},role:"option",tabindex:"0","aria-selected":f,"data-value":c,onClick:b,onKeyDown:h},t("div",{class:"dropdown__option__flex--label-container"},!l&&e&&t("img",{src:e,alt:o}),l&&r&&t("img",{src:r,alt:o}),o&&t("span",{class:"dropdown__button__label"},o),n&&t("span",{class:"dropdown__button__labelright",style:{color:i}},n)),t("div",{class:"dropdown__option__flex--subtext-container"},a&&t("span",null,a)))}renderMultipleOptionItem({label:o,value:e},r){const{selectedOptionIndexes:n}=this,i=n.includes(r),a=this.handleMultipleOptionSelect(r,i),c=this.handleOptionKeydown(a);return t("li",{class:{dropdown__option:!0,"dropdown__option--multiple":!0,"dropdown__option--selected":i},role:"option",tabindex:"0","aria-checked":i,"data-value":e,onClick:a,onKeyDown:c},t("tet-checkbox",{checked:i,theme:this.theme,tabIndex:-1}),o)}handleOptionKeydown(o){return e=>{const{key:t,target:r}=e;switch(t){case" ":case"SpaceBar":case"Enter":e.preventDefault(),o();break;case"ArrowUp":e.preventDefault(),function(o){const e=o.previousElementSibling;e?.focus()}(r);break;case"ArrowDown":e.preventDefault(),function(o){const e=o.nextElementSibling;e?.focus()}(r);break;case"Escape":this.isOpen=!1,this.dropdownButtonElement.focus();break;case"Tab":!r.previousElementSibling&&e.shiftKey&&(this.isKeyboardFocus=!0)}}}handleButtonKeydown(){return o=>{const{key:e}=o;switch(e){case"ArrowDown":o.preventDefault(),this.isOpen||(this.isOpen=!0,this.isKeyboardFocus=!0);const{children:e}=this.dropdownOptionsElement;if(0==e.length)return;requestAnimationFrame((()=>e[0].focus())),this.isKeyboardFocus=!1;break;case"Escape":this.isOpen=!1,this.isKeyboardFocus=!1;break;case"Tab":this.isKeyboardFocus=!1;break;case"Enter":case" ":case"SpaceBar":this.isKeyboardFocus=!this.isKeyboardFocus}}}handleOptionSelect(o,e=!1){return()=>{this.closeOnSelection&&!e&&(this.isOpen=!1,this.dropdownButtonElement.focus()),this.selectedOptionIndexes=[o],this.optionSelected.emit(this.options[o]),this.optionsChanged.emit(this.selectedOptions)}}handleMultipleOptionSelect(o,e=!1){return()=>{this.selectedOptionIndexes=e?this.selectedOptionIndexes.filter((e=>e!==o)):[...this.selectedOptionIndexes,o],this.optionChecked.emit({option:this.options[o],isChecked:!e}),this.optionsChanged.emit(this.selectedOptions)}}handleDropdownToggle(){return()=>{this.isOpen=!this.isOpen}}get currentButtonLabel(){const{buttonLabel:o,allowMultiple:e,options:t,selectedOptionIndexes:r}=this;return e||0===r.length?o:t[r[0]]?.label??o}get currentButtonLabelRight(){const{allowMultiple:o,labelRight:e,options:t,selectedOptionIndexes:r}=this;return o||0===r.length?e:t[r[0]]?.labelRight??e}get currentButtonLabelRightColor(){const{allowMultiple:o,labelRightColor:e,options:t,selectedOptionIndexes:r}=this;return o||0===r.length?e:t[r[0]]?.labelRightColor??e}get selectedOptions(){return 0===this.selectedOptionIndexes.length?[]:this.selectedOptionIndexes.map((o=>this.options[o]))}render(){const{theme:o,isOpen:e,isKeyboardFocus:n}=this;return t(r,{key:"1655c138e62650e444a3386f9370f1df136f5c47"},t("div",{key:"5ee30cc48cb03bcb3cbbb7f83592dac56de8f9b6",class:{dropdown:!0,"dropdown--open":e,"focus-visible":n&&e,[`${o}`]:!0}},this.renderButton(),this.renderOptions()))}static get watchers(){return{options:["onOptionsChange"]}}};a.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,:host{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color);--textarea-border-radius:0.625rem;--textarea-min-height:5.25rem;--textarea-resize:none}.tet-input__dark,.tet-textarea__dark{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light,.tet-textarea__light{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base,.tet-textarea__base{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--input-border-color);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem;}.tet-input__base::placeholder,.tet-textarea__base::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original:not(:disabled):focus,.tet-input__base.tet-input__mint-original:not(:disabled):active,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled],.tet-textarea__base[disabled]{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base:not(:disabled).error,.tet-textarea__base:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base:not(:disabled):hover,.tet-textarea__base:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base:not(:disabled):focus,.tet-input__base:not(:disabled):active,.tet-textarea__base:not(:disabled):focus,.tet-textarea__base:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus:focus,.tet-textarea__base.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error:not(:disabled).keyboard-focus,.tet-textarea__base.error:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label,.tet-textarea__label{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.tet-input__label.tet-input__mint-original,.tet-textarea__label.tet-input__mint-original{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label:has(~.input-container input[disabled]),.tet-textarea__label:has(~.input-container input[disabled]){color:var(--input-disabled-label-color)}.tet-input__error-message,.tet-textarea__error-message{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden{display:none}:host{--options-max-height:15.625rem;--border-radius:0.625rem;--focus-border-radius:0.875rem;--option-padding:0.5rem 0.75rem;--button-padding:0.625rem 0.75rem;--text-size:0.875rem;--text-color:var(--tc-text-primary);--border-color:var(--tc-border-secondary);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary);--disabled-text-color:var(--tc-button-text-inverse-disabled);--disabled-icon-color:var(--tc-button-icon-inverse-disabled);--disabled-label-text-color:var(--tc-text-secondary);--option-text-color:var(--tc-button-text-primary);--option-accent-color:var(--tc-button-text-secondary);--button-background-color:var(--tc-layer-primary);--dropdown-background-color:var(--tc-layer-primary);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed);--keyboard-focus-outline-color:var(--tc-blue-40);display:block;position:relative}.dropdown.dark,.dropdown.mint{--text-color:var(--tc-text-primary-dark);--border-color:var(--tc-border-secondary-dark);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary-dark);--disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--disabled-label-text-color:var(--tc-text-secondary-dark);--option-text-color:var(--text-color);--option-accent-color:var(--text-color);--button-background-color:var(--tc-layer-primary-dark);--dropdown-background-color:var(--tc-layer-primary-dark);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover-dark);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed-dark);--keyboard-focus-outline-color:var(--tc-blue-40-dark)}.dropdown.mint{--option-accent-color:rgb(26, 213, 219);--hover-button-background-color:rgba(26, 213, 219, 0.08);--focus-button-background-color:rgba(26, 213, 219, 0.32)}.dropdown *{color:var(--text-color)}.dropdown__wrapper{position:relative;display:flex;flex-direction:column}.dropdown__wrapper.disabled .dropdown__button{cursor:not-allowed;background-color:var(--hover-button-background-color);border-color:var(--disabled-border-color)}.dropdown__wrapper.disabled .dropdown__button__selected,.dropdown__wrapper.disabled .dropdown__button__labelright{color:var(--disabled-text-color) !important}.dropdown__wrapper.disabled .dropdown__button .dropdown__icon{--icon-color:var(--disabled-icon-color)}.dropdown__wrapper.disabled .dropdown__label{color:var(--disabled-label-text-color)}.dropdown__icon{--icon-color:var(--option-accent-color)}.dropdown__chevron-icon{--icon-size:1.25rem;--icon-color:var(--text-color)}.dropdown__button{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;height:2.75rem;width:100%;align-items:center;justify-content:space-between;padding:var(--button-padding);border-radius:var(--border-radius);background-color:var(--button-background-color);border:0.0625rem solid var(--border-color);cursor:pointer}.dropdown__button:hover,.dropdown__button:focus{outline:none;color:var(--hover-text-color);border-color:var(--hover-border-color);background-color:var(--hover-button-background-color)}.dropdown__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--keyboard-focus-outline-color);background-color:var(--button-background-color)}.dropdown__button:active{background-color:var(--focus-button-background-color)}.dropdown__button__selected{padding-right:0.75rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dropdown__button img{width:2.625rem;height:1.25rem}.dropdown__button__selected--flex{margin-left:0.5rem;padding-right:0}.dropdown__button-wrapper{display:inline-flex;padding:0.125rem 0.125rem 0 0.125rem;border:0.125rem solid transparent;border-bottom:none;border-radius:var(--focus-border-radius) var(--focus-border-radius) 0 0}.dropdown__button__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-left:auto;margin-right:0.5rem}.dropdown__option{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;border-radius:0.125rem;cursor:pointer;padding:var(--option-padding);background-color:transparent}.dropdown__option:hover,.dropdown__option:focus{outline:none;background-color:var(--hover-button-background-color)}.dropdown__option:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;background-color:transparent}.dropdown__option img{width:2.625rem;height:1.25rem}.dropdown__option__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.dropdown__option--single{position:relative}.dropdown__option__flex{display:flex;flex-direction:column}.dropdown__option__flex--label-container{display:flex;width:100%;align-items:center}.dropdown__option__flex--label-container .dropdown__button__label{margin-left:0.5rem}.dropdown__option__flex--label-container .dropdown__button__labelright{position:absolute;right:1rem}.dropdown__option__flex--subtext-container{margin-right:auto;margin-top:0.125rem}.dropdown__option__flex--subtext-container span{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--text-color)}.dropdown__option--selected-background{background:var(--hover-button-background-color)}.dropdown__option .dropdown__icon{position:absolute;right:0.5rem}.dropdown__option--selected .dropdown__check{border-color:var(--option-accent-color);background-color:var(--option-accent-color)}.dropdown__options-focus-wrapper{z-index:99999;position:absolute;top:100%;width:100%;display:none;flex-direction:column;border:0.125rem solid transparent;border-top:none;padding:0 0.125rem 0.125rem 0.125rem;border-radius:0 0 var(--focus-border-radius) var(--focus-border-radius)}.dropdown__options-scroll-wrapper{border:0.0625rem solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);overflow:hidden}.dropdown__options{display:none;flex-direction:column;padding:0.625rem 0;background-color:var(--dropdown-background-color);max-height:var(--options-max-height);overflow-y:auto}.dropdown--open .dropdown__options-focus-wrapper,.dropdown--open .dropdown__options{display:flex}.dropdown--open .dropdown__button{border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:0.0625rem solid transparent;background-color:var(--hover-button-background-color);outline:none}.dropdown--open.focus-visible .dropdown__options-focus-wrapper{border-color:var(--keyboard-focus-outline-color)}.dropdown--open.focus-visible .dropdown__button-wrapper{border-color:var(--keyboard-focus-outline-color)}';export{n as tet_checkbox,a as tet_dropdown}
+import{r as o,c as e,h as t,H as r}from"./p-5abb3bea.js";const n=class{constructor(t){o(this,t),this.check=e(this,"check",7),this.theme="light",this.label=void 0,this.accessibilityLabel="",this.name=void 0,this.value=0,this.disabled=!1,this.unavailable=!1,this.checked=!1,this.error=!1,this.indeterminate=!1,this.focusStyleOnContainer=!1,this.iconName=void 0,this.labelFont=void 0,this.alignCenter=!0,this.hasSlotIcon=!1}inputEl;check;updateIndeterminateState(){this.inputEl.indeterminate=this.indeterminate}handleChange=({target:o})=>{const{checked:e,indeterminate:t,error:r,value:n}=this,i=o;this.checked=i.checked,this.indeterminate=i.indeterminate,this.check.emit({checked:!e,indeterminate:t,error:r,value:n})};async setChecked(o){this.checked=o}async setIndeterminate(o){this.indeterminate=o}async setError(o){this.error=o}onIconSlotChange=o=>{this.hasSlotIcon=o.target.assignedElements().length>0};get iconType(){const{unavailable:o,disabled:e}=this;switch(!0){case o:return"secondary";case e:return"tertiary";default:return"primary"}}render(){const{label:o,name:e,checked:n,value:i,disabled:a,error:c,iconName:l,labelFont:s,alignCenter:d,hasSlotIcon:f,accessibilityLabel:b,unavailable:h,iconType:p}=this;return t(r,{key:"ec3de0f2af0b8485daf484d93ce1f47a26d95286"},t("div",{key:"30c99c77026d923fe94acf2ca296aa9aa05a1f0b",class:{checkbox:!0,[`${this.theme}`]:!0}},t("label",{key:"f1974c14dcf1072a5e9db59658da14a7bf5c2e20",class:{checkbox__container:!0,"checkbox__container--focus-style":this.focusStyleOnContainer,"checkbox__container--align-start":!d},part:"checkbox-container",htmlFor:"tet-checkbox"},t("input",{key:"e33d9d5e5edd7fc9e59928692ed3ba80abafb1da",ref:o=>this.inputEl=o,class:{"checkbox__html-input":!0,"checkbox__html-input--unavailable":h},id:"tet-checkbox",type:"checkbox",name:e,value:i,...b?{"aria-label":b}:{},disabled:a||h,checked:n,onChange:this.handleChange}),t("span",{key:"f7fe83d1fc10349e1d9fda3ccb3e271db0e079bd",class:{"checkbox__input-background":!0,...s?{[`checkbox__input-background--${s}`]:!0}:{}}}),t("span",{key:"10de8980b97aba5de42e434d50f0608a94e211f3",class:{checkbox__input:!0,"checkbox__input--error":c,"checkbox__input--hide-focus-style":this.focusStyleOnContainer,...s?{[`checkbox__input--${s}`]:!0}:{}}},t("tet-icon",{key:"670309997ed76db2dda9b5da93f0263a3ee9ade7",name:"tc-remove",class:"checkbox__icon checkbox__icon--indeterminate indicator"}),t("tet-icon",{key:"032367064c6d9509b0ea478662f9da8f351bea36",name:"tc-check",class:"checkbox__icon"})),t("div",{key:"143d8b114965502be51e5e458b99441ca72b2e0e",class:"checkbox__label-container"},l?t("tet-icon",{theme:"light"===this.theme?"light":"dark",name:l,type:p,class:{"checkbox__label-icon":!0,[`checkbox__label-icon--${l}`]:!0,...s?{[`checkbox__label-icon--${s}`]:!0}:{}}}):t("div",{class:{"checkbox__label-slot-icon":!0,"checkbox__label-slot-icon--hidden":!f,...s?{[`checkbox__label-slot-icon--${s}`]:!0}:{}}},t("slot",{name:"label-icon",onSlotchange:this.onIconSlotChange})),t("span",{key:"2486847419ae630332d579523f7b9936bdaf6861",class:{checkbox__label:!0,...s?{[`checkbox__label--${s}`]:!0}:{}},innerHTML:o},t("slot",{key:"4a29303f27b89171e3c5ab2f7d7f1354122758b7"}))))))}static get watchers(){return{indeterminate:["updateIndeterminateState"]}}};function i(o,e,t){const{top:r,left:n}=o.getBoundingClientRect(),{clientHeight:i,clientWidth:a}=o;return!(t<r||t>r+i||e<n||e>n+a)}n.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)}: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{--checkbox-border-color:var(--tc-border-secondary);--checkbox-background-color:var(--tc-checkbox-default);--checkbox-checked-background-color:var(--tc-checkbox-active-default);--checkbox-pressed-background-color:var(--tc-checkbox-pressed);--checkbox-icon-color:var(--tc-checkbox-default);--checkbox-text-color:var(--tc-text-primary);--checkbox-text-size:0.875rem;--checkbox-flex-direction:row;--checkbox-justify-content:normal;--checkbox-alignment:center;--checkbox-gap:0.5rem;--checkbox-container-outline-offset:0.125rem;--checkbox-hover-border-color:var(--tc-border-secondary);--checkbox-hover-background-color:var(--tc-checkbox-hover);--checkbox-checked-hover-background-color:var(--tc-checkbox-active-hover);--checkbox-checked-pressed-background-color:var(--tc-checkbox-active-pressed);--checkbox-focus-shadow-color:var(--tc-checkbox-active-focus);--checkbox-outline-focus-color:var(--tc-blue-40);--checkbox-disabled-border-color:var(--tc-border-quaternary);--checkbox-disabled-background-color:var(--tc-checkbox-disabled);--checkbox-disabled-checked-background-color:var(--tc-checkbox-active-disabled);--checkbox-disabled-text-color:var(--tc-grey-40);--checkbox-error-border-color:var(--tc-alert-accent-error);--checkbox-unavailable-text-color:var(--tc-text-tertiary);display:block;position:relative}.checkbox.dark,.checkbox.mint{--checkbox-border-color:var(--tc-border-secondary-dark);--checkbox-background-color:var(--tc-checkbox-default-dark);--checkbox-checked-background-color:var(--tc-checkbox-active-default-dark);--checkbox-pressed-background-color:var(--tc-checkbox-pressed-dark);--checkbox-icon-color:var(--tc-checkbox-default-dark);--checkbox-text-color:var(--tc-text-primary-dark);--checkbox-hover-border-color:var(--tc-border-secondary-dark);--checkbox-hover-background-color:var(--tc-checkbox-hover-dark);--checkbox-checked-hover-background-color:var(--tc-checkbox-active-hover-dark);--checkbox-checked-pressed-background-color:var(--tc-checkbox-active-pressed-dark);--checkbox-focus-shadow-color:var(--tc-checkbox-active-focus-dark);--checkbox-outline-focus-color:var(--tc-blue-40-dark);--checkbox-disabled-border-color:var(--tc-border-quaternary-dark);--checkbox-disabled-background-color:var(--tc-checkbox-disabled-dark);--checkbox-disabled-checked-background-color:var(--tc-checkbox-active-disabled-dark);--checkbox-disabled-text-color:var(--tc-grey-40-dark);--checkbox-error-border-color:var(--tc-alert-accent-error-dark);--checkbox-unavailable-text-color:var(--tc-text-tertiary-dark)}.checkbox.dark .checkbox__html-input:focus-visible~.checkbox__input,.checkbox.mint .checkbox__html-input:focus-visible~.checkbox__input{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.checkbox.dark .checkbox__html-input:focus-visible~.checkbox__input--hide-focus-style,.checkbox.mint .checkbox__html-input:focus-visible~.checkbox__input--hide-focus-style{outline:none}.checkbox.mint{--checkbox-checked-background-color:rgb(31, 208, 214);--checkbox-hover-background-color:rgba(31, 208, 214, 0.16);--checkbox-focus-border-color:rgb(31, 208, 214);--checkbox-focus-shadow-color:rgba(31, 208, 214, 0.24);--checkbox-checked-hover-background-color:var(--checkbox-checked-background-color);--checkbox-checked-pressed-background-color:var(--checkbox-checked-background-color)}.checkbox__container{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;gap:var(--checkbox-gap);flex-direction:var(--checkbox-flex-direction);justify-content:var(--checkbox-justify-content);align-items:var(--checkbox-alignment);user-select:none;cursor:pointer;color:var(--checkbox-text-color);font-size:var(--checkbox-text-size)}.checkbox__container--focus-style:has(.checkbox__html-input:focus-visible){outline:0.125rem solid var(--checkbox-outline-focus-color);outline-offset:var(--checkbox-container-outline-offset);border-radius:0.125rem}.checkbox__container:has(.checkbox__html-input:disabled){cursor:auto}.checkbox__container--align-start{align-items:flex-start}.checkbox__container--align-start .checkbox__input--sm,.checkbox__container--align-start .checkbox__input-background--sm{margin-top:0.0625rem}.checkbox__container--align-start .checkbox__input--md,.checkbox__container--align-start .checkbox__input-background--md{margin-top:0.15625rem}.checkbox__container--align-start .checkbox__input--lg-inter,.checkbox__container--align-start .checkbox__input--lg-gilroy,.checkbox__container--align-start .checkbox__input-background--lg-inter,.checkbox__container--align-start .checkbox__input-background--lg-gilroy{margin-top:0.1875rem}.checkbox__container:hover .checkbox__input{border-color:var(--checkbox-hover-border-color);background-color:var(--checkbox-hover-background-color)}.checkbox__container:hover .checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__container:active .checkbox__input{background-color:var(--checkbox-pressed-background-color)}.checkbox__container:hover .checkbox__html-input:checked:not(:disabled)~.checkbox__input{border-color:transparent;background-color:var(--checkbox-checked-hover-background-color)}.checkbox__container:active .checkbox__html-input:checked:not(:disabled)~.checkbox__input{border-color:transparent;background-color:var(--checkbox-checked-pressed-background-color)}.checkbox__icon{--icon-color:var(--checkbox-icon-color);--icon-size:100%;--icon-container-display:flex;opacity:0;position:absolute}.checkbox__html-input{position:absolute;opacity:0;width:0;height:0}.checkbox__html-input:focus~.checkbox__input{border-color:var(--checkbox-focus-border-color, var(--checkbox-border-color));box-shadow:0 0 0 0.25rem var(--checkbox-focus-shadow-color)}.checkbox__html-input:focus~.checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__html-input:focus-visible~.checkbox__input{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.checkbox__html-input:focus-visible~.checkbox__input--hide-focus-style{outline:none;border-color:var(--checkbox-border-color)}.checkbox__html-input:focus-visible~.checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__html-input:indeterminate~.checkbox__input,.checkbox__html-input:checked~.checkbox__input{border-color:var(--checkbox-checked-background-color);background-color:var(--checkbox-checked-background-color)}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon,.checkbox__html-input:checked~.checkbox__input .checkbox__icon{opacity:1}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon--indeterminate,.checkbox__html-input:checked~.checkbox__input .checkbox__icon--indeterminate{opacity:0}.checkbox__html-input:indeterminate .checkbox__icon,.checkbox__html-input:checked .checkbox__icon{opacity:1}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon{opacity:0}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon--indeterminate{opacity:1}.checkbox__html-input[disabled]~.checkbox__input{border-color:var(--checkbox-disabled-border-color);background-color:var(--checkbox-disabled-background-color)}.checkbox__html-input[disabled]~.checkbox__label-container .checkbox__label{color:var(--checkbox-disabled-text-color)}.checkbox__html-input[disabled]:checked~.checkbox__input,.checkbox__html-input[disabled]:indeterminate~.checkbox__input{border:none;background-color:var(--checkbox-disabled-checked-background-color)}.checkbox__html-input[disabled].checkbox__html-input--unavailable~.checkbox__label-container .checkbox__label{color:var(--checkbox-unavailable-text-color)}.checkbox__input-background{display:inline-flex;position:absolute;width:1.125rem;min-width:1.125rem;height:1.125rem;min-height:1.125rem;border-radius:0.25rem;background-color:var(--checkbox-background-color)}.checkbox__input{display:inline-flex;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;height:1.125rem;min-height:1.125rem;border:0.1rem solid var(--checkbox-border-color);border-radius:0.25rem;z-index:1}.checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__label-container{position:relative}.checkbox__label-slot-icon{display:inline-flex;vertical-align:middle}.checkbox__label-slot-icon--hidden{display:none}.checkbox__label-slot-icon ::slotted(*){width:auto;height:1rem;margin-right:0.5rem}.checkbox__label-slot-icon--sm{vertical-align:text-bottom}.checkbox__label-slot-icon--md ::slotted(*){height:1.25rem}.checkbox__label-slot-icon--lg-inter ::slotted(*),.checkbox__label-slot-icon--lg-gilroy ::slotted(*){height:1.5rem}.checkbox__label--sm{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.checkbox__label--md{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";vertical-align:middle}.checkbox__label--lg-inter{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";vertical-align:middle}.checkbox__label--lg-gilroy{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";vertical-align:middle}.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.25rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.25rem) / 2)}.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.25rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--lg-inter,.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.375rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.375rem) / 2)}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.375rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.625rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.625rem) / 2)}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.625rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:1.875rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.875rem) / 2)}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(1.875rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.5rem) / 2)}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.875rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.875rem) / 2)}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.875rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:2.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2.5rem) / 2)}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(2.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.75rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.75rem) / 2)}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.75rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:2rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2rem) / 2)}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--md+.checkbox__label{padding-left:calc(2rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:2.625rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2.625rem) / 2)}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(2.625rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1rem) / 2)}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.25rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.25rem) / 2)}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.25rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}';const a=class{constructor(t){o(this,t),this.optionSelected=e(this,"optionSelected",7),this.optionChecked=e(this,"optionChecked",7),this.optionsChanged=e(this,"optionsChanged",7),this.label="",this.labelLogo="",this.labelLogoGrayscale="",this.labelRight="",this.labelRightColor="",this.labelSubText="",this.flexLayout=!1,this.buttonLabel="Select an option",this.allowMultiple=!1,this.closeOnSelection=!1,this.theme="light",this.options=[],this.disabled=!1,this.selectedOptionIndexes=[],this.isOpen=!1,this.isKeyboardFocus=!1}dropdownWrapperElement;dropdownOptionsElement;dropdownButtonElement;optionSelected;optionChecked;optionsChanged;componentWillLoad(){this.preselectOption()}onOptionsChange(o,e){o.map((({label:o,labelRight:e,value:t})=>o+e+t)).join()!==e.map((({label:o,labelRight:e,value:t})=>o+e+t)).join()&&(this.selectedOptionIndexes=[],this.preselectOption())}async getSelectedOptions(){return this.selectedOptions}async selectOption(o,e=!0){this.selectedOptionIndexes=this.allowMultiple?this.selectedOptionIndexes.includes(o)?this.selectedOptionIndexes.filter((e=>e!==o)):[...this.selectedOptionIndexes,o]:[o],e&&this.optionsChanged.emit(this.selectedOptions)}handleWindowClick({x:o,y:e}){this.isOpen&&!this.disabled&&(i(this.dropdownWrapperElement,o,e)||i(this.dropdownOptionsElement,o,e)||(this.isOpen=!1,this.isKeyboardFocus=!1))}handleFocusOut(o){if(!this.isOpen)return;const e=o.relatedTarget;this.dropdownWrapperElement.contains(e)||this.dropdownOptionsElement.contains(e)||(this.isOpen=!1,this.isKeyboardFocus=!1)}preselectOption=()=>{const o=this.options.findIndex((o=>o.preselected));o>=0&&this.handleOptionSelect(o,!0)()};renderButton(){const{label:o,labelLogo:e,labelLogoGrayscale:r,labelRight:n,currentButtonLabel:i,currentButtonLabelRight:a,currentButtonLabelRightColor:c,isOpen:l,disabled:s}=this;return t("div",{ref:o=>this.dropdownWrapperElement=o,class:{dropdown__wrapper:!0,disabled:s}},o&&t("label",{id:"dropdown-label",htmlFor:"dropdown-button",class:"tet-input__label"},o),t("div",{class:"dropdown__button-wrapper"},t("button",{id:"dropdown-button",class:"dropdown__button","aria-labelledby":"dropdown-label","aria-haspopup":"listbox","aria-controls":"dropdown-options","aria-expanded":l,ref:o=>this.dropdownButtonElement=o,onClick:this.handleDropdownToggle(),onKeyDown:this.handleButtonKeydown(),disabled:s,tabIndex:0},!s&&e&&t("img",{src:e,alt:o}),s&&r&&t("img",{src:r,alt:o}),t("span",{class:{dropdown__button__selected:!0,"dropdown__button__selected--flex":this.flexLayout}},i),n&&t("span",{class:"dropdown__button__labelright",style:{color:c}},a),t("tet-icon",{class:"dropdown__icon dropdown__chevron-icon",name:l?"tc-chevron-up":"tc-chevron-down"}))))}renderOptions(){const{isOpen:o,allowMultiple:e,options:r}=this;let n=r.map(e?this.renderMultipleOptionItem.bind(this):this.renderOptionItem.bind(this));return this.flexLayout&&(n=r.map(this.renderFlexOptionItem.bind(this))),t("div",{class:"dropdown__options-focus-wrapper"},t("div",{class:"dropdown__options-scroll-wrapper"},t("ul",{id:"dropdown-options",ref:o=>this.dropdownOptionsElement=o,class:"dropdown__options",role:"listbox",tabindex:"-1","aria-labelledby":"dropdown-button","aria-expanded":o,"aria-multiselectable":e},n)))}renderOptionItem({label:o,value:e},r){const{selectedOptionIndexes:n}=this,i=n[0]===r,a=this.handleOptionSelect(r),c=this.handleOptionKeydown(a);return t("li",{key:e,class:{dropdown__option:!0,"dropdown__option--single":!0,"dropdown__option--selected":i},role:"option",tabindex:"0","aria-selected":i,"data-value":e,onClick:a,onKeyDown:c},o,i&&t("tet-icon",{class:"dropdown__icon",name:"tc-check"}))}renderFlexOptionItem({label:o,labelLogo:e,labelLogoGrayscale:r,labelRight:n,labelRightColor:i,labelSubText:a,value:c,disabled:l},s){const{selectedOptionIndexes:d}=this,f=d[0]===s,b=this.handleOptionSelect(s),h=this.handleOptionKeydown(b);return t("li",{class:{dropdown__option:!0,dropdown__option__flex:!0,"dropdown__option--selected-background":f},role:"option",tabindex:"0","aria-selected":f,"data-value":c,onClick:b,onKeyDown:h},t("div",{class:"dropdown__option__flex--label-container"},!l&&e&&t("img",{src:e,alt:o}),l&&r&&t("img",{src:r,alt:o}),o&&t("span",{class:"dropdown__button__label"},o),n&&t("span",{class:"dropdown__button__labelright",style:{color:i}},n)),t("div",{class:"dropdown__option__flex--subtext-container"},a&&t("span",null,a)))}renderMultipleOptionItem({label:o,value:e},r){const{selectedOptionIndexes:n}=this,i=n.includes(r),a=this.handleMultipleOptionSelect(r,i),c=this.handleOptionKeydown(a);return t("li",{class:{dropdown__option:!0,"dropdown__option--multiple":!0,"dropdown__option--selected":i},role:"option",tabindex:"0","aria-checked":i,"data-value":e,onClick:a,onKeyDown:c},t("tet-checkbox",{checked:i,theme:this.theme,tabIndex:-1}),o)}handleOptionKeydown(o){return e=>{const{key:t,target:r}=e;switch(t){case" ":case"SpaceBar":case"Enter":e.preventDefault(),o();break;case"ArrowUp":e.preventDefault(),function(o){const e=o.previousElementSibling;e?.focus()}(r);break;case"ArrowDown":e.preventDefault(),function(o){const e=o.nextElementSibling;e?.focus()}(r);break;case"Escape":this.isOpen=!1,this.dropdownButtonElement.focus();break;case"Tab":!r.previousElementSibling&&e.shiftKey&&(this.isKeyboardFocus=!0)}}}handleButtonKeydown(){return o=>{const{key:e}=o;switch(e){case"ArrowDown":o.preventDefault(),this.isOpen||(this.isOpen=!0,this.isKeyboardFocus=!0);const{children:e}=this.dropdownOptionsElement;if(0==e.length)return;requestAnimationFrame((()=>e[0].focus())),this.isKeyboardFocus=!1;break;case"Escape":this.isOpen=!1,this.isKeyboardFocus=!1;break;case"Tab":this.isKeyboardFocus=!1;break;case"Enter":case" ":case"SpaceBar":this.isKeyboardFocus=!this.isKeyboardFocus}}}handleOptionSelect(o,e=!1){return()=>{this.closeOnSelection&&!e&&(this.isOpen=!1,this.dropdownButtonElement.focus()),this.selectedOptionIndexes=[o],this.optionSelected.emit(this.options[o]),this.optionsChanged.emit(this.selectedOptions)}}handleMultipleOptionSelect(o,e=!1){return()=>{this.selectedOptionIndexes=e?this.selectedOptionIndexes.filter((e=>e!==o)):[...this.selectedOptionIndexes,o],this.optionChecked.emit({option:this.options[o],isChecked:!e}),this.optionsChanged.emit(this.selectedOptions)}}handleDropdownToggle(){return()=>{this.isOpen=!this.isOpen}}get currentButtonLabel(){const{buttonLabel:o,allowMultiple:e,options:t,selectedOptionIndexes:r}=this;return e||0===r.length?o:t[r[0]]?.label??o}get currentButtonLabelRight(){const{allowMultiple:o,labelRight:e,options:t,selectedOptionIndexes:r}=this;return o||0===r.length?e:t[r[0]]?.labelRight??e}get currentButtonLabelRightColor(){const{allowMultiple:o,labelRightColor:e,options:t,selectedOptionIndexes:r}=this;return o||0===r.length?e:t[r[0]]?.labelRightColor??e}get selectedOptions(){return 0===this.selectedOptionIndexes.length?[]:this.selectedOptionIndexes.map((o=>this.options[o]))}render(){const{theme:o,isOpen:e,isKeyboardFocus:n}=this;return t(r,{key:"1655c138e62650e444a3386f9370f1df136f5c47"},t("div",{key:"5ee30cc48cb03bcb3cbbb7f83592dac56de8f9b6",class:{dropdown:!0,"dropdown--open":e,"focus-visible":n&&e,[`${o}`]:!0}},this.renderButton(),this.renderOptions()))}static get watchers(){return{options:["onOptionsChange"]}}};a.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,:host{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color);--textarea-border-radius:0.625rem;--textarea-min-height:5.25rem;--textarea-resize:none}.tet-input__dark,.tet-textarea__dark{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light,.tet-textarea__light{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base,.tet-textarea__base{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--input-border-color);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem;}.tet-input__base::placeholder,.tet-textarea__base::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original:not(:disabled):focus,.tet-input__base.tet-input__mint-original:not(:disabled):active,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled],.tet-textarea__base[disabled]{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base:not(:disabled).error,.tet-textarea__base:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base:not(:disabled):hover,.tet-textarea__base:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base:not(:disabled):focus,.tet-input__base:not(:disabled):active,.tet-textarea__base:not(:disabled):focus,.tet-textarea__base:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus:focus,.tet-textarea__base.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error:not(:disabled).keyboard-focus,.tet-textarea__base.error:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label,.tet-textarea__label{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.tet-input__label.tet-input__mint-original,.tet-textarea__label.tet-input__mint-original{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label:has(~.input-container input[disabled]),.tet-textarea__label:has(~.input-container input[disabled]){color:var(--input-disabled-label-color)}.tet-input__error-message,.tet-textarea__error-message{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden{display:none}:host{--options-max-height:15.625rem;--border-radius:0.625rem;--focus-border-radius:0.875rem;--option-padding:0.5rem 0.75rem;--button-padding:0.625rem 0.75rem;--text-size:0.875rem;--text-color:var(--tc-text-primary);--border-color:var(--tc-border-secondary);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary);--disabled-text-color:var(--tc-button-text-inverse-disabled);--disabled-icon-color:var(--tc-button-icon-inverse-disabled);--disabled-label-text-color:var(--tc-text-secondary);--option-text-color:var(--tc-button-text-primary);--option-accent-color:var(--tc-button-text-secondary);--button-background-color:var(--tc-layer-primary);--dropdown-background-color:var(--tc-layer-primary);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed);--keyboard-focus-outline-color:var(--tc-blue-40);display:block;position:relative}.dropdown.dark,.dropdown.mint{--text-color:var(--tc-text-primary-dark);--border-color:var(--tc-border-secondary-dark);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary-dark);--disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--disabled-label-text-color:var(--tc-text-secondary-dark);--option-text-color:var(--text-color);--option-accent-color:var(--text-color);--button-background-color:var(--tc-layer-primary-dark);--dropdown-background-color:var(--tc-layer-primary-dark);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover-dark);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed-dark);--keyboard-focus-outline-color:var(--tc-blue-40-dark)}.dropdown.mint{--option-accent-color:rgb(26, 213, 219);--hover-button-background-color:rgba(26, 213, 219, 0.08);--focus-button-background-color:rgba(26, 213, 219, 0.32)}.dropdown *{color:var(--text-color)}.dropdown__wrapper{position:relative;display:flex;flex-direction:column}.dropdown__wrapper.disabled .dropdown__button{cursor:not-allowed;background-color:var(--hover-button-background-color);border-color:var(--disabled-border-color)}.dropdown__wrapper.disabled .dropdown__button__selected,.dropdown__wrapper.disabled .dropdown__button__labelright{color:var(--disabled-text-color) !important}.dropdown__wrapper.disabled .dropdown__button .dropdown__icon{--icon-color:var(--disabled-icon-color)}.dropdown__wrapper.disabled .dropdown__label{color:var(--disabled-label-text-color)}.dropdown__icon{--icon-color:var(--option-accent-color)}.dropdown__chevron-icon{--icon-size:1.25rem;--icon-color:var(--text-color)}.dropdown__button{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;height:2.75rem;width:100%;align-items:center;justify-content:space-between;padding:var(--button-padding);border-radius:var(--border-radius);background-color:var(--button-background-color);border:0.0625rem solid var(--border-color);cursor:pointer}.dropdown__button:hover,.dropdown__button:focus{outline:none;color:var(--hover-text-color);border-color:var(--hover-border-color);background-color:var(--hover-button-background-color)}.dropdown__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--keyboard-focus-outline-color);background-color:var(--button-background-color)}.dropdown__button:active{background-color:var(--focus-button-background-color)}.dropdown__button__selected{padding-right:0.75rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dropdown__button img{width:2.625rem;height:1.25rem}.dropdown__button__selected--flex{margin-left:0.5rem;padding-right:0}.dropdown__button-wrapper{display:inline-flex;padding:0.125rem 0.125rem 0 0.125rem;border:0.125rem solid transparent;border-bottom:none;border-radius:var(--focus-border-radius) var(--focus-border-radius) 0 0}.dropdown__button__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-left:auto;margin-right:0.5rem}.dropdown__option{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;border-radius:0.125rem;cursor:pointer;padding:var(--option-padding);background-color:transparent}.dropdown__option:hover,.dropdown__option:focus{outline:none;background-color:var(--hover-button-background-color)}.dropdown__option:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;background-color:transparent}.dropdown__option img{width:2.625rem;height:1.25rem}.dropdown__option__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.dropdown__option--single{position:relative}.dropdown__option__flex{display:flex;flex-direction:column}.dropdown__option__flex--label-container{display:flex;width:100%;align-items:center}.dropdown__option__flex--label-container .dropdown__button__label{margin-left:0.5rem}.dropdown__option__flex--label-container .dropdown__button__labelright{position:absolute;right:1rem}.dropdown__option__flex--subtext-container{margin-right:auto;margin-top:0.125rem}.dropdown__option__flex--subtext-container span{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--text-color)}.dropdown__option--selected-background{background:var(--hover-button-background-color)}.dropdown__option .dropdown__icon{position:absolute;right:0.5rem}.dropdown__option--selected .dropdown__check{border-color:var(--option-accent-color);background-color:var(--option-accent-color)}.dropdown__options-focus-wrapper{z-index:99999;position:absolute;top:100%;width:100%;display:none;flex-direction:column;border:0.125rem solid transparent;border-top:none;padding:0 0.125rem 0.125rem 0.125rem;border-radius:0 0 var(--focus-border-radius) var(--focus-border-radius)}.dropdown__options-scroll-wrapper{border:0.0625rem solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);overflow:hidden}.dropdown__options{display:none;flex-direction:column;padding:0.625rem 0;background-color:var(--dropdown-background-color);max-height:var(--options-max-height);overflow-y:auto}.dropdown--open .dropdown__options-focus-wrapper,.dropdown--open .dropdown__options{display:flex}.dropdown--open .dropdown__button{border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:0.0625rem solid transparent;background-color:var(--hover-button-background-color);outline:none}.dropdown--open.focus-visible .dropdown__options-focus-wrapper{border-color:var(--keyboard-focus-outline-color)}.dropdown--open.focus-visible .dropdown__button-wrapper{border-color:var(--keyboard-focus-outline-color)}';export{n as tet_checkbox,a as tet_dropdown}

package/dist/tet-components/{p-b152fc68.entry.js → p-706552fe.entry.js}

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

package/dist/tet-components/{p-b6bfdd4e.entry.js → p-70e766f8.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,g as o,h as s,H as e}from"./p-83f43fdd.js";import{g as n}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:i,scrollWidth:o}=this;let s=i;return s<0?s=0:s>o&&(s=o),{scrollSpeed:t,scrollLeft:s,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:s}=this;let e=o+t.left;e<0&&(e=0),e>s&&(e=s),"smooth"===t.behavior?await this.animateScroll(-o,-e):this.scrollContainer.style.left=-e+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:e>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:s}=this,e=s+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-e,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:s}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-s,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>s?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),s=1e3/60,e=o/(this.animationSpeed/s);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const h=a,c=h-n;c<s||(n=h-c%s,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+e}px`,h-r>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};l(n)}));await l}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:s}=this;(o<0&&i>0||o>s&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const l=class{constructor(o){t(this,o),this.cardScroll=i(this,"cardScroll",7),this.contentScrollEnd=i(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;initializationTimeout;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let s=Array.from(this.element.children);this.withVirtualScroll&&(s=Array.from(this.element.querySelectorAll("[data-id]")));const e=s.find((i=>i.matches(t)));null!=e&&(await this.inertialScroll.scrollToElement(e,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=n(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),this.initializationTimeout=setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const i=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&i&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-i},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){clearTimeout(this.initializationTimeout),this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,s=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==s){const t=s.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),s=o.map((t=>t.getBoundingClientRect())),e=this.element.getBoundingClientRect(),n=e.width/2+e.left;let r=s.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===s.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=s.length-1),-1===r&&(t&&(r=s.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=s.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const l=o[r];this.withVirtualScroll&&l?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===l.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==l&&l.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),s=this.getLastOriginal(),e=o.getBoundingClientRect(),n=s.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(e.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(e.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=s.previousElementSibling,i=n.width+this.elementGap,e=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[e]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[e])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==s){const o=s.getBoundingClientRect().right,e=t.left+i;await this.inertialScroll.scrollBy({left:-(e-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==s){const i=s.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,s=this.scrollContainerRef.getBoundingClientRect().left,e=i.left-s,n=i.right-s;let r=1;return e<0?r=Math.max(.3,(i.width+e)/i.width):n<o+i.width&&(r=Math.max(.3,1-(n-o)/i.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<n(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return s(e,{key:"1c078ff666bc596dc436e291b0d9b5fd50cc0b9d"},s("div",{key:"dab806bebe989163d3079a475f67c58f06341e62",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"30f1d62dfba377e9d49387f66863eb6a55c174c3",class:"tet-card-list__scroll-container"},s("div",{key:"7cd48ae22d189e6ed3adabc3e8271f8939df11dc",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"5a45686d3562b19e15798a2fe8caa60eea2d6b46"}))),s("tet-button",{key:"adfed0db4180ce777c2879051a91476ce5b854c2",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--left":!0,"tet-card-list__control--hidden":!this.controlVisibility.left},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleLeftControl,onKeyUp:this.handleLeftControlKeyUp},s("tet-icon",{key:"e8378bed6bd0abd0dc1569fd8e166a5b5fdcdc98",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"tc-chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"cccf267f121d2ed48cf33ee7c260a58981c5ab9f",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--right":!0,"tet-card-list__control--hidden":!this.controlVisibility.right},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleRightControl,onKeyUp:this.handleRightControlKeyUp},s("tet-icon",{key:"11cc99e271627794d60cd28ed399847ab3922164",name:this.iconNext&&""!==this.iconNext?this.iconNext:"tc-chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"09f0dbfc33cc52ba926f0374c0692e21273c3550",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"5b14d1b532e5f988909724e726ea62fbd7d9e774",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};l.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{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-icon-mode-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}';export{l as tet_card_list}
+import{r as t,c as i,g as o,h as s,H as e}from"./p-5abb3bea.js";import{g as n}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:i,scrollWidth:o}=this;let s=i;return s<0?s=0:s>o&&(s=o),{scrollSpeed:t,scrollLeft:s,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:s}=this;let e=o+t.left;e<0&&(e=0),e>s&&(e=s),"smooth"===t.behavior?await this.animateScroll(-o,-e):this.scrollContainer.style.left=-e+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:e>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:s}=this,e=s+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-e,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:s}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-s,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>s?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),s=1e3/60,e=o/(this.animationSpeed/s);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const h=a,c=h-n;c<s||(n=h-c%s,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+e}px`,h-r>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};l(n)}));await l}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:s}=this;(o<0&&i>0||o>s&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const l=class{constructor(o){t(this,o),this.cardScroll=i(this,"cardScroll",7),this.contentScrollEnd=i(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;initializationTimeout;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let s=Array.from(this.element.children);this.withVirtualScroll&&(s=Array.from(this.element.querySelectorAll("[data-id]")));const e=s.find((i=>i.matches(t)));null!=e&&(await this.inertialScroll.scrollToElement(e,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=n(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),this.initializationTimeout=setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const i=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&i&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-i},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){clearTimeout(this.initializationTimeout),this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,s=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==s){const t=s.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),s=o.map((t=>t.getBoundingClientRect())),e=this.element.getBoundingClientRect(),n=e.width/2+e.left;let r=s.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===s.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=s.length-1),-1===r&&(t&&(r=s.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=s.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const l=o[r];this.withVirtualScroll&&l?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===l.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==l&&l.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),s=this.getLastOriginal(),e=o.getBoundingClientRect(),n=s.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(e.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(e.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=s.previousElementSibling,i=n.width+this.elementGap,e=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[e]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[e])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==s){const o=s.getBoundingClientRect().right,e=t.left+i;await this.inertialScroll.scrollBy({left:-(e-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==s){const i=s.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,s=this.scrollContainerRef.getBoundingClientRect().left,e=i.left-s,n=i.right-s;let r=1;return e<0?r=Math.max(.3,(i.width+e)/i.width):n<o+i.width&&(r=Math.max(.3,1-(n-o)/i.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<n(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return s(e,{key:"1c078ff666bc596dc436e291b0d9b5fd50cc0b9d"},s("div",{key:"dab806bebe989163d3079a475f67c58f06341e62",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"30f1d62dfba377e9d49387f66863eb6a55c174c3",class:"tet-card-list__scroll-container"},s("div",{key:"7cd48ae22d189e6ed3adabc3e8271f8939df11dc",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"5a45686d3562b19e15798a2fe8caa60eea2d6b46"}))),s("tet-button",{key:"adfed0db4180ce777c2879051a91476ce5b854c2",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--left":!0,"tet-card-list__control--hidden":!this.controlVisibility.left},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleLeftControl,onKeyUp:this.handleLeftControlKeyUp},s("tet-icon",{key:"e8378bed6bd0abd0dc1569fd8e166a5b5fdcdc98",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"tc-chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"cccf267f121d2ed48cf33ee7c260a58981c5ab9f",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--right":!0,"tet-card-list__control--hidden":!this.controlVisibility.right},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleRightControl,onKeyUp:this.handleRightControlKeyUp},s("tet-icon",{key:"11cc99e271627794d60cd28ed399847ab3922164",name:this.iconNext&&""!==this.iconNext?this.iconNext:"tc-chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"09f0dbfc33cc52ba926f0374c0692e21273c3550",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"5b14d1b532e5f988909724e726ea62fbd7d9e774",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};l.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{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-icon-mode-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}';export{l as tet_card_list}