@tet/tet-components 1.4.30-testing → 1.4.31-staging

package/dist/esm/tet-round-stepper.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-aac31bd2.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-e933a7d2.js';
 import { c as convertRemToPx, a as getRemSize } from './size-93cf5335.js';
 
 const tetRoundStepperCss = ":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\")}:host{--round-stepper-text-color:var(--tc-text-primary);--round-stepper-background-color:var(--tc-layer-tertiary);--step-icon-size:1.5rem;--step-circle-size:2.5rem;--description-hide-icons-font-size:0.875rem;--description-hide-icons-line-height:1.25rem;--round-stepper-align-items:center}:host .dark{--round-stepper-text-color:var(--tc-text-primary-dark);--round-stepper-background-color:var(--tc-layer-tertiary-dark)}.round-stepper{display:flex}.round-stepper.hide-icons .round-stepper__icon .icon{display:none}.round-stepper.column{flex-direction:column}.round-stepper__item{display:flex;align-items:var(--round-stepper-align-items);padding:0.5rem 0 0.5rem 0}.round-stepper__circle{display:flex;align-items:center;justify-content:center;min-width:var(--step-circle-size);height:var(--step-circle-size);border-radius:var(--step-circle-size);font-weight:500;font-size:1.25rem;background-color:var(--round-stepper-background-color);color:var(--round-stepper-text-color)}.round-stepper__circle.dark{background-color:var(--round-stepper-background-color) !important}.round-stepper__description,.round-stepper__icon{margin-left:1rem;font-weight:500}.round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem;color:var(--round-stepper-text-color)}.hide-icons .round-stepper__description{font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;font-size:var(--description-hide-icons-font-size);line-height:var(--description-hide-icons-line-height)}.column .round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem}.round-stepper__icon .icon.hide{display:none}tet-icon.icon{--icon-size:var(--step-icon-size)}";

package/dist/esm/tet-snicker-card-badge.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-aac31bd2.js';
+import { r as registerInstance, h, H as Host } from './index-e933a7d2.js';
 
 const tetSnickerCardBadgeCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:inline-block;max-width:100%;--badge-background-color:var(--tc-layer-primary);--badge-border-color:var(--tc-border-secondary);--badge-border-radius:0.625rem;--badge-padding:0.375rem 0.75rem;--badge-text-color:var(--tc-text-primary)}.badge{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:var(--badge-padding);border:0.0625rem solid var(--badge-border-color);border-radius:var(--badge-border-radius);background-color:var(--badge-background-color);color:var(--badge-text-color);white-space:nowrap}.badge__text{overflow:hidden;text-overflow:ellipsis}.light{--badge-text-color:var(--tc-text-primary)}.light.badge--type-info{--badge-background-color:var(--tc-alert-info);--badge-border-color:var(--tc-blue-40)}.light.badge--type-success{--badge-background-color:var(--tc-alert-success);--badge-border-color:var(--tc-green-40)}.light.badge--type-warning{--badge-background-color:var(--tc-alert-warning);--badge-border-color:var(--tc-yellow-40)}.light.badge--type-error{--badge-background-color:var(--tc-alert-error);--badge-border-color:var(--tc-red-40)}.light.badge--type-neutral{--badge-background-color:var(--tc-layer-secondary);--badge-border-color:var(--tc-border-tertiary)}.light.badge--state-disabled{--badge-border-color:var(--badge-background-color);--badge-text-color:var(--tc-grey-50);pointer-events:none}.light.badge--state-unavailable{--badge-border-color:var(--badge-background-color);--badge-text-color:var(--tc-text-tertiary);pointer-events:none}.dark{--badge-text-color:var(--tc-text-primary-dark)}.dark.badge--type-info{--badge-background-color:var(--tc-alert-info-dark);--badge-border-color:var(--tc-blue-40-dark)}.dark.badge--type-success{--badge-background-color:var(--tc-alert-success-dark);--badge-border-color:var(--tc-green-40-dark)}.dark.badge--type-warning{--badge-background-color:var(--tc-alert-warning-dark);--badge-border-color:var(--tc-yellow-40-dark)}.dark.badge--type-error{--badge-background-color:var(--tc-alert-error-dark);--badge-border-color:var(--tc-red-40-dark)}.dark.badge--type-neutral{--badge-background-color:var(--tc-layer-secondary-dark);--badge-border-color:var(--tc-border-tertiary-dark)}.dark.badge--state-disabled{--badge-border-color:var(--badge-background-color);--badge-text-color:var(--tc-grey-50-dark);pointer-events:none}.dark.badge--state-unavailable{--badge-border-color:var(--badge-background-color);--badge-text-color:var(--tc-text-tertiary-dark);pointer-events:none}";
 const TetSnickerCardBadgeStyle0 = tetSnickerCardBadgeCss;
