@tet/tet-components 1.4.38-testing → 1.4.39-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 (35) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/tet-checkbox_3.cjs.entry.js +9 -8
  3. package/dist/cjs/tet-components.cjs.js +1 -1
  4. package/dist/cjs/tet-snicker-card.cjs.entry.js +39 -21
  5. package/dist/collection/components/advanced/cards/tet-snicker-card/tet-snicker-card.css +17 -18
  6. package/dist/collection/components/advanced/cards/tet-snicker-card/tet-snicker-card.js +42 -22
  7. package/dist/collection/components/simple/inputs/tet-dropdown/tet-dropdown.js +9 -8
  8. package/dist/components/{p-f1c0bbf0.js → p-7e8da393.js} +9 -8
  9. package/dist/components/{p-249cff3a.js → p-9c6e9283.js} +1 -1
  10. package/dist/components/{p-a9850168.js → p-a36b87da.js} +2 -2
  11. package/dist/components/{p-a4251929.js → p-d9e2f226.js} +2 -2
  12. package/dist/components/tet-address-offers-view.js +3 -3
  13. package/dist/components/tet-address-offers.js +1 -1
  14. package/dist/components/tet-compare-card-v2.js +1 -1
  15. package/dist/components/tet-compare-card.js +1 -1
  16. package/dist/components/tet-compare-cards-tab.js +3 -3
  17. package/dist/components/tet-compare-cards.js +1 -1
  18. package/dist/components/tet-display.js +1 -1
  19. package/dist/components/tet-divider.js +1 -1
  20. package/dist/components/tet-dropdown.js +1 -1
  21. package/dist/components/tet-position.js +1 -1
  22. package/dist/components/tet-snicker-card.js +43 -23
  23. package/dist/components/tet-text.js +1 -1
  24. package/dist/esm/loader.js +1 -1
  25. package/dist/esm/tet-checkbox_3.entry.js +9 -8
  26. package/dist/esm/tet-components.js +1 -1
  27. package/dist/esm/tet-snicker-card.entry.js +39 -21
  28. package/dist/tet-components/p-325d48ee.entry.js +1 -0
  29. package/dist/tet-components/p-4fb9f367.entry.js +1 -0
  30. package/dist/tet-components/tet-components.esm.js +1 -1
  31. package/dist/types/components/advanced/cards/tet-snicker-card/tet-snicker-card.d.ts +5 -2
  32. package/dist/types/components.d.ts +1 -1
  33. package/package.json +1 -1
  34. package/dist/tet-components/p-2292f587.entry.js +0 -1
  35. package/dist/tet-components/p-9f8602cd.entry.js +0 -1
package/dist/esm/tet-snicker-card.entry.js CHANGED
@@ -5,7 +5,7 @@ import { f as formatPrice } from './price-99644087.js';
5
5
  import './typecheck-4abf0258.js';
6
6
  import './http-codes-1927ea00.js';
7
7
 
