@tet/tet-components 1.4.86-testing → 1.4.87-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 (29) hide show
  1. package/dist/cjs/index-3242ff3f.js +4 -4
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/tet-components.cjs.js +1 -1
  4. package/dist/cjs/tet-snicker-card.cjs.entry.js +43 -8
  5. package/dist/cjs/tet-tab-header.cjs.entry.js +44 -14
  6. package/dist/collection/components/advanced/cards/tet-snicker-card/tet-snicker-card.css +27 -3
  7. package/dist/collection/components/advanced/cards/tet-snicker-card/tet-snicker-card.js +83 -7
  8. package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.css +23 -0
  9. package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.js +101 -13
  10. package/dist/components/{p-7836f80d.js → p-67c39d1c.js} +49 -15
  11. package/dist/components/tet-assembler.js +1 -1
  12. package/dist/components/tet-cloud-configurator.js +1 -1
  13. package/dist/components/tet-compare-cards-tab.js +1 -1
  14. package/dist/components/tet-snicker-card.js +68 -26
  15. package/dist/components/tet-tab-header.js +1 -1
  16. package/dist/esm/index-aac31bd2.js +4 -4
  17. package/dist/esm/loader.js +1 -1
  18. package/dist/esm/tet-components.js +1 -1
  19. package/dist/esm/tet-snicker-card.entry.js +43 -8
  20. package/dist/esm/tet-tab-header.entry.js +44 -14
  21. package/dist/tet-components/p-c00ec93c.entry.js +1 -0
  22. package/dist/tet-components/p-ed9d2b9b.entry.js +1 -0
  23. package/dist/tet-components/tet-components.esm.js +1 -1
  24. package/dist/types/components/advanced/cards/tet-snicker-card/tet-snicker-card.d.ts +14 -0
  25. package/dist/types/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.d.ts +13 -1
  26. package/dist/types/components.d.ts +51 -6
  27. package/package.json +1 -1
  28. package/dist/tet-components/p-2e5c8d0d.entry.js +0 -1
  29. package/dist/tet-components/p-d235f460.entry.js +0 -1
package/dist/components/tet-snicker-card.js CHANGED
@@ -1,17 +1,18 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, c as Host } from './p-25b93e8f.js';
2
- import { a as a11yBtnClick, d as defineCustomElement$4 } from './p-8f773d13.js';
2
+ import { a as a11yBtnClick, d as defineCustomElement$5 } from './p-8f773d13.js';
3
3
  import { p as processTranslations, t as translate } from './p-afefc9f6.js';
4
4
  import { f as formatPrice } from './p-e1e74d01.js';
5
- import { d as defineCustomElement$a } from './p-0bcdcd58.js';
6
- import { d as defineCustomElement$9 } from './p-5e83750b.js';
7
- import { d as defineCustomElement$8 } from './p-bb56e210.js';
8
- import { d as defineCustomElement$7 } from './p-7f0800e0.js';
9
- import { d as defineCustomElement$6 } from './p-eeb8a143.js';
10
- import { d as defineCustomElement$5 } from './p-de022a03.js';
11
- import { d as defineCustomElement$3 } from './p-c2cc53bd.js';
12
- import { d as defineCustomElement$2 } from './p-4031db37.js';
5
+ import { d as defineCustomElement$b } from './p-0bcdcd58.js';
6
+ import { d as defineCustomElement$a } from './p-5e83750b.js';
7
+ import { d as defineCustomElement$9 } from './p-bb56e210.js';
8
+ import { d as defineCustomElement$8 } from './p-7f0800e0.js';
9
+ import { d as defineCustomElement$7 } from './p-eeb8a143.js';
10
+ import { d as defineCustomElement$6 } from './p-de022a03.js';
11
+ import { d as defineCustomElement$4 } from './p-c2cc53bd.js';
12
+ import { d as defineCustomElement$3 } from './p-4031db37.js';
13
+ import { d as defineCustomElement$2 } from './p-67c39d1c.js';
13
14
 