@@ -7,18 +7,19 @@ const TetSnickerCardBadge = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.badgeTitle = undefined;
-        this.type = 'success';
+        this.type = undefined;
         this.state = undefined;
         this.theme = 'light';
     }
     render() {
+        const badgeType = this.type ?? 'success';
         const classes = {
             badge: true,
-            [`badge--type-${this.type}`]: true,
+            [`badge--type-${badgeType}`]: true,
             [this.theme]: true,
             [`badge--state-${this.state}`]: !!this.state
         };
-        return (h(Host, { key: '79d1ee1cf0fb516841b2f0623b2e39652bba0bbd' }, h("span", { key: '45be2ef1acbf0a9a337256c0230c01dc464c6f5e', class: classes }, h("span", { key: '289927c7caa909c377e2e1686bbdd63eb6bda3ef', class: "badge__text" }, this.badgeTitle ? this.badgeTitle : h("slot", null)))));
+        return (h(Host, { key: '5f8622a6a232bc4ef2846f7e19d1c25f442f08a8' }, h("span", { key: 'c4fd8e1936992a56062b37da619a1950177041f8', class: classes }, h("span", { key: '91ef465d16c84e7077670d1aa0653f2945c7104e', class: "badge__text" }, this.badgeTitle ? this.badgeTitle : h("slot", null)))));
     }
 };
 TetSnickerCardBadge.style = TetSnickerCardBadgeStyle0;

package/dist/esm/tet-snicker-card-group.entry.js

@@ -0,0 +1,172 @@
+import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-e933a7d2.js';
+
+const tetSnickerCardGroupCss = ":host{display:block}";
+const TetSnickerCardGroupStyle0 = tetSnickerCardGroupCss;
+
+const isSnickerCardState = (value) => (value === 'default'
+    || value === 'selected'
+    || value === 'disabled'
+    || value === 'unavailable'
+    || value === 'subscribed');
+const TetSnickerCardGroup = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.groupSelectionChange = createEvent(this, "groupSelectionChange", 7);
+        this.selectionType = 'radio';
+    }
+    get hostElement() { return getElement(this); }
+    /** Emitted when group selection changes. */
+    groupSelectionChange;
+    selectedIndex;
+    selectedIndexes = new Set();
+    onSelectionTypeChanged() {
+        if (this.selectionType === 'radio') {
+            const firstSelectedEntry = this.selectedIndexes.values().next();
+            const firstSelected = firstSelectedEntry.done ? undefined : firstSelectedEntry.value;
+            this.selectedIndex = firstSelected;
+            this.selectedIndexes = firstSelected === undefined ? new Set() : new Set([firstSelected]);
+        }
+        this.applySelectionToChildren();
+        this.emitSelectionChange();
+    }
+    componentDidLoad() {
+        this.syncSelectionFromChildren();
+        this.applySelectionToChildren();
+    }
+    getCards = () => (Array.from(this.hostElement.querySelectorAll('tet-snicker-card')));
+    isCardBlocked = (card) => (this.isCardStateBlocked(this.getCardState(card)));
+    getCardState = (card) => {
+        const stateValue = card.state;
+        return isSnickerCardState(stateValue) ? stateValue : 'default';
+    };
+    isCardStateBlocked = (state) => (state === 'disabled' || state === 'unavailable' || state === 'subscribed');
+    syncSelectionFromChildren = () => {
+        const cards = this.getCards();
+        if (this.selectionType === 'radio') {
+            const selected = cards.findIndex((card) => this.getCardState(card) === 'selected' && !this.isCardBlocked(card));
+            this.selectedIndex = selected >= 0 ? selected : undefined;
+            this.selectedIndexes = selected >= 0 ? new Set([selected]) : new Set();
+            return;
+        }
+        const indexes = cards
+            .map((card, index) => (this.getCardState(card) === 'selected' && !this.isCardBlocked(card) ? index : -1))
+            .filter((index) => index >= 0);
+        this.selectedIndexes = new Set(indexes);
+        this.selectedIndex = indexes[0];
+    };
+    applySelectionToChildren = () => {
+        const cards = this.getCards();
+        const enabledIndexes = cards
+            .map((card, index) => (this.isCardBlocked(card) ? -1 : index))
+            .filter((index) => index >= 0);
+        const selectedEnabledIndex = this.selectedIndex !== undefined && enabledIndexes.includes(this.selectedIndex)
+            ? this.selectedIndex
+            : undefined;
+        const radioTabStopIndex = selectedEnabledIndex ?? enabledIndexes[0];
+        cards.forEach((card, index) => {
+            card.selectionType = this.selectionType;
+            card.isTabStop = this.selectionType === 'radio'
+                ? index === radioTabStopIndex
+                : !this.isCardBlocked(card);
+        });
+    };
+    getCardIndexFromEvent = (event) => {
+        const cards = this.getCards();
+        const isSnickerCardElement = (entry) => (entry instanceof HTMLElement && entry.tagName === 'TET-SNICKER-CARD');
+        const cardFromPath = event.composedPath().find(isSnickerCardElement);
+        if (!cardFromPath) {
+            return -1;
+        }
+        return cards.indexOf(cardFromPath);
+    };
+    emitSelectionChange = () => {
+        const selectedIndexes = Array.from(this.selectedIndexes).sort((a, b) => a - b);
+        this.groupSelectionChange.emit({
+            selectionType: this.selectionType,
+            selectedIndexes
+        });
+    };
+    focusCard = async (card) => {
+        if (!card) {
+            return;
+        }
+        await card.focusSelectionTarget();
+        const fallbackFocusable = card.shadowRoot?.querySelector('.header__top-left');
+        fallbackFocusable?.focus();
+    };
+    handleCardClick = (event) => {
+        const cards = this.getCards();
+        const index = this.getCardIndexFromEvent(event);
+        if (index < 0 || this.isCardBlocked(cards[index])) {
+            return;
+        }
+        if (this.selectionType === 'radio') {
+            this.selectedIndex = index;
+            this.selectedIndexes = new Set([index]);
+        }
+        else if (this.selectedIndexes.has(index)) {
+            this.selectedIndexes.delete(index);
+        }
+        else {
+            this.selectedIndexes.add(index);
+        }
+        this.applySelectionToChildren();
+        this.emitSelectionChange();
+    };
+    handleKeyDown = (event) => {
+        const key = event.key;
+        const isArrowKey = key === 'ArrowRight' || key === 'ArrowLeft' || key === 'ArrowUp' || key === 'ArrowDown';
+        const isHomeOrEnd = key === 'Home' || key === 'End';
+        if (!isArrowKey && !isHomeOrEnd) {
+            return;
+        }
+        const cards = this.getCards();
+        const enabledIndexes = cards
+            .map((card, index) => (this.isCardBlocked(card) ? -1 : index))
+            .filter((index) => index >= 0);
+        if (enabledIndexes.length === 0) {
+            return;
+        }
+        const currentIndex = this.getCardIndexFromEvent(event);
+        const currentEnabledPosition = enabledIndexes.indexOf(currentIndex);
+        let nextEnabledPosition = currentEnabledPosition;
+        if (key === 'Home') {
+            nextEnabledPosition = 0;
+        }
+        else if (key === 'End') {
+            nextEnabledPosition = enabledIndexes.length - 1;
+        }
+        else if (key === 'ArrowRight' || key === 'ArrowDown') {
+            nextEnabledPosition = currentEnabledPosition >= 0
+                ? (currentEnabledPosition + 1) % enabledIndexes.length
+                : 0;
+        }
+        else if (key === 'ArrowLeft' || key === 'ArrowUp') {
+            nextEnabledPosition = currentEnabledPosition >= 0
+                ? (currentEnabledPosition - 1 + enabledIndexes.length) % enabledIndexes.length
+                : enabledIndexes.length - 1;
+        }
+        const nextIndex = enabledIndexes[nextEnabledPosition];
+        event.preventDefault();
+        void this.focusCard(cards[nextIndex]);
+        if (this.selectionType === 'radio') {
+            this.selectedIndex = nextIndex;
+            this.selectedIndexes = new Set([nextIndex]);
+            this.applySelectionToChildren();
+            this.emitSelectionChange();
+        }
+    };
+    handleSlotChange = () => {
+        this.syncSelectionFromChildren();
+        this.applySelectionToChildren();
+    };
+    render() {
+        return (h(Host, { key: 'f7a1d5411aace7f38cb20d074c9ec7da558123c2', role: this.selectionType === 'radio' ? 'radiogroup' : 'group', onCardClick: this.handleCardClick, onKeyDown: this.handleKeyDown }, h("slot", { key: '63621008e40e7d6ac89cdf1d238ac7a904960b72', onSlotchange: this.handleSlotChange })));
+    }
+    static get watchers() { return {
+        "selectionType": ["onSelectionTypeChanged"]
+    }; }
+};
+TetSnickerCardGroup.style = TetSnickerCardGroupStyle0;
+
+export { TetSnickerCardGroup as tet_snicker_card_group };