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

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

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

Files changed (504) hide show

package/dist/tet-components/{p-aa69a74f.entry.js → p-768c00d1.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- 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:"",width:"42",height:"20",loading:"lazy"}),s&&r&&t("img",{src:r,alt:"",width:"42",height:"20",loading:"lazy"}),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:"",width:"42",height:"20",loading:"lazy"}),l&&r&&t("img",{src:r,alt:"",width:"42",height:"20",loading:"lazy"}),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:"5dbb76473c7b739fd8ad8eb3fd5869961d65f75e"},t("div",{key:"b896ae5f0e71a21c81532bd84eba555e8620b082",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}
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:"",width:"42",height:"20",loading:"lazy"}),s&&r&&t("img",{src:r,alt:"",width:"42",height:"20",loading:"lazy"}),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:"",width:"42",height:"20",loading:"lazy"}),l&&r&&t("img",{src:r,alt:"",width:"42",height:"20",loading:"lazy"}),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:"5dbb76473c7b739fd8ad8eb3fd5869961d65f75e"},t("div",{key:"b896ae5f0e71a21c81532bd84eba555e8620b082",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-a90c335e.entry.js → p-77bd8e7d.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,g as i,h as s,H as f}from"./p-~~5abb3bea~~.js";const e=class{constructor(i){t(this,i),this.header="",this.listBulletIcon="",this.imageSource="",this.list=[],this.containerSize="small"}get element(){return i(this)}onWindowResize(){this.setContainerSize()}componentDidLoad(){this.setContainerSize()}setContainerSize=()=>{const t=this.element.getBoundingClientRect().width;this.containerSize=t<=436?"small":t<=656?"medium":"large"};render(){return s(f,{key:"31519e350b60b5675b7b168065201b9f6d363b44"},s("div",{key:"0d2380ee0f6f128e53c4b73b61c4452614e11bd1",class:{"tv-gift-list":!0,[`tv-gift-list--${this.containerSize}`]:!0,"tv-gift-list--image-list":Boolean(this.imageSource)}},this.imageSource&&s("div",{key:"ebeeb2ee58a036d89bc03fa67f0d23c5b5cde617",class:"tv-gift-list__image__wrapper"},s("img",{key:"82de3c77fa2961500582e3e6d316f8b610c5febd",class:"tv-gift-list__image",src:this.imageSource})),s("div",{key:"fddfc671f617bc8ddde537e04e908baf3ad4a987",class:"tv-gift-list__list__wrapper"},s("span",{key:"4fb4183b877fc4c6aad698f3ad811139e5fe5310",class:"tv-gift-list__list__header"},this.header),s("ul",{key:"731cc40224890bdfab75e11aa81fd730a133dd4a",class:"tv-gift-list__list"},this.list.map((t=>s("li",{class:"tv-gift-list__list__item"},s("tet-icon",{name:this.listBulletIcon}),t)))))))}};e.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{display:block}.tv-gift-list{display:block}.tv-gift-list--image-list{display:grid;gap:2rem}.tv-gift-list--medium,.tv-gift-list--large{grid-template-columns:repeat(12, 1fr)}.tv-gift-list__list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:0.5rem}.tv-gift-list__list__wrapper{display:flex;flex-direction:column;justify-content:center}.tv-gift-list--medium .tv-gift-list__list__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__list__wrapper{grid-column:span 7}.tv-gift-list__list__header{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift-list--medium .tv-gift-list__list__header{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift-list--large .tv-gift-list__list__header{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift-list__list__item{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:flex;gap:0.5rem;line-height:1.5rem}.tv-gift-list--large .tv-gift-list__list__item{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";line-height:1.75rem}.tv-gift-list__list__item tet-icon{--icon-size:1.25rem;--icon-container-display:flex;padding-top:0.175rem}.tv-gift-list__image{width:100%;height:auto;border-radius:0.75rem}.tv-gift-list--medium .tv-gift-list__image__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__image__wrapper{grid-column:span 5}';export{e as tet_tv_gift_list}
1	+ import{r as t,g as i,h as s,H as f}from"./p-83f43fdd.js";const e=class{constructor(i){t(this,i),this.header="",this.listBulletIcon="",this.imageSource="",this.list=[],this.containerSize="small"}get element(){return i(this)}onWindowResize(){this.setContainerSize()}componentDidLoad(){this.setContainerSize()}setContainerSize=()=>{const t=this.element.getBoundingClientRect().width;this.containerSize=t<=436?"small":t<=656?"medium":"large"};render(){return s(f,{key:"31519e350b60b5675b7b168065201b9f6d363b44"},s("div",{key:"0d2380ee0f6f128e53c4b73b61c4452614e11bd1",class:{"tv-gift-list":!0,[`tv-gift-list--${this.containerSize}`]:!0,"tv-gift-list--image-list":Boolean(this.imageSource)}},this.imageSource&&s("div",{key:"ebeeb2ee58a036d89bc03fa67f0d23c5b5cde617",class:"tv-gift-list__image__wrapper"},s("img",{key:"82de3c77fa2961500582e3e6d316f8b610c5febd",class:"tv-gift-list__image",src:this.imageSource})),s("div",{key:"fddfc671f617bc8ddde537e04e908baf3ad4a987",class:"tv-gift-list__list__wrapper"},s("span",{key:"4fb4183b877fc4c6aad698f3ad811139e5fe5310",class:"tv-gift-list__list__header"},this.header),s("ul",{key:"731cc40224890bdfab75e11aa81fd730a133dd4a",class:"tv-gift-list__list"},this.list.map((t=>s("li",{class:"tv-gift-list__list__item"},s("tet-icon",{name:this.listBulletIcon}),t)))))))}};e.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{display:block}.tv-gift-list{display:block}.tv-gift-list--image-list{display:grid;gap:2rem}.tv-gift-list--medium,.tv-gift-list--large{grid-template-columns:repeat(12, 1fr)}.tv-gift-list__list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:0.5rem}.tv-gift-list__list__wrapper{display:flex;flex-direction:column;justify-content:center}.tv-gift-list--medium .tv-gift-list__list__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__list__wrapper{grid-column:span 7}.tv-gift-list__list__header{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift-list--medium .tv-gift-list__list__header{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift-list--large .tv-gift-list__list__header{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift-list__list__item{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:flex;gap:0.5rem;line-height:1.5rem}.tv-gift-list--large .tv-gift-list__list__item{font:400 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";line-height:1.75rem}.tv-gift-list__list__item tet-icon{--icon-size:1.25rem;--icon-container-display:flex;padding-top:0.175rem}.tv-gift-list__image{width:100%;height:auto;border-radius:0.75rem}.tv-gift-list--medium .tv-gift-list__image__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__image__wrapper{grid-column:span 5}';export{e as tet_tv_gift_list}

package/dist/tet-components/{p-7bac49d9.entry.js → p-77bec9a6.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as e,g as n,h as o,H as i}from"./p-5abb3bea.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled\|\|(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type\|\|"keydown"===t.type&&"key"in t&&("Enter"===t.key\|\|" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded\|\|"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"a234df32a4e338308927d5163ca678dd3b2c4695"},o("div",{key:"f2448b570fe6a5bd0c459aa1573a8ae64624a654",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"4791da7e1a6969c9131f7067cf5af5266900e8b5",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"269890255beddbd9856881abee2c931ba878a4dd",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};s.style=':host{box-sizing:border-box},:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}
1	+ import{r as t,c as e,g as n,h as o,H as i}from"./p-83f43fdd.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled\|\|(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type\|\|"keydown"===t.type&&"key"in t&&("Enter"===t.key\|\|" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded\|\|"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"a234df32a4e338308927d5163ca678dd3b2c4695"},o("div",{key:"f2448b570fe6a5bd0c459aa1573a8ae64624a654",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"4791da7e1a6969c9131f7067cf5af5266900e8b5",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"269890255beddbd9856881abee2c931ba878a4dd",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};s.style=':host{box-sizing:border-box},:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}

package/dist/tet-components/{p-3ff9eb4f.entry.js → p-7dbf302e.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as o,g as t,h as i,H as n}from"./p-5abb3bea.js";const e=class{constructor(t){o(this,t),this.icon=void 0,this.headerTitle="",this.content="",this.type=this.TYPE_INFO,this.allowClose=null,this.theme=this.THEME_DEFAULT,this.animationDuration=450}THEME_DEFAULT="classic";TYPE_NEUTRAL="neutral";TYPE_INFO="info";TYPE_WARNING="warning";TYPE_SUCCESS="success";TYPE_DANGER="danger";ICON_CIRCLE="tc-info-circle";ICON_CHECK="tc-check-circle";ICON_ATTENTION="tc-attention";ICON_CLOSE="tc-close-circle";get host(){return t(this)}canClose(){return null===this.allowClose?this.type!==this.TYPE_WARNING&&this.type!==this.TYPE_DANGER:this.allowClose}onClose=o=>{o.stopPropagation(),(o instanceof MouseEvent\|\|o instanceof KeyboardEvent&&["Space","Enter"].includes(o.code))&&this.close()};getIconClass(){if(null!==this.icon&&""!==this.icon)return this.icon;switch(this.type){case this.TYPE_INFO:return this.ICON_CIRCLE;case this.TYPE_SUCCESS:return this.ICON_CHECK;case this.TYPE_WARNING:return this.ICON_ATTENTION;case this.TYPE_DANGER:return this.ICON_CLOSE;default:return""}}renderCloseButton(){return this.canClose()?i("div",{class:"close-icon-wrapper",onClick:this.onClose,onKeyDown:this.onClose,tabindex:0},i("tet-icon",{class:"notification-icon close-icon",name:"tc-close"})):""}renderTypeIcon(){return this.type===this.TYPE_NEUTRAL?"":i("tet-icon",{class:"notification-icon message-icon",name:this.getIconClass()})}async close(){const o=this.host.animate([{opacity:1},{opacity:0}],{duration:this.animationDuration/3,fill:"forwards"});try{await o.finished;const t=this.host.animate([{height:this.host.offsetHeight+"px"},{height:0}],{duration:this.animationDuration/32,fill:"forwards"});await t.finished,this.host.remove()}catch(o){console.log(o)}}render(){const{headerTitle:o,content:t}=this;return i(n,{key:"d56fa6e985f6661bb4ed3f3a8b5942c88ba4069d"},i("div",{key:"ab3355780f5e695977056f2f0dd6bff2cf3d1403",class:{notification:!0,[this.theme]:!0}},i("div",{key:"133c5942569abce0eec2ecc27a7985a9bd96e212",class:{item:!0,[this.type]:!0}},i("div",{key:"3be6f669a14e76f24a58e37b6aa0628a67efda31",class:"header"},this.renderTypeIcon(),i("div",{key:"3cd09e50d2b717621f4e4e4b57a27ca14665586d",class:"title"},o),this.renderCloseButton()),i("div",{key:"595e135392f336f850e7332604b897c90f73bd12",class:"content"},i("span",{key:"e793256692b021ef9ba58e2e58a40dff41a876c7",innerHTML:t}),i("div",{key:"1a48cc0e152a55eb26824d9f422405bc882e2e64"},i("slot",{key:"087f16bbca41697d72dce6b32af3f822a620d55b",name:"button"}))))))}};e.style=':host{box-sizing:border-box},:before,:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@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")}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block;overflow:hidden;--notification-item-padding:0.75rem 2rem 0.75rem 3.0625rem;--notification-border-color:var(--tc-border-tertiary);--notification-title-color:var(--tc-text-primary);--notification-content-color:var(--tc-text-secondary);--notification-close-icon-color:var(--tc-grey-60);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed);--notification-item-background:var(--tc-alert-info);--notification-icon-color:var(--tc-alert-accent-info);--notification-item-border-left:var(--tc-alert-colorwave-info);--notification-neutral-background-color:var(--tc-alert-neutral);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral);--notification-info-background-color:var(--tc-alert-info);--notification-info-icon-color:var(--tc-alert-accent-info);--notification-info-border-left-color:var(--tc-alert-colorwave-info);--notification-success-background-color:var(--tc-alert-success);--notification-success-icon-color:var(--tc-alert-accent-success);--notification-success-border-left-color:var(--tc-alert-colorwave-success);--notification-warning-background-color:var(--tc-alert-warning);--notification-warning-icon-color:var(--tc-alert-accent-warning);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning);--notification-danger-background-color:var(--tc-alert-error);--notification-danger-icon-color:var(--tc-alert-accent-error);--notification-danger-border-left-color:var(--tc-alert-colorwave-error)}.dark{--notification-border-color:var(--tc-border-tertiary-dark);--notification-title-color:var(--tc-text-primary-dark);--notification-content-color:var(--tc-text-secondary-dark);--notification-close-icon-color:var(--tc-grey-60-dark);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark);--notification-neutral-background-color:var(--tc-alert-neutral-dark);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral-dark);--notification-info-background-color:var(--tc-alert-info-dark);--notification-info-icon-color:var(--tc-alert-accent-info-dark);--notification-info-border-left-color:var(--tc-alert-colorwave-info-dark);--notification-success-background-color:var(--tc-alert-success-dark);--notification-success-icon-color:var(--tc-alert-accent-success-dark);--notification-success-border-left-color:var(--tc-alert-colorwave-success-dark);--notification-warning-background-color:var(--tc-alert-warning-dark);--notification-warning-icon-color:var(--tc-alert-accent-warning-dark);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning-dark);--notification-danger-background-color:var(--tc-alert-error-dark);--notification-danger-icon-color:var(--tc-alert-accent-error-dark);--notification-danger-border-left-color:var(--tc-alert-colorwave-error-dark)}.dark .item .header .close-icon-wrapper:focus-visible .close-icon{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.notification{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;border-radius:0.5rem;overflow:hidden;border:0.03125rem solid var(--notification-border-color)}.notification .item{position:relative;border-left:0.25rem solid;border-left-color:var(--notification-item-border-left);padding:var(--notification-item-padding);background:var(--notification-item-background)}.notification .item .title{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;margin-bottom:0.125rem;color:var(--notification-title-color)}.notification .item .close-icon-wrapper:focus-visible .close-icon{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}.notification .item .notification-icon{--icon-size:1.5rem;position:absolute;top:0.75rem}.notification .item .notification-icon.message-icon{left:0.75rem;--icon-color:var(--notification-icon-color)}.notification .item .notification-icon.close-icon{--icon-color:var(--notification-close-icon-color);right:0.75rem;border-radius:2rem;cursor:pointer}.notification .item .notification-icon.close-icon:hover{background-color:var(--notification-close-icon-background-hover-color)}.notification .item .notification-icon.close-icon:active{background-color:var(--notification-close-icon-background-pressed-color)}.notification .item .content{color:var(--notification-content-color)}.notification .item .content ::slotted(*){margin-top:0.5rem;margin-bottom:0.25rem}.neutral{--notification-item-padding:0.75rem 2rem 0.75rem 1rem;--notification-item-border-left:var(--notification-neutral-border-left-color);--notification-item-background:var(--notification-neutral-background-color)}.info{--notification-item-border-left:var(--notification-info-border-left-color);--notification-item-background:var(--notification-info-background-color);--notification-icon-color:var(--notification-info-icon-color)}.success{--notification-item-border-left:var(--notification-success-border-left-color);--notification-item-background:var(--notification-success-background-color);--notification-icon-color:var(--notification-success-icon-color)}.warning{--notification-item-border-left:var(--notification-warning-border-left-color);--notification-item-background:var(--notification-warning-background-color);--notification-icon-color:var(--notification-warning-icon-color)}.danger{--notification-item-border-left:var(--notification-danger-border-left-color);--notification-item-background:var(--notification-danger-background-color);--notification-icon-color:var(--notification-danger-icon-color)}';export{e as tet_notification}
1	+ import{r as o,g as t,h as i,H as n}from"./p-83f43fdd.js";const e=class{constructor(t){o(this,t),this.icon=void 0,this.headerTitle="",this.content="",this.type=this.TYPE_INFO,this.allowClose=null,this.theme=this.THEME_DEFAULT,this.animationDuration=450}THEME_DEFAULT="classic";TYPE_NEUTRAL="neutral";TYPE_INFO="info";TYPE_WARNING="warning";TYPE_SUCCESS="success";TYPE_DANGER="danger";ICON_CIRCLE="tc-info-circle";ICON_CHECK="tc-check-circle";ICON_ATTENTION="tc-attention";ICON_CLOSE="tc-close-circle";get host(){return t(this)}canClose(){return null===this.allowClose?this.type!==this.TYPE_WARNING&&this.type!==this.TYPE_DANGER:this.allowClose}onClose=o=>{o.stopPropagation(),(o instanceof MouseEvent\|\|o instanceof KeyboardEvent&&["Space","Enter"].includes(o.code))&&this.close()};getIconClass(){if(null!==this.icon&&""!==this.icon)return this.icon;switch(this.type){case this.TYPE_INFO:return this.ICON_CIRCLE;case this.TYPE_SUCCESS:return this.ICON_CHECK;case this.TYPE_WARNING:return this.ICON_ATTENTION;case this.TYPE_DANGER:return this.ICON_CLOSE;default:return""}}renderCloseButton(){return this.canClose()?i("div",{class:"close-icon-wrapper",onClick:this.onClose,onKeyDown:this.onClose,tabindex:0},i("tet-icon",{class:"notification-icon close-icon",name:"tc-close"})):""}renderTypeIcon(){return this.type===this.TYPE_NEUTRAL?"":i("tet-icon",{class:"notification-icon message-icon",name:this.getIconClass()})}async close(){const o=this.host.animate([{opacity:1},{opacity:0}],{duration:this.animationDuration/3,fill:"forwards"});try{await o.finished;const t=this.host.animate([{height:this.host.offsetHeight+"px"},{height:0}],{duration:this.animationDuration/32,fill:"forwards"});await t.finished,this.host.remove()}catch(o){console.log(o)}}render(){const{headerTitle:o,content:t}=this;return i(n,{key:"d56fa6e985f6661bb4ed3f3a8b5942c88ba4069d"},i("div",{key:"ab3355780f5e695977056f2f0dd6bff2cf3d1403",class:{notification:!0,[this.theme]:!0}},i("div",{key:"133c5942569abce0eec2ecc27a7985a9bd96e212",class:{item:!0,[this.type]:!0}},i("div",{key:"3be6f669a14e76f24a58e37b6aa0628a67efda31",class:"header"},this.renderTypeIcon(),i("div",{key:"3cd09e50d2b717621f4e4e4b57a27ca14665586d",class:"title"},o),this.renderCloseButton()),i("div",{key:"595e135392f336f850e7332604b897c90f73bd12",class:"content"},i("span",{key:"e793256692b021ef9ba58e2e58a40dff41a876c7",innerHTML:t}),i("div",{key:"1a48cc0e152a55eb26824d9f422405bc882e2e64"},i("slot",{key:"087f16bbca41697d72dce6b32af3f822a620d55b",name:"button"}))))))}};e.style=':host{box-sizing:border-box},:before,:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@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")}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block;overflow:hidden;--notification-item-padding:0.75rem 2rem 0.75rem 3.0625rem;--notification-border-color:var(--tc-border-tertiary);--notification-title-color:var(--tc-text-primary);--notification-content-color:var(--tc-text-secondary);--notification-close-icon-color:var(--tc-grey-60);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed);--notification-item-background:var(--tc-alert-info);--notification-icon-color:var(--tc-alert-accent-info);--notification-item-border-left:var(--tc-alert-colorwave-info);--notification-neutral-background-color:var(--tc-alert-neutral);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral);--notification-info-background-color:var(--tc-alert-info);--notification-info-icon-color:var(--tc-alert-accent-info);--notification-info-border-left-color:var(--tc-alert-colorwave-info);--notification-success-background-color:var(--tc-alert-success);--notification-success-icon-color:var(--tc-alert-accent-success);--notification-success-border-left-color:var(--tc-alert-colorwave-success);--notification-warning-background-color:var(--tc-alert-warning);--notification-warning-icon-color:var(--tc-alert-accent-warning);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning);--notification-danger-background-color:var(--tc-alert-error);--notification-danger-icon-color:var(--tc-alert-accent-error);--notification-danger-border-left-color:var(--tc-alert-colorwave-error)}.dark{--notification-border-color:var(--tc-border-tertiary-dark);--notification-title-color:var(--tc-text-primary-dark);--notification-content-color:var(--tc-text-secondary-dark);--notification-close-icon-color:var(--tc-grey-60-dark);--notification-close-icon-background-hover-color:var(--tc-menu-item-hover-dark);--notification-close-icon-background-pressed-color:var(--tc-menu-item-pressed-dark);--notification-neutral-background-color:var(--tc-alert-neutral-dark);--notification-neutral-border-left-color:var(--tc-alert-colorwave-neutral-dark);--notification-info-background-color:var(--tc-alert-info-dark);--notification-info-icon-color:var(--tc-alert-accent-info-dark);--notification-info-border-left-color:var(--tc-alert-colorwave-info-dark);--notification-success-background-color:var(--tc-alert-success-dark);--notification-success-icon-color:var(--tc-alert-accent-success-dark);--notification-success-border-left-color:var(--tc-alert-colorwave-success-dark);--notification-warning-background-color:var(--tc-alert-warning-dark);--notification-warning-icon-color:var(--tc-alert-accent-warning-dark);--notification-warning-border-left-color:var(--tc-alert-colorwave-warning-dark);--notification-danger-background-color:var(--tc-alert-error-dark);--notification-danger-icon-color:var(--tc-alert-accent-error-dark);--notification-danger-border-left-color:var(--tc-alert-colorwave-error-dark)}.dark .item .header .close-icon-wrapper:focus-visible .close-icon{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s}.notification{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;border-radius:0.5rem;overflow:hidden;border:0.03125rem solid var(--notification-border-color)}.notification .item{position:relative;border-left:0.25rem solid;border-left-color:var(--notification-item-border-left);padding:var(--notification-item-padding);background:var(--notification-item-background)}.notification .item .title{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;margin-bottom:0.125rem;color:var(--notification-title-color)}.notification .item .close-icon-wrapper:focus-visible .close-icon{border-radius:0.125rem;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}.notification .item .notification-icon{--icon-size:1.5rem;position:absolute;top:0.75rem}.notification .item .notification-icon.message-icon{left:0.75rem;--icon-color:var(--notification-icon-color)}.notification .item .notification-icon.close-icon{--icon-color:var(--notification-close-icon-color);right:0.75rem;border-radius:2rem;cursor:pointer}.notification .item .notification-icon.close-icon:hover{background-color:var(--notification-close-icon-background-hover-color)}.notification .item .notification-icon.close-icon:active{background-color:var(--notification-close-icon-background-pressed-color)}.notification .item .content{color:var(--notification-content-color)}.notification .item .content ::slotted(*){margin-top:0.5rem;margin-bottom:0.25rem}.neutral{--notification-item-padding:0.75rem 2rem 0.75rem 1rem;--notification-item-border-left:var(--notification-neutral-border-left-color);--notification-item-background:var(--notification-neutral-background-color)}.info{--notification-item-border-left:var(--notification-info-border-left-color);--notification-item-background:var(--notification-info-background-color);--notification-icon-color:var(--notification-info-icon-color)}.success{--notification-item-border-left:var(--notification-success-border-left-color);--notification-item-background:var(--notification-success-background-color);--notification-icon-color:var(--notification-success-icon-color)}.warning{--notification-item-border-left:var(--notification-warning-border-left-color);--notification-item-background:var(--notification-warning-background-color);--notification-icon-color:var(--notification-warning-icon-color)}.danger{--notification-item-border-left:var(--notification-danger-border-left-color);--notification-item-background:var(--notification-danger-background-color);--notification-icon-color:var(--notification-danger-icon-color)}';export{e as tet_notification}

package/dist/tet-components/{p-0c24779b.entry.js → p-7e04d367.entry.js} RENAMED Viewed

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