@tet/tet-components 1.4.27-testing → 1.4.28-staging

package/dist/cjs/tet-carousel.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
-const translations = require('./translations-03c9de64.js');
+const index = require('./index-faec4c52.js');
+const translations = require('./translations-89a0ec3d.js');
 require('./typecheck-d48810dc.js');
-require('./http-codes-40da1e61.js');
+require('./http-codes-062f76cf.js');
 
-const tetCarouselCss = ":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{--carousel-background:transparent;--carousel-dot-size:1rem;--carousel-buttons-bottom:-1rem;--carousel-dot-background:transparent;--carousel-dot-border:0.0625rem solid var(--tc-grey-70);--carousel-dot-border:0.0625rem solid var(--tc-grey-70);--carousel-dot-margin:0;--carousel-dot-margin-mobile:1rem;--carousel-label-color:var(--tc-text-secondary);--carousel-dot-active-background:var(--tc-layer-inverse-primary);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover);--carousel-dot-active-hover-background:var(--tc-grey-80);--carousel-dots-gap:0.5rem;--carousel-buttons-gap:1rem;--carousel-track-gap:0;--carousel-track-height:100%;--carousel-item-width:100%;--carousel-item-height:100%;--carousel-buttons-right:2rem;--carousel-dots-bottom:-1rem;--carousel-nudge-animation-duration:1.5s;--carousel-gradient:var(--tc-background-primary);-webkit-tap-highlight-color:transparent;display:inline-block;cursor:pointer;width:100%}.tet-carousel{position:relative;width:100%;background:var(--carousel-background)}.tet-carousel.dark{--carousel-dot-active-background:var(--tc-layer-inverse-primary-dark);--carousel-dot-border:0.0625rem solid var(--tc-grey-70-dark);--carousel-dot-border:0.0625rem solid var(--tc-grey-70-dark);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover-dark);--carousel-dot-active-hover-background:var(--tc-grey-80-dark);--carousel-label-color:var(--tc-text-secondary-dark);--carousel-gradient:var(--tc-background-primary-dark)}.tet-carousel__container{width:var(--carousel-item-width);max-width:var(--carousel-item-width);height:var(--carousel-track-height);position:relative;margin-bottom:var(--carousel-dot-margin-mobile)}.tet-carousel__controls{position:relative;display:flex;align-items:center;justify-content:center;height:fit-content;margin-bottom:var(--carousel-dot-margin-mobile);min-height:2.75rem;touch-action:manipulation}.tet-carousel__label{color:var(--carousel-label-color);margin-left:auto;margin-right:auto;margin-bottom:1rem;text-align:center;font-family:var(--font-family-content);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.003125rem}.tet-carousel__track{touch-action:pan-y;display:flex;height:var(--carousel-track-height);will-change:transform}.tet-carousel__track--center{justify-content:center}.tet-carousel__track-content{display:flex;gap:var(--carousel-track-gap);will-change:transform}.tet-carousel__track-content--nudge{animation:tet-carousel-nudge var(--carousel-nudge-animation-duration) ease-in-out}@media (hover: hover) and (pointer: fine){.tet-carousel:hover .tet-carousel__track-content--nudge{animation-play-state:paused}}.tet-carousel__track-content>*{flex-shrink:0;display:flex;align-items:center;justify-content:center}.tet-carousel__buttons{position:absolute;right:0;bottom:50%;display:flex;transform:translateY(50%);gap:var(--carousel-buttons-gap);z-index:2}.tet-carousel__buttons--mobile{display:flex;left:0}.tet-carousel__buttons--desktop{display:none !important}.tet-carousel__dots{display:flex;width:100%;gap:var(--carousel-dots-gap);justify-content:center;align-items:center}.tet-carousel__dot{width:var(--carousel-dot-size);height:var(--carousel-dot-size);border-radius:50%;background:var(--carousel-dot-background);cursor:pointer;transition:background 0.2s;border:var(--carousel-dot-border);z-index:2;touch-action:manipulation}.tet-carousel__dot:hover{background:var(--carousel-dot-hover-background)}.tet-carousel__dot.active{background:var(--carousel-dot-active-background);border:none}.tet-carousel__dot.active:hover{background:var(--carousel-dot-active-hover-background)}.tet-carousel__dot:focus-visible{outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem}.tet-carousel__gradient-left,.tet-carousel__gradient-right{position:absolute;top:0;display:block;width:13.75rem;height:100%;transition:opacity 0.4s ease-out;pointer-events:none;z-index:20;opacity:0}.tet-carousel__gradient-left{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);left:0}.tet-carousel__gradient-right{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);right:0}@keyframes tet-carousel-nudge{0%{transform:translateX(0)}50%{transform:translateX(calc(var(--tet-carousel-nudge-distance) * -1))}70%{transform:translateX(calc(var(--tet-carousel-nudge-distance) * -1))}100%{transform:translateX(0)}}@media all and (min-width: 46.25rem){.tet-carousel__controls{margin-bottom:var(--carousel-dot-margin)}.tet-carousel__label{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem}.tet-carousel__buttons{right:0.25rem}.tet-carousel__buttons--mobile{display:none}.tet-carousel__buttons--desktop{display:flex !important}}@media all and (min-width: 90rem){.tet-carousel__label{font-size:1.125rem;line-height:1.75rem}}";
+const tetCarouselCss = ":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{--carousel-background:transparent;--carousel-dot-size:1rem;--carousel-buttons-bottom:-1rem;--carousel-dot-background:transparent;--carousel-dot-border:0.0625rem solid var(--tc-grey-70);--carousel-dot-border:0.0625rem solid var(--tc-grey-70);--carousel-dot-margin:0;--carousel-dot-margin-mobile:1rem;--carousel-label-color:var(--tc-text-secondary);--carousel-dot-active-background:var(--tc-layer-inverse-primary);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover);--carousel-dot-active-hover-background:var(--tc-grey-80);--carousel-dots-gap:0.5rem;--carousel-buttons-gap:1rem;--carousel-track-gap:0;--carousel-track-height:100%;--carousel-item-width:100%;--carousel-item-height:100%;--carousel-buttons-right:2rem;--carousel-dots-bottom:-1rem;--carousel-nudge-animation-duration:1.5s;--carousel-gradient:var(--tc-background-primary);-webkit-tap-highlight-color:transparent;display:inline-block;width:100%}.tet-carousel{position:relative;width:100%;background:var(--carousel-background)}.tet-carousel.dark{--carousel-dot-active-background:var(--tc-layer-inverse-primary-dark);--carousel-dot-border:0.0625rem solid var(--tc-grey-70-dark);--carousel-dot-border:0.0625rem solid var(--tc-grey-70-dark);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover-dark);--carousel-dot-active-hover-background:var(--tc-grey-80-dark);--carousel-label-color:var(--tc-text-secondary-dark);--carousel-gradient:var(--tc-background-primary-dark)}.tet-carousel__container{width:var(--carousel-item-width);max-width:var(--carousel-item-width);height:var(--carousel-track-height);position:relative;margin-bottom:var(--carousel-dot-margin-mobile)}.tet-carousel__controls{position:relative;display:flex;align-items:center;justify-content:center;height:fit-content;margin-bottom:var(--carousel-dot-margin-mobile);min-height:2.75rem;touch-action:manipulation}.tet-carousel__label{color:var(--carousel-label-color);margin-left:auto;margin-right:auto;margin-bottom:1rem;text-align:center;font-family:var(--font-family-content);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.003125rem}.tet-carousel__track{touch-action:pan-y;display:flex;height:var(--carousel-track-height);will-change:transform}.tet-carousel__track--center{justify-content:center}.tet-carousel__track-content{display:flex;gap:var(--carousel-track-gap);will-change:transform}.tet-carousel__track-content--nudge{animation:tet-carousel-nudge var(--carousel-nudge-animation-duration) ease-in-out}@media (hover: hover) and (pointer: fine){.tet-carousel:hover .tet-carousel__track-content--nudge{animation-play-state:paused}}.tet-carousel__track-content>*{flex-shrink:0;display:flex;align-items:center;justify-content:center}.tet-carousel__buttons{position:absolute;right:0;bottom:50%;display:flex;transform:translateY(50%);gap:var(--carousel-buttons-gap);z-index:2}.tet-carousel__buttons--mobile{display:flex;left:0}.tet-carousel__buttons--desktop{display:none !important}.tet-carousel__dots{display:flex;width:100%;gap:var(--carousel-dots-gap);justify-content:center;align-items:center}.tet-carousel__dot{width:var(--carousel-dot-size);height:var(--carousel-dot-size);border-radius:50%;background:var(--carousel-dot-background);cursor:pointer;transition:background 0.2s;border:var(--carousel-dot-border);z-index:2;touch-action:manipulation}.tet-carousel__dot:hover{background:var(--carousel-dot-hover-background)}.tet-carousel__dot.active{background:var(--carousel-dot-active-background);border:none}.tet-carousel__dot.active:hover{background:var(--carousel-dot-active-hover-background)}.tet-carousel__dot:focus-visible{outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem}.tet-carousel__gradient-left,.tet-carousel__gradient-right{position:absolute;top:0;display:block;width:13.75rem;height:100%;transition:opacity 0.4s ease-out;pointer-events:none;z-index:20;opacity:0}.tet-carousel__gradient-left{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);left:0}.tet-carousel__gradient-right{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);right:0}@keyframes tet-carousel-nudge{0%{transform:translateX(0)}50%{transform:translateX(calc(var(--tet-carousel-nudge-distance) * -1))}70%{transform:translateX(calc(var(--tet-carousel-nudge-distance) * -1))}100%{transform:translateX(0)}}@media all and (min-width: 46.25rem){.tet-carousel__controls{margin-bottom:var(--carousel-dot-margin)}.tet-carousel__label{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem}.tet-carousel__buttons{right:0.25rem}.tet-carousel__buttons--mobile{display:none}.tet-carousel__buttons--desktop{display:flex !important}}@media all and (min-width: 90rem){.tet-carousel__label{font-size:1.125rem;line-height:1.75rem}}";
 const TetCarouselStyle0 = tetCarouselCss;
 
 const TetCarousel = class {
@@ -37,42 +37,73 @@ const TetCarousel = class {
     static NUDGE_DISTANCE_PX = 16;
     static NUDGE_IDLE_THRESHOLD_MS = 1500;
     static GRADIENT_VISIBILITY_THRESHOLD_PX = 1;
+    static EDGE_DRAG_MAX_PX = 32;
+    static EDGE_DRAG_RESISTANCE = 0.95;
+    static MOUSE_DRAG_SMOOTHING_MS = 60;
+    focusableSelector = 'a[href], [tabindex]:not([tabindex="-1"])';
+    handleResize = () => {
+        this.getDotCount();
+        const assigned = this.getSlotElements();
+        if (!assigned?.length)
+            return;
+        const idx = Math.max(0, Math.min(this.activeItem, assigned.length - 1));
+        this.moveToItem(assigned[idx], idx);
+        this.checkGradient();
+    };
+    handleSlotChangeListener = () => this.handleSlotChange();
+    managedFocusableElements = [];
+    managedSlideFocusWithinListeners = [];
     draggedAnchor = null;
     dragMoved = false;
     dragPointerStartX = 0;
     dragStartX = 0;
+    dragStartActiveItem = 0;
+    dragPointerType = '';
     nudgeTimeoutId;
     nudgeGradientRafId;
     lastInteractionAt = 0;
     trackElement = null;
     trackContentElement = null;
+    mobileBackButtonWrapper = null;
     container;
     leftGradientRef;
     rightGradientRef;
     slotObserver;
-    async onLanguageChange(language) {
-        translations.processTranslations('tet-components', language).then(() => index.forceUpdate(this));
+    safeForceUpdate() {
+        try {
+            index.forceUpdate(this);
+        }
+        catch { }
+    }
+    syncTranslations(language) {
+        translations.processTranslations('tet-components', language).then(() => this.safeForceUpdate());
+    }
+    onLanguageChange(language) {
+        this.syncTranslations(language);
+    }
+    onActiveItemChange() {
+        this.updateSlideFocusableTabIndexes();
     }
     checkGradient() {
         if (this.showGradient) {
-            const absOffset = Math.abs(this.getRealDragOffset());
             const wrapperWidth = this.getViewportWidth();
             const totalWidth = this.getSlotClientWidth();
-            const rightEdgeDistance = totalWidth - absOffset - wrapperWidth;
-            if (rightEdgeDistance >= 0) {
-                const rightEdge = rightEdgeDistance < TetCarousel.GRADIENT_VISIBILITY_THRESHOLD_PX;
-                if (absOffset < TetCarousel.GRADIENT_VISIBILITY_THRESHOLD_PX) {
-                    this.leftGradientRef.style.opacity = '0';
-                    this.rightGradientRef.style.opacity = '1';
-                }
-                else if (rightEdge) {
-                    this.leftGradientRef.style.opacity = '1';
-                    this.rightGradientRef.style.opacity = '0';
-                }
-                else {
-                    this.leftGradientRef.style.opacity = '1';
-                    this.rightGradientRef.style.opacity = '1';
-                }
+            const maxScrollableOffset = Math.max(0, totalWidth - wrapperWidth);
+            const rawScrollableOffset = -this.getRealDragOffset();
+            const clampedScrollableOffset = Math.max(0, Math.min(maxScrollableOffset, rawScrollableOffset));
+            const rightEdgeDistance = maxScrollableOffset - clampedScrollableOffset;
+            const rightEdge = rightEdgeDistance < TetCarousel.GRADIENT_VISIBILITY_THRESHOLD_PX;
+            if (clampedScrollableOffset < TetCarousel.GRADIENT_VISIBILITY_THRESHOLD_PX) {
+                this.leftGradientRef.style.opacity = '0';
+                this.rightGradientRef.style.opacity = '1';
+            }
+            else if (rightEdge) {
+                this.leftGradientRef.style.opacity = '1';
+                this.rightGradientRef.style.opacity = '0';
+            }
+            else {
+                this.leftGradientRef.style.opacity = '1';
+                this.rightGradientRef.style.opacity = '1';
             }
         }
         else {
@@ -88,7 +119,7 @@ const TetCarousel = class {
         this.checkGradient();
     }
     componentWillLoad() {
-        translations.processTranslations('tet-components', this.language).then(() => index.forceUpdate(this));
+        this.syncTranslations(this.language);
     }
     getSlotElements() {
         const slot = this.container?.querySelector('slot');
@@ -108,6 +139,9 @@ const TetCarousel = class {
     getSlotClientWidth() {
         return this.trackElement?.querySelector('slot')?.offsetWidth || window.innerWidth;
     }
+    getMaxScrollableOffset() {
+        return Math.max(0, this.getSlotClientWidth() - this.getViewportWidth());
+    }
     // Run a callback after layout/paint to ensure DOM measurements are up to date
     afterLayout(cb) {
         requestAnimationFrame(() => requestAnimationFrame(cb));
@@ -130,30 +164,140 @@ const TetCarousel = class {
         const lastScreenBorder = Math.max(dotScreenLength, viewportWidth);
         return this.isLast(lastScreenBorder, position);
     }
-    getFullyVisibleItemCount() {
+    getItemLayoutMetrics() {
         const assigned = this.getSlotElements();
         if (!assigned || assigned.length === 0)
+            return [];
+        return assigned.map((item, index) => {
+            const left = item.offsetLeft;
+            return {
+                item,
+                index,
+                left,
+                right: left + item.offsetWidth
+            };
+        });
+    }
+    getFullyVisibleItemCount() {
+        const metrics = this.getItemLayoutMetrics();
+        if (!metrics.length)
             return 0;
         const viewportWidth = this.getViewportWidth();
-        const absOffset = Math.abs(this.dragOffset);
-        const visibleLeft = absOffset;
-        const visibleRight = absOffset + viewportWidth;
+        const visibleLeft = Math.abs(this.dragOffset);
+        const visibleRight = visibleLeft + viewportWidth;
         let count = 0;
-        for (const item of assigned) {
-            const rect = item.getBoundingClientRect();
-            const trackRect = this.trackElement.getBoundingClientRect();
-            const relativeLeft = rect.left - trackRect.left;
-            const relativeRight = relativeLeft + item.offsetWidth;
-            // Fully visible when the entire item falls inside the viewport window
-            if (relativeLeft >= visibleLeft && relativeRight <= visibleRight) {
+        for (const { left, right } of metrics) {
+            if (left >= visibleLeft && right <= visibleRight) {
                 count++;
             }
         }
         return count;
     }
+    getVisibleItemCountFromIndex(startIndex) {
+        const metrics = this.getItemLayoutMetrics();
+        if (!metrics.length)
+            return 1;
+        const safeStart = Math.max(0, Math.min(startIndex, metrics.length - 1));
+        const viewportWidth = this.getViewportWidth();
+        const startLeft = metrics[safeStart].left;
+        const visibleRight = startLeft + viewportWidth + 0.5;
+        let count = 0;
+        for (let index = safeStart; index < metrics.length; index++) {
+            if (metrics[index].right <= visibleRight) {
+                count++;
+            }
+            else {
+                break;
+            }
+        }
+        return Math.max(1, count);
+    }
+    getFirstVisibleItemInViewport() {
+        const metrics = this.getItemLayoutMetrics();
+        if (!metrics.length)
+            return null;
+        const viewportLeft = Math.abs(this.dragOffset);
+        const edgeEpsilon = 0.5;
+        const current = metrics.find((metric) => metric.left <= viewportLeft + edgeEpsilon && metric.right > viewportLeft + edgeEpsilon);
+        if (current) {
+            const itemWidth = current.right - current.left;
+            const visibleWidth = current.right - viewportLeft;
+            const isAtLeastHalfVisible = visibleWidth >= itemWidth / 2;
+            if (isAtLeastHalfVisible || current.index === metrics.length - 1) {
+                return { item: current.item, index: current.index };
+            }
+            const next = metrics[current.index + 1];
+            if (next) {
+                return { item: next.item, index: next.index };
+            }
+        }
+        if (viewportLeft <= metrics[0].left + edgeEpsilon) {
+            return { item: metrics[0].item, index: metrics[0].index };
+        }
+        const firstAfterViewport = metrics.find((metric) => metric.left > viewportLeft + edgeEpsilon);
+        if (firstAfterViewport) {
+            return { item: firstAfterViewport.item, index: firstAfterViewport.index };
+        }
+        const last = metrics.at(-1);
+        return { item: last.item, index: last.index };
+    }
+    getEdgeSnapTarget(direction) {
+        const metrics = this.getItemLayoutMetrics();
+        if (!metrics.length)
+            return null;
+        const viewportLeft = Math.abs(this.dragOffset);
+        const viewportRight = viewportLeft + this.getViewportWidth();
+        const first = metrics[0];
+        const last = metrics.at(-1);
+        if (direction < 0) {
+            const firstVisibleWidth = Math.min(first.right, viewportRight) - Math.max(first.left, viewportLeft);
+            if (firstVisibleWidth > 0 && firstVisibleWidth >= (first.right - first.left) / 2) {
+                return { item: first.item, index: first.index };
+            }
+        }
+        if (direction > 0) {
+            const lastVisibleWidth = Math.min(last.right, viewportRight) - Math.max(last.left, viewportLeft);
+            if (lastVisibleWidth > 0 && lastVisibleWidth >= (last.right - last.left) / 2) {
+                return { item: last.item, index: last.index };
+            }
+        }
+        return null;
+    }
+    getSwipeTarget(direction) {
+        const assigned = this.getSlotElements();
+        if (!assigned || assigned.length === 0)
+            return null;
+        const edgeSnapTarget = this.getEdgeSnapTarget(direction);
+        if (edgeSnapTarget) {
+            return edgeSnapTarget;
+        }
+        const firstVisible = this.getFirstVisibleItemInViewport();
+        let targetIndex = firstVisible?.index ?? this.dragStartActiveItem;
+        if (direction > 0 && targetIndex <= this.dragStartActiveItem) {
+            targetIndex = this.dragStartActiveItem + 1;
+        }
+        if (direction < 0 && targetIndex >= this.dragStartActiveItem) {
+            targetIndex = this.dragStartActiveItem - 1;
+        }
+        targetIndex = Math.max(0, Math.min(assigned.length - 1, targetIndex));
+        const targetItem = assigned[targetIndex];
+        if (!targetItem)
+            return null;
+        return { item: targetItem, index: targetIndex };
+    }
     getRealDragOffset() {
         return this.dragOffset + this.getCurrentNudgeTranslateX();
     }
+    applyEdgeDragResistance(offset, minDragOffset) {
+        if (offset > 0) {
+            return Math.min(TetCarousel.EDGE_DRAG_MAX_PX, offset * TetCarousel.EDGE_DRAG_RESISTANCE);
+        }
+        if (offset < minDragOffset) {
+            const overscrollPastEnd = offset - minDragOffset;
+            return minDragOffset + Math.max(-TetCarousel.EDGE_DRAG_MAX_PX, overscrollPastEnd * TetCarousel.EDGE_DRAG_RESISTANCE);
+        }
+        return offset;
+    }
     getCurrentNudgeTranslateX() {
         if (!this.isNudgeAnimating || !this.trackContentElement)
             return 0;
@@ -172,53 +316,53 @@ const TetCarousel = class {
         if (!assigned) {
             this.dotCount = 1;
             this.totalItems = 0;
-            return 1;
+            this.activeDotIndex = 0;
+            return;
         }
         this.totalItems = assigned.length;
         const viewportWidth = this.getViewportWidth();
         const totalWidth = this.getSlotClientWidth();
         // Precise: add a dot whenever there's any overflow beyond a full viewport
         const exactScreens = Math.ceil(totalWidth / Math.max(1, viewportWidth));
-        this.dotCount = Math.max(1, Math.min(this?.maxDots, exactScreens));
+        const maxDots = Number.isFinite(this.maxDots) ? this.maxDots : exactScreens;
+        this.dotCount = Math.max(1, Math.min(maxDots, exactScreens));
+        this.activeDotIndex = this.clampDotIndex(this.activeDotIndex);
     }
     handleMove = () => {
         const assigned = this.getSlotElements();
         if (!assigned)
-            return 1;
+            return;
         const item = assigned[this.activeItem];
         if (item) {
             this.moveToItem(item);
         }
     };
-    handlePrev = () => {
+    navigateByStep(direction) {
         this.registerUserInteraction();
-        if (this.activeItem <= 0)
+        const assigned = this.getSlotElements();
+        if (!assigned || assigned.length === 0)
             return;
-        this.afterLayout(() => {
-            const visibleItems = Math.max(1, this.getFullyVisibleItemCount());
-            if (this.activeItem && this.activeItem < visibleItems) {
-                this.activeItem -= this.activeItem;
-            }
-            else {
-                this.activeItem -= visibleItems;
-            }
-            this.handleMove();
-        });
+        const previousDotIndex = this.activeDotIndex;
+        const viewportFirstVisible = this.getFirstVisibleItemInViewport();
+        const baseIndex = viewportFirstVisible?.index ?? this.activeItem;
+        const visibleItems = this.getVisibleItemCountFromIndex(baseIndex);
+        const targetIndex = Math.max(0, Math.min(assigned.length - 1, baseIndex + direction * visibleItems));
+        if (targetIndex === baseIndex)
+            return;
+        const targetItem = assigned[targetIndex];
+        if (!targetItem)
+            return;
+        this.moveToItem(targetItem, targetIndex);
+        // Keep arrow-driven dot navigation stable: one arrow press must not skip more than one dot.
+        if (Math.abs(this.activeDotIndex - previousDotIndex) > 1) {
+            this.moveToDotIndex(previousDotIndex + direction);
+        }
+    }
+    handlePrev = () => {
+        this.navigateByStep(-1);
     };
     handleNext = () => {
-        this.registerUserInteraction();
-        if (this.activeItem >= this.totalItems - 1)
-            return;
-        this.afterLayout(() => {
-            const visibleItems = Math.max(1, this.getFullyVisibleItemCount());
-            if (this.totalItems - this.activeItem < visibleItems) {
-                this.activeItem = this.totalItems - 1;
-            }
-            else {
-                this.activeItem += visibleItems;
-            }
-            this.handleMove();
-        });
+        this.navigateByStep(1);
     };
     moveToLastScreen = () => {
         const wrapperWidth = this.getViewportWidth();
@@ -239,9 +383,9 @@ const TetCarousel = class {
         const assigned = this.getSlotElements();
         if (!assigned)
             return null;
+        const trackRect = this.trackElement.getBoundingClientRect();
         for (const [index, item] of assigned.entries()) {
             const rect = item.getBoundingClientRect();
-            const trackRect = this.trackElement.getBoundingClientRect();
             let relativeLeft = rect.left - trackRect.left;
             const gradientOffset = this.calculateGradient(item, relativeLeft);
             if (relativeLeft >= target - this.swipeThreshold + gradientOffset) {
@@ -250,33 +394,94 @@ const TetCarousel = class {
         }
         return { item: assigned[0], index: 0 };
     };
+    moveToDotIndex(idx) {
+        this.activeDotIndex = this.clampDotIndex(idx);
+        const maxScrollableOffset = this.getMaxScrollableOffset();
+        const isLastDot = this.dotCount - 1 === this.activeDotIndex && !this.isDragging;
+        const unclampedTargetOffset = isLastDot ? maxScrollableOffset : this.activeDotIndex * this.getDotScreenLength();
+        const targetOffset = Math.max(0, Math.min(unclampedTargetOffset, maxScrollableOffset));
+        const lastScreenElement = this.calcLastScreenElement(targetOffset);
+        if (!lastScreenElement) {
+            this.activeItem = 0;
+            this.dragOffset = 0;
+            return;
+        }
+        const { index } = lastScreenElement;
+        this.activeItem = index;
+        this.dragOffset = -targetOffset;
+    }
     handleDotClick = (idx) => {
         this.registerUserInteraction();
-        this.activeDotIndex = idx;
-        const totalWidth = this.getSlotClientWidth();
-        let targetDragOffset = 0;
-        if (this.dotCount - 1 === this.activeDotIndex && !this.isDragging) {
-            const viewPortWidth = this.getViewportWidth();
-            targetDragOffset = totalWidth - viewPortWidth;
-        }
-        else {
-            targetDragOffset = idx * this.getDotScreenLength();
-        }
-        const { item, index } = this.calcLastScreenElement(targetDragOffset);
-        if (!this.isLastViewport(targetDragOffset)) {
-            if (!item)
+        this.moveToDotIndex(idx);
+    };
+    focusDot = (idx) => {
+        if (!this.container)
+            return;
+        const dots = Array.from(this.container.querySelectorAll('.tet-carousel__dot'));
+        dots[idx]?.focus();
+    };
+    getKeyboardTargetIndex(key, currentIndex, maxIndex) {
+        if (maxIndex < 1)
+            return null;
+        switch (key) {
+            case 'ArrowRight':
+            case 'ArrowDown':
+                return Math.min(maxIndex, currentIndex + 1);
+            case 'ArrowLeft':
+            case 'ArrowUp':
+                return Math.max(0, currentIndex - 1);
+            case 'Home':
+                return 0;
+            case 'End':
+                return maxIndex;
+            default:
+                return null;
+        }
+    }
+    handleNavigationKeyDown(event, currentIndex, maxIndex, onNavigate, onFocus) {
+        const targetIndex = this.getKeyboardTargetIndex(event.key, currentIndex, maxIndex);
+        if (targetIndex === null)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        if (!onNavigate(targetIndex))
+            return;
+        this.afterLayout(() => onFocus(targetIndex));
+    }
+    handleDotKeyDown = (event, idx) => {
+        if (event.key === 'Tab' && event.shiftKey) {
+            if (this.hasVisibleMobileBackButtonTarget())
                 return;
-            this.moveToItem(item, index);
-        }
-        else {
-            if (index || index === 0) {
-                this.activeItem = index;
-            }
-            this.moveToLastScreen();
+            this.registerUserInteraction();
+            event.preventDefault();
+            event.stopPropagation();
+            this.afterLayout(() => this.focusSlideByIndex(this.activeItem));
+            return;
         }
+        this.handleNavigationKeyDown(event, idx, this.dotCount - 1, (targetIdx) => {
+            this.handleDotClick(targetIdx);
+            return true;
+        }, (targetIdx) => this.focusDot(targetIdx));
     };
+    isElementVisible(element) {
+        if (!element.isConnected)
+            return false;
+        if (element.hidden || element.hasAttribute('hidden'))
+            return false;
+        if (element.getClientRects().length === 0)
+            return false;
+        const style = getComputedStyle(element);
+        return style.display !== 'none' && style.visibility !== 'hidden';
+    }
+    hasVisibleMobileBackButtonTarget() {
+        if (this.isLeftNavigationDisabled())
+            return false;
+        const wrapper = this.mobileBackButtonWrapper;
+        return !!wrapper && this.isElementVisible(wrapper);
+    }
     onPointerDown = (e) => {
         this.registerUserInteraction();
+        this.dragPointerType = e.pointerType || 'mouse';
         e.preventDefault();
         e.stopPropagation();
         e.stopImmediatePropagation();
@@ -284,9 +489,11 @@ const TetCarousel = class {
         this.dragStartX = e.screenX;
         this.dragMoved = false;
         this.dragPointerStartX = e.screenX;
+        this.dragStartActiveItem = this.activeItem;
         document.body.style.userSelect = 'none';
         document.addEventListener('pointermove', this.onPointerMove);
         document.addEventListener('pointerup', this.onPointerUp);
+        document.addEventListener('pointercancel', this.onPointerUp);
         let el = e.target;
         this.draggedAnchor = null;
         while (el) {
@@ -300,7 +507,6 @@ const TetCarousel = class {
     onPointerMove = (e) => {
         if (!this.isDragging)
             return;
-        this.registerUserInteraction();
         // Only consider this a move (and prevent clicks) when movement exceeds a small threshold.
         const moveDistanceFromStart = Math.abs(e.screenX - this.dragPointerStartX);
         if (!this.dragMoved && moveDistanceFromStart > 5) {
@@ -318,84 +524,117 @@ const TetCarousel = class {
         this.dragStartX = e.screenX;
         const wrapperWidth = this.getViewportWidth();
         const totalWidth = this.getSlotClientWidth();
-        const totalScrollableWidth = -(totalWidth - wrapperWidth);
-        if (totalScrollableWidth < _dragOffset && _dragOffset < 0) {
-            this.dragOffset = _dragOffset;
+        const minDragOffset = -(totalWidth - wrapperWidth);
+        this.dragOffset = this.applyEdgeDragResistance(_dragOffset, minDragOffset);
+        const firstVisible = this.getFirstVisibleItemInViewport();
+        if (firstVisible && this.activeItem !== firstVisible.index) {
+            this.activeItem = firstVisible.index;
         }
     };
-    onPointerUp = (e) => {
-        if (!this.isDragging)
+    releaseTrackPointerCapture(pointerId) {
+        try {
+            this.trackElement?.releasePointerCapture?.(pointerId);
+        }
+        catch { }
+    }
+    getMinDragOffset() {
+        const wrapperWidth = this.getViewportWidth();
+        const totalWidth = this.getSlotClientWidth();
+        return -(totalWidth - wrapperWidth);
+    }
+    snapToEdge(minDragOffset) {
+        const hitStartEdge = this.dragOffset > 0;
+        this.activeItem = hitStartEdge ? 0 : Math.max(0, this.totalItems - 1);
+        this.activeDotIndex = hitStartEdge ? 0 : Math.max(0, this.dotCount - 1);
+        this.dragOffset = hitStartEdge ? 0 : minDragOffset;
+    }
+    moveBySwipeDelta(delta) {
+        if (Math.abs(delta) <= this.swipeThreshold) {
+            this.activeItem = this.dragStartActiveItem;
+            this.afterLayout(() => this.handleMove());
             return;
-        this.registerUserInteraction();
-        if (this.trackElement) {
-            try {
-                this.trackElement.releasePointerCapture?.(e.pointerId);
-            }
-            catch { }
         }
+        const direction = delta < 0 ? 1 : -1;
+        const swipeTarget = this.getSwipeTarget(direction);
+        if (swipeTarget) {
+            this.moveToItem(swipeTarget.item, swipeTarget.index);
+        }
+    }
+    finalizePointerDrag() {
+        document.body.style.userSelect = '';
+        document.removeEventListener('pointermove', this.onPointerMove);
+        document.removeEventListener('pointerup', this.onPointerUp);
+        document.removeEventListener('pointercancel', this.onPointerUp);
+        this.dragPointerType = '';
+    }
+    preventClickAfterDrag() {
+        if (!this.draggedAnchor || !this.dragMoved)
+            return;
+        const preventClick = (ev) => {
+            ev.preventDefault();
+            ev.stopPropagation();
+            this.draggedAnchor?.removeEventListener('click', preventClick, true);
+        };
+        this.draggedAnchor.addEventListener('click', preventClick, true);
+    }
+    onPointerUp = (e) => {
         if (!this.isDragging)
             return;
-        // Snap activeDotIndex when dragOffset passes threshold from last index position
+        this.registerUserInteraction();
+        this.releaseTrackPointerCapture(e.pointerId);
         this.isDragging = false;
-        // Let the once:true capture handler auto-remove itself. Clear flag after a tick.
+        const minDragOffset = this.getMinDragOffset();
+        const isOutOfBounds = this.dragOffset > 0 || this.dragOffset < minDragOffset;
         const delta = e.screenX - this.dragPointerStartX;
-        if (Math.abs(delta) > this.swipeThreshold) {
-            if (delta < 0) {
-                this.handleNext();
-            }
-            if (delta > 0) {
-                this.handlePrev();
-            }
+        if (isOutOfBounds) {
+            this.snapToEdge(minDragOffset);
         }
-        document.body.style.userSelect = '';
-        document.removeEventListener('pointermove', this.onPointerMove);
-        document.removeEventListener('pointerup', this.onPointerUp);
-        if (this.draggedAnchor && this.dragMoved) {
-            const preventClick = (ev) => {
-                ev.preventDefault();
-                ev.stopPropagation();
-                this.draggedAnchor?.removeEventListener('click', preventClick, true);
-            };
-            this.draggedAnchor.addEventListener('click', preventClick, true);
+        else {
+            this.moveBySwipeDelta(delta);
         }
+        this.finalizePointerDrag();
+        this.preventClickAfterDrag();
     };
-    _showButtons() {
+    _showButtons(fullyVisibleItemCount = this.getFullyVisibleItemCount()) {
         if (!this.showButtons) {
             return false;
         }
-        if (this.getFullyVisibleItemCount() >= this.totalItems) {
+        if (fullyVisibleItemCount >= this.totalItems) {
             return false;
         }
         return true;
     }
-    _showDots() {
+    _showDots(fullyVisibleItemCount = this.getFullyVisibleItemCount()) {
         if (!this.showDots) {
             return false;
         }
-        if (this.getFullyVisibleItemCount() && this.getFullyVisibleItemCount() >= this.totalItems) {
+        if (this.totalItems <= 0 || fullyVisibleItemCount >= this.totalItems) {
             return false;
         }
         return true;
     }
     componentDidLoad() {
         this.getDotCount();
-        window.addEventListener('resize', this.getDotCount.bind(this));
-        this.addAnchorFocusListeners();
+        window.addEventListener('resize', this.handleResize);
         this.checkGradient();
         this.initSlotListeners();
         this.syncNudgeSchedule();
+        this.refreshSlideFocusableElements();
     }
     handleSlotChange() {
         this.getDotCount();
+        const maxItemIndex = Math.max(0, this.totalItems - 1);
+        this.activeItem = Math.max(0, Math.min(this.activeItem, maxItemIndex));
+        this.refreshSlideFocusableElements();
         this.checkGradient();
-        index.forceUpdate(this);
+        this.safeForceUpdate();
     }
     initSlotListeners() {
         const slot = this.container?.querySelector('slot');
         if (!slot)
             return;
         // add listeners for slot elements
-        slot.addEventListener('slotchange', () => this.handleSlotChange());
+        slot.addEventListener('slotchange', this.handleSlotChangeListener);
         // add listeners for slot element children
         if (typeof slot.assignedElements !== 'function')
             return;
@@ -409,32 +648,105 @@ const TetCarousel = class {
             subtree: false
         });
     }
-    addAnchorFocusListeners() {
-        const assigned = this.getSlotElements();
-        if (!assigned)
-            return 1;
-        let anchors = [];
-        assigned.forEach((el) => {
-            if (el.tagName === 'A') {
-                anchors.push(el);
+    isTabbableElement(element) {
+        if (element.tagName === 'A') {
+            return element.hasAttribute('href');
+        }
+        const tabIndexValue = element.getAttribute('tabindex');
+        return tabIndexValue !== null && tabIndexValue.trim() !== '-1';
+    }
+    getSlideFocusableElements(slide) {
+        const focusableElements = new Set();
+        if (this.isTabbableElement(slide)) {
+            focusableElements.add(slide);
+        }
+        const descendants = Array.from(slide.querySelectorAll(this.focusableSelector));
+        descendants.forEach((element) => {
+            if (this.isTabbableElement(element)) {
+                focusableElements.add(element);
             }
-            anchors = anchors.concat(Array.from(el.querySelectorAll('a')));
-            if (el.getAttribute('tabindex') === '0') {
-                anchors.push(el);
+        });
+        if (slide.shadowRoot) {
+            const shadowDescendants = Array.from(slide.shadowRoot.querySelectorAll(this.focusableSelector));
+            shadowDescendants.forEach((element) => {
+                if (this.isTabbableElement(element)) {
+                    focusableElements.add(element);
+                }
+            });
+        }
+        return Array.from(focusableElements);
+    }
+    clearManagedSlideFocusableElements() {
+        this.managedSlideFocusWithinListeners.forEach(({ slide, onFocusWithin }) => {
+            slide.removeEventListener('focusin', onFocusWithin);
+        });
+        this.managedSlideFocusWithinListeners = [];
+        this.managedFocusableElements.forEach(({ element, originalTabIndex, onKeyDown }) => {
+            element.removeEventListener('keydown', onKeyDown);
+            if (originalTabIndex === null) {
+                element.removeAttribute('tabindex');
             }
-            const tabIndexElements = Array.from(el.querySelectorAll('[tabindex="0"]'));
-            anchors = anchors.concat(tabIndexElements);
-            if (el.shadowRoot) {
-                const deepTabIndexElements = Array.from(el.shadowRoot.querySelectorAll('[tabindex="0"]'));
-                anchors = anchors.concat(deepTabIndexElements);
+            else {
+                element.setAttribute('tabindex', originalTabIndex);
             }
         });
-        anchors.forEach((a, index) => {
-            a.addEventListener('focus', () => {
+        this.managedFocusableElements = [];
+    }
+    updateSlideFocusableTabIndexes() {
+        if (!this.managedFocusableElements.length)
+            return;
+        this.managedFocusableElements.forEach(({ element, slideIndex }) => {
+            element.setAttribute('tabindex', slideIndex === this.activeItem ? '0' : '-1');
+        });
+    }
+    focusSlideByIndex(index) {
+        const focusable = this.managedFocusableElements.find((element) => element.slideIndex === index);
+        const element = focusable?.element;
+        if (!element)
+            return;
+        try {
+            element.focus({ preventScroll: true });
+        }
+        catch { }
+    }
+    handleSlideKeyDown(event, idx) {
+        this.handleNavigationKeyDown(event, idx, this.totalItems - 1, (targetIdx) => {
+            const assigned = this.getSlotElements();
+            if (!assigned?.[targetIdx])
+                return false;
+            this.registerUserInteraction();
+            this.moveToItem(assigned[targetIdx], targetIdx);
+            return true;
+        }, (targetIdx) => this.focusSlideByIndex(targetIdx));
+    }
+    refreshSlideFocusableElements() {
+        this.clearManagedSlideFocusableElements();
+        const assigned = this.getSlotElements();
+        if (!assigned?.length)
+            return;
+        assigned.forEach((slide, slideIndex) => {
+            const onFocusWithin = () => {
                 this.registerUserInteraction();
-                this.moveToItem(a, index);
+                this.moveToItem(slide, slideIndex);
+            };
+            this.managedSlideFocusWithinListeners.push({
+                slide,
+                onFocusWithin
+            });
+            slide.addEventListener('focusin', onFocusWithin);
+            const focusableElements = this.getSlideFocusableElements(slide);
+            focusableElements.forEach((element) => {
+                const onKeyDown = (event) => this.handleSlideKeyDown(event, slideIndex);
+                this.managedFocusableElements.push({
+                    element,
+                    slideIndex,
+                    originalTabIndex: element.getAttribute('tabindex'),
+                    onKeyDown
+                });
+                element.addEventListener('keydown', onKeyDown);
             });
         });
+        this.updateSlideFocusableTabIndexes();
     }
     startNudgeGradientLoop() {
         if (this.nudgeGradientRafId)
@@ -477,8 +789,16 @@ const TetCarousel = class {
     isRightNavigationDisabled() {
         return this.dotCount <= 1 || this.activeItem === this.totalItems - 1 || this.isLastViewport(-this.dragOffset);
     }
+    isLeftNavigationDisabled() {
+        return this.dotCount <= 1 || this.activeItem === 0;
+    }
     isNudgeEligible() {
-        return !!this.trackElement && !this.isDragging && !this.isNudgeAnimating && !this.hasRecentInteraction() && !this.isRightNavigationDisabled();
+        return (!!this.trackElement &&
+            !this.isDragging &&
+            !this.isNudgeAnimating &&
+            !this.hasRecentInteraction() &&
+            !this.isRightNavigationDisabled() &&
+            this.dragOffset === 0);
     }
     scheduleNextNudge() {
         if (this.nudgeAnimationInterval <= 0)
@@ -530,7 +850,7 @@ const TetCarousel = class {
             dotIndex = this.dotCount - 1;
         }
         else {
-            dotIndex = Math.floor((position + gradientOffset) / dotScreenLength);
+            dotIndex = Math.round((position + gradientOffset) / dotScreenLength);
         }
         this.activeDotIndex = this.clampDotIndex(dotIndex);
     }
@@ -553,47 +873,54 @@ const TetCarousel = class {
     disconnectedCallback() {
         this.stopNudgeSchedule();
         this.stopNudgeGradientLoop();
-        window.removeEventListener('resize', this.getDotCount.bind(this));
+        window.removeEventListener('resize', this.handleResize);
+        this.clearManagedSlideFocusableElements();
         const slot = this.container?.querySelector('slot');
         if (slot) {
-            slot.removeEventListener('slotchange', () => this.handleSlotChange());
+            slot.removeEventListener('slotchange', this.handleSlotChangeListener);
         }
         if (this.slotObserver) {
-            this.slotObserver?.disconnect();
+            this.slotObserver.disconnect();
             this.slotObserver = null;
         }
         document.removeEventListener('pointermove', this.onPointerMove);
         document.removeEventListener('pointerup', this.onPointerUp);
+        document.removeEventListener('pointercancel', this.onPointerUp);
     }
     render() {
-        return (index.h(index.Host, { key: '3a7b181e4c8a1d19777a39ca77197199452e12b5' }, index.h("div", { key: 'f5830e6a8158c0ae5ffddd3cde678223b8e1b51a', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, index.h("div", { key: '77031caf2348f1a06e757096192cdaa7cadaf3cc', class: "tet-carousel__container" }, index.h("div", { key: 'd514790264ef2b4a7faf66ef9932871525db053a', class: "tet-carousel__gradient-left", ref: (el) => {
+        const fullyVisibleItemCount = this.getFullyVisibleItemCount();
+        const showButtons = this._showButtons(fullyVisibleItemCount);
+        const showDots = this._showDots(fullyVisibleItemCount);
+        const showControls = showButtons || showDots;
+        let trackTransition = `transform ${this.transitionDuration}ms ${this.transitionTiming}`;
+        if (this.isDragging) {
+            if (this.dragPointerType === 'mouse') {
+                trackTransition = `transform ${TetCarousel.MOUSE_DRAG_SMOOTHING_MS}ms linear`;
+            }
+            else {
+                trackTransition = 'none';
+            }
+        }
+        return (index.h(index.Host, { key: '9767de8c2faf3b0e4830a392c9ba0d86c613646e' }, index.h("div", { key: 'fa87bbfcf929287a5440accd922698d4ad1f6d4b', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, index.h("div", { key: 'f5650393d39f906e8c47fd299680b09f82b00a07', class: "tet-carousel__container" }, index.h("div", { key: 'f6bd47326c58ef355d35e33c037025e1d5a7b5a8', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), index.h("div", { key: 'ced61d4ccfcc5de268ba1da71bccff32ad8ec9f6', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), index.h("div", { key: '685cad2d917518a83c6db28ef451563fe349c218', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), index.h("div", { key: 'd76b0c1211165a3ee32adfec02cc109b7d296307', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, ref: (el) => (this.trackElement = el), style: {
-                transform: `translateX(${this.dragOffset}px)`,
-                transition: this.isDragging ? 'none' : `transform ${this.transitionDuration}ms ${this.transitionTiming}`
-            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, index.h("div", { key: '874945906359997e34b179988f05b33d4300b4ae', class: {
+            } }), index.h("div", { key: '2f5acf14605c82e42c845766bd50e61a644a6fe6', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
+                transform: `translate3d(${this.dragOffset}px, 0, 0)`,
+                transition: trackTransition,
+                willChange: 'transform'
+            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, index.h("div", { key: '84bcc48d810f6cd0d15022cdc6d48841187613ad', class: {
                 'tet-carousel__track-content': true,
                 'tet-carousel__track-content--nudge': this.isNudgeAnimating
             }, ref: (el) => (this.trackContentElement = el), style: {
                 '--tet-carousel-nudge-distance': `${TetCarousel.NUDGE_DISTANCE_PX}px`
-            }, onAnimationEnd: this.onNudgeAnimationEnd }, index.h("slot", { key: 'c714dd8072438aae03661de4d3dc689fb471e412' })))), !!this.label && index.h("div", { key: '28a233d7c5c7799b0dc505e83616da798deb970c', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (index.h("div", { key: 'e84c35e48571aa85420686a5e608135610103571', class: "tet-carousel__controls" }, this._showButtons() && (index.h("div", { key: '3222b45cfd3a37deb7a4a572d0523044be1eb1f5', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, index.h("tet-button", { key: 'a296a74cbbecb955d378de5e9ba04c6ef1a4a74f', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
-                if (!this.isDragging)
-                    this.handlePrev();
-            }, "aria-label": translations.translate('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (index.h("div", { key: 'e205c6a0354ab7a66985759dd95f6f0aa086bba0', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (index.h("button", { type: "button", tabIndex: -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
-                if (!this.isDragging)
-                    this.handleDotClick(idx);
-            }, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (index.h("div", { key: 'ff9081c15d417e870db6e5e82f030bc031310027', class: "tet-carousel__buttons" }, index.h("tet-button", { key: '279bac2814813a2ce35308d556bca341f1b4a3bb', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
-                if (!this.isDragging)
-                    this.handlePrev();
-            }, accessibilityLabel: translations.translate('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), index.h("tet-button", { key: '320adc13d425ca84c26ef2d1cc7001220ce7d9c4', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
-                if (!this.isDragging)
-                    this.handleNext();
-            }, accessibilityLabel: translations.translate('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
+            }, onAnimationEnd: this.onNudgeAnimationEnd }, index.h("slot", { key: '008187ecc9d482ffd1565aaa2c6da818a7bf34ed' })))), !!this.label && index.h("div", { key: 'd040796e5dc156331fdb2356cd7bb20e7900f460', class: "tet-carousel__label" }, this.label), showControls && (index.h("div", { key: '4446a2194185bae6fef623d21790f89346378194', class: "tet-carousel__controls" }, showButtons && (index.h("div", { key: '6c3c10f149b11f9b6503392f16d2d74b526d74c8', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, index.h("tet-button", { key: 'e8f3dad8e0978add649e844149b94072e366f4d8', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: translations.translate('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (index.h("div", { key: 'a747eb625e0bf36603a279f29f17ccac16c2e84c', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (index.h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
+                ? translations.translate('components-carousel-indicator-button-active')
+                : translations.translate('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (index.h("div", { key: '4ffa948621436b96fb9b8d6b10308ec9aa98dff3', class: "tet-carousel__buttons" }, index.h("tet-button", { key: '43de7d0b8e92e6b1e0e2b7f1ff5f851c4fc75ead', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: translations.translate('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), index.h("tet-button", { key: 'eb7b1f82803e0bc39ffb41721a1a906dd5fc6d55', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: translations.translate('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"],
+        "activeItem": ["onActiveItemChange"],
         "showGradient": ["checkGradient"],
         "dragOffset": ["checkGradient"],
         "nudgeAnimationInterval": ["onNudgeAnimIntervalChange"],