8
- const tetSnickerCardCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:\"-->\";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block}.light{--snicker-card-background:var(--tc-layer-primary);--snicker-card-subscribed-background:var(--tc-layer-secondary);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary);--snicker-card-border-color:var(--tc-border-quaternary);--snicker-card-border-hover-color:var(--tc-border-secondary);--snicker-card-border-selected-color:var(--tc-border-primary);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary);--snicker-card-text-primary:var(--tc-text-primary);--snicker-card-text-secondary:var(--tc-text-secondary);--snicker-card-text-tertiary:var(--tc-text-tertiary);--snicker-card-unavailable-color:var(--tc-text-tertiary);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled);--snicker-card-toggle-color:var(--tc-text-primary);--snicker-card-shadow:var(--tc-elevation-one);--snicker-card-selected-shadow:var(--tc-elevation-two);--snicker-card-badge-background:var(--tc-yellow-40);--snicker-card-focus-outline-color:var(--tc-blue-40)}.dark{--snicker-card-background:var(--tc-layer-primary-dark);--snicker-card-subscribed-background:var(--tc-layer-secondary-dark);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary-dark);--snicker-card-border-color:var(--tc-border-quaternary-dark);--snicker-card-border-hover-color:var(--tc-border-secondary-dark);--snicker-card-border-selected-color:var(--tc-border-primary-dark);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary-dark);--snicker-card-text-primary:var(--tc-text-primary-dark);--snicker-card-text-secondary:var(--tc-text-secondary-dark);--snicker-card-text-tertiary:var(--tc-text-tertiary-dark);--snicker-card-unavailable-color:var(--tc-text-tertiary-dark);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled-dark);--snicker-card-toggle-color:var(--tc-text-primary-dark);--snicker-card-shadow:var(--tc-elevation-one-dark);--snicker-card-selected-shadow:var(--tc-elevation-two-dark);--snicker-card-badge-background:var(--tc-yellow-40-dark);--snicker-card-focus-outline-color:var(--tc-blue-40-dark)}.snicker-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:1rem;border:0.0625rem solid var(--snicker-card-border-color);border-radius:1rem;background-color:var(--snicker-card-background);box-shadow:var(--snicker-card-shadow);color:var(--snicker-card-text-primary)}.snicker-card--hoverable{cursor:pointer}@media (hover: hover){.snicker-card--hoverable:hover{border-color:var(--snicker-card-border-hover-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-hover-color), var(--snicker-card-shadow)}}.snicker-card:has(.header__top-left:focus-visible){box-shadow:none;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}@media screen and (min-width: 31.25rem){.snicker-card{padding:1.5rem}}.snicker-card--with-badge{margin-top:0.875rem}.snicker-card--selected{border-color:var(--snicker-card-border-selected-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-selected-color), var(--snicker-card-selected-shadow)}.snicker-card--subscribed{background-color:var(--snicker-card-subscribed-background)}.snicker-card--unavailable{--snicker-card-text-primary:var(--snicker-card-unavailable-color);--snicker-card-text-secondary:var(--snicker-card-unavailable-color);--snicker-card-text-tertiary:var(--snicker-card-unavailable-color)}.snicker-card--disabled{--snicker-card-text-primary:var(--snicker-card-disabled-color);--snicker-card-text-secondary:var(--snicker-card-disabled-color);--snicker-card-text-tertiary:var(--snicker-card-disabled-color)}.snicker-card__badge{position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%);color:var(--tc-text-black-permanent);background-color:var(--snicker-card-badge-background);padding:0.375rem 1.25rem;border-radius:6.25rem;box-shadow:var(--snicker-card-shadow);width:fit-content;white-space:nowrap;font:600 0.75rem/1rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media (min-width: 26.375rem){.snicker-card__badge{left:1.5rem;transform:translateY(-50%) translateX(0)}}.subscription-strip{margin:-1rem -1rem 1rem;background-color:var(--snicker-card-subscription-strip-background);padding:0.75rem 1rem;border-top-left-radius:1rem;border-top-right-radius:1rem;box-sizing:border-box}@media screen and (min-width: 31.25rem){.subscription-strip{margin:-1.5rem -1.5rem 1rem;padding:0.75rem 1.5rem}}.subscription-strip__label{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-primary)}.accordion{--accordion-background-color:transparent;--accordion-header-mobile-padding:0;--accordion-header-padding:0;--accordion-header-font:inherit;--accordion-header-mobile-font:inherit;--accordion-header-text-desktop-margin-right:0;--accordion-border-bottom-width:0;--accordion-outer-border:none;display:block;width:100%}.accordion__header{width:100%;cursor:default}.accordion__content{width:100%}.with-divider{border-bottom:var(--snicker-card-divider);padding-bottom:1rem}.button-naked{background:unset;border:unset;cursor:pointer;appearance:none}.header{display:flex;flex-direction:column;align-items:stretch;gap:0.25rem}.header--hoverable{cursor:pointer}@media screen and (min-width: 31.25rem){.header{display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:\"top price\" \"subtitle price\" \"description price\";column-gap:1.5rem;row-gap:0.125rem;align-items:start}}.header--closed{border-bottom:0;padding-bottom:0.25rem}@media screen and (min-width: 31.25rem){.header--no-price{grid-template-columns:minmax(0, 1fr);grid-template-areas:\"top\" \"subtitle\" \"description\"}}.header__top{display:flex;align-items:start;justify-content:space-between;gap:0.75rem}@media screen and (min-width: 31.25rem){.header__top{grid-area:top;justify-content:flex-start}}.header__top-left{display:flex;align-items:center;gap:0.5rem 0;min-width:0;flex-wrap:wrap}.header__top-left:focus-visible{outline:none}.header__selector{flex-shrink:0;pointer-events:none}.header__content{min-width:0;display:flex;flex-direction:column}@media screen and (min-width: 31.25rem){.header__content{display:contents}}.header__title{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-primary)}.header__subtitle{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--snicker-card-text-primary)}@media screen and (min-width: 31.25rem){.header__subtitle{grid-area:subtitle}}.header__description{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-secondary)}@media screen and (min-width: 31.25rem){.header__description{grid-area:description}}.header__price-line{display:flex;align-items:baseline;gap:0.5rem;margin:0.125rem 0 0;color:var(--snicker-card-text-primary);flex-wrap:nowrap}@media screen and (min-width: 31.25rem){.header__price-line{grid-area:price;flex-direction:column;align-items:flex-end;gap:0.1875rem;margin:0;align-self:start}}.header__accordion-toggle{border:0;background:transparent;padding:0;margin:0;border-radius:0.125rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem}@media screen and (min-width: 31.25rem){.header__accordion-toggle{display:none}}.header__accordion-toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.header__accordion-toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.header__accordion-toggle-icon.open{transform:rotate(-180deg)}.header__price-main{display:flex;align-items:baseline;gap:0.25rem;white-space:nowrap}.header__price-prefix{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.header__price-prefix{font:600 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.header__price-value{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.header__price-value{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.header__price-suffix{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.header__price-suffix{font:600 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.header__old-price{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--snicker-card-text-tertiary);text-decoration:line-through;white-space:nowrap}@media screen and (min-width: 31.25rem){.header__old-price{text-align:right}}.message{width:100%;padding-top:1rem}.message__inline{width:100%;--inline-message-padding:0;--inline-message-border-bottom:none}.selection{width:100%;padding-top:1rem;display:flex;flex-direction:column;gap:1rem;align-items:stretch}@media screen and (min-width: 31.25rem){.selection{flex-direction:row;align-items:flex-end;flex-wrap:nowrap;gap:0.75rem}}.selection__dropdown{display:block;width:100%}@media screen and (min-width: 31.25rem){.selection__dropdown{flex:1 1 0;width:auto;min-width:0}}.selection__stepper{display:block;align-self:center}@media screen and (min-width: 31.25rem){.selection__stepper{flex:0 0 auto;align-self:flex-end}}.selection__button{align-self:center;--button-padding-medium:0.625rem 1rem}@media screen and (min-width: 31.25rem){.selection__button{flex:0 0 auto;align-self:flex-end;margin-left:auto}}.selection__button::part(button){transition:none}@media screen and (min-width: 31.25rem){.selection__button--in-cart{--button-padding-medium:0.625rem}}.selection__button--desktop{display:none}@media screen and (min-width: 31.25rem){.selection__button--desktop{display:inline-flex}}@media screen and (min-width: 31.25rem){.selection__button--mobile{display:none}}.benefits{list-style:none;margin:0;padding:1rem 0 0 0;display:flex;flex-direction:column;gap:0.25rem}.benefits__item{display:flex;align-items:center;gap:0.5rem}.benefits__icon{--icon-size:1rem;--icon-container-display:flex}.benefits__text{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--snicker-card-text-primary)}.benefits__link{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.benefits__link--unavailable{--tet-link-color:var(--snicker-card-unavailable-color);--tet-link-color-hover:var(--snicker-card-unavailable-color);--tet-link-color-active:var(--snicker-card-unavailable-color)}.packages{padding-top:1rem;display:flex;flex-wrap:wrap;gap:1rem}.packages__item{display:inline-flex;align-items:center}.packages__image{display:block;width:auto;height:1.5rem}.subscriptions{display:flex;flex-direction:column;gap:0 1rem;padding:0.25rem 0 0 0}.subscriptions__item{padding:0.75rem 0;display:inline-flex;align-items:center}.subscriptions__image{display:block;width:auto;height:1.5rem}@media screen and (min-width: 31.25rem){.subscriptions{flex-direction:row;flex-wrap:wrap}}.footer{padding-top:0.75rem;display:flex;flex-direction:column;gap:0.625rem}.footer--desktop-only{display:none}@media screen and (min-width: 31.25rem){.footer--desktop-only{display:block}}.footer__contract{min-height:0}.footer__info{display:flex;align-items:flex-end;justify-content:space-between;gap:0.75rem;width:100%;min-height:1.5rem}.footer__remark{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-secondary);overflow-wrap:anywhere}.footer__toggle{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";border:0;background:transparent;border-radius:0.125rem;color:var(--snicker-card-toggle-color);align-items:center;gap:0.25rem;padding:0;white-space:nowrap;cursor:pointer;margin-left:auto;display:none}@media screen and (min-width: 31.25rem){.footer__toggle{display:inline-flex}}.footer__toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.footer__toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.footer__toggle-icon.open{transform:rotate(-180deg)}";
8
+ const tetSnickerCardCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:\"-->\";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block}.light{--snicker-card-background:var(--tc-layer-primary);--snicker-card-subscribed-background:var(--tc-layer-secondary);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary);--snicker-card-border-color:var(--tc-border-quaternary);--snicker-card-border-hover-color:var(--tc-border-secondary);--snicker-card-border-selected-color:var(--tc-border-primary);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary);--snicker-card-text-primary:var(--tc-text-primary);--snicker-card-text-secondary:var(--tc-text-secondary);--snicker-card-text-tertiary:var(--tc-text-tertiary);--snicker-card-unavailable-color:var(--tc-text-tertiary);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled);--snicker-card-toggle-color:var(--tc-text-primary);--snicker-card-shadow:var(--tc-elevation-one);--snicker-card-selected-shadow:var(--tc-elevation-two);--snicker-card-badge-background:var(--tc-yellow-40);--snicker-card-focus-outline-color:var(--tc-blue-40)}.dark{--snicker-card-background:var(--tc-layer-primary-dark);--snicker-card-subscribed-background:var(--tc-layer-secondary-dark);--snicker-card-subscription-strip-background:var(--tc-layer-quaternary-dark);--snicker-card-border-color:var(--tc-border-quaternary-dark);--snicker-card-border-hover-color:var(--tc-border-secondary-dark);--snicker-card-border-selected-color:var(--tc-border-primary-dark);--snicker-card-divider:0.03125rem solid var(--tc-border-quaternary-dark);--snicker-card-text-primary:var(--tc-text-primary-dark);--snicker-card-text-secondary:var(--tc-text-secondary-dark);--snicker-card-text-tertiary:var(--tc-text-tertiary-dark);--snicker-card-unavailable-color:var(--tc-text-tertiary-dark);--snicker-card-disabled-color:var(--tc-button-text-inverse-disabled-dark);--snicker-card-toggle-color:var(--tc-text-primary-dark);--snicker-card-shadow:var(--tc-elevation-one-dark);--snicker-card-selected-shadow:var(--tc-elevation-two-dark);--snicker-card-badge-background:var(--tc-yellow-40-dark);--snicker-card-focus-outline-color:var(--tc-blue-40-dark)}.snicker-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:1rem;border:0.0625rem solid var(--snicker-card-border-color);border-radius:1rem;background-color:var(--snicker-card-background);box-shadow:var(--snicker-card-shadow);color:var(--snicker-card-text-primary)}.snicker-card--hoverable{cursor:pointer}@media (hover: hover){.snicker-card--hoverable:hover{border-color:var(--snicker-card-border-hover-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-hover-color), var(--snicker-card-shadow)}}.snicker-card:has(.header__top-left:focus-visible){box-shadow:none;outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s}@media screen and (min-width: 31.25rem){.snicker-card{padding:1.5rem}}.snicker-card--with-badge{margin-top:0.875rem}.snicker-card--selected{border-color:var(--snicker-card-border-selected-color);box-shadow:inset 0 0 0 0.0625rem var(--snicker-card-border-selected-color), var(--snicker-card-selected-shadow)}.snicker-card--subscribed{background-color:var(--snicker-card-subscribed-background)}.snicker-card--unavailable{--snicker-card-text-primary:var(--snicker-card-unavailable-color);--snicker-card-text-secondary:var(--snicker-card-unavailable-color);--snicker-card-text-tertiary:var(--snicker-card-unavailable-color)}.snicker-card--disabled{--snicker-card-text-primary:var(--snicker-card-disabled-color);--snicker-card-text-secondary:var(--snicker-card-disabled-color);--snicker-card-text-tertiary:var(--snicker-card-disabled-color)}.snicker-card__badge{position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%);color:var(--tc-text-black-permanent);background-color:var(--snicker-card-badge-background);padding:0.375rem 1.25rem;border-radius:6.25rem;box-shadow:var(--snicker-card-shadow);width:fit-content;white-space:nowrap;font:600 0.75rem/1rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media (min-width: 26.375rem){.snicker-card__badge{left:1.5rem;transform:translateY(-50%) translateX(0)}}.subscription-strip{margin:-1rem -1rem 1rem;background-color:var(--snicker-card-subscription-strip-background);padding:0.75rem 1rem;border-top-left-radius:1rem;border-top-right-radius:1rem;box-sizing:border-box}@media screen and (min-width: 31.25rem){.subscription-strip{margin:-1.5rem -1.5rem 1rem;padding:0.75rem 1.5rem}}.subscription-strip__label{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-primary)}.accordion{--accordion-background-color:transparent;--accordion-header-mobile-padding:0;--accordion-header-padding:0;--accordion-header-font:inherit;--accordion-header-mobile-font:inherit;--accordion-header-text-desktop-margin-right:0;--accordion-border-bottom-width:0;--accordion-outer-border:none;display:block;width:100%}.accordion__header{width:100%;cursor:default}.accordion__content{width:100%}.with-divider{border-top:var(--snicker-card-divider);padding-top:1rem}.button-naked{background:unset;border:unset;cursor:pointer;appearance:none}.header{display:flex;flex-direction:column;align-items:stretch;gap:0.25rem;padding-bottom:1rem}.header--hoverable{cursor:pointer}@media screen and (min-width: 31.25rem){.header{display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:\"top price\" \"subtitle price\" \"description price\";column-gap:1.5rem;row-gap:0.125rem;align-items:start}}.header--closed{padding-bottom:0.25rem}@media screen and (min-width: 31.25rem){.header--no-price{grid-template-columns:minmax(0, 1fr);grid-template-areas:\"top\" \"subtitle\" \"description\"}}.header__top{display:flex;align-items:start;justify-content:space-between;gap:0.75rem}@media screen and (min-width: 31.25rem){.header__top{grid-area:top;justify-content:flex-start}}.header__top-left{display:flex;align-items:center;gap:0.5rem 0;min-width:0;flex-wrap:wrap}.header__top-left:focus-visible{outline:none}.header__selector{flex-shrink:0;pointer-events:none}.header__content{min-width:0;display:flex;flex-direction:column}@media screen and (min-width: 31.25rem){.header__content{display:contents}}.header__title{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-primary)}.header__subtitle{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--snicker-card-text-primary)}@media screen and (min-width: 31.25rem){.header__subtitle{grid-area:subtitle}}.header__description{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-secondary)}@media screen and (min-width: 31.25rem){.header__description{grid-area:description}}.header__price-line{display:flex;align-items:baseline;gap:0.5rem;margin:0.125rem 0 0;color:var(--snicker-card-text-primary);flex-wrap:nowrap}@media screen and (min-width: 31.25rem){.header__price-line{grid-area:price;flex-direction:column;align-items:flex-end;gap:0.1875rem;margin:0;align-self:start}}.header__accordion-toggle{border:0;background:transparent;padding:0;margin:0;border-radius:0.125rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem}@media screen and (min-width: 31.25rem){.header__accordion-toggle{display:none}}.header__accordion-toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.header__accordion-toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.header__accordion-toggle-icon.open{transform:rotate(-180deg)}.header__price-main{display:flex;align-items:baseline;gap:0.25rem;white-space:nowrap}.header__price-prefix{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.header__price-prefix{font:600 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.header__price-value{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.header__price-value{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.header__price-suffix{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.header__price-suffix{font:600 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.header__old-price{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--snicker-card-text-tertiary);text-decoration:line-through;white-space:nowrap}@media screen and (min-width: 31.25rem){.header__old-price{text-align:right}}.message{width:100%}.message__inline{width:100%;--inline-message-padding:0;--inline-message-border-bottom:none}.selection{width:100%;padding:1rem 0;display:flex;flex-direction:column;gap:1rem;align-items:stretch}@media screen and (min-width: 31.25rem){.selection{flex-direction:row;align-items:flex-end;flex-wrap:nowrap;gap:0.75rem}}.selection__dropdown{display:block;width:100%}@media screen and (min-width: 31.25rem){.selection__dropdown{flex:1 1 0;width:auto;min-width:0}}.selection__stepper{display:block;align-self:center}@media screen and (min-width: 31.25rem){.selection__stepper{flex:0 0 auto;align-self:flex-end}}.selection__button{align-self:center;--button-padding-medium:0.625rem 1rem}@media screen and (min-width: 31.25rem){.selection__button{flex:0 0 auto;align-self:flex-end;margin-left:auto}}.selection__button::part(button){transition:none}@media screen and (min-width: 31.25rem){.selection__button--in-cart{--button-padding-medium:0.625rem}}.selection__button--desktop{display:none}@media screen and (min-width: 31.25rem){.selection__button--desktop{display:inline-flex}}@media screen and (min-width: 31.25rem){.selection__button--mobile{display:none}}.benefits{list-style:none;margin:0;padding-bottom:1rem;display:flex;flex-direction:column;gap:0.25rem}.benefits__item{display:flex;align-items:center;gap:0.5rem}.benefits__icon{--icon-size:1rem;--icon-container-display:flex}.benefits__text{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--snicker-card-text-primary)}.benefits__link{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.benefits__link--unavailable{--tet-link-color:var(--snicker-card-unavailable-color);--tet-link-color-hover:var(--snicker-card-unavailable-color);--tet-link-color-active:var(--snicker-card-unavailable-color)}.packages{padding-bottom:1rem;display:flex;flex-wrap:wrap;gap:1rem}.packages__item{display:inline-flex;align-items:center}.packages__image{display:block;width:auto;height:1.5rem}.subscriptions{display:flex;flex-direction:column;gap:0 1rem;padding:0.25rem 0 0 0}.subscriptions__item{padding:0.75rem 0;display:inline-flex;align-items:center}.subscriptions__image{display:block;width:auto;height:1.5rem}@media screen and (min-width: 31.25rem){.subscriptions{flex-direction:row;flex-wrap:wrap}}.footer{padding-top:0.75rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.footer--desktop-only{display:none}@media screen and (min-width: 31.25rem){.footer--desktop-only{display:block}}.footer__contract{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;align-items:flex-start;gap:0.625rem}.footer__link{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.footer__remark{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-secondary);overflow-wrap:anywhere}.footer__toggle{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";border:0;background:transparent;border-radius:0.125rem;color:var(--snicker-card-toggle-color);align-items:center;gap:0.25rem;padding:0;white-space:nowrap;cursor:pointer;display:none}@media screen and (min-width: 31.25rem){.footer__toggle{display:inline-flex}}.footer__toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.footer__toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.footer__toggle-icon.open{transform:rotate(-180deg)}";
9
9
  const TetSnickerCardStyle0 = tetSnickerCardCss;
10
10
 
11
11
  /** Constant to use in desktop resolution checker. Should be same as one used in SCSS media query */
@@ -19,10 +19,11 @@ const TetSnickerCard = class {
19
19
  this.selectionStateChange = createEvent(this, "selectionStateChange", 7);
20
20
  this.addToCart = createEvent(this, "addToCart", 7);
21
21
  this.removeFromCart = createEvent(this, "removeFromCart", 7);
22
+ this.isDesktopResolution = false;
22
23
  this.isAccordionOpen = true;
23
24
  this.theme = 'light';
24
25
  this.state = 'default';
25
- this.selectionType = 'radio';
26
+ this.selectionType = undefined;
26
27
  this.isTabStop = true;
27
28
  this.subscriptionLabel = undefined;
28
29
  this.topBadge = undefined;
@@ -54,7 +55,6 @@ const TetSnickerCard = class {
54
55
  ]);
55
56
  /** @private Reference to accordion element used for custom toggle. */
56
57
  accordionEl;
57
- isDesktopResolution = false;
58
58
  /** Emitted when bottom link is clicked. Emits link text. */
59
59
  bottomLinkClick;
60
60
  /** Emitted when benefit link is clicked. Emits link text. */
@@ -99,6 +99,23 @@ const TetSnickerCard = class {
99
99
  onAccordionConfigChanged() {
100
100
  this.ensureDesktopOpenWithoutToggle();
101
101
  }
102
+ onSelectionConfigChanged(newConfig, oldConfig) {
103
+ const primaryOptionsChanged = this.haveDropdownOptionsChanged(newConfig?.primaryDropdown, oldConfig?.primaryDropdown);
104
+ const secondaryOptionsChanged = this.haveDropdownOptionsChanged(newConfig?.secondaryDropdown, oldConfig?.secondaryDropdown);
105
+ const patch = {};
106
+ let hasChanges = false;
107
+ if (primaryOptionsChanged && this.primaryValue !== undefined) {
108
+ patch.primaryValue = undefined;
109
+ hasChanges = true;
110
+ }
111
+ if (secondaryOptionsChanged && this.secondaryValue !== undefined) {
112
+ patch.secondaryValue = undefined;
113
+ hasChanges = true;
114
+ }
115
+ if (hasChanges) {
116
+ this.emitSelectionStateChanged(patch);
117
+ }
118
+ }
102
119
  onResize() {
103
120
  const wasDesktop = this.isDesktopResolution;
104
121
  this.checkDesktopResolution();
@@ -126,6 +143,8 @@ const TetSnickerCard = class {
126
143
  };
127
144
  this.selectionStateChange.emit(nextState);
128
145
  };
146
+ getDropdownValueSignature = (dropdown) => JSON.stringify((dropdown?.options ?? []).map((option) => option.value));
147
+ haveDropdownOptionsChanged = (newDropdown, oldDropdown) => this.getDropdownValueSignature(newDropdown) !== this.getDropdownValueSignature(oldDropdown);
129
148
  onSelectionCounterValueChange = ({ detail }) => {
130
149
  this.emitSelectionStateChanged({ count: detail });
131
150
  };
@@ -231,7 +250,7 @@ const TetSnickerCard = class {
231
250
  const actionLabel = isSelectionAdded
232
251
  ? (removeButtonLabel ?? translate('components-snicker-card-remove-from-cart'))
233
252
  : (addButtonLabel ?? translate('components-snicker-card-add-to-cart'));
234
- return (h("div", { class: "selection with-divider" }, primaryDropdown && (h("tet-dropdown", { class: "selection__dropdown", theme: this.theme, label: primaryDropdown.label, buttonLabel: primaryDropdown.buttonLabel, options: primaryDropdown.options, disabled: isStateDisabled || (primaryDropdown.disabled ?? false), closeOnSelection: primaryDropdown.closeOnSelection ?? true, onOptionSelected: this.onDropdownOptionSelected('primary') })), secondaryDropdown && (h("tet-dropdown", { class: "selection__dropdown", theme: this.theme, label: secondaryDropdown.label, buttonLabel: secondaryDropdown.buttonLabel, options: secondaryDropdown.options, disabled: isStateDisabled || (secondaryDropdown.disabled ?? false), closeOnSelection: secondaryDropdown.closeOnSelection ?? true, onOptionSelected: this.onDropdownOptionSelected('secondary') })), stepper && (h("tet-stepper-input", { class: "selection__stepper", theme: this.theme, disabled: isStateDisabled, value: initialStepperValue, min: stepper.min, max: stepper.max, step: stepper.step ?? 1, accessibilityLabel: stepper.label, onInputValueChanged: this.onSelectionCounterValueChange })), !isSelectionAdded && (h("tet-button", { class: "selection__button", onClick: this.onSelectionAdd, size: "medium", type: "primary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-cart-outline", iconPosition: "left", accessibilityLabel: actionLabel }, actionLabel)), isSelectionAdded && (h("tet-button", { class: "selection__button selection__button--in-cart selection__button--mobile", onClick: this.onSelectionRemove, size: "medium", type: "secondary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-trash", iconPosition: "left", accessibilityLabel: actionLabel }, actionLabel)), isSelectionAdded && (h("tet-button", { class: "selection__button selection__button--in-cart selection__button--desktop", onClick: this.onSelectionRemove, size: "medium", type: "primary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-trash", iconMode: true, iconPosition: "left", accessibilityLabel: actionLabel, customColorCode: this.theme === 'light' ? '#F7F7F7' : '#18191B', customColorContentTone: this.theme === 'light' ? 'dark' : 'light' }))));
253
+ return (h("div", { class: "selection" }, primaryDropdown && (h("tet-dropdown", { class: "selection__dropdown", theme: this.theme, label: primaryDropdown.label, buttonLabel: primaryDropdown.buttonLabel, options: primaryDropdown.options, disabled: isStateDisabled || (primaryDropdown.disabled ?? false), closeOnSelection: primaryDropdown.closeOnSelection ?? true, onOptionSelected: this.onDropdownOptionSelected('primary') })), secondaryDropdown && (h("tet-dropdown", { class: "selection__dropdown", theme: this.theme, label: secondaryDropdown.label, buttonLabel: secondaryDropdown.buttonLabel, options: secondaryDropdown.options, disabled: isStateDisabled || (secondaryDropdown.disabled ?? false), closeOnSelection: secondaryDropdown.closeOnSelection ?? true, onOptionSelected: this.onDropdownOptionSelected('secondary') })), stepper && (h("tet-stepper-input", { class: "selection__stepper", theme: this.theme, disabled: isStateDisabled, value: initialStepperValue, displayMode: this.isDesktopResolution ? 'input' : 'text', min: stepper.min, max: stepper.max, step: stepper.step ?? 1, accessibilityLabel: stepper.label, onInputValueChanged: this.onSelectionCounterValueChange })), !isSelectionAdded && (h("tet-button", { class: "selection__button", onClick: this.onSelectionAdd, size: "medium", type: "primary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-cart-outline", iconPosition: "left", accessibilityLabel: actionLabel }, actionLabel)), isSelectionAdded && (h("tet-button", { class: "selection__button selection__button--in-cart selection__button--mobile", onClick: this.onSelectionRemove, size: "medium", type: "secondary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-trash", iconPosition: "left", accessibilityLabel: actionLabel }, actionLabel)), isSelectionAdded && (h("tet-button", { class: "selection__button selection__button--in-cart selection__button--desktop", onClick: this.onSelectionRemove, size: "medium", type: "primary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-trash", iconMode: true, iconPosition: "left", accessibilityLabel: actionLabel, customColorCode: this.theme === 'light' ? '#F7F7F7' : '#18191B', customColorContentTone: this.theme === 'light' ? 'dark' : 'light' }))));
235
254
  };
236
255
  renderBenefits = () => {
237
256
  const benefits = this.benefits ?? [];
@@ -245,7 +264,7 @@ const TetSnickerCard = class {
245
264
  if (benefits.length === 0 && !this.benefitLink) {
246
265
  return null;
247
266
  }
248
- return (h("ul", { class: "benefits" }, benefits.map((benefit) => (h("li", { class: "benefits__item" }, h("tet-icon", { theme: this.theme, class: "benefits__icon", type: benefitsIconType, name: "tc-check" }), h("span", { class: "benefits__text" }, benefit)))), this.benefitLink && (h("li", { class: "benefits__item" }, h("tet-icon", { theme: this.theme, class: "benefits__icon", type: benefitsIconType, name: "tc-check" }), h("button", { type: "button", class: {
267
+ return (h("ul", { class: "benefits with-divider" }, benefits.map((benefit) => (h("li", { class: "benefits__item" }, h("tet-icon", { theme: this.theme, class: "benefits__icon", type: benefitsIconType, name: "tc-check" }), h("span", { class: "benefits__text" }, benefit)))), this.benefitLink && (h("li", { class: "benefits__item" }, h("tet-icon", { theme: this.theme, class: "benefits__icon", type: benefitsIconType, name: "tc-check" }), h("button", { type: "button", class: {
249
268
  'button-naked': true,
250
269
  'benefits__link': true,
251
270
  'benefits__link--unavailable': this.isUnavailableState,
@@ -259,47 +278,46 @@ const TetSnickerCard = class {
259
278
  if (packageItems.length === 0) {
260
279
  return null;
261
280
  }
262
- return (h("div", { class: "packages with-divider" }, packageItems.map((item) => (h("div", { class: "packages__item" }, h("img", { class: "packages__image", src: item, alt: "", loading: "lazy", decoding: "async" }))))));
281
+ return (h("div", { class: "packages" }, packageItems.map((item) => (h("div", { class: "packages__item" }, h("img", { class: "packages__image", src: item, alt: "", loading: "lazy", decoding: "async" }))))));
263
282
  };
264
283
  renderSubscriptionItems = () => {
265
284
  const subscriptionItems = this.subscriptionItems ?? [];
266
285
  if (subscriptionItems.length === 0) {
267
286
  return null;
268
287
  }
269
- return (h("div", { class: "subscriptions" }, subscriptionItems.map((item) => (h("div", { class: "subscriptions__item" }, h("img", { class: "subscriptions__image", src: item, alt: "", loading: "lazy", decoding: "async" }))))));
288
+ return (h("div", { class: "subscriptions with-divider" }, subscriptionItems.map((item) => (h("div", { class: "subscriptions__item" }, h("img", { class: "subscriptions__image", src: item, alt: "", loading: "lazy", decoding: "async" }))))));
270
289
  };
271
290
  renderInlineMessage = () => {
272
291
  const inlineMessage = this.inlineMessage;
273
292
  if (!inlineMessage) {
274
293
  return null;
275
294
  }
276
- return (h("div", { class: { message: true, 'with-divider': !this.selectionConfig } }, h("tet-inline-message", { class: "message__inline", variant: inlineMessage.variant ?? 'info', theme: this.theme }, h("span", { slot: "title" }, inlineMessage.title), h("span", { slot: "description" }, inlineMessage.message))));
295
+ return (h("div", { class: { message: true, 'with-divider': true } }, h("tet-inline-message", { class: "message__inline", variant: inlineMessage.variant ?? 'info', theme: this.theme }, h("span", { slot: "title" }, inlineMessage.title), h("span", { slot: "description" }, inlineMessage.message))));
277
296
  };
278
297
  renderBottomLink = () => {
279
298
  if (!this.bottomLinkText) {
280
299
  return null;
281
300
  }
282
- return (h("div", { class: "footer__contract" }, h("button", { type: "button", class: {
301
+ return (h("button", { type: "button", class: {
283
302
  'button-naked': true,
284
303
  'tet-link': true,
285
304
  disabled: this.isDisabledState,
286
305
  [this.theme]: true,
287
- }, disabled: this.isDisabledState, onClick: this.onBottomLinkClick }, this.bottomLinkText)));
306
+ 'footer__link': true,
307
+ }, disabled: this.isDisabledState, onClick: this.onBottomLinkClick }, this.bottomLinkText));
288
308
  };
289
- renderBottomInfo = () => {
309
+ renderBottomToggle = () => {
290
310
  const hasDesktopAccordion = this.hasDesktopAccordionToggle;
291
311
  const toggleLabel = this.isAccordionOpen
292
312
  ? this.accordionConfig?.openLabelDesktop
293
313
  : this.accordionConfig?.closedLabelDesktop;
294
- const hasRemark = !!this.bottomRemark;
295
- const hasFooterInfo = hasRemark || hasDesktopAccordion;
296
- if (!hasFooterInfo) {
314
+ if (!hasDesktopAccordion) {
297
315
  return null;
298
316
  }
299
- return (h("div", { class: "footer__info" }, hasRemark && h("p", { class: "footer__remark" }, this.bottomRemark), hasDesktopAccordion && (h("button", { class: "footer__toggle", onClick: this.onBottomAccordionToggle }, h("span", { class: "footer__toggle-label" }, toggleLabel), h("tet-icon", { theme: this.theme, class: {
317
+ return (h("button", { class: "footer__toggle", onClick: this.onBottomAccordionToggle }, h("span", { class: "footer__toggle-label" }, toggleLabel), h("tet-icon", { theme: this.theme, class: {
300
318
  'footer__toggle-icon': true,
301
319
  open: this.isAccordionOpen,
302
- }, type: "primary", name: "chevron-down" })))));
320
+ }, type: "primary", name: "chevron-down" })));
303
321
  };
304
322
  renderBottomSection = () => {
305
323
  const hasLink = !!this.bottomLinkText;
@@ -309,7 +327,7 @@ const TetSnickerCard = class {
309
327
  if (!hasLink && !hasRemark && !hasDesktopAccordion) {
310
328
  return null;
311
329
  }
312
- return (h("div", { class: { footer: true, 'footer--desktop-only': isBottomContentEmpty } }, this.renderBottomLink(), this.renderBottomInfo()));
330
+ return (h("div", { class: { footer: true, 'footer--desktop-only': isBottomContentEmpty } }, h("div", { class: "footer__contract" }, this.renderBottomLink(), hasRemark && h("p", { class: "footer__remark" }, this.bottomRemark)), this.renderBottomToggle()));
313
331
  };
314
332
  renderIndicator = () => {
315
333
  const indicator = this.indicator;
@@ -347,14 +365,13 @@ const TetSnickerCard = class {
347
365
  'header--hoverable': this.isHoverable,
348
366
  'header--closed': !this.isAccordionOpen,
349
367
  'header--no-price': !hasPrice,
350
- 'with-divider': true
351
368
  } }, h("div", { class: "header__top" }, h("div", { class: "header__top-left", ref: (el) => (this.focusTargetEl = el ?? undefined), tabindex: selectionTabIndex, onKeyDown: this.isSelectable ? a11yBtnClick : undefined, role: this.isSelectable ? this.selectionType : undefined, "aria-checked": this.isSelectable ? String(this.isSelectedState) : undefined }, this.renderIndicator(), h("h3", { class: "header__title" }, this.cardTitle)), h("button", { type: "button", class: "header__accordion-toggle", onClick: this.onHeaderAccordionToggle }, h("tet-icon", { theme: this.theme, class: {
352
369
  'header__accordion-toggle-icon': true,
353
370
  open: this.isAccordionOpen,
354
371
  }, type: "primary", name: "chevron-down" }))), h("div", { class: "header__content" }, this.subtitle && h("p", { class: "header__subtitle" }, this.subtitle), hasPrice && (h("div", { class: "header__price-line" }, h("div", { class: "header__price-main" }, pricePrefix && h("span", { class: "header__price-prefix" }, pricePrefix), h("span", { class: "header__price-value" }, displayedPrice), priceSuffix && h("span", { class: "header__price-suffix" }, priceSuffix)), displayedOldPrice && (h("div", { class: "header__old-price" }, displayedOldPrice, priceSuffix ? ` ${priceSuffix}` : '')))), this.description && h("p", { class: "header__description" }, this.description))));
355
372
  };
356
373
  render() {
357
- return (h(Host, { key: '334574c4d905e454078fc368e00b5d44133bbce4' }, h("div", { key: '5d7a1aee8f173d3e49c883f6ac8d8a48967b054b', class: {
374
+ return (h(Host, { key: 'd0f0ea76ed9e8999c18a952d184e87e5da254145' }, h("div", { key: 'b25ad0501e0ce9f88ee26d32e281786a28db92b2', class: {
358
375
  'snicker-card': true,
359
376
  [this.theme]: true,
360
377
  'snicker-card--hoverable': this.isHoverable,
@@ -363,10 +380,11 @@ const TetSnickerCard = class {
363
380
  'snicker-card--unavailable': this.isUnavailableState,
364
381
  'snicker-card--subscribed': this.isSubscribedState,
365
382
  'snicker-card--with-badge': !!this.topBadge
366
- }, onClick: this.onCardClick }, this.renderTopBadge(), this.renderSubscriptionStrip(), h("tet-accordion", { key: '25dd17b759693bd3c8bc4455fa1df759e53f01a9', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: 'b7ea6cd5da0e5a7297c8a279dbf9cc6341461cc1', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: 'f3c0d643fc84414c5fe948fb55e4ed22e941a5a6', class: "accordion__content" }, this.renderInlineMessage(), this.renderSelection(), this.renderBenefits(), this.renderPackageItems(), this.renderSubscriptionItems())), this.renderBottomSection())));
383
+ }, onClick: this.onCardClick }, this.renderTopBadge(), this.renderSubscriptionStrip(), h("tet-accordion", { key: '4dc027724c506e98c1d4a5d68f0c47f9ce41c5e5', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: '2a03e68de5dfc0754d72c34dcabde4e1c8e904e2', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: '0b2c0128d3bf8645db58591a1611b3175c6762ab', class: "accordion__content" }, this.renderInlineMessage(), this.renderSelection(), this.renderBenefits(), this.renderPackageItems(), this.renderSubscriptionItems())), this.renderBottomSection())));
367
384
  }
368
385
  static get watchers() { return {
369
- "accordionConfig": ["onAccordionConfigChanged"]
386
+ "accordionConfig": ["onAccordionConfigChanged"],
387
+ "selectionConfig": ["onSelectionConfigChanged"]
370
388
  }; }
371
389
  };
372
390
  TetSnickerCard.style = TetSnickerCardStyle0;
package/dist/tet-components/p-325d48ee.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as o,c as t,h as e,H as r,g as n}from"./p-83f43fdd.js";import{T as i}from"./p-45f4f129.js";const a=class{constructor(e){o(this,e),this.check=t(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:t,indeterminate:e,error:r,value:n}=this,i=o;this.checked=i.checked,this.indeterminate=i.indeterminate,this.check.emit({checked:!t,indeterminate:e,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:t}=this;switch(!0){case o:return"secondary";case t:return"tertiary";default:return"primary"}}render(){const{label:o,name:t,checked:n,value:i,disabled:a,error:l,iconName:c,labelFont:s,alignCenter:f,hasSlotIcon:d,accessibilityLabel:b,unavailable:h,iconType:p}=this;return e(r,{key:"2b137f96b9a158928e7bf13edd24064fc9a67fcf"},e("div",{key:"d9ad8a40fb6c0a0a1fe2705b99cb14f092a821e3",class:{checkbox:!0,[`${this.theme}`]:!0}},e("label",{key:"73de7eae4cad137187ea5fbd9b355dab804074f6",class:{checkbox__container:!0,"checkbox__container--focus-style":this.focusStyleOnContainer,"checkbox__container--align-start":!f},part:"checkbox-container",htmlFor:"tet-checkbox"},e("input",{key:"12fbd0566b9b43771e84fe1bc6bd41ebee30178b",ref:o=>this.inputEl=o,class:{"checkbox__html-input":!0,"checkbox__html-input--unavailable":h},id:"tet-checkbox",type:"checkbox",name:t,value:i,...b?{"aria-label":b}:{},disabled:a||h,checked:n,onChange:this.handleChange}),e("span",{key:"d57b60f2c25914cd0469ca9500a3b8e6548ad096",class:{checkbox__input:!0,"checkbox__input--error":l,"checkbox__input--hide-focus-style":this.focusStyleOnContainer,...s?{[`checkbox__input--${s}`]:!0}:{}}},e("tet-icon",{key:"19057fad568cc1e4a917b6566d4764f1a9b9bf93",name:"remove",class:"checkbox__icon checkbox__icon--indeterminate indicator"}),e("tet-icon",{key:"39d38a6dd295e60d4cbb0c0aafe2ec9d7f7bfddd",name:"check",class:"checkbox__icon"})),e("div",{key:"2ac221e6a4818bec7c32980a0fe5a7aa7cc0ddd6",class:"checkbox__label-container"},c?e("tet-icon",{theme:"light"===this.theme?"light":"dark",name:c,type:p,class:{"checkbox__label-icon":!0,[`checkbox__label-icon--${c}`]:!0,...s?{[`checkbox__label-icon--${s}`]:!0}:{}}}):e("div",{class:{"checkbox__label-slot-icon":!0,"checkbox__label-slot-icon--hidden":!d,...s?{[`checkbox__label-slot-icon--${s}`]:!0}:{}}},e("slot",{name:"label-icon",onSlotchange:this.onIconSlotChange})),e("span",{key:"2f1efb33e50c2e00d464399c950e77528e98ed67",class:{checkbox__label:!0,...s?{[`checkbox__label--${s}`]:!0}:{}},innerHTML:o},e("slot",{key:"c72b3d2b6323c243cf7a58ce25a7b67cc3b6fca2"}))))))}static get watchers(){return{indeterminate:["updateIndeterminateState"]}}};function l(o,t,e){const{top:r,left:n}=o.getBoundingClientRect(),{clientHeight:i,clientWidth:a}=o;return!(e<r||e>r+i||t<n||t>n+a)}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)}: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:transparent;--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-background-color:transparent;--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-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-background-color:transparent;--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{margin-top:0.0625rem}.checkbox__container--align-start .checkbox__input--md{margin-top:0.15625rem}.checkbox__container--align-start .checkbox__input--lg-inter,.checkbox__container--align-start .checkbox__input--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%;opacity:0;position:absolute}.checkbox__html-input{position:absolute;opacity:0;width:0;height:0}.checkbox__html-input:focus~.checkbox__input{background-color:var(--checkbox-focus-background-color);border-color:var(--checkbox-focus-border-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}.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{display:inline-flex;align-items:center;justify-content:center;background-color:var(--checkbox-background-color);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}.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 c=class{constructor(e){o(this,e),this.optionSelected=t(this,"optionSelected",7),this.optionChecked=t(this,"optionChecked",7),this.optionsChanged=t(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,t){o.map((({label:o,labelRight:t,value:e})=>o+t+e)).join()!==t.map((({label:o,labelRight:t,value:e})=>o+t+e)).join()&&(this.selectedOptionIndexes=[],this.preselectOption())}async getSelectedOptions(){return this.selectedOptions}async selectOption(o,t=!0){this.selectedOptionIndexes=this.allowMultiple?this.selectedOptionIndexes.includes(o)?this.selectedOptionIndexes.filter((t=>t!==o)):[...this.selectedOptionIndexes,o]:[o],t&&this.optionsChanged.emit(this.selectedOptions)}handleWindowClick({x:o,y:t}){this.isOpen&&!this.disabled&&(l(this.dropdownWrapperElement,o,t)||l(this.dropdownOptionsElement,o,t)||(this.isOpen=!1,this.isKeyboardFocus=!1))}handleFocusOut(o){if(!this.isOpen)return;const t=o.relatedTarget;this.dropdownWrapperElement.contains(t)||this.dropdownOptionsElement.contains(t)||(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:t,labelLogoGrayscale:r,labelRight:n,currentButtonLabel:i,currentButtonLabelRight:a,currentButtonLabelRightColor:l,isOpen:c,disabled:s}=this;return e("div",{ref:o=>this.dropdownWrapperElement=o,class:{dropdown__wrapper:!0,disabled:s}},o&&e("label",{id:"dropdown-label",htmlFor:"dropdown-button",class:"tet-input__label"},o),e("div",{class:"dropdown__button-wrapper"},e("button",{id:"dropdown-button",class:"dropdown__button","aria-labelledby":"dropdown-label","aria-haspopup":"listbox","aria-controls":"dropdown-options","aria-expanded":c,ref:o=>this.dropdownButtonElement=o,onClick:this.handleDropdownToggle(),onKeyDown:this.handleButtonKeydown(),disabled:s,tabIndex:0},!s&&t&&e("img",{src:t,alt:o}),s&&r&&e("img",{src:r,alt:o}),e("span",{class:{dropdown__button__selected:!0,"dropdown__button__selected--flex":this.flexLayout}},i),n&&e("span",{class:"dropdown__button__labelright",style:{color:l}},a),e("tet-icon",{class:"dropdown__icon dropdown__chevron-icon",name:c?"chevron-up":"chevron-down"}))))}renderOptions(){const{isOpen:o,allowMultiple:t,options:r}=this;let n=r.map(t?this.renderMultipleOptionItem.bind(this):this.renderOptionItem.bind(this));return this.flexLayout&&(n=r.map(this.renderFlexOptionItem.bind(this))),e("div",{class:"dropdown__options-focus-wrapper"},e("div",{class:"dropdown__options-scroll-wrapper"},e("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":t},n)))}renderOptionItem({label:o,value:t},r){const{selectedOptionIndexes:n}=this,i=n[0]===r,a=this.handleOptionSelect(r),l=this.handleOptionKeydown(a);return e("li",{key:t,class:{dropdown__option:!0,"dropdown__option--single":!0,"dropdown__option--selected":i},role:"option",tabindex:"0","aria-selected":i,"data-value":t,onClick:a,onKeyDown:l},o,i&&e("tet-icon",{class:"dropdown__icon",name:"check"}))}renderFlexOptionItem({label:o,labelLogo:t,labelLogoGrayscale:r,labelRight:n,labelRightColor:i,labelSubText:a,value:l,disabled:c},s){const{selectedOptionIndexes:f}=this,d=f[0]===s,b=this.handleOptionSelect(s),h=this.handleOptionKeydown(b);return e("li",{class:{dropdown__option:!0,dropdown__option__flex:!0,"dropdown__option--selected-background":d},role:"option",tabindex:"0","aria-selected":d,"data-value":l,onClick:b,onKeyDown:h},e("div",{class:"dropdown__option__flex--label-container"},!c&&t&&e("img",{src:t,alt:o}),c&&r&&e("img",{src:r,alt:o}),o&&e("span",{class:"dropdown__button__label"},o),n&&e("span",{class:"dropdown__button__labelright",style:{color:i}},n)),e("div",{class:"dropdown__option__flex--subtext-container"},a&&e("span",null,a)))}renderMultipleOptionItem({label:o,value:t},r){const{selectedOptionIndexes:n}=this,i=n.includes(r),a=this.handleMultipleOptionSelect(r,i),l=this.handleOptionKeydown(a);return e("li",{class:{dropdown__option:!0,"dropdown__option--multiple":!0,"dropdown__option--selected":i},role:"option",tabindex:"0","aria-checked":i,"data-value":t,onClick:a,onKeyDown:l},e("tet-checkbox",{checked:i,theme:this.theme,tabIndex:-1}),o)}handleOptionKeydown(o){return t=>{const{key:e,target:r}=t;switch(e){case" ":case"SpaceBar":case"Enter":t.preventDefault(),o();break;case"ArrowUp":t.preventDefault(),function(o){const t=o.previousElementSibling;t?.focus()}(r);break;case"ArrowDown":t.preventDefault(),function(o){const t=o.nextElementSibling;t?.focus()}(r);break;case"Escape":this.isOpen=!1,this.dropdownButtonElement.focus();break;case"Tab":!r.previousElementSibling&&t.shiftKey&&(this.isKeyboardFocus=!0)}}}handleButtonKeydown(){return o=>{const{key:t}=o;switch(t){case"ArrowDown":o.preventDefault(),this.isOpen||(this.isOpen=!0,this.isKeyboardFocus=!0);const{children:t}=this.dropdownOptionsElement;if(0==t.length)return;requestAnimationFrame((()=>t[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,t=!1){return()=>{this.closeOnSelection&&!t&&(this.isOpen=!1,this.dropdownButtonElement.focus()),this.selectedOptionIndexes=[o],this.optionSelected.emit(this.options[o]),this.optionsChanged.emit(this.selectedOptions)}}handleMultipleOptionSelect(o,t=!1){return()=>{this.selectedOptionIndexes=t?this.selectedOptionIndexes.filter((t=>t!==o)):[...this.selectedOptionIndexes,o],this.optionChecked.emit({option:this.options[o],isChecked:!t}),this.optionsChanged.emit(this.selectedOptions)}}handleDropdownToggle(){return()=>{this.isOpen=!this.isOpen}}get currentButtonLabel(){const{buttonLabel:o,allowMultiple:t,options:e,selectedOptionIndexes:r}=this;return t||0===r.length?o:e[r[0]]?.label??o}get currentButtonLabelRight(){const{allowMultiple:o,labelRight:t,options:e,selectedOptionIndexes:r}=this;return o||0===r.length?t:e[r[0]]?.labelRight??t}get currentButtonLabelRightColor(){const{allowMultiple:o,labelRightColor:t,options:e,selectedOptionIndexes:r}=this;return o||0===r.length?t:e[r[0]]?.labelRightColor??t}get selectedOptions(){return 0===this.selectedOptionIndexes.length?[]:this.selectedOptionIndexes.map((o=>this.options[o]))}render(){const{theme:o,isOpen:t,isKeyboardFocus:n}=this;return e(r,{key:"d1f9131eca01ce9552551821c38e6b80e66101e0"},e("div",{key:"0cc2d8642d2391386b83ea7c0c086bfc2dc38a3e",class:{dropdown:!0,"dropdown--open":t,"focus-visible":n&&t,[`${o}`]:!0}},this.renderButton(),this.renderOptions()))}static get watchers(){return{options:["onOptionsChange"]}}};c.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root,: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)}';const s=class{constructor(t){o(this,t),this.theme="classic",this.targetElementSelector=void 0,this.hoverElement=void 0,this.doNotShowOnHover=!1,this.position=i.BOTTOM,this.positionState=i.BOTTOM,this.showTooltip=!1}targetElement;tooltipPointer;margin=8;tooltipTimeThreshold=.25;tooltipStartTime;tooltipEndTime;resizeObserver;get element(){return n(this)}handleTouchmove(){this.hideQuick()}handleWheel(){this.hideQuick()}onKeydown(o){"Escape"===o.code&&this.hideQuick()}handleResize(){this.positionState=this.position}handlePositionChange(o){this.positionState=o}hideQuick=()=>{this.showTooltip&&(this.tooltipStartTime=Date.now(),this.hide())};onShowTooltipChange(o){o?this.element.classList.remove("hidden","hidden-quick"):this.element.classList.add(this.tooltipEndTime/1e3-this.tooltipStartTime/1e3>this.tooltipTimeThreshold?"hidden":"hidden-quick")}async componentWillLoad(){this.targetElement=this.targetElementSelector?document.querySelector(this.targetElementSelector):this.hoverElement?this.hoverElement:this.element.parentElement,this.targetElement&&(this.doNotShowOnHover||(this.targetElement?.addEventListener("mouseenter",this.show.bind(this)),this.targetElement?.addEventListener("mouseleave",this.hide.bind(this))),this.targetElement?.addEventListener("focusin",this.show.bind(this)),this.targetElement?.addEventListener("focusout",this.hide.bind(this)),this.resizeObserver=new ResizeObserver((()=>{this.targetElement?.offsetHeight||(this.element.classList.remove("hidden"),this.element.classList.add("hidden-quick"))})),this.resizeObserver.observe(this.targetElement),this.positionState=this.position,this.element.style.display="none")}componentDidLoad(){setTimeout((()=>{this.element.style.display="inline-block",!this.doNotShowOnHover&&this.targetElement?.matches(":hover")&&this.show().then()}),100)}async disconnectedCallback(){this.targetElement&&(this.targetElement?.removeEventListener("mouseenter",this.show.bind(this)),this.targetElement?.removeEventListener("mouseleave",this.hide.bind(this)),this.resizeObserver?.unobserve(this.targetElement))}async show(){this.tooltipStartTime=Date.now(),this.showTooltip=!0,this.positionTooltip()}async hide(){this.tooltipEndTime=Date.now(),this.showTooltip=!1}async toggle(){this.showTooltip?await this.hide():await this.show()}positionTooltip=()=>{const o=this.targetElement.getBoundingClientRect();if([i.LEFT,i.RIGHT].includes(this.positionState)){const t=window.innerWidth>o.right+this.margin+this.element.offsetWidth;this.element.offsetWidth+this.margin<o.left||t||(this.positionState=i.BOTTOM)}const t=this.positionTooltipVertically(o),e=this.positionTooltipHorizontally(o);this.element.style.margin=`${this.margin}px`;const r=this.getTooltipPosition(t||e);this.positionTooltipPointer(r)};getTooltipPosition(o){switch(this.positionState){case i.TOP:return o?i.BOTTOM:i.TOP;case i.BOTTOM:return o?i.TOP:i.BOTTOM;case i.LEFT:return o?i.RIGHT:i.LEFT;case i.RIGHT:return o?i.LEFT:i.RIGHT}}positionTooltipVertically(o){let t=!1;switch(this.positionState){case i.BOTTOM:o.bottom+this.element.offsetHeight+this.margin>window.innerHeight?(this.element.style.top=null,this.element.style.bottom=window.innerHeight-o.top+"px",t=!0):(this.element.style.top=`${o.bottom}px`,this.element.style.bottom=null);break;case i.TOP:o.top-this.element.offsetHeight<0?(this.element.style.top=`${o.bottom}px`,this.element.style.bottom=null,t=!0):(this.element.style.top=null,this.element.style.bottom=window.innerHeight-o.top+"px");break;default:const e=o.top+o.height/2-(this.element.offsetHeight/2+this.margin);e<0?(this.element.style.top="0",this.element.style.bottom=null):e+this.element.offsetHeight+this.margin>window.innerHeight?(this.element.style.top=null,this.element.style.bottom="0"):(this.element.style.top=`${e}px`,this.element.style.bottom=null)}return t}positionTooltipHorizontally(o){let t=!1;switch(this.positionState){case i.LEFT:this.element.offsetWidth+this.margin>o.left?(this.element.style.left=`${o.right}px`,this.element.style.right=null,t=!0):(this.element.style.left=null,this.element.style.right=window.innerWidth-o.left+"px");break;case i.RIGHT:window.innerWidth<o.right+this.margin+this.element.offsetWidth?(this.element.style.left=null,this.element.style.right=window.innerWidth-o.left+"px",t=!0):(this.element.style.left=`${o.right}px`,this.element.style.right=null);break;default:const e=o.left+o.width/2-(this.element.offsetWidth/2-this.margin);e<0?(this.element.style.left="0",this.element.style.right=null):e+this.element.offsetWidth+this.margin>window.innerWidth?(this.element.style.left=null,this.element.style.right="0"):(this.element.style.left=`${e}px`,this.element.style.right=null)}return t}positionTooltipPointer=o=>{const t=this.targetElement.getBoundingClientRect(),e=this.element.getBoundingClientRect();if([i.TOP,i.BOTTOM].includes(o)){const r=Math.min(t.right,e.left+this.element.offsetWidth),n=Math.max(t.left,e.left);this.tooltipPointer.style.left=(r+n)/2-e.left-this.tooltipPointer.offsetWidth/2+"px",o===i.BOTTOM&&(this.tooltipPointer.style.top="-6px",this.tooltipPointer.style.bottom=null,this.tooltipPointer.style.transform="rotate(0deg)"),o===i.TOP&&(this.tooltipPointer.style.top=null,this.tooltipPointer.style.bottom="-6px",this.tooltipPointer.style.transform="rotate(180deg)")}if([i.LEFT,i.RIGHT].includes(o)){const r=Math.min(t.bottom,e.top+this.element.offsetHeight),n=Math.max(t.top,e.top);this.tooltipPointer.style.top=(r+n)/2-e.top-this.tooltipPointer.offsetHeight/2+"px",o===i.RIGHT&&(this.tooltipPointer.style.left="-12px",this.tooltipPointer.style.right=null,this.tooltipPointer.style.transform="rotate(270deg)"),o===i.LEFT&&(this.tooltipPointer.style.left=null,this.tooltipPointer.style.right="-12px",this.tooltipPointer.style.transform="rotate(90deg)")}};renderTooltip=()=>e("div",{class:{tooltip:!0,[`${this.theme}`]:!0},role:"tooltip","aria-hidden":this.showTooltip?"false":"true","aria-live":this.showTooltip?"polite":void 0},e("div",{class:"tooltip-pointer",ref:o=>this.tooltipPointer=o}),e("slot",null));render(){return e(r,{key:"536a318d9a429d42e520ada35b4b0fb55fe42fd0",class:{visible:this.showTooltip}},this.renderTooltip())}static get watchers(){return{position:["handlePositionChange"],showTooltip:["onShowTooltipChange"]}}};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{--tooltip-background-color:var(--tc-tooltip-layer-secondary);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary);--tooltip-padding:1em;--tooltip-display-speed:.2s;--tooltip-delay-show:0s;--tooltip-delay-hide:.25s;--tooltip-max-width:18.75rem;--tooltip-border-radius:0.3125rem;--tooltip-font-weight:400;position:fixed;display:inline-block;width:max-content;max-width:min(var(--tooltip-max-width), 100%);z-index:100;pointer-events:none;opacity:0}:host(.hidden){visibility:hidden;opacity:0;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear}:host(.hidden-quick){opacity:0;visibility:hidden;transform:scale(0)}:host(.visible){visibility:visible;opacity:1;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear;transition-delay:var(--tooltip-delay-show)}.light-inverse{--tooltip-background-color:var(--tc-tooltip-layer-primary);--tooltip-text-color:var(--tc-tooltip-text-primary)}.dark{--tooltip-background-color:var(--tc-tooltip-layer-primary-dark);--tooltip-text-color:var(--tc-tooltip-text-primary-dark)}.dark-inverse{--tooltip-background-color:var(--tc-tooltip-layer-secondary-dark);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary-dark)}.tooltip{position:relative;background:var(--tooltip-background-color);color:var(--tooltip-text-color);border-radius:var(--tooltip-border-radius);padding:var(--tooltip-padding);font-family:var(--font-family-content);font-weight:var(--tooltip-font-weight);font-size:0.875rem;white-space:normal;line-height:1.5em}.tooltip-pointer{position:absolute;width:0;height:0;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom:0.5rem solid var(--tooltip-background-color)}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;visibility:visible;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;visibility:visible;transform:scale(1)}100%{opacity:0;visibility:hidden;transform:scale(0)}}';export{a as tet_checkbox,c as tet_dropdown,s as tet_tooltip}