@tet/tet-components 1.3.157-testing → 1.4.0-production

package/dist/components/{p-cb2daf20.js → p-c62a7fa3.js}

@@ -1,16 +1,21 @@
-import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h } from './p-37ed3ebb.js';
-import { p as processTranslations, t as translate } from './p-aca28e71.js';
-import { R as RequiredValidator, P as PhoneNumberValidator } from './p-ca66b4b1.js';
-import { d as defineCustomElement$5 } from './p-68f0e894.js';
-import { d as defineCustomElement$4 } from './p-0088d040.js';
-import { d as defineCustomElement$3 } from './p-9573f82c.js';
-import { d as defineCustomElement$2 } from './p-b0d6ed2e.js';
-import { d as defineCustomElement$1 } from './p-df1fe72c.js';
+import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h } from './p-88af3744.js';
+import { p as processTranslations, t as translate } from './p-2627300f.js';
+import { R as RequiredValidator, P as PhoneNumberValidator } from './p-12649d6e.js';
+import { d as defineCustomElement$5 } from './p-7e8270ec.js';
+import { d as defineCustomElement$4 } from './p-7530ef19.js';
+import { d as defineCustomElement$3 } from './p-496e41f5.js';
+import { d as defineCustomElement$2 } from './p-a9b1c410.js';
+import { d as defineCustomElement$1 } from './p-2426d691.js';
 
 /**
  * The email validator class.
  */
 class EMailAddressValidator {
+    errorMessage;
+    /**
+     * The regex for the email validation.
+     */
+    emailAddressRegex = '^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,}$';
     /**
      * Constructor.
      *
@@ -18,10 +23,6 @@ class EMailAddressValidator {
      */
     constructor(errorMessage) {
         this.errorMessage = errorMessage;
-        /**
-         * The regex for the email validation.
-         */
-        this.emailAddressRegex = '^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,}$';
     }
     /**
      * Returns validation error message.
@@ -35,7 +36,7 @@ class EMailAddressValidator {
      * @param value
      */
     validate(value) {
-        const validateValue = value === null || value === void 0 ? void 0 : value.trim();
+        const validateValue = value?.trim();
         // A generic email address must meet pattern with @ and dot.
         return RegExp(this.emailAddressRegex).test(validateValue);
     }
@@ -53,6 +54,14 @@ const TetAvailabilityContactForm = /*@__PURE__*/ proxyCustomElement(class TetAva
         this.language = 'lv';
         this.theme = undefined;
     }
+    /** Form element of component */
+    checkOutForm;
+    /** The application 'tet-dialog' element. */
+    dialogElement;
+    /** The extra field slot element. */
+    extraFieldsSlotElement;
+    /** Event emit when form filled successfully */
+    submitCheckOutForm;
     /**
      * The watch to update translations.
      * @param language
@@ -121,7 +130,7 @@ const TetAvailabilityContactForm = /*@__PURE__*/ proxyCustomElement(class TetAva
      * @private
      */
     renderInput(id, label, placeholder, isPhoneNr) {
-        return (h("tet-input", Object.assign({ id: id, class: "modal-form-card__input", theme: this.theme, label: `${label} *`, placeholder: placeholder || label }, (isPhoneNr && { isPhoneNumber: true }), { validators: this.getValidators(label, isPhoneNr) })));
+        return (h("tet-input", { id: id, class: "modal-form-card__input", theme: this.theme, label: `${label} *`, placeholder: placeholder || label, ...(isPhoneNr && { isPhoneNumber: true }), validators: this.getValidators(label, isPhoneNr) }));
     }
     /** Validates all input fields and returns whether all of them are valid or not. */
     async validateInputFields() {
@@ -147,9 +156,9 @@ const TetAvailabilityContactForm = /*@__PURE__*/ proxyCustomElement(class TetAva
         let emitValue = {};
         inputElements.forEach((item) => {
             const value = item.querySelector('input').value;
-            emitValue = Object.assign(Object.assign({}, emitValue), { [item.id]: value });
+            emitValue = { ...emitValue, [item.id]: value };
         });
-        this.submitCheckOutForm.emit(Object.assign(Object.assign({}, emitValue), this.extraFieldsSubmissionData));
+        this.submitCheckOutForm.emit({ ...emitValue, ...this.extraFieldsSubmissionData });
     }
     /** Returns the slotted `extra-fields` input elements with a provided id attribute. */
     get extraFieldsElements() {

package/dist/components/{p-88b42c67.js → p-c7c47790.js}

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-37ed3ebb.js';
-import { c as isObject } from './p-91651432.js';
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-88af3744.js';
+import { c as isObject } from './p-bfcce1dd.js';
 
 const tetSelectionListCss = "@font-face{font-family:Avenir Next;src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix);src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix) format(\"eot\"),url(assets/fonts/3c3e10968ffc97c2a52c5830f9886d1f.woff2) format(\"woff2\"),url(assets/fonts/660fbf858d30d7685fa4b166080f5980.woff) format(\"woff\"),url(assets/fonts/2b7748589092fd1a10b806abdfb562ff.ttf) format(\"truetype\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix);src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix) format(\"eot\"),url(assets/fonts/aad36ecead30948bb30fe0ef818b749c.woff2) format(\"woff2\"),url(assets/fonts/c437d7752feaf3f056bbf8613e898d3a.woff) format(\"woff\"),url(assets/fonts/b8df4d02ef5de13a813917a85bc4a9c4.ttf) format(\"truetype\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix);src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix) format(\"eot\"),url(assets/fonts/4d52f8276a74ea8efbad833ed790367c.woff2) format(\"woff2\"),url(assets/fonts/a067695dd1b87e927f4056c040d84669.woff) format(\"woff\"),url(assets/fonts/510a664af9771b72d4ce5e637109ca3c.ttf) format(\"truetype\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix);src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix) format(\"eot\"),url(assets/fonts/63f5acc71d9852468683a4bfe824a28f.woff2) format(\"woff2\"),url(assets/fonts/ed94c737da267752ce0abd79bb003ff6.woff) format(\"woff\"),url(assets/fonts/6302f55a6dc6b12365177dc89b7d63cf.ttf) format(\"truetype\");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix);src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix) format(\"eot\"),url(assets/fonts/1fe7da97fe9dbe1349aca9b54b5fdf69.woff2) format(\"woff2\"),url(assets/fonts/dacc6a84278e221422902af99579ada5.woff) format(\"woff\"),url(assets/fonts/e530c573663a3a07243d303fbf7db508.ttf) format(\"truetype\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix);src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix) format(\"eot\"),url(assets/fonts/93ec0034623fc696601ab99aba652d4c.woff2) format(\"woff2\"),url(assets/fonts/d73c8eb1c13abe1237366aa3ee829a59.woff) format(\"woff\"),url(assets/fonts/7b6dcef99f3f4b23346e23925ec8678f.ttf) format(\"truetype\");font-weight:600;font-style:italic;font-display:swap}.tet-icon{font-family:Tet Icons;font-weight:400;font-style:normal;font-size:24px;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}@font-face{font-family:Tet Icons;src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot);src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot?#iefix) format(\"embedded-opentype\"),url(assets/fonts/25f10ef322a1220b2e9e11db38b73892.woff2) format(\"woff2\"),url(assets/fonts/fed75ac1edcf1c25cdd8612d2c365f9a.woff) format(\"woff\"),url(assets/fonts/df7fbe67cabb13cb837172a73c46378a.ttf) format(\"truetype\"),url(assets/fonts/5486d8c87e2abc6c13ed952a6cc96658.svg#tet-icons) format(\"svg\");font-weight:400;font-style:normal}.tet-icon:before{content:\"\\E84E\"}.tet-icon--sm{font-size:1.125rem}.tet-icon--md{font-size:1.5rem}.tet-icon--lg{font-size:2.25rem}.tet-icon--xl{font-size:3rem}.tet-icon--xxl{font-size:4rem}.tet-icon--0{font-size:0}.tet-icon--1{font-size:.0625rem}.tet-icon--2{font-size:.125rem}.tet-icon--3{font-size:.1875rem}.tet-icon--4{font-size:.25rem}.tet-icon--5{font-size:.3125rem}.tet-icon--6{font-size:.375rem}.tet-icon--7{font-size:.4375rem}.tet-icon--8{font-size:.5rem}.tet-icon--9{font-size:.5625rem}.tet-icon--10{font-size:.625rem}.tet-icon--11{font-size:.6875rem}.tet-icon--12{font-size:.75rem}.tet-icon--13{font-size:.8125rem}.tet-icon--14{font-size:.875rem}.tet-icon--15{font-size:.9375rem}.tet-icon--16{font-size:1rem}.tet-icon--17{font-size:1.0625rem}.tet-icon--18{font-size:1.125rem}.tet-icon--19{font-size:1.1875rem}.tet-icon--20{font-size:1.25rem}.tet-icon--21{font-size:1.3125rem}.tet-icon--22{font-size:1.375rem}.tet-icon--23{font-size:1.4375rem}.tet-icon--24{font-size:1.5rem}.tet-icon--25{font-size:1.5625rem}.tet-icon--26{font-size:1.625rem}.tet-icon--27{font-size:1.6875rem}.tet-icon--28{font-size:1.75rem}.tet-icon--29{font-size:1.8125rem}.tet-icon--30{font-size:1.875rem}.tet-icon--31{font-size:1.9375rem}.tet-icon--32{font-size:2rem}.tet-icon--33{font-size:2.0625rem}.tet-icon--34{font-size:2.125rem}.tet-icon--35{font-size:2.1875rem}.tet-icon--36{font-size:2.25rem}.tet-icon--37{font-size:2.3125rem}.tet-icon--38{font-size:2.375rem}.tet-icon--39{font-size:2.4375rem}.tet-icon--40{font-size:2.5rem}.tet-icon--41{font-size:2.5625rem}.tet-icon--42{font-size:2.625rem}.tet-icon--43{font-size:2.6875rem}.tet-icon--44{font-size:2.75rem}.tet-icon--45{font-size:2.8125rem}.tet-icon--46{font-size:2.875rem}.tet-icon--47{font-size:2.9375rem}.tet-icon--48{font-size:3rem}.tet-icon--49{font-size:3.0625rem}.tet-icon--50{font-size:3.125rem}.tet-icon--51{font-size:3.1875rem}.tet-icon--52{font-size:3.25rem}.tet-icon--53{font-size:3.3125rem}.tet-icon--54{font-size:3.375rem}.tet-icon--55{font-size:3.4375rem}.tet-icon--56{font-size:3.5rem}.tet-icon--57{font-size:3.5625rem}.tet-icon--58{font-size:3.625rem}.tet-icon--59{font-size:3.6875rem}.tet-icon--60{font-size:3.75rem}.tet-icon--61{font-size:3.8125rem}.tet-icon--62{font-size:3.875rem}.tet-icon--63{font-size:3.9375rem}.tet-icon--64{font-size:4rem}.tet-icon--65{font-size:4.0625rem}.tet-icon--66{font-size:4.125rem}.tet-icon--67{font-size:4.1875rem}.tet-icon--68{font-size:4.25rem}.tet-icon--69{font-size:4.3125rem}.tet-icon--70{font-size:4.375rem}.tet-icon--71{font-size:4.4375rem}.tet-icon--72{font-size:4.5rem}.tet-icon--73{font-size:4.5625rem}.tet-icon--74{font-size:4.625rem}.tet-icon--75{font-size:4.6875rem}.tet-icon--76{font-size:4.75rem}.tet-icon--77{font-size:4.8125rem}.tet-icon--78{font-size:4.875rem}.tet-icon--79{font-size:4.9375rem}.tet-icon--80{font-size:5rem}.tet-icon--81{font-size:5.0625rem}.tet-icon--82{font-size:5.125rem}.tet-icon--83{font-size:5.1875rem}.tet-icon--84{font-size:5.25rem}.tet-icon--85{font-size:5.3125rem}.tet-icon--86{font-size:5.375rem}.tet-icon--87{font-size:5.4375rem}.tet-icon--88{font-size:5.5rem}.tet-icon--89{font-size:5.5625rem}.tet-icon--90{font-size:5.625rem}.tet-icon--91{font-size:5.6875rem}.tet-icon--92{font-size:5.75rem}.tet-icon--93{font-size:5.8125rem}.tet-icon--94{font-size:5.875rem}.tet-icon--95{font-size:5.9375rem}.tet-icon--96{font-size:6rem}.tet-icon--97{font-size:6.0625rem}.tet-icon--98{font-size:6.125rem}.tet-icon--99{font-size:6.1875rem}.tet-icon--100{font-size:6.25rem}.tet-icon--101{font-size:6.3125rem}.tet-icon__add:before{content:\"\\E800\"}.tet-icon__alert-circled:before{content:\"\\E801\"}.tet-icon__alert:before{content:\"\\E802\"}.tet-icon__bank:before{content:\"\\E803\"}.tet-icon__box:before{content:\"\\E804\"}.tet-icon__download:before{content:\"\\E805\"}.tet-icon__burger:before{content:\"\\E806\"}.tet-icon__cancel:before{content:\"\\E807\"}.tet-icon__printer:before{content:\"\\E808\"}.tet-icon__cart-add:before{content:\"\\E809\"}.tet-icon__cart-remove:before{content:\"\\E80A\"}.tet-icon__cart:before{content:\"\\E80B\"}.tet-icon__chat:before{content:\"\\E80C\"}.tet-icon__arrow-up:before{content:\"\\E80D\"}.tet-icon__calendar:before{content:\"\\E80E\"}.tet-icon__help-circled:before{content:\"\\E80F\"}.tet-icon__edit:before{content:\"\\E810\"}.tet-icon__external-link:before{content:\"\\E811\"}.tet-icon__gift:before{content:\"\\E812\"}.tet-icon__person:before{content:\"\\E813\"}.tet-icon__heart:before{content:\"\\E814\"}.tet-icon__language:before{content:\"\\E815\"}.tet-icon__help:before{content:\"\\E816\"}.tet-icon__home-1:before{content:\"\\E817\"}.tet-icon__location:before{content:\"\\E818\"}.tet-icon__home-3:before{content:\"\\E819\"}.tet-icon__chart-even:before{content:\"\\E81A\"}.tet-icon__info-2:before{content:\"\\E81B\"}.tet-icon__key:before{content:\"\\E81C\"}.tet-icon__info:before{content:\"\\E81D\"}.tet-icon__lock-opened:before{content:\"\\E81E\"}.tet-icon__lock-outlined:before{content:\"\\E81F\"}.tet-icon__lock:before{content:\"\\E820\"}.tet-icon__laptop-filled:before{content:\"\\E821\"}.tet-icon__mail:before{content:\"\\E822\"}.tet-icon__options:before{content:\"\\E823\"}.tet-icon__chart-uneven:before{content:\"\\E824\"}.tet-icon__mail-2:before{content:\"\\E825\"}.tet-icon__remove:before{content:\"\\E826\"}.tet-icon__mobile-filled:before{content:\"\\E827\"}.tet-icon__ilu-calendar-check:before{content:\"\\E828\"}.tet-icon__settings-outlined:before{content:\"\\E829\"}.tet-icon__tablet:before{content:\"\\E82A\"}.tet-icon__thumb-up:before{content:\"\\E82B\"}.tet-icon__ilu-purchase:before{content:\"\\E82C\"}.tet-icon__chart-even-outlined:before{content:\"\\E82D\"}.tet-icon__movie:before{content:\"\\E82E\"}.tet-icon__percent:before{content:\"\\E82F\"}.tet-icon__ilu-change-whenever:before{content:\"\\E830\"}.tet-icon__truck:before{content:\"\\E831\"}.tet-icon__zero:before{content:\"\\E832\"}.tet-icon__attach:before{content:\"\\E833\"}.tet-icon__cloud-done:before{content:\"\\E834\"}.tet-icon__cloud-download:before{content:\"\\E835\"}.tet-icon__cloud-upload:before{content:\"\\E836\"}.tet-icon__cloud:before{content:\"\\E837\"}.tet-icon__folder:before{content:\"\\E838\"}.tet-icon__remote:before{content:\"\\E839\"}.tet-icon__router:before{content:\"\\E83A\"}.tet-icon__shield-filled:before{content:\"\\E83B\"}.tet-icon__shield:before{content:\"\\E83C\"}.tet-icon__ilu-devices:before{content:\"\\E83D\"}.tet-icon__ilu-get-points:before{content:\"\\E83E\"}.tet-icon__tv:before{content:\"\\E83F\"}.tet-icon__ilu-internet:before{content:\"\\E840\"}.tet-icon__wifi-outlined:before{content:\"\\E841\"}.tet-icon__wifi:before{content:\"\\E842\"}.tet-icon__description-outlined:before{content:\"\\E843\"}.tet-icon__laptop:before{content:\"\\E844\"}.tet-icon__chart-uneven-outlined:before{content:\"\\E845\"}.tet-icon__meter:before{content:\"\\E846\"}.tet-icon__mobile:before{content:\"\\E847\"}.tet-icon__phone:before{content:\"\\E848\"}.tet-icon__plug-filled:before{content:\"\\E849\"}.tet-icon__plug:before{content:\"\\E84A\"}.tet-icon__print:before{content:\"\\E84B\"}.tet-icon__camera:before{content:\"\\E84C\"}.tet-icon__clock:before{content:\"\\E84D\"}.tet-icon__placeholder:before{content:\"\\E84E\"}.tet-icon__tv-filled:before{content:\"\\E84F\"}.tet-icon__arrow-down:before{content:\"\\E850\"}.tet-icon__arrow-left:before{content:\"\\E851\"}.tet-icon__arrow-right:before{content:\"\\E852\"}.tet-icon__description:before{content:\"\\E853\"}.tet-icon__login:before{content:\"\\E854\"}.tet-icon__check:before{content:\"\\E855\"}.tet-icon__chevron-down:before{content:\"\\E856\"}.tet-icon__chevron-left:before{content:\"\\E857\"}.tet-icon__chevron-right:before{content:\"\\E858\"}.tet-icon__chevron-up:before{content:\"\\E859\"}.tet-icon__close-circled:before{content:\"\\E85A\"}.tet-icon__close:before{content:\"\\E85B\"}.tet-icon__more-horizontal:before{content:\"\\E85C\"}.tet-icon__more-vertical:before{content:\"\\E85D\"}.tet-icon__refresh:before{content:\"\\E85E\"}.tet-icon__facebook:before{content:\"\\E85F\"}.tet-icon__instagram:before{content:\"\\E860\"}.tet-icon__linkedin:before{content:\"\\E861\"}.tet-icon__people:before{content:\"\\E862\"}.tet-icon__logout:before{content:\"\\E863\"}.tet-icon__share:before{content:\"\\E864\"}.tet-icon__twitter:before{content:\"\\E865\"}.tet-icon__cancel-filled:before{content:\"\\E866\"}.tet-icon__done:before{content:\"\\E867\"}.tet-icon__star-filled:before{content:\"\\E868\"}.tet-icon__star:before{content:\"\\E869\"}.tet-icon__clipboard:before{content:\"\\E86A\"}.tet-icon__ilu-calendar:before{content:\"\\E86B\"}.tet-icon__check-circled:before{content:\"\\E86C\"}.tet-icon__ilu-choose-channels:before{content:\"\\E86D\"}.tet-icon__search:before{content:\"\\E86E\"}.tet-icon__warning:before{content:\"\\E86F\"}.tet-icon__ilu-clock-1:before{content:\"\\E870\"}.tet-icon__ilu-fold:before{content:\"\\E871\"}.tet-icon__ilu-letter:before{content:\"\\E872\"}.tet-icon__ilu-pay:before{content:\"\\E873\"}.tet-icon__ilu-meter:before{content:\"\\E874\"}.tet-icon__ilu-sign:before{content:\"\\E875\"}.tet-icon__smart-watch-filled:before{content:\"\\E876\"}.tet-icon__washing-machine-filled:before{content:\"\\E877\"}.tet-icon__bullet:before{content:\"\\E878\"}.tet-icon__sound:before{content:\"\\E879\"}.tet-icon__dropdown:before{content:\"\\E87A\"}.tet-icon__mask-pass:before{content:\"\\E87B\"}.tet-icon__select:before{content:\"\\E87C\"}.tet-icon__text-area-sizing:before{content:\"\\E87D\"}.tet-icon__unmask-pass:before{content:\"\\E87E\"}.tet-icon__bullet-small:before{content:\"\\E882\"}.tet-icon__electric-bolt:before{content:\"\\E880\"}.tet-icon__sun:before{content:\"\\E881\"}: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{--selection-list-display:flex;--selection-list-margin:0;--selection-list-max-width:none;--orientation:column;--item-spacing:1em;--selection-list-max-items-per-row:1;--selection-list-wrapping:wrap;--selection-list-justify-content:space-evenly;--selection-list-item-cursor:pointer;display:block;-ms-overflow-style:none;scrollbar-width:none}:host::-webkit-scrollbar{display:none}.list{list-style:none;display:var(--selection-list-display);margin:var(--selection-list-margin);max-width:var(--selection-list-max-width);flex-direction:var(--orientation);flex-wrap:var(--selection-list-wrapping);justify-content:var(--selection-list-justify-content);gap:var(--item-spacing);-webkit-tap-highlight-color:transparent}.list-item{flex:1 0 calc((100% - (var(--selection-list-max-items-per-row) - 1) * var(--item-spacing)) / var(--selection-list-max-items-per-row));cursor:var(--selection-list-item-cursor)}";
 const TetSelectionListStyle0 = tetSelectionListCss;
@@ -11,72 +11,20 @@ const TetSelectionList = /*@__PURE__*/ proxyCustomElement(class TetSelectionList
         this.__attachShadow();
         this.itemSelected = createEvent(this, "itemSelected", 7);
         this.selectionListRendered = createEvent(this, "selectionListRendered", 7);
-        /**
-         * Toggles the selected item.
-         *
-         * @param item
-         */
-        this.toggleItem = (item) => {
-            const selectionStrategy = this.multipleSelections ? this.multipleSelectionToggle : this.singleSelectionToggle;
-            selectionStrategy(item);
-            this.itemSelected.emit(item);
-            // Re-assign the value to trigger array change detection.
-            this.selectedItems = [...this.selectedItems];
-        };
-        /**
-         * Handles multiple (checkbox) selection logic.
-         *
-         * @param item
-         */
-        this.multipleSelectionToggle = (item) => {
-            if (!this.selectedItems.includes(item)) {
-                this.selectedItems.push(item);
-            }
-            else {
-                this.selectedItems.splice(this.selectedItems.indexOf(item), 1);
-            }
-        };
-        /**
-         * Handles single (radio) selection logic.
-         *
-         * @param item
-         */
-        this.singleSelectionToggle = (item) => {
-            if (!this.selectedItems.includes(item)) {
-                this.selectedItems = [];
-            }
-            this.selectedItems.push(item);
-        };
-        /**
-         * Calculates the context of the particular list item.
-         *
-         * @param item
-         */
-        this.getListItemContext = (item) => {
-            return { selected: this.selectedItems.includes(item) };
-        };
-        /**
-         * Renders a single list item.
-         *
-         * @param item
-         */
-        this.renderListItem = (item) => {
-            const itemContext = this.getListItemContext(item);
-            const renderedResult = this.itemRenderFunction(item, itemContext);
-            // JSX is an object and doesn't render properly via innerHTML.
-            const content = isObject(renderedResult) ? renderedResult : h("div", { innerHTML: renderedResult });
-            return h("li", { class: "list-item", part: "selection-list-item", onClick: () => this.toggleItem(item) }, content);
-        };
         this.items = [];
         this.preSelectedItems = [];
         this.multipleSelections = true;
-        this.itemRenderFunction = (data) => data === null || data === void 0 ? void 0 : data.toString();
+        this.itemRenderFunction = (data) => data?.toString();
         this.identifier = undefined;
         this.selectedItems = [];
     }
     onPreselectedItemsChanged(items) {
         items.forEach(this.toggleItem);
     }
+    /** The event that is emitted when an item is selected or de-selected. */
+    itemSelected;
+    /** The event that is emitted when the component is loaded. */
+    selectionListRendered;
     componentWillLoad() {
         this.preSelectedItems.forEach(this.toggleItem);
     }
@@ -96,6 +44,62 @@ const TetSelectionList = /*@__PURE__*/ proxyCustomElement(class TetSelectionList
     async getSelectedItems() {
         return this.selectedItems;
     }
+    /**
+     * Toggles the selected item.
+     *
+     * @param item
+     */
+    toggleItem = (item) => {
+        const selectionStrategy = this.multipleSelections ? this.multipleSelectionToggle : this.singleSelectionToggle;
+        selectionStrategy(item);
+        this.itemSelected.emit(item);
+        // Re-assign the value to trigger array change detection.
+        this.selectedItems = [...this.selectedItems];
+    };
+    /**
+     * Handles multiple (checkbox) selection logic.
+     *
+     * @param item
+     */
+    multipleSelectionToggle = (item) => {
+        if (!this.selectedItems.includes(item)) {
+            this.selectedItems.push(item);
+        }
+        else {
+            this.selectedItems.splice(this.selectedItems.indexOf(item), 1);
+        }
+    };
+    /**
+     * Handles single (radio) selection logic.
+     *
+     * @param item
+     */
+    singleSelectionToggle = (item) => {
+        if (!this.selectedItems.includes(item)) {
+            this.selectedItems = [];
+        }
+        this.selectedItems.push(item);
+    };
+    /**
+     * Calculates the context of the particular list item.
+     *
+     * @param item
+     */
+    getListItemContext = (item) => {
+        return { selected: this.selectedItems.includes(item) };
+    };
+    /**
+     * Renders a single list item.
+     *
+     * @param item
+     */
+    renderListItem = (item) => {
+        const itemContext = this.getListItemContext(item);
+        const renderedResult = this.itemRenderFunction(item, itemContext);
+        // JSX is an object and doesn't render properly via innerHTML.
+        const content = isObject(renderedResult) ? renderedResult : h("div", { innerHTML: renderedResult });
+        return h("li", { class: "list-item", part: "selection-list-item", onClick: () => this.toggleItem(item) }, content);
+    };
     render() {
         return (h("ul", { key: '5d21c21153564b6bf82dce1244c6753c572ea0e4', class: "list", part: "selection-list" }, this.items.map(this.renderListItem)));
     }

package/dist/components/{p-00c91e96.js → p-c8b44baa.js}

@@ -1,5 +1,5 @@
-import { e as endpoints } from './p-6830b44d.js';
-import { A as AsyncApiRequest } from './p-489ae3a0.js';
+import { e as endpoints } from './p-c1f5b99f.js';
+import { A as AsyncApiRequest } from './p-1c466832.js';
 
 const createCallCenterTask = (options) => {
     const url = endpoints.createCallCenterTask;

package/dist/components/{p-6a2a81d8.js → p-c956b246.js}

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, f as forceUpdate, c as Host } from './p-37ed3ebb.js';
-import { t as translate, p as processTranslations } from './p-aca28e71.js';
-import { d as defineCustomElement$3 } from './p-53ca0a91.js';
-import { d as defineCustomElement$2 } from './p-b0d6ed2e.js';
-import { d as defineCustomElement$1 } from './p-9a47b95f.js';
+import { p as proxyCustomElement, H, f as forceUpdate, h, c as Host } from './p-88af3744.js';
+import { p as processTranslations, t as translate } from './p-2627300f.js';
+import { d as defineCustomElement$3 } from './p-d3939d35.js';
+import { d as defineCustomElement$2 } from './p-a9b1c410.js';
+import { d as defineCustomElement$1 } from './p-3a80e93a.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: 48rem){.cart__accordion--closed{--accordion-header-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}@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)}}@media screen and (min-width: 48rem){.summary--closed{padding:0 1.5rem 1rem 1.5rem;border:none;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;
@@ -12,94 +12,6 @@ const TetB2bConfiguratorCart = /*@__PURE__*/ proxyCustomElement(class TetB2bConf
         super();
         this.__registerHost();
         this.__attachShadow();
-        /** @private The suffix for the price displayed - "€/mēn."). */
-        this.priceSuffix = '€/mēn.';
-        this.addStickyClassConditionally = () => {
-            if (this.context === 'checkout') {
-                return;
-            }
-            const rect = this.hostElement.getBoundingClientRect();
-            const { bottom, top } = rect;
-            const isTopVisible = top < window.innerHeight && top;
-            const isBottomVisible = bottom < window.innerHeight && bottom;
-            if (isTopVisible && !isBottomVisible && !this.isDesktopResolution) {
-                this.cartEl.classList.add('cart--sticky');
-            }
-            else {
-                this.cartEl.classList.remove('cart--sticky');
-            }
-        };
-        /**
-         * Updates `primarySlotFilled` or `secondarySlotFilled` based on assigned slot elements.
-         * @param e The slotchange event.
-         */
-        this.handleSlotChanged = (e) => {
-            const slot = e.target;
-            const slotName = slot.name;
-            if (slotName === 'primary') {
-                this.primarySlotFilled = slot.assignedElements().length !== 0;
-            }
-            else {
-                this.secondarySlotFilled = slot.assignedElements().length !== 0;
-            }
-        };
-        /**
-         * Handler for all accordion open state changes.
-         * Uses element reference checking to correctly distinguish between nested components (lower events bubble up).
-         * @param e The CustomEvent containing the new open state.
-         */
-        this.handleAccordionChanged = (e) => {
-            const targetEl = e.target;
-            const isOpen = e.detail;
-            if (targetEl === this.accordionEl) {
-                this.isAccordionOpen = e.detail;
-                return;
-            }
-            if (targetEl === this.primaryBlockEl) {
-                this.isPrimaryBlockOpen = isOpen;
-                return;
-            }
-            if (targetEl === this.secondaryBlockEl) {
-                this.isSecondaryBlockOpen = isOpen;
-                return;
-            }
-        };
-        /** Renders the empty cart content placeholder. */
-        this.renderEmptyContent = () => {
-            return (h("div", { class: "empty-cart" }, h("tet-icon", { class: "empty-cart__icon", name: "tc-empty", theme: this.theme }), h("div", { class: "empty-cart__title" }, translate('components-b2b-cart-empty-title')), h("div", { class: "empty-cart__description" }, translate('components-b2b-cart-empty-description'))));
-        };
-        /** Renders the two inner service accordions based on slot content. */
-        this.renderContent = () => {
-            const blocks = [
-                { name: translate('components-b2b-cart-primary-service-title'), type: 'primary' },
-                { name: translate('components-b2b-cart-secondary-service-title'), type: 'secondary' }
-            ];
-            const content = blocks.map((block) => {
-                const isPrimary = block.type === 'primary';
-                const blockOpen = isPrimary ? this.isPrimaryBlockOpen : this.isSecondaryBlockOpen;
-                const slotFilled = isPrimary ? this.primarySlotFilled : this.secondarySlotFilled;
-                const amount = isPrimary ? this.data.primaryAmount : this.data.secondaryAmount;
-                const count = isPrimary ? this.data.primaryCount : this.data.secondaryCount;
-                const countValue = count % 10 === 1 && count !== 11
-                    ? translate('components-b2b-cart-service-singular')
-                    : translate('components-b2b-cart-service-plural');
-                const refCallback = (el) => {
-                    if (block.type === 'primary') {
-                        this.primaryBlockEl = el;
-                    }
-                    else {
-                        this.secondaryBlockEl = el;
-                    }
-                };
-                return (h("div", { hidden: !slotFilled, class: "block__wrapper" }, h("tet-accordion", { ref: refCallback, key: block.type, class: "block", isOpen: blockOpen, header: block.name, theme: this.theme, transparentBackground: true }, h("div", { slot: "header", class: "block__header" }, h("div", { class: "block__header-row" }, h("div", null, block.name), h("div", { class: "block__header-amount" }, `${amount} ${this.priceSuffix}`)), h("div", { class: "block__header-row" }, h("div", { class: "block__header-details" }, `${count} ${countValue}`), h("div", { class: "block__header-indicator" }, blockOpen ? translate('components-b2b-cart-accordion-less') : translate('components-b2b-cart-accordion-more'), h("tet-icon", { class: "block__header-icon", name: `chevron-${blockOpen ? 'up' : 'down'}`, theme: this.theme })))), h("slot", { onSlotchange: this.handleSlotChanged, name: block.type }))));
-            });
-            return content;
-        };
-        /** Renders the cart summary, including notifications and financial details. */
-        this.renderSummary = () => {
-            const { summarySavings, summaryAmount, hasPrimaryNotification, hasSecondaryNotification } = this.data;
-            return (h("div", { class: { 'summary': true, 'summary--closed': !this.isAccordionOpen } }, hasPrimaryNotification && (h("tet-notification", { class: "summary__notification", type: "warning", headerTitle: translate('components-b2b-cart-primary-notification-title'), content: translate('components-b2b-cart-primary-notification-description'), allowClose: false, theme: this.theme, icon: null })), hasSecondaryNotification && (h("tet-notification", { class: "summary__notification", type: "neutral", headerTitle: translate('components-b2b-cart-secondary-notification-title'), content: translate('components-b2b-cart-secondary-notification-description'), allowClose: false, theme: this.theme })), this.isAccordionOpen && (h("div", { class: "summary__savings" }, h("div", null, translate('components-b2b-cart-savings-title')), h("span", { class: "summary__savings-amount" }, " ", `${summarySavings} ${this.priceSuffix}`))), h("div", { class: "summary__monthly-payment" }, translate('components-b2b-cart-monthly-payment-title'), h("div", { class: "summary__monthly-price" }, h("div", null, `${summaryAmount} ${this.priceSuffix}`), h("span", { class: "summary__monthly-price-disclosure" }, ' ', translate('components-b2b-cart-monthly-payment-disclosure'), ' '))), this.isAccordionOpen && h("slot", { name: "cta" })));
-        };
         this.theme = 'light';
         this.data = undefined;
         this.isCartEmpty = true;
@@ -111,6 +23,19 @@ const TetB2bConfiguratorCart = /*@__PURE__*/ proxyCustomElement(class TetB2bConf
         this.primarySlotFilled = false;
         this.secondarySlotFilled = false;
     }
+    get hostElement() { return this; }
+    /** @private The suffix for the price displayed - "€/mēn."). */
+    priceSuffix = '€/mēn.';
+    /** @private Reference to cart element*/
+    cartEl;
+    /** @private Reference to outer accordion element*/
+    accordionEl;
+    /** @private Reference to 1st inner accordion element*/
+    primaryBlockEl;
+    /** @private Reference to 2nd inner accordion element*/
+    secondaryBlockEl;
+    /** An intersection observer for checking if cart is currently sticky to bottom. */
+    cartObserver;
     /**
      * Imperatively opens the main accordion when transitioning to desktop in 'edit' context.
      * Adds/removes sticky class on `isDesktopResolution` prop change
@@ -161,6 +86,92 @@ const TetB2bConfiguratorCart = /*@__PURE__*/ proxyCustomElement(class TetB2bConf
             state == 'open' ? this.secondaryBlockEl.open() : this.secondaryBlockEl.close();
         }
     }
+    addStickyClassConditionally = () => {
+        if (this.context === 'checkout') {
+            return;
+        }
+        const rect = this.hostElement.getBoundingClientRect();
+        const { bottom, top } = rect;
+        const isTopVisible = top < window.innerHeight && top;
+        const isBottomVisible = bottom < window.innerHeight && bottom;
+        if (isTopVisible && !isBottomVisible && !this.isDesktopResolution) {
+            this.cartEl.classList.add('cart--sticky');
+        }
+        else {
+            this.cartEl.classList.remove('cart--sticky');
+        }
+    };
+    /**
+     * Updates `primarySlotFilled` or `secondarySlotFilled` based on assigned slot elements.
+     * @param e The slotchange event.
+     */
+    handleSlotChanged = (e) => {
+        const slot = e.target;
+        const slotName = slot.name;
+        if (slotName === 'primary') {
+            this.primarySlotFilled = slot.assignedElements().length !== 0;
+        }
+        else {
+            this.secondarySlotFilled = slot.assignedElements().length !== 0;
+        }
+    };
+    /**
+     * Handler for all accordion open state changes.
+     * Uses element reference checking to correctly distinguish between nested components (lower events bubble up).
+     * @param e The CustomEvent containing the new open state.
+     */
+    handleAccordionChanged = (e) => {
+        const targetEl = e.target;
+        const isOpen = e.detail;
+        if (targetEl === this.accordionEl) {
+            this.isAccordionOpen = e.detail;
+            return;
+        }
+        if (targetEl === this.primaryBlockEl) {
+            this.isPrimaryBlockOpen = isOpen;
+            return;
+        }
+        if (targetEl === this.secondaryBlockEl) {
+            this.isSecondaryBlockOpen = isOpen;
+            return;
+        }
+    };
+    /** Renders the empty cart content placeholder. */
+    renderEmptyContent = () => {
+        return (h("div", { class: "empty-cart" }, h("tet-icon", { class: "empty-cart__icon", name: "tc-empty", theme: this.theme }), h("div", { class: "empty-cart__title" }, translate('components-b2b-cart-empty-title')), h("div", { class: "empty-cart__description" }, translate('components-b2b-cart-empty-description'))));
+    };
+    /** Renders the two inner service accordions based on slot content. */
+    renderContent = () => {
+        const blocks = [
+            { name: translate('components-b2b-cart-primary-service-title'), type: 'primary' },
+            { name: translate('components-b2b-cart-secondary-service-title'), type: 'secondary' }
+        ];
+        const content = blocks.map((block) => {
+            const isPrimary = block.type === 'primary';
+            const blockOpen = isPrimary ? this.isPrimaryBlockOpen : this.isSecondaryBlockOpen;
+            const slotFilled = isPrimary ? this.primarySlotFilled : this.secondarySlotFilled;
+            const amount = isPrimary ? this.data.primaryAmount : this.data.secondaryAmount;
+            const count = isPrimary ? this.data.primaryCount : this.data.secondaryCount;
+            const countValue = count % 10 === 1 && count !== 11
+                ? translate('components-b2b-cart-service-singular')
+                : translate('components-b2b-cart-service-plural');
+            const refCallback = (el) => {
+                if (block.type === 'primary') {
+                    this.primaryBlockEl = el;
+                }
+                else {
+                    this.secondaryBlockEl = el;
+                }
+            };
+            return (h("div", { hidden: !slotFilled, class: "block__wrapper" }, h("tet-accordion", { ref: refCallback, key: block.type, class: "block", isOpen: blockOpen, header: block.name, theme: this.theme, transparentBackground: true }, h("div", { slot: "header", class: "block__header" }, h("div", { class: "block__header-row" }, h("div", null, block.name), h("div", { class: "block__header-amount" }, `${amount} ${this.priceSuffix}`)), h("div", { class: "block__header-row" }, h("div", { class: "block__header-details" }, `${count} ${countValue}`), h("div", { class: "block__header-indicator" }, blockOpen ? translate('components-b2b-cart-accordion-less') : translate('components-b2b-cart-accordion-more'), h("tet-icon", { class: "block__header-icon", name: `chevron-${blockOpen ? 'up' : 'down'}`, theme: this.theme })))), h("slot", { onSlotchange: this.handleSlotChanged, name: block.type }))));
+        });
+        return content;
+    };
+    /** Renders the cart summary, including notifications and financial details. */
+    renderSummary = () => {
+        const { summarySavings, summaryAmount, hasPrimaryNotification, hasSecondaryNotification } = this.data;
+        return (h("div", { class: { 'summary': true, 'summary--closed': !this.isAccordionOpen } }, hasPrimaryNotification && (h("tet-notification", { class: "summary__notification", type: "warning", headerTitle: translate('components-b2b-cart-primary-notification-title'), content: translate('components-b2b-cart-primary-notification-description'), allowClose: false, theme: this.theme, icon: null })), hasSecondaryNotification && (h("tet-notification", { class: "summary__notification", type: "neutral", headerTitle: translate('components-b2b-cart-secondary-notification-title'), content: translate('components-b2b-cart-secondary-notification-description'), allowClose: false, theme: this.theme })), this.isAccordionOpen && (h("div", { class: "summary__savings" }, h("div", null, translate('components-b2b-cart-savings-title')), h("span", { class: "summary__savings-amount" }, " ", `${summarySavings} ${this.priceSuffix}`))), h("div", { class: "summary__monthly-payment" }, translate('components-b2b-cart-monthly-payment-title'), h("div", { class: "summary__monthly-price" }, h("div", null, `${summaryAmount} ${this.priceSuffix}`), h("span", { class: "summary__monthly-price-disclosure" }, ' ', translate('components-b2b-cart-monthly-payment-disclosure'), ' '))), this.isAccordionOpen && h("slot", { name: "cta" })));
+    };
     render() {
         const cartTitle = translate('components-b2b-cart-title');
         const isEditMode = this.context === 'edit';
@@ -173,7 +184,6 @@ const TetB2bConfiguratorCart = /*@__PURE__*/ proxyCustomElement(class TetB2bConf
                 'cart__accordion--closed': !this.isAccordionOpen
             }, isOpen: this.isAccordionOpen, onOpenChanged: this.handleAccordionChanged, header: cartTitle, theme: this.theme, transparentBackground: true, indicatorDirection: this.isDesktopResolution || isCheckoutMode ? 'down' : 'up' }, h("div", { key: '2593ac6fded70db5e0356d4eac9be05ec30b3d25', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: 'd01c8e52bbe63de3aad45c9795907ec8f753914d', class: { cart__content: true, [`cart__content--${this.context}`]: true } }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
     }
-    get hostElement() { return this; }
     static get watchers() { return {
         "isDesktopResolution": ["openAccordionOnResolutionChange"],
         "isCartEmpty": ["checkStickyClassOnCartEmptyChange"]