14
- 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{pointer-events:none}.header__content{min-width:0;display:flex;flex-direction:column}@media screen and (min-width: 31.25rem){.header__content{display:contents}}.header__title{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-primary)}.header__subtitle{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--snicker-card-text-primary)}@media screen and (min-width: 31.25rem){.header__subtitle{grid-area:subtitle}}.header__description{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-secondary)}@media screen and (min-width: 31.25rem){.header__description{grid-area:description}}.header__price-line{display:flex;align-items:baseline;gap:0.5rem;margin:0.125rem 0 0;color:var(--snicker-card-text-primary);flex-wrap:nowrap}@media screen and (min-width: 31.25rem){.header__price-line{grid-area:price;flex-direction:column;align-items:flex-end;gap:0.1875rem;margin:0;align-self:start}}.header__accordion-toggle{border:0;background:transparent;padding:0;margin:0;border-radius:0.125rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem}@media screen and (min-width: 31.25rem){.header__accordion-toggle{display:none}}.header__accordion-toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.header__accordion-toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.header__accordion-toggle-icon.open{transform:rotate(-180deg)}.header__price-main{display:flex;align-items:baseline;gap:0.25rem;white-space:nowrap}.header__price-prefix{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.header__price-prefix{font:600 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.header__price-value{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.header__price-value{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.header__price-suffix{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.header__price-suffix{font:600 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.header__old-price{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--snicker-card-text-tertiary);text-decoration:line-through;white-space:nowrap}@media screen and (min-width: 31.25rem){.header__old-price{text-align:right}}.message{width:100%}.message--standalone{padding-bottom:1rem}.message__inline{width:100%;--inline-message-padding:0;--inline-message-border-bottom:none}.selection{width:100%;padding:1rem 0;display:flex;flex-direction:column;gap:1rem;align-items:stretch}@media screen and (min-width: 31.25rem){.selection{flex-direction:row;align-items:flex-end;flex-wrap:nowrap;gap:0.75rem}}.selection__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;display:flex;flex-direction:column;gap:0.25rem}.benefits:not(:last-child){padding-bottom:1rem}.benefits__item{display:flex;align-items:center;gap:0.5rem}.benefits__icon{--icon-size:1rem;--icon-container-display:flex}.benefits__text{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--snicker-card-text-primary)}.benefits__link{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.benefits__link--unavailable{--tet-link-color:var(--snicker-card-unavailable-color);--tet-link-color-hover:var(--snicker-card-unavailable-color);--tet-link-color-active:var(--snicker-card-unavailable-color)}.packages{padding-bottom:1rem;display:flex;flex-wrap:wrap;gap:1rem}.packages__item{display:inline-flex;align-items:center}.packages__image{display:block;width:auto;height:1.5rem}.subscriptions{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 1rem;padding:0.25rem 0 0 0}.subscriptions__item{max-height:3rem;display:inline-flex;align-items:center}.subscriptions__image{display:block;width:auto}.footer{padding-top:0.75rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.footer--desktop-only{display:none}@media screen and (min-width: 31.25rem){.footer--desktop-only{display:block;text-align:right}}.footer__contract{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;align-items:flex-start;gap:0.625rem}.footer__link{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.footer__remark{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-secondary);overflow-wrap:anywhere}.footer__toggle{font: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)}";
15
+ 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;min-width:0;flex-wrap:wrap}.header__top-left:focus-visible{outline:none}.header__selector{pointer-events:none}.header__content{min-width:0;display:flex;flex-direction:column}@media screen and (min-width: 31.25rem){.header__content{display:contents}}.header__title{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-primary)}.header__subtitle{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--snicker-card-text-primary)}@media screen and (min-width: 31.25rem){.header__subtitle{grid-area:subtitle}}.header__description{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-secondary)}@media screen and (min-width: 31.25rem){.header__description{grid-area:description}}.header__price-line{display:flex;align-items:baseline;gap:0.5rem;margin:0.125rem 0 0;color:var(--snicker-card-text-primary);flex-wrap:nowrap}@media screen and (min-width: 31.25rem){.header__price-line{grid-area:price;flex-direction:column;align-items:flex-end;gap:0.1875rem;margin:0;align-self:start}}.header__accordion-toggle{border:0;background:transparent;padding:0;margin:0;border-radius:0.125rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem}@media screen and (min-width: 31.25rem){.header__accordion-toggle{display:none}}.header__accordion-toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.header__accordion-toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.header__accordion-toggle-icon.open{transform:rotate(-180deg)}.header__price-main{display:flex;align-items:baseline;gap:0.25rem;white-space:nowrap}.header__price-prefix{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.header__price-prefix{font:600 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.header__price-value{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.header__price-value{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.header__price-suffix{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.header__price-suffix{font:600 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.header__old-price{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--snicker-card-text-tertiary);text-decoration:line-through;white-space:nowrap}@media screen and (min-width: 31.25rem){.header__old-price{text-align:right}}.message{width:100%}.message--standalone{padding-bottom:1rem}.message__inline{width:100%;--inline-message-padding:0;--inline-message-border-bottom:none}.selection{width:100%;padding:1rem 0;display:flex;flex-direction:column;gap:1rem;align-items:stretch}@media screen and (min-width: 31.25rem){.selection{flex-direction:row;align-items:flex-end;flex-wrap:nowrap;gap:0.75rem}}.selection--before-switch{padding-bottom:0.5rem}.selection__dropdown{display:block;width:100%}@media screen and (min-width: 31.25rem){.selection__dropdown{flex:1 1 0;width:auto;min-width:0}}.selection__stepper{display:block;align-self:center}@media screen and (min-width: 31.25rem){.selection__stepper{flex:0 0 auto;align-self:flex-end}}.selection__button{align-self:center;--button-padding-medium:0.625rem 1rem}@media screen and (min-width: 31.25rem){.selection__button{flex:0 0 auto;align-self:flex-end;margin-left:auto}}.selection__button::part(button){transition:none}@media screen and (min-width: 31.25rem){.selection__button--in-cart{--button-padding-medium:0.625rem}}.selection__button--desktop{display:none}@media screen and (min-width: 31.25rem){.selection__button--desktop{display:inline-flex}}@media screen and (min-width: 31.25rem){.selection__button--mobile{display:none}}.segment-switch{display:block;padding-bottom:1rem}.segment-switch__label{padding:0 0.25rem 0.25rem;font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 31.25rem){.segment-switch__label{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.segment-switch__label--disabled{color:var(--snicker-card-text-tertiary)}.segment-switch__block{display:block;width:100%}.benefits{list-style:none;margin:0;display:flex;flex-direction:column;gap:0.25rem}.benefits:not(:last-child){padding-bottom:1rem}.benefits__item{display:flex;align-items:center;gap:0.5rem}.benefits__icon{--icon-size:1rem;--icon-container-display:flex}.benefits__text{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--snicker-card-text-primary)}.benefits__link{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.benefits__link--unavailable{--tet-link-color:var(--snicker-card-unavailable-color);--tet-link-color-hover:var(--snicker-card-unavailable-color);--tet-link-color-active:var(--snicker-card-unavailable-color)}.packages{padding-bottom:1rem;display:flex;flex-wrap:wrap;gap:1rem}.packages__item{display:inline-flex;align-items:center}.packages__image{display:block;width:auto;height:1.5rem}.subscriptions{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 1rem;padding:0.25rem 0 0 0}.subscriptions__item{max-height:3rem;display:inline-flex;align-items:center}.subscriptions__image{display:block;width:auto}.footer{padding-top:0.75rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.footer--desktop-only{display:none}@media screen and (min-width: 31.25rem){.footer--desktop-only{display:block;text-align:right}}.footer__contract{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;align-items:flex-start;gap:0.625rem}.footer__link{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.footer__remark{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin:0;color:var(--snicker-card-text-secondary);overflow-wrap:anywhere}.footer__toggle{font:400 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\";border:0;background:transparent;border-radius:0.125rem;color:var(--snicker-card-toggle-color);align-items:center;gap:0;padding:0;white-space:nowrap;cursor:pointer;display:none}@media screen and (min-width: 31.25rem){.footer__toggle{display:inline-flex}}.footer__toggle:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.0625rem;transition:outline 0s}.footer__toggle-icon{--icon-size:1.25rem;--icon-container-display:flex;transition:transform 150ms ease-out}.footer__toggle-icon.open{transform:rotate(-180deg)}";
15
16
  const TetSnickerCardStyle0 = tetSnickerCardCss;
16
17
 
17
18
  /** Constant to use in desktop resolution checker. Should be same as one used in SCSS media query */
@@ -27,6 +28,7 @@ const TetSnickerCard$1 = /*@__PURE__*/ proxyCustomElement(class TetSnickerCard e
27
28
  this.selectionStateChange = createEvent(this, "selectionStateChange", 7);
28
29
  this.addToCart = createEvent(this, "addToCart", 7);
29
30
  this.removeFromCart = createEvent(this, "removeFromCart", 7);
31
+ this.segmentSwitchChange = createEvent(this, "segmentSwitchChange", 7);
30
32
  this.isDesktopResolution = false;
31
33
  this.isAccordionOpen = true;
32
34
  this.theme = 'light';
@@ -44,6 +46,7 @@ const TetSnickerCard$1 = /*@__PURE__*/ proxyCustomElement(class TetSnickerCard e
44
46
  this.price = undefined;
45
47
  this.inlineMessage = undefined;
46
48
  this.selectionConfig = undefined;
49
+ this.segmentSwitch = undefined;
47
50
  this.count = undefined;
48
51
  this.primaryValue = undefined;
49
52
  this.secondaryValue = undefined;
@@ -61,7 +64,8 @@ const TetSnickerCard$1 = /*@__PURE__*/ proxyCustomElement(class TetSnickerCard e
61
64
  static INTERACTIVE_CLICK_TAGS = new Set([
62
65
  'TET-STEPPER-INPUT',
63
66
  'TET-BUTTON',
64
- 'TET-DROPDOWN'
67
+ 'TET-DROPDOWN',
68
+ 'TET-TAB-HEADER'
65
69
  ]);
66
70
  /** @private Reference to accordion element used for custom toggle. */
67
71
  accordionEl;
@@ -77,6 +81,8 @@ const TetSnickerCard$1 = /*@__PURE__*/ proxyCustomElement(class TetSnickerCard e
77
81
  addToCart;
78
82
  /** Emitted when remove-from-cart button is clicked. */
79
83
  removeFromCart;
84
+ /** Emitted when the segmented switch selection changes. */
85
+ segmentSwitchChange;
80
86
  get isSelectedState() {
81
87
  return this.selected;
82
88
  }
@@ -260,7 +266,31 @@ const TetSnickerCard$1 = /*@__PURE__*/ proxyCustomElement(class TetSnickerCard e
260
266
  const actionLabel = isSelectionAdded
261
267
  ? (removeButtonLabel ?? translate('components-snicker-card-remove-from-cart'))
262
268
  : (addButtonLabel ?? translate('components-snicker-card-add-to-cart'));
263
- 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' }))));
269
+ return (h("div", { class: {
270
+ 'selection': true,
271
+ 'selection--before-switch': !!this.segmentSwitch
272
+ } }, 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' }))));
273
+ };
274
+ renderSegmentSwitch = () => {
275
+ if (!this.segmentSwitch) {
276
+ return null;
277
+ }
278
+ const { values, defaultSelected, label } = this.segmentSwitch;
279
+ const initialSelected = defaultSelected ?? values[0];
280
+ const isSegmentSwitchDisabled = this.isDisabledState || this.isUnavailableState;
281
+ return (h("div", { class: "segment-switch" }, h("div", { class: {
282
+ 'segment-switch__label': true,
283
+ 'segment-switch__label--disabled': isSegmentSwitchDisabled
284
+ } }, label), h("tet-tab-header", { class: "segment-switch__block", theme: this.theme, "default-tab": initialSelected, segmented: true, mode: "switch", accessibilityLabel: label, sizing: this.isDesktopResolution ? 'web' : 'mobile', disabled: isSegmentSwitchDisabled, onTabSelected: (event) => {
285
+ event.stopPropagation();
286
+ if (event.detail.old === undefined || event.detail.old === event.detail.new) {
287
+ return;
288
+ }
289
+ this.segmentSwitchChange.emit({
290
+ value: String(event.detail.new),
291
+ previousValue: String(event.detail.old)
292
+ });
293
+ } }, values.map((value) => (h("button", { "data-name": value }, value))))));
264
294
  };
265
295
  renderBenefits = () => {
266
296
  const benefits = this.benefits ?? [];
@@ -325,7 +355,11 @@ const TetSnickerCard$1 = /*@__PURE__*/ proxyCustomElement(class TetSnickerCard e
325
355
  if (!hasDesktopAccordion) {
326
356
  return null;
327
357
  }
328
- return (h("button", { class: "footer__toggle", onClick: this.onBottomAccordionToggle }, h("span", { class: "footer__toggle-label" }, toggleLabel), h("tet-icon", { theme: this.theme, class: {
358
+ return (h("button", { class: {
359
+ 'footer__toggle': true,
360
+ 'tet-link': true,
361
+ [this.theme]: true
362
+ }, onClick: this.onBottomAccordionToggle }, h("span", { class: "footer__toggle-label" }, toggleLabel), h("tet-icon", { theme: this.theme, class: {
329
363
  'footer__toggle-icon': true,
330
364
  open: this.isAccordionOpen,
331
365
  }, type: "primary", name: "chevron-down" })));
@@ -343,12 +377,14 @@ const TetSnickerCard$1 = /*@__PURE__*/ proxyCustomElement(class TetSnickerCard e
343
377
  renderIndicator = () => {
344
378
  const indicator = this.indicator;
345
379
  if (!indicator) {
346
- return null;
380
+ return h("slot", { name: "indicator-label-icon" });
347
381
  }
348
382
  if (indicator.type === 'checkbox') {
349
383
  return (h("tet-checkbox", { class: "header__selector", theme: this.theme, checked: this.isSelectedState, disabled: this.isDisabledState, unavailable: this.isUnavailableState, iconName: indicator.iconName, labelFont: 'lg-inter', label: this.cardTitle, "aria-hidden": true, inert: true, alignCenter: false }, h("slot", { name: "indicator-label-icon", slot: "label-icon" })));
350
384
  }
351
- return (h("tet-radio", { class: "header__selector", theme: this.theme, checked: this.isSelectedState, disabled: this.isDisabledState, unavailable: this.isUnavailableState, iconName: indicator.iconName, label: this.cardTitle, labelFont: 'lg-inter', "aria-hidden": true, inert: true }, h("slot", { name: "indicator-label-icon", slot: "label-icon" })));
385
+ else if (indicator.type === 'radio') {
386
+ return (h("tet-radio", { class: "header__selector", theme: this.theme, checked: this.isSelectedState, disabled: this.isDisabledState, unavailable: this.isUnavailableState, iconName: indicator.iconName, label: this.cardTitle, labelFont: 'lg-inter', "aria-hidden": true, inert: true }, h("slot", { name: "indicator-label-icon", slot: "label-icon" })));
387
+ }
352
388
  };
353
389
  renderHeader = () => {
354
390
  const price = this.price;
@@ -382,7 +418,7 @@ const TetSnickerCard$1 = /*@__PURE__*/ proxyCustomElement(class TetSnickerCard e
382
418
  }, 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))));
383
419
  };
384
420
  render() {
385
- return (h(Host, { key: 'a88685a70c027c98ec763e160153aa6274d475b4' }, h("div", { key: 'b25bf28ca7e12d771a153db41313f76cd27b9737', class: {
421
+ return (h(Host, { key: '3be442b3f32bb608b25380921cead039211d8ae5' }, h("div", { key: '0d1c48eeef0e7c3565bc9c7f02e404185e1335f1', class: {
386
422
  'snicker-card': true,
387
423
  [this.theme]: true,
388
424
  'snicker-card--hoverable': this.isHoverable,
@@ -391,7 +427,7 @@ const TetSnickerCard$1 = /*@__PURE__*/ proxyCustomElement(class TetSnickerCard e
391
427
  'snicker-card--unavailable': this.isUnavailableState,
392
428
  'snicker-card--subscribed': this.isSubscribedState,
393
429
  'snicker-card--with-badge': !!this.topBadge
394
- }, onClick: this.onCardClick }, this.renderTopBadge(), this.renderSubscriptionStrip(), h("tet-accordion", { key: '9bdfeae578b8a42b01413e1aa47d886cfecac7e3', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: '117b36e8d38bf5dd52fbe67c499409bf06ea2aea', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: 'c6f735fc40f69b1a0d882b0ed5cba29006b9b222', class: "accordion__content" }, this.renderInlineMessage(), this.renderSelection(), this.renderBenefits(), this.renderPackageItems(), this.renderSubscriptionItems())), this.renderBottomSection())));
430
+ }, onClick: this.onCardClick }, this.renderTopBadge(), this.renderSubscriptionStrip(), h("tet-accordion", { key: 'a1195aa2bfac1a5473e9482e3330c9a689b04d05', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: '29f135ef5e3048c39041e2eb5e7d5f62d050c14b', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: 'c8b6014cc8b98be1186687850f297c25913eacca', class: "accordion__content" }, this.renderInlineMessage(), this.renderSelection(), this.renderSegmentSwitch(), this.renderBenefits(), this.renderPackageItems(), this.renderSubscriptionItems())), this.renderBottomSection())));
395
431
  }
396
432
  static get watchers() { return {
397
433
  "accordionConfig": ["onAccordionConfigChanged"],
@@ -414,6 +450,7 @@ const TetSnickerCard$1 = /*@__PURE__*/ proxyCustomElement(class TetSnickerCard e
414
450
  "price": [16],
415
451
  "inlineMessage": [16],
416
452
  "selectionConfig": [16],
453
+ "segmentSwitch": [16],
417
454
  "count": [2],
418
455
  "primaryValue": [8, "primary-value"],
419
456
  "secondaryValue": [8, "secondary-value"],
@@ -436,7 +473,7 @@ function defineCustomElement$1() {
436
473
  if (typeof customElements === "undefined") {
437
474
  return;
438
475
  }
439
- const components = ["tet-snicker-card", "tet-accordion", "tet-button", "tet-checkbox", "tet-dropdown", "tet-icon", "tet-inline-message", "tet-input", "tet-radio", "tet-stepper-input"];
476
+ const components = ["tet-snicker-card", "tet-accordion", "tet-button", "tet-checkbox", "tet-dropdown", "tet-icon", "tet-inline-message", "tet-input", "tet-radio", "tet-stepper-input", "tet-tab-header"];
440
477
  components.forEach(tagName => { switch (tagName) {
441
478
  case "tet-snicker-card":
442
479
  if (!customElements.get(tagName)) {
@@ -445,45 +482,50 @@ function defineCustomElement$1() {
445
482
  break;
446
483
  case "tet-accordion":
447
484
  if (!customElements.get(tagName)) {
448
- defineCustomElement$a();
485
+ defineCustomElement$b();
449
486
  }
450
487
  break;
451
488
  case "tet-button":
452
489
  if (!customElements.get(tagName)) {
453
- defineCustomElement$9();
490
+ defineCustomElement$a();
454
491
  }
455
492
  break;
456
493
  case "tet-checkbox":
457
494
  if (!customElements.get(tagName)) {
458
- defineCustomElement$8();
495
+ defineCustomElement$9();
459
496
  }
460
497
  break;
461
498
  case "tet-dropdown":
462
499
  if (!customElements.get(tagName)) {
463
- defineCustomElement$7();
500
+ defineCustomElement$8();
464
501
  }
465
502
  break;
466
503
  case "tet-icon":
467
504
  if (!customElements.get(tagName)) {
468
- defineCustomElement$6();
505
+ defineCustomElement$7();
469
506
  }
470
507
  break;
471
508
  case "tet-inline-message":
472
509
  if (!customElements.get(tagName)) {
473
- defineCustomElement$5();
510
+ defineCustomElement$6();
474
511
  }
475
512
  break;
476
513
  case "tet-input":
477
514
  if (!customElements.get(tagName)) {
478
- defineCustomElement$4();
515
+ defineCustomElement$5();
479
516
  }
480
517
  break;
481
518
  case "tet-radio":
482
519
  if (!customElements.get(tagName)) {
483
- defineCustomElement$3();
520
+ defineCustomElement$4();
484
521
  }
485
522
  break;
486
523
  case "tet-stepper-input":
524
+ if (!customElements.get(tagName)) {
525
+ defineCustomElement$3();
526
+ }
527
+ break;
528
+ case "tet-tab-header":
487
529
  if (!customElements.get(tagName)) {
488
530
  defineCustomElement$2();
489
531
  }
package/dist/components/tet-tab-header.js CHANGED
@@ -1,4 +1,4 @@
1
- import { T as TetTabHeader$1, d as defineCustomElement$1 } from './p-7836f80d.js';
1
+ import { T as TetTabHeader$1, d as defineCustomElement$1 } from './p-67c39d1c.js';
2
2
 
3
3
  const TetTabHeader = TetTabHeader$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/esm/index-aac31bd2.js CHANGED
@@ -373,10 +373,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
373
373
  return import(
374
374
  /* webpackMode: "lazy" */
375
375
  './tet-notification.entry.js').then(processMod, consoleError);
376
- case 'tet-tab-header':
377
- return import(
378
- /* webpackMode: "lazy" */
379
- './tet-tab-header.entry.js').then(processMod, consoleError);
380
376
  case 'tet-text-list':
381
377
  return import(
382
378
  /* webpackMode: "lazy" */
@@ -393,6 +389,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
393
389
  return import(
394
390
  /* webpackMode: "lazy" */
395
391
  './tet-switch.entry.js').then(processMod, consoleError);
392
+ case 'tet-tab-header':
393
+ return import(
394
+ /* webpackMode: "lazy" */
395
+ './tet-tab-header.entry.js').then(processMod, consoleError);
396
396
  case 'tet-autocomplete':
397
397
  return import(
398
398
  /* webpackMode: "lazy" */