@tet/tet-components 1.4.89-testing → 1.4.90-production

package/dist/cjs/tet-thank-you-view.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
+const index = require('./index-162b4cbc.js');
 
 const tetThankYouViewCss = ":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{--stepper-horizontal-line-width:2.5rem;--stepper-step-width:8.75rem;--faq-slot-spacing-top:3rem;display:flex;min-height:100%}.thank-you-view{display:flex;flex:1;flex-direction:column;min-height:100%;padding-bottom:1rem}.thank-you-view.light{background:var(--color-ta070)}.thank-you-view.dark{background:var(--color-tg600)}.thank-you-view.dark .thank-you-view-header{margin-bottom:2rem}.thank-you-view-main-block{font-family:var(--text-font)}.thank-you-view.dark .thank-you-view-main-block.no-header{margin-top:1.5rem}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block.no-header{margin-top:2rem}}.thank-you-view.dark .thank-you-view-main-block.no-header{margin-top:2rem}.thank-you-view.light .thank-you-view-main-block{padding-top:1.875rem;padding-bottom:1rem;box-shadow:0 0.0625rem 0 var(--color-ta100);background:linear-gradient(180deg, var(--color-ta070) 0%, #F3F4F7 26.04%, #ECEEF3 100%);border-bottom-right-radius:50% 1.5%;border-bottom-left-radius:50% 1.5%}@media screen and (min-width: 48rem){.thank-you-view.light .thank-you-view-main-block{padding-bottom:2rem;border-bottom-right-radius:50% 5%;border-bottom-left-radius:50% 5%}}@media screen and (min-width: 64rem){.thank-you-view.light .thank-you-view-main-block{border-bottom-right-radius:50% 10%;border-bottom-left-radius:50% 10%}}.thank-you-view.dark .thank-you-view-main-block{align-self:center;max-width:64rem;background:var(--color-tg500);border-radius:0.625rem}@media screen and (max-width: 47.9375rem){.thank-you-view.dark .thank-you-view-main-block{padding:1.5rem;margin:0 1rem 0}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.thank-you-view.dark .thank-you-view-main-block{padding:1.5rem;margin:0 2rem 0}}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block{padding:3rem}}.thank-you-view-main-block-icon{text-align:center}.thank-you-view-main-block-icon .icon{--icon-size:2.5rem;margin-bottom:0.75rem}@media screen and (min-width: 48rem){.thank-you-view-main-block-icon .icon{margin-bottom:1rem}}.thank-you-view.light .thank-you-view-main-block-icon .icon{--icon-color:rgb(0, 96, 245)}.thank-you-view.dark .thank-you-view-main-block-icon .icon{--icon-color:var(--color-td600)}.thank-you-view-main-block-info{text-align:center}.thank-you-view-main-block-info-title{margin:0 auto 0.5rem;background-color:inherit;font-weight:500}@media screen and (max-width: 47.9375rem){.thank-you-view-main-block-info-title{font-size:1.5rem;line-height:2rem;letter-spacing:0.002em}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.thank-you-view-main-block-info-title{text-align:center;font-size:1.75rem;line-height:2.125rem;letter-spacing:0.001em}}@media screen and (min-width: 64rem){.thank-you-view-main-block-info-title{max-width:39.375rem;font-size:2rem;line-height:2.375rem}}.thank-you-view.light .thank-you-view-main-block-info-title{padding:0 1rem;color:var(--color-ta600)}.thank-you-view.dark .thank-you-view-main-block-info-title{color:var(--color-th500)}.thank-you-view-main-block-info-description{font-size:1rem;font-weight:400;line-height:1.5rem}.thank-you-view.light .thank-you-view-main-block-info-description{padding:0 1rem;color:var(--color-ta600)}.thank-you-view.dark .thank-you-view-main-block-info-description{margin:0 auto;color:var(--color-ti600)}@media screen and (min-width: 48rem){.thank-you-view.dark .thank-you-view-main-block-info-description{max-width:31.25rem}}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block-info-description{max-width:43.75rem}}.thank-you-view.dark .thank-you-view-main-block-info-description strong{color:var(--color-th500)}.thank-you-view-main-block-info-description p{margin-bottom:0.5rem}.thank-you-view-main-block-info-description p:last-child{margin-bottom:0}@media screen and (max-width: 47.9375rem){.thank-you-view.light .thank-you-view-main-block-stepper{margin:1.5rem auto}}@media screen and (min-width: 48rem){.thank-you-view.light .thank-you-view-main-block-stepper{margin:0.0625rem auto 1.5rem}}@media screen and (min-width: 64rem){.thank-you-view.light .thank-you-view-main-block-stepper{margin:2rem auto}}@media screen and (max-width: 47.9375rem){.thank-you-view.dark .thank-you-view-main-block-stepper{margin:2rem auto}}@media screen and (min-width: 48rem){.thank-you-view.dark .thank-you-view-main-block-stepper{margin:2.25rem auto 4rem}}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block-stepper{margin:3rem auto}}@media screen and (min-width: 64rem){.thank-you-view-main-block-stepper .tet-stepper-override{--step-horizontal-line-width:var(--stepper-horizontal-line-width);--step-width:var(--stepper-step-width)}}.thank-you-view.dark .thank-you-view-main-block-stepper .tet-stepper-override{--step-active-line-color:var(--color-td600);--step-data-bg-color:var(--color-tg500);--step-data-text-color:var(--color-ti600);--step-description-text-color:var(--color-ti600);--step-non-active-line-color:var(--color-ta100);--step-data-strong-text-color:var(--color-th500);--step-description-strong-text-color:var(--color-th500)}.thank-you-view-main-block-cta{text-align:center}.thank-you-view-main-block-cta.no-stepper{margin-top:1.5625rem}.thank-you-view-main-block-cta-description{max-width:14.375rem;margin:1rem auto 0;font-size:0.875rem;font-weight:400;line-height:1.25rem;letter-spacing:0.002em}.thank-you-view.dark .thank-you-view-main-block-cta-description{color:var(--color-ti600)}.thank-you-view.dark .thank-you-view-main-block-cta-description strong{color:var(--color-th500)}.thank-you-view-faq-slot{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:calc(var(--faq-slot-spacing-top) - var(--faq-slot-spacing-top) * 50 / 100)}@media screen and (min-width: 48rem){.thank-you-view-faq-slot{margin-top:calc(var(--faq-slot-spacing-top) - var(--faq-slot-spacing-top) * 25 / 100)}}@media screen and (min-width: 64rem){.thank-you-view-faq-slot{margin-top:var(--faq-slot-spacing-top)}}";
 const TetThankYouViewStyle0 = tetThankYouViewCss;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
+const index = require('./index-162b4cbc.js');
 const TooltipPosition = require('./TooltipPosition-03ffa8a1.js');
 
 const tetTooltipCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tooltip-background-color:var(--tc-tooltip-layer-secondary);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary);--tooltip-padding:1em;--tooltip-display-speed:.2s;--tooltip-delay-show:0s;--tooltip-delay-hide:.25s;--tooltip-max-width:18.75rem;--tooltip-border-radius:0.3125rem;--tooltip-font-weight:400;position:fixed;display:inline-block;width:max-content;max-width:min(var(--tooltip-max-width), 100%);z-index:100;pointer-events:none;opacity:0}:host(.hidden){visibility:hidden;opacity:0;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear}:host(.hidden-quick){opacity:0;visibility:hidden;transform:scale(0)}:host(.visible){visibility:visible;opacity:1;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear;transition-delay:var(--tooltip-delay-show)}.light-inverse{--tooltip-background-color:var(--tc-tooltip-layer-primary);--tooltip-text-color:var(--tc-tooltip-text-primary)}.dark{--tooltip-background-color:var(--tc-tooltip-layer-primary-dark);--tooltip-text-color:var(--tc-tooltip-text-primary-dark)}.dark-inverse{--tooltip-background-color:var(--tc-tooltip-layer-secondary-dark);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary-dark)}.tooltip{position:relative;background:var(--tooltip-background-color);color:var(--tooltip-text-color);border-radius:var(--tooltip-border-radius);padding:var(--tooltip-padding);font-family:var(--font-family-content);font-weight:var(--tooltip-font-weight);font-size:0.875rem;white-space:normal;line-height:1.5em}.tooltip-pointer{position:absolute;width:0;height:0;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom:0.5rem solid var(--tooltip-background-color)}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;visibility:visible;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;visibility:visible;transform:scale(1)}100%{opacity:0;visibility:hidden;transform:scale(0)}}";

package/dist/cjs/tet-tv-gift-block.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
+const index = require('./index-162b4cbc.js');
 
 const tetTvGiftBlockCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{display:block}.tv-gift{padding:3.5rem 1rem 2rem}.tv-gift--medium{padding:3.5rem 1.5rem 2.5rem}.tv-gift--large{padding:3.5rem}.tv-gift__header{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";display:flex;justify-content:center;flex-direction:column;text-align:center;padding-bottom:2rem;gap:1.5rem}.tv-gift--medium .tv-gift__header{font:600 2rem/2.25rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift--large .tv-gift__header{font:600 2.5rem/3rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";padding-bottom:2.5rem}.tv-gift__header__image{height:2.125rem;margin:0 auto}.tv-gift__content{--icon-size:1.25rem;--accordion-background-color:transparent}.tv-gift--large .tv-gift__content{--icon-size:1.5rem}.tv-gift__footer{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";text-align:center;display:flex;flex-direction:column;margin-top:2rem}.tv-gift--large .tv-gift__footer{margin-top:2.5rem}.tv-gift__footer__title{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";line-height:1.75rem;margin-bottom:1rem}@media screen and (min-width: 31.25rem){.tv-gift__footer__title{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";line-height:2rem}}.tv-gift__footer__text{line-height:1.25rem}";
 const TetTvGiftBlockStyle0 = tetTvGiftBlockCss;

package/dist/cjs/tet-tv-gift-list.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
+const index = require('./index-162b4cbc.js');
 
 const tetTvGiftListCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{display:block}.tv-gift-list{display:block}.tv-gift-list--image-list{display:grid;gap:2rem}.tv-gift-list--medium,.tv-gift-list--large{grid-template-columns:repeat(12, 1fr)}.tv-gift-list__list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:0.5rem}.tv-gift-list__list__wrapper{display:flex;flex-direction:column;justify-content:center}.tv-gift-list--medium .tv-gift-list__list__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__list__wrapper{grid-column:span 7}.tv-gift-list__list__header{font:600 1.25rem/1.5rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list--medium .tv-gift-list__list__header{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list--large .tv-gift-list__list__header{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list__list__item{font:400 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:flex;gap:0.5rem;line-height:1.5rem}.tv-gift-list--large .tv-gift-list__list__item{font:400 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\";line-height:1.75rem}.tv-gift-list__list__item tet-icon{--icon-size:1.25rem;--icon-container-display:flex;padding-top:0.175rem}.tv-gift-list__image{width:100%;height:auto;border-radius:0.75rem}.tv-gift-list--medium .tv-gift-list__image__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__image__wrapper{grid-column:span 5}";
 const TetTvGiftListStyle0 = tetTvGiftListCss;

package/dist/cjs/{theme-wrapper-66880718.js → theme-wrapper-cde3168f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index$1 = require('./index-3242ff3f.js');
-const index = require('./index-4b423f33.js');
+const index$1 = require('./index-162b4cbc.js');
+const index = require('./index-a59cbcb0.js');
 
 exports.Theme = void 0;
 (function (Theme) {

package/dist/cjs/{translations-3b76d1ce.js → translations-f6095484.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const typecheck = require('./typecheck-d48810dc.js');
-const httpCodes = require('./http-codes-0eae7bd3.js');
+const httpCodes = require('./http-codes-b099a581.js');
 
 /**
  * Returns whether the object is empty.

package/dist/collection/components/advanced/cards/tet-assembler/tet-assembler.css

@@ -10543,6 +10543,17 @@
   --assembler-focus-color: var(--tc-blue-40-dark);
 }
 
+@keyframes assembler-switch-shuffle {
+  0%, 100% {
+    transform: translateX(0);
+  }
+  20%, 60% {
+    transform: translateX(-0.375rem);
+  }
+  40%, 80% {
+    transform: translateX(0.375rem);
+  }
+}
 .assembler-layout {
   display: flex;
   flex-direction: column;
@@ -10579,6 +10590,14 @@
   .assembler__side-panel {
     order: initial;
   }
+  .assembler__side-panel .assembler__collapsed-content,
+  .assembler__side-panel .assembler__expanded-content {
+    max-height: none !important;
+  }
+  .assembler__side-panel .assembler__collapsed-content {
+    padding-top: 2rem !important;
+    padding-bottom: 2rem !important;
+  }
   .assembler-layout.has-side-panel .assembler__side-panel {
     margin-top: 0;
   }
@@ -10596,7 +10615,7 @@
   justify-content: space-between;
   min-height: 17.5rem;
   max-height: 60rem;
-  padding: 2rem;
+  padding: 1rem;
   overflow: hidden;
   background: var(--assembler-collapsed-background-color);
   border-radius: var(--assembler-border-radius);
@@ -10605,16 +10624,11 @@
 .assembler__collapsed-content h3 {
   margin: 0;
   color: var(--assembler-text-color);
-  font: 600 2.5rem/3rem Gilroy, Gilroy, Arial, sans-serif;
-}
-@media screen and (min-width: 64rem) {
-  .assembler__collapsed-content h3 {
-    font: 600 2.5rem/3rem Gilroy, Gilroy, Arial, sans-serif;
-  }
+  font: 600 2rem/2.25rem Gilroy, Gilroy, Arial, sans-serif;
 }
-@media screen and (min-width: 80rem) {
+@media screen and (min-width: 48rem) {
   .assembler__collapsed-content h3 {
-    font: 600 3rem/3.25rem Gilroy, Gilroy, Arial, sans-serif;
+    font: 600 3.5rem/4rem Gilroy, Gilroy, Arial, sans-serif;
   }
 }
 @media screen and (min-width: 90rem) {
@@ -10627,6 +10641,11 @@
   color: var(--assembler-text-color);
   font: 400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;
 }
+@media screen and (min-width: 31.25rem) {
+  .assembler__collapsed-content {
+    padding: 2rem;
+  }
+}
 
 .assembler__collapsed-button {
   width: 100%;
@@ -10644,7 +10663,12 @@
   box-shadow: var(--assembler-box-shadow);
 }
 .assembler__expanded-content .assembler__section {
-  padding: 1.5rem;
+  padding: 1rem;
+}
+@media screen and (min-width: 31.25rem) {
+  .assembler__expanded-content .assembler__section {
+    padding: 1.5rem;
+  }
 }
 @media screen and (min-width: 64rem) {
   .assembler__expanded-content .assembler__section {
@@ -10669,6 +10693,14 @@
   cursor: pointer;
   transform: translateY(-50%);
 }
+@media screen and (max-width: 63.9375rem) {
+  .assembler__collapse-button {
+    top: auto;
+    bottom: -1.5rem;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+}
 .assembler__collapse-button tet-icon {
   --icon-size: 1.25rem;
   --icon-color: var(--assembler-collapse-button-icon-color);
@@ -10681,12 +10713,13 @@
 }
 
 .assembler-layout.is-expanded .assembler__collapsed-content {
+  min-height: 0;
   max-height: 0;
   padding-top: 0;
   padding-bottom: 0;
   opacity: 0;
   visibility: hidden;
-  transform: translateX(-1.5rem);
+  transform: translateY(-1.5rem);
   pointer-events: none;
 }
 .assembler-layout.is-expanded .assembler__expanded-content {
@@ -10699,7 +10732,7 @@
 .assembler-layout:not(.is-expanded) .assembler__collapsed-content {
   opacity: 1;
   visibility: visible;
-  transform: translateX(0);
+  transform: translateY(0);
   pointer-events: auto;
 }
 .assembler-layout:not(.is-expanded) .assembler__expanded-content {
@@ -10708,17 +10741,28 @@
   padding-bottom: 0;
   opacity: 0;
   visibility: hidden;
-  transform: translateX(1.5rem);
+  transform: translateY(1.5rem);
   pointer-events: none;
 }
 
+@media screen and (min-width: 64rem) {
+  .assembler-layout.is-expanded .assembler__collapsed-content {
+    transform: translateX(-1.5rem);
+  }
+  .assembler-layout:not(.is-expanded) .assembler__collapsed-content {
+    transform: translateX(0);
+  }
+  .assembler-layout:not(.is-expanded) .assembler__expanded-content {
+    transform: translateX(1.5rem);
+  }
+}
 .assembler-layout.has-side-panel.is-expanded {
   gap: 0;
   border-radius: var(--assembler-border-radius);
   box-shadow: var(--assembler-box-shadow);
 }
 .assembler-layout.has-side-panel.is-expanded .assembler__expanded-content {
-  border-top: 0.0625rem solid var(--assembler-border-color);
+  border-top: 0;
   border-radius: 0 0 var(--assembler-border-radius) var(--assembler-border-radius);
   box-shadow: none;
 }
@@ -10747,11 +10791,14 @@
 }
 
 .assembler {
-  display: contents;
+  display: flex;
+  flex-direction: column;
   min-width: 0;
   width: 100%;
+  box-sizing: border-box;
   color: var(--assembler-text-color);
   background: var(--assembler-background-color);
+  border: 0.0625rem solid var(--assembler-border-color);
   border-radius: var(--assembler-border-radius);
   box-shadow: var(--assembler-box-shadow);
   overflow: hidden;
@@ -10783,6 +10830,7 @@
     width: 100%;
     max-width: 100%;
     grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 1fr);
+    border: 0;
   }
 }
 @media screen and (min-width: 64rem) and (min-width: 81.25rem) {
@@ -10810,7 +10858,14 @@
   }
 }
 .assembler__content {
-  padding: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  padding: 1rem;
+}
+@media screen and (min-width: 31.25rem) {
+  .assembler__content {
+    padding: 1.5rem;
+  }
 }
 @media screen and (min-width: 64rem) {
   .assembler__content {
@@ -10835,7 +10890,7 @@
   width: 100%;
   margin-top: 0.5rem;
   --tabs-headers-segmented-item-padding: 0.375rem 1rem;
-  --tabs-headers-segmended-item-font: 500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;
+  --tabs-headers-segmended-item-font: 500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;
 }
 .assembler__link {
   display: inline-block;
@@ -10853,6 +10908,14 @@
 .assembler__section {
   padding: 0;
 }
+.assembler__section--contract {
+  order: -1;
+}
+@media screen and (min-width: 64rem) {
+  .assembler__section--contract {
+    order: initial;
+  }
+}
 .assembler__section-heading {
   display: flex;
   align-items: flex-start;
@@ -11049,6 +11112,9 @@
 .assembler__switch:not(.is-disabled)::part(switch-container):active {
   background: var(--assembler-interactive-element-active-background-color);
 }
+.assembler__switch.is-attention {
+  animation: assembler-switch-shuffle 500ms ease-in-out;
+}
 .assembler__switch-icon {
   flex: 0 0 auto;
   --icon-size: 1.25rem;
@@ -11128,7 +11194,7 @@
   display: flex;
   flex-direction: column;
   min-width: 0;
-  padding: 1.5rem;
+  padding: 1rem;
   color: var(--assembler-text-permanent-black-color);
   background: var(--assembler-summary-background-color);
   border-radius: var(--assembler-border-radius) var(--assembler-border-radius) 0 0;
@@ -11140,6 +11206,11 @@
     border-radius: 0 var(--assembler-border-radius) var(--assembler-border-radius) 0;
   }
 }
+@media screen and (min-width: 31.25rem) and (max-width: 63.9375rem) {
+  .assembler__summary {
+    padding: 1.5rem;
+  }
+}
 .assembler__promo {
   display: inline-flex;
   align-items: center;
@@ -11151,7 +11222,7 @@
   color: var(--assembler-promo-text-color);
   background: var(--tc-layer-inverse-primary);
   border-radius: 0.75rem 0.75rem 0 0;
-  font: 500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif;
+  font: 500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;
 }
 .assembler__promo tet-icon {
   flex: 0 0 auto;
@@ -11195,22 +11266,47 @@
   gap: 0.25rem 0.5rem;
   margin-top: 0.75rem;
   color: var(--assembler-text-permanent-black-color);
-  font: 600 5rem/5.5rem Gilroy, Gilroy, Arial, sans-serif;
+  font: 600 3.5rem/4rem Gilroy, Gilroy, Arial, sans-serif;
+}
+@media screen and (min-width: 48rem) {
+  .assembler__price {
+    font: 600 7.25rem/8.375rem Gilroy, Gilroy, Arial, sans-serif;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .assembler__price {
+    font: 600 4rem/4.375rem Gilroy, Gilroy, Arial, sans-serif;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .assembler__price {
+    font: 600 5rem/5.5rem Gilroy, Gilroy, Arial, sans-serif;
+  }
+}
+@media screen and (min-width: 90rem) {
+  .assembler__price {
+    font: 600 6rem/6.5rem Gilroy, Gilroy, Arial, sans-serif;
+  }
+}
+@media screen and (min-width: 120rem) {
+  .assembler__price {
+    font: 600 7.25rem/8.375rem Gilroy, Gilroy, Arial, sans-serif;
+  }
 }
 .assembler__price-value {
   font-variant-numeric: tabular-nums;
 }
 .assembler__price-currency {
-  font: 600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif;
+  font: 600 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;
 }
 .assembler__old-price {
   margin-top: 0.25rem;
-  font: 400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;
+  font: 400 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;
   text-decoration: line-through;
 }
 .assembler__summary-description {
   margin: 0.75rem 0 0;
-  font: 400 0.75rem/1rem Inter, Gilroy, Arial, sans-serif;
+  font: 400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;
 }
 .assembler__highlight {
   margin-top: 0.75rem;
@@ -11230,7 +11326,7 @@
 }
 .assembler__summary-actions p {
   margin: 0.25rem 0 0;
-  font: 400 0.75rem/1rem Inter, Gilroy, Arial, sans-serif;
+  font: 400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;
 }
 .assembler__button {
   width: 100%;

package/dist/collection/components/advanced/cards/tet-assembler/tet-assembler.js

@@ -18,6 +18,7 @@ export class TetAssembler {
         this.selectedProductCode = '';
         this.currentSummary = {};
         this.backendData = null;
+        this.lockedSwitchAttentionKey = '';
     }
     /**
      * The root element of the assembler component.
@@ -445,19 +446,56 @@ export class TetAssembler {
         this.currentSummary = currentSummary;
         this.emitChange('switch', switchKey, this.selectedContractTermId, selectedSwitchKeys, currentSummary);
     }
+    /**
+     * Finds the closest switch that must change before a locked switch can be enabled.
+     */
+    getUnlockingSwitchKey(lockedSwitchKey) {
+        const currentState = this.getCurrentBackendToggleState();
+        const nextLockedValue = !currentState[lockedSwitchKey];
+        const candidates = this.getBackendCombinationEntries()
+            .map(([, combination]) => this.getBackendCombinationToggles(combination))
+            .filter((toggleState) => toggleState[lockedSwitchKey] === nextLockedValue)
+            .map((toggleState) => ({
+            toggleState,
+            changedKeys: this.getBackendToggleKeys().filter((key) => key !== lockedSwitchKey && Boolean(toggleState[key]) !== Boolean(currentState[key]))
+        }))
+            .filter(({ changedKeys }) => changedKeys.length > 0)
+            .sort((first, second) => first.changedKeys.length - second.changedKeys.length);
+        const closestCandidate = candidates[0];
+        if (!closestCandidate) {
+            return lockedSwitchKey;
+        }
+        return (closestCandidate.changedKeys.find((key) => !currentState[key] && closestCandidate.toggleState[key]) ?? closestCandidate.changedKeys[0]);
+    }
+    /**
+     * Draws attention to the switch that needs to change to unlock a disabled switch.
+     */
+    animateUnlockingSwitch(lockedSwitchKey) {
+        const unlockingSwitchKey = this.getUnlockingSwitchKey(lockedSwitchKey);
+        this.lockedSwitchAttentionKey = '';
+        globalThis.requestAnimationFrame(() => {
+            this.lockedSwitchAttentionKey = unlockingSwitchKey;
+            globalThis.setTimeout(() => {
+                if (this.lockedSwitchAttentionKey === unlockingSwitchKey) {
+                    this.lockedSwitchAttentionKey = '';
+                }
+            }, 500);
+        });
+    }
     renderContractTerms(labelOverride) {
         const contractTerms = this.getResolvedContractTerms();
         const label = labelOverride ?? '';
         if (!contractTerms.length) {
             return null;
         }
-        return (h("div", { class: "assembler__contract" }, label ? h("span", { class: "assembler__field-label" }, label) : null, h("tet-tab-header", { class: "assembler__contract-tabs", segmented: true, position: "center", theme: this.theme === 'dark' ? 'dark' : 'light', defaultTab: this.selectedContractTermId, "aria-label": label, onTabSelected: (event) => this.onContractTermSelected(event) }, contractTerms.map((term) => (h("button", { "data-name": term.id, type: "button" }, term.label))))));
+        return (h("div", { class: "assembler__contract" }, label ? h("span", { class: "assembler__field-label" }, label) : null, h("tet-tab-header", { class: "assembler__contract-tabs", segmented: true, mode: "switch", position: "center", theme: this.theme === 'dark' ? 'dark' : 'light', defaultTab: this.selectedContractTermId, accessibilityLabel: label, "aria-label": label, onTabSelected: (event) => this.onContractTermSelected(event) }, contractTerms.map((term) => (h("button", { "data-name": term.id, type: "button" }, term.label))))));
     }
     renderSwitchRow(item) {
         const isChecked = this.selectedSwitchKeys.includes(item.key);
         const isDisabled = item.disabled || this.isBackendSwitchDisabled(item.key);
-        return (h("div", { class: "assembler__switch-row" }, h("tet-switch", { class: {
+        return (h("div", { class: "assembler__switch-row", onClick: () => isDisabled && this.animateUnlockingSwitch(item.key) }, h("tet-switch", { class: {
                 'assembler__switch': true,
+                'is-attention': this.lockedSwitchAttentionKey === item.key,
                 'is-disabled': isDisabled
             }, key: `${item.key}-${isChecked}-${isDisabled}`, name: item.key, theme: this.theme, checked: isChecked, disabled: isDisabled, labelPosition: "left", focusStyleOnContainer: true, onCheck: (event) => this.toggleSwitch(item.key, event.detail.checked) }, h("div", { class: "assembler__switch-label" }, item.icon ? h("tet-icon", { class: "assembler__switch-icon", name: item.icon, theme: this.theme }) : null, h("span", null, item.label), isDisabled ? h("tet-icon", { class: "assembler__switch-lock", name: "tc-lock", theme: this.theme }) : null))));
     }
@@ -553,7 +591,10 @@ export class TetAssembler {
         return null;
     }
     renderSection(section) {
-        return (h("section", { class: "assembler__section" }, this.renderSwitchSection(section)));
+        return (h("section", { class: {
+                'assembler__section': true,
+                'assembler__section--contract': section.items.some((item) => item.type === 'contract_term')
+            } }, this.renderSwitchSection(section)));
     }
     renderSummary() {
         const summary = this.currentSummary;
@@ -652,11 +693,11 @@ export class TetAssembler {
             !!this.getResolvedCollapsedTitle() ||
             !!this.getResolvedCollapsedButtonTitle() ||
             !!this.getResolvedCollapsedDescription();
-        return (h(Host, { key: '5f82dd314e93fc5c9e6c4fdaabfaeab5530f77ea' }, h("div", { key: 'fb45cc40301b3de5863613f2f096918e46d2a5ed', class: {
+        return (h(Host, { key: 'a7d26e09c84fbe0f26f47874e3992b91d2bb9dcc' }, h("div", { key: '3c119a1c856f96fc8b43f72f4e53206b8e3a696f', class: {
                 'assembler-layout': true,
                 'has-side-panel': hasSidePanel,
                 'is-expanded': this.expanded
-            } }, this.renderSidePanel(), h("div", { key: 'aecdcd2a6b3671c97ca2d5927f06802eef6576e6', class: "assembler" }, h("div", { key: '5b944224001dac98ed94e609f5f994c86f957165', class: "assembler__configuration" }, h("div", { key: '5b428d6f63673f8907446b10223330a49738749c', class: "assembler__content" }, this.getVisibleSections().map((section) => this.renderSection(section)))), this.renderSummary()))));
+            } }, this.renderSidePanel(), h("div", { key: 'd50587f6c46d09e1e0e1392113d0bcf9c4bcfd31', class: "assembler" }, h("div", { key: '079f84ede59ebd104d23768e72b50fb1e7dd00b5', class: "assembler__configuration" }, h("div", { key: 'ce47263df589f00802250a9e0ccc24d2b681945f', class: "assembler__content" }, this.getVisibleSections().map((section) => this.renderSection(section)))), this.renderSummary()))));
     }
     static get is() { return "tet-assembler"; }
     static get encapsulation() { return "shadow"; }
@@ -758,7 +799,8 @@ export class TetAssembler {
             "selectedSwitchKeys": {},
             "selectedProductCode": {},
             "currentSummary": {},
-            "backendData": {}
+            "backendData": {},
+            "lockedSwitchAttentionKey": {}
         };
     }
     static get events() {

package/dist/components/index.js

@@ -111,7 +111,7 @@ import { TetThankYouViewV3 } from './tet-thank-you-view-v3.js';
 import { TetTooltip } from './tet-tooltip.js';
 import { TetTvGiftBlock } from './tet-tv-gift-block.js';
 import { TetTvGiftList } from './tet-tv-gift-list.js';
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-25b93e8f.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-8b6ad07d.js';
 
 const defineCustomElements = (opts) => {
     if (typeof customElements !== 'undefined') {

package/dist/components/{p-07bdbd14.js → p-05d3c4c5.js}

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-25b93e8f.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-8b6ad07d.js';
 import { a as debounce } from './p-a9634fae.js';
 import { n as normalize } from './p-58434b0c.js';
 import { a as isFunction, b as isPromise, c as isObject } from './p-bfcce1dd.js';
 import { r as randomString } from './p-df4bc38e.js';
-import { d as defineCustomElement$2 } from './p-c82c81b9.js';
-import { d as defineCustomElement$1 } from './p-43f43609.js';
+import { d as defineCustomElement$2 } from './p-b4dbcaa4.js';
+import { d as defineCustomElement$1 } from './p-1d509d1e.js';
 
 /**
  * Adds reactivity functionality to objects.

package/dist/components/{p-e37ec9dd.js → p-1684eee6.js}

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-25b93e8f.js';
-import { p as processTranslations, t as translate } from './p-1dba5836.js';
-import { d as defineCustomElement$3 } from './p-0a4b961c.js';
-import { d as defineCustomElement$2 } from './p-c82c81b9.js';
-import { d as defineCustomElement$1 } from './p-e1c2d947.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-8b6ad07d.js';
+import { p as processTranslations, t as translate } from './p-e7d70aaa.js';
+import { d as defineCustomElement$3 } from './p-766f7959.js';
+import { d as defineCustomElement$2 } from './p-b4dbcaa4.js';
+import { d as defineCustomElement$1 } from './p-23db2a45.js';
 
 const tetB2bConfiguratorCartCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block}.light{--b2b-cart-text-color:var(--tc-text-primary);--b2b-cart-text-color-secondary:var(--tc-text-secondary);--b2b-cart-background-color:var(--tc-layer-primary);--b2b-cart-box-shadow:var(--tc-elevation-one);--b2b-cart-border-color:var(--tc-border-quaternary);--b2b-cart-block-color:var(--tc-layer-secondary);--b2b-cart-block-details-color:var(--tc-layer-tertiary);--b2b-cart-summary-accent-color:var(--tc-yellow-20);--elevation-six-layer-1-color:rgba(12, 12, 14, 0.06);--b2b-cart-sticky-box-shadow:0 0 4px 0 rgba(12, 12, 14, 0.04), 0 -10px 15px 0 rgba(12, 12, 14, 0.12)}.light.checkout{--b2b-cart-background-color:var(--tc-layer-secondary);--b2b-cart-block-color:var(--tc-layer-tertiary);--b2b-cart-block-details-color:var(--tc-layer-quaternary);--b2b-cart-box-shadow:none}.dark{--b2b-cart-text-color:var(--tc-text-primary-dark);--b2b-cart-text-color-secondary:var(--tc-text-secondary-dark);--b2b-cart-background-color:var(--tc-layer-primary-dark);--b2b-cart-box-shadow:var(--tc-elevation-one-dark);--b2b-cart-border-color:var(--tc-border-quaternary-dark);--b2b-cart-block-color:var(--tc-layer-secondary-dark);--b2b-cart-block-details-color:var(--tc-layer-tertiary-dark);--b2b-cart-summary-accent-color:var(--tc-grey-20-dark);--elevation-six-layer-1-color:rgba(12, 12, 14, 0.20);--b2b-cart-sticky-box-shadow:0 0 4px 0 rgba(12, 12, 14, 0.2), 0 -10px 15px 0 rgba(12, 12, 14, 0.33)}.dark.checkout{--b2b-cart-background-color:var(--tc-layer-secondary-dark);--b2b-cart-block-color:var(--tc-layer-tertiary-dark);--b2b-cart-block-details-color:var(--tc-layer-quaternary-dark);--b2b-cart-box-shadow:none}.cart{color:var(--b2b-cart-text-color);display:flex;flex:auto;flex-direction:column;height:fit-content;border-radius:1rem;background:var(--b2b-cart-background-color);box-shadow:var(--b2b-cart-box-shadow)}.cart--sticky{--b2b-cart-box-shadow:var(--b2b-cart-sticky-box-shadow);border-radius:1rem 1rem 0 0}.cart__accordion{--accordion-border-radius:1rem 1rem 0 0;--accordion-header-padding:1rem 1.5rem;--accordion-header-mobile-padding:1rem;--accordion-header-font:600 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}@media screen and (min-width: 64rem){.cart__accordion{--accordion-header-padding:1.5rem 1.5rem 1rem 1.5rem;--accordion-header-mobile-padding:1.5rem 1.5rem 1rem 1.5rem}}.cart__accordion--closed{--accordion-header-padding:1rem 1rem 0.5rem 1rem;--accordion-header-mobile-padding:1rem 1rem 0.5rem 1rem}@media screen and (min-width: 48rem){.cart__accordion--closed{--accordion-header-padding:1rem 1.5rem 0.5rem 1.5rem;--accordion-header-mobile-padding:1rem 1.5rem 0.5rem 1.5rem}}@media screen and (min-width: 64rem){.cart__accordion--edit{--accordion-header-display:none}}.cart__accordion--checkout{--accordion-header-padding:1rem}@media screen and (min-width: 48rem){.cart__accordion--checkout{--accordion-header-padding:1rem 1.5rem}}@media screen and (min-width: 64rem){.cart__accordion--checkout{--accordion-header-padding:1.5rem}}.cart__accordion--rounded{--accordion-border-radius:1rem}.cart__accordion--empty{--accordion-border-radius:1rem}.cart__title--edit{display:none}@media screen and (min-width: 64rem){.cart__title--edit{display:block;padding:1.5rem 1.5rem 1rem 1.5rem;border-bottom:0.0625rem solid var(--b2b-cart-border-color);align-self:stretch;font:600 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.cart__title--checkout{display:none}.cart__content{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-color:var(--b2b-cart-border-color);border-top-style:solid;border-top-width:0.0625rem}@media screen and (min-width: 48rem){.cart__content{padding:1rem 1.5rem}}.cart__content--edit{max-height:40vh;overflow-y:auto}.block{--accordion-border-radius:0.5rem;--accordion-background-color:var(--b2b-cart-block-color);--accordion-header-padding:1rem 1rem 0.75rem 1rem;--accordion-header-mobile-padding:1rem 1rem 0.75rem 1rem;--accordion-header-font:600 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.block__wrapper{border-radius:0.5rem;border:0.0625rem solid var(--b2b-cart-border-color);background-color:var(--b2b-cart-block-color)}@media screen and (min-width: 48rem){.block{--accordion-header-padding:1rem;--accordion-header-mobile-padding:1rem;--accordion-header-font:600 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}}.block__header{display:flex;flex-direction:column;flex:auto;gap:0.5rem}.block__header-row{display:flex;justify-content:space-between;gap:0.5rem}.block__header-amount{text-align:end}.block__header-details{font:500 0.75rem/1rem \"Inter\", \"Gilroy, Arial, sans-serif\";background:var(--b2b-cart-block-details-color);padding:0.25rem 0.5rem;border-radius:1.375rem}.block__header-indicator{display:flex;gap:0.25rem;align-items:center;font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 48rem){.block__header-indicator{font:400 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.block__header-icon{--icon-size:1.25rem;--icon-container-display:flex}.empty-cart{display:flex;flex-direction:column;align-items:center;text-align:center}.empty-cart__icon{margin-bottom:0.5rem;--icon-size:3rem}.empty-cart__title{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.empty-cart__description{color:var(--b2b-cart-text-color-secondary);font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.summary{display:flex;flex-direction:column;padding:1rem 1rem 1.5rem;border-color:var(--b2b-cart-border-color);border-top-style:solid;border-top-width:0.0625rem}.cart--sticky .summary{box-shadow:0 -6px 12px 0 var(--elevation-six-layer-1-color)}@media screen and (min-width: 48rem){.summary{padding:1rem 1.5rem 1.5rem}}@media screen and (min-width: 64rem){.summary{box-shadow:0 -6px 12px 0 var(--elevation-six-layer-1-color)}}.summary--closed{border-top-width:0;padding-top:0;box-shadow:none}.summary__notification{margin-bottom:1rem}.summary__savings{padding:0.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;gap:0.5rem;border-radius:0.5rem;background-color:var(--b2b-cart-summary-accent-color);font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.summary__savings-amount{text-align:end}.summary__monthly-payment{margin-bottom:1rem;display:flex;justify-content:space-between;gap:0.5rem;font:500 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 48rem){.summary__monthly-payment{margin-bottom:1.5rem}}@media screen and (min-width: 64rem){.summary__monthly-payment{margin-bottom:1rem;font:500 1.25rem/1.5rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}}.summary__monthly-payment:last-child{margin-bottom:0}.summary__monthly-price{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.summary__monthly-price-disclosure{color:var(--b2b-cart-text-color-secondary);font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}";
 const TetB2bConfiguratorCartStyle0 = tetB2bConfiguratorCartCss;