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

package/dist/components/{p-489ae3a0.js → p-1c466832.js}

@@ -1,4 +1,4 @@
-import { e as endpoints, A as ApiRequest, c as createSocketConnection, H as HttpCodes } from './p-6830b44d.js';
+import { e as endpoints, A as ApiRequest, c as createSocketConnection, H as HttpCodes } from './p-c1f5b99f.js';
 
 const executeUntil = async (execute, until, { millisecondsToWait = 1000, maxExecutionTries = 10 } = {}) => {
     let result = await execute();
@@ -52,28 +52,30 @@ class AsyncApiRequestError extends Error {
  * and the channel (WebSocket) connection will be closed.
  */
 class AsyncApiRequest {
-    constructor() {
-        /**
-         * The time in milliseconds after which the Websocket connection should be closed if the data is not received.
-         */
-        this.socketTimeoutInMilliseconds = 60000;
-        this.maxPollingAttempts = 45;
-        this.dataRetrievalMethod = 'polling';
-        this.defaultOptions = {
-            headers: {
-                'Accept': 'application/json',
-                'Content-Type': 'application/json'
-            }
-        };
-        /**
-         * The header name of the response operation ID.
-         */
-        this.operationIdHeader = 'X-Operation';
-        /**
-         * The event name of the operation data stream.
-         */
-        this.operationEventName = '.operation.status';
-    }
+    url;
+    options;
+    data;
+    errorFallbackValue;
+    /**
+     * The time in milliseconds after which the Websocket connection should be closed if the data is not received.
+     */
+    socketTimeoutInMilliseconds = 60000;
+    maxPollingAttempts = 45;
+    dataRetrievalMethod = 'polling';
+    defaultOptions = {
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json'
+        }
+    };
+    /**
+     * The header name of the response operation ID.
+     */
+    operationIdHeader = 'X-Operation';
+    /**
+     * The event name of the operation data stream.
+     */
+    operationEventName = '.operation.status';
     /**
      * Sets the URL.
      *
@@ -117,8 +119,7 @@ class AsyncApiRequest {
      * @param response
      */
     getOperationId(response) {
-        var _a;
-        return (_a = response.headers.get(this.operationIdHeader)) !== null && _a !== void 0 ? _a : '';
+        return response.headers.get(this.operationIdHeader) ?? '';
     }
     /**
      * Handles caught error.
@@ -198,7 +199,7 @@ class AsyncApiRequest {
         const apiRequest = new ApiRequest()
             .setUrl(this.url)
             .setData(this.data)
-            .setOptions(Object.assign(Object.assign({}, this.defaultOptions), this.options));
+            .setOptions({ ...this.defaultOptions, ...this.options });
         let response;
         try {
             response = await apiRequest.execute(true);

package/dist/components/{p-639c9d1a.js → p-1cccc456.js}

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, c as Host } from './p-37ed3ebb.js';
+import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, c as Host } from './p-88af3744.js';
 import { a as a11yBtnClick } from './p-713fff27.js';
-import { p as processTranslations, t as translate } from './p-aca28e71.js';
-import { d as defineCustomElement$4 } from './p-68f0e894.js';
-import { d as defineCustomElement$3 } from './p-b0d6ed2e.js';
-import { d as defineCustomElement$2 } from './p-9bf262a8.js';
-import { d as defineCustomElement$1 } from './p-e707e73a.js';
+import { p as processTranslations, t as translate } from './p-2627300f.js';
+import { d as defineCustomElement$4 } from './p-7e8270ec.js';
+import { d as defineCustomElement$3 } from './p-a9b1c410.js';
+import { d as defineCustomElement$2 } from './p-e474903b.js';
+import { d as defineCustomElement$1 } from './p-c217775d.js';
 
 const tetB2bCompareCardCss = "@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)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration:underline;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:\"-->\";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}@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;--b2b-card-background-color:var(--tc-layer-primary);--b2b-card-text-color:var(--tc-text-primary);--b2b-card-details-background-color:var(--tc-layer-secondary);--b2b-card-details-old-price-text-color:var(--tc-text-secondary);--b2b-card-border-color:var(--tc-border-quaternary);--b2b-card-border-slim-color:var(--tc-border-tertiary);--b2b-card-selected-border-color:var(--tc-border-primary);--b2b-card-box-shadow:var(--tc-elevation-one);--b2b-card-selected-box-shadow:var(--tc-elevation-two);--b2b-card-badge-color:var(--tc-yellow-40)}.dark{--b2b-card-background-color:var(--tc-layer-primary-dark);--b2b-card-text-color:var(--tc-text-primary-dark);--b2b-card-details-background-color:var(--tc-layer-secondary-dark);--b2b-card-details-old-price-text-color:var(--tc-text-secondary-dark);--b2b-card-border-color:var(--tc-border-quaternary-dark);--b2b-card-border-slim-color:var(--tc-border-tertiary-dark);--b2b-card-selected-border-color:var(--tc-border-primary-dark);--b2b-card-box-shadow:var(--tc-elevation-one-dark);--b2b-card-selected-box-shadow:var(--tc-elevation-two-dark);--b2b-card-badge-color:var(--tc-yellow-40-dark)}.divider{border-top:0;border-bottom:0.0625rem solid var(--b2b-card-border-color)}.divider--slim{border-bottom:0.03125rem solid var(--b2b-card-border-slim-color)}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.card{box-sizing:border-box;overflow:hidden;color:var(--b2b-card-text-color);background-color:var(--b2b-card-background-color);border:0.0625rem solid var(--b2b-card-border-color);border-radius:1rem;box-shadow:var(--b2b-card-box-shadow)}.card__wrapper{position:relative;margin-top:0.5rem}.card__badge{position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%);color:var(--b2b-card-text-color);background-color:var(--b2b-card-badge-color);padding:0.375rem 1.25rem;box-shadow:var(--b2b-card-selected-box-shadow);border-radius:6.25rem;width:fit-content;font:600 0.75rem/1rem \"Inter\", \"Gilroy, Arial, sans-serif\";white-space:nowrap}.card__badge--is-tablet{left:1.5rem;transform:translateY(-50%) translateX(0)}.card:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.card.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.card--selected{border-width:0.125rem;border-color:var(--b2b-card-selected-border-color);box-shadow:var(--b2b-card-selected-box-shadow)}.offer{padding:1rem;cursor:pointer}.offer--is-tablet{padding:1.5rem}.offer__header{margin-bottom:0.75rem}.offer__top-info{display:flex;flex-direction:column;gap:0.25rem}.offer__top-info--is-tablet{flex-direction:row;justify-content:space-between;gap:1rem}.offer__top-info--is-tablet__price{text-align:end}.offer__title{font:500 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__title--is-tablet{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__price{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__price--is-tablet{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__price-suffix{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__price-suffix--is-tablet{font:600 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__subtitle{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__subtitle--is-tablet{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__benefits{display:block;margin-top:0.75rem;--text-list-gap:0.25rem;--text-list-padding-left:1rem;--text-list-icon-size:1rem;--text-list-icon-line-height:1.25rem}.offer__benefits::part(list-element){font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__contract-link{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin-top:0.5rem}.details{background-color:var(--b2b-card-details-background-color);padding:1rem}.details--is-tablet{padding:1rem 1.5rem 1.5rem 1.5rem}.details__price-block{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:flex;justify-content:space-between;margin:0.75rem 0}.details__price-block--is-tablet{margin-bottom:1rem}.details__total{display:flex;flex-direction:column;align-items:flex-end}.details__total--current{white-space:nowrap}.details__total--original{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--b2b-card-details-old-price-text-color);text-decoration-line:line-through;white-space:nowrap}.details__actions{margin-top:0.75rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.details__actions--is-tablet{margin-top:1rem;flex-direction:row;align-items:flex-end}.details__quantity-control{display:flex;flex-direction:column;gap:0.25rem}.details__quantity-label{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";text-align:center}.details__quantity-counter{--stepper-input-control-background-color:var(--tc-background-primary);display:block;margin-bottom:1rem}.details__quantity-counter--is-tablet{margin-bottom:0}.details__submit-button{--button-padding-medium:0.625rem 1rem}";
 const TetB2bCompareCardStyle0 = tetB2bCompareCardCss;
@@ -18,66 +18,6 @@ const TetB2bCompareCard = /*@__PURE__*/ proxyCustomElement(class TetB2bCompareCa
         this.__attachShadow();
         this.countChange = createEvent(this, "countChange", 7);
         this.selectedChange = createEvent(this, "selectedChange", 7);
-        /** @private The suffix for the price displayed - "€/mēn."). */
-        this.priceSuffix = '€/mēn.';
-        /**
-         * @private Initializes localCount based on options.counterOptions.defaultValue or defaults to 1.
-         */
-        this.initCount = () => {
-            var _a, _b, _c;
-            this.localCount = (_c = (_a = this.count) !== null && _a !== void 0 ? _a : (_b = this.options.counterOptions) === null || _b === void 0 ? void 0 : _b.defaultValue) !== null && _c !== void 0 ? _c : 1;
-        };
-        /**
-         * @private Updates localCount and emits the countChange event.
-         * @param newCount - The new count value to be emitted.
-         */
-        this.updateCountAndEmit = (newCount) => {
-            if (typeof newCount === 'number') {
-                this.localCount = newCount;
-            }
-            this.countChange.emit({ cardId: this.options.id, count: newCount });
-        };
-        /**
-         * @private Handles the card click event, setting localIsSelected to true and emitting selectedChange.
-         */
-        this.handleSelect = (e) => {
-            const isLinkOrDescendant = e.target.closest('a');
-            if (isLinkOrDescendant) {
-                return;
-            }
-            if (!this.localIsSelected) {
-                this.localIsSelected = true;
-                this.selectedChange.emit(true);
-            }
-        };
-        /**
-         * @private Handles the value change event from the nested tet-stepper-input component.
-         * @param detail - The event containing the new quantity value.
-         */
-        this.handleCounterValueChange = ({ detail }) => {
-            if (this.added) {
-                this.updateCountAndEmit(detail);
-            }
-            else {
-                this.localCount = detail;
-            }
-        };
-        /**
-         * @private Handles the "Add to Basket" action, stops event propagation, and emits the new count.
-         * @param e - The DOM event.
-         */
-        this.handleAdd = (e) => {
-            e.stopPropagation();
-            this.updateCountAndEmit(this.localCount);
-        };
-        /**
-         * @private Handles the "Remove from Basket" action, stops event propagation, and emits a null count.
-         * @param e - The DOM event.
-         */
-        this.handleRemove = (e) => {
-            e.stopPropagation();
-            this.updateCountAndEmit(null);
-        };
         this.localCount = 0;
         this.localIsSelected = false;
         this.isTablet = false;
@@ -86,6 +26,11 @@ const TetB2bCompareCard = /*@__PURE__*/ proxyCustomElement(class TetB2bCompareCa
         this.count = undefined;
         this.isSelected = false;
     }
+    /** @private Tracks changes in the component's host element size to manage responsive state. */
+    resizeObserver;
+    /** @private The suffix for the price displayed - "€/mēn."). */
+    priceSuffix = '€/mēn.';
+    get hostElement() { return this; }
     /**
      * @private Signals whether the item is currently considered "added" to the cart.
      * Derived from the external 'count' prop being a defined number.
@@ -114,6 +59,16 @@ const TetB2bCompareCard = /*@__PURE__*/ proxyCustomElement(class TetB2bCompareCa
             this.localIsSelected = newSelected;
         }
     }
+    /**
+     * Emitted when the user changes the quantity counter value and submits; or on card close event.
+     * @event
+     */
+    countChange;
+    /**
+     * Emitted when the card is clicked to change its selected state
+     * @event
+     */
+    selectedChange;
     componentWillLoad() {
         this.initCount();
         processTranslations('tet-components', 'lv').then(() => forceUpdate(this));
@@ -132,15 +87,72 @@ const TetB2bCompareCard = /*@__PURE__*/ proxyCustomElement(class TetB2bCompareCa
             this.resizeObserver.disconnect();
         }
     }
+    /**
+     * @private Initializes localCount based on options.counterOptions.defaultValue or defaults to 1.
+     */
+    initCount = () => {
+        this.localCount = this.count ?? this.options.counterOptions?.defaultValue ?? 1;
+    };
+    /**
+     * @private Updates localCount and emits the countChange event.
+     * @param newCount - The new count value to be emitted.
+     */
+    updateCountAndEmit = (newCount) => {
+        if (typeof newCount === 'number') {
+            this.localCount = newCount;
+        }
+        this.countChange.emit({ cardId: this.options.id, count: newCount });
+    };
+    /**
+     * @private Handles the card click event, setting localIsSelected to true and emitting selectedChange.
+     */
+    handleSelect = (e) => {
+        const isLinkOrDescendant = e.target.closest('a');
+        if (isLinkOrDescendant) {
+            return;
+        }
+        if (!this.localIsSelected) {
+            this.localIsSelected = true;
+            this.selectedChange.emit(true);
+        }
+    };
+    /**
+     * @private Handles the value change event from the nested tet-stepper-input component.
+     * @param detail - The event containing the new quantity value.
+     */
+    handleCounterValueChange = ({ detail }) => {
+        if (this.added) {
+            this.updateCountAndEmit(detail);
+        }
+        else {
+            this.localCount = detail;
+        }
+    };
+    /**
+     * @private Handles the "Add to Basket" action, stops event propagation, and emits the new count.
+     * @param e - The DOM event.
+     */
+    handleAdd = (e) => {
+        e.stopPropagation();
+        this.updateCountAndEmit(this.localCount);
+    };
+    /**
+     * @private Handles the "Remove from Basket" action, stops event propagation, and emits a null count.
+     * @param e - The DOM event.
+     */
+    handleRemove = (e) => {
+        e.stopPropagation();
+        this.updateCountAndEmit(null);
+    };
     render() {
         const { localIsSelected, localCount, options, priceSuffix } = this;
         const { title, subtitle, isBestChoice, price, discountPrice, benefits, contract } = options;
-        const currentPrice = discountPrice !== null && discountPrice !== void 0 ? discountPrice : price;
+        const currentPrice = discountPrice ?? price;
         const currentTotal = (localCount * currentPrice).toFixed(2);
         const oldTotal = (localCount * price).toFixed(2);
         const detailsId = `details-${options.id}`;
         const titleId = `title-${options.id}`;
-        return (h(Host, { key: 'fb55819189417025a6ff7b17d927e82c0884bdab' }, h("div", { key: '01f724dcd984957286c3f4bbcd648c5a6cf5ac2d', class: { card__wrapper: isBestChoice } }, isBestChoice && (h("div", { key: 'bbfe753f9cda625a3722f92037dcfed2f71d69fd', class: { 'card__badge': true, 'card__badge--is-tablet': this.isTablet } }, translate('components-b2b-configurator-best-choice'))), h("div", Object.assign({ key: 'aa3ccc968da6e0c1c4d02dc707fa1fbb812f900a', class: { 'card': true, [`${this.theme}`]: true, 'card--selected': !!this.count || localIsSelected }, onClick: this.handleSelect, onKeyDown: a11yBtnClick, tabindex: 0, role: "button", "aria-expanded": localIsSelected }, (localIsSelected ? { 'aria-controls': detailsId } : {}), { "aria-labelledby": titleId }), h("section", { key: '7476d69d4f4420e2e7b7cefcdcf6bebac2f25a4b', class: { 'offer': true, 'offer--is-tablet': this.isTablet } }, h("div", { key: '5f87e22fad55417f0e24146452ee8f32c97c0bc7', class: "offer__header" }, h("div", { key: 'e43787318e1614bc0e77e3a0ef2623a9cf719763', class: { 'offer__top-info': true, 'offer__top-info--is-tablet': this.isTablet } }, h("h3", { key: '4e2b8e30f85bc06d7a6d5b3e4daec545371b78d2', id: titleId, class: { 'offer__title': true, 'offer__title--is-tablet': this.isTablet } }, title), h("div", { key: 'ee30c90972ee615bed5305de0b2a00ac1f2f987c', class: { 'offer__price': true, 'offer__price--is-tablet': this.isTablet } }, currentPrice.toFixed(2), h("span", { key: '852bcb2b6c1481c60bb5cced1a7f4aff1ab76004', class: { 'offer__price-suffix': true, 'offer__price-suffix--is-tablet': this.isTablet } }, ' ', h("span", { key: 'c3f227c198a670cb44e44427d202c52d13b8f9e6' }, priceSuffix)))), h("p", { key: 'd0baae9f2c3b1296540e0284556ec41c86364817', class: { 'offer__subtitle': true, 'offer__subtitle--is-tablet': this.isTablet } }, subtitle)), h("hr", { key: '5046b8ca91442bdcfa0b06ec384bbb8d3daff0e4', class: "divider divider--slim" }), h("tet-text-list", { key: 'e60899203c82d30f8936fa0643a961aaeb27663f', class: "offer__benefits", withIcon: true, listIcon: "tc-check", theme: this.theme }, benefits.map((benefit) => (h("span", null, benefit)))), contract && (h("div", { key: '69442b31d59e499906cf4962b4f3fc50df8ddb4c', class: "offer__contract-link" }, h("a", { key: 'd82dba7210d1af5493e3ac0bfd4a6d12a2865edc', class: { 'tet-link': true, [`${this.theme}`]: true }, href: contract, target: "_blank", rel: "noopener noreferrer" }, translate('components-b2b-configurator-contract-link-label'), h("span", { key: '974ef9b2a17ffe3335122d3ef0dd52c00f9d37ea', class: "sr-only" }, translate('components-a11y-open-link-in-new-window')))))), localIsSelected && [
+        return (h(Host, { key: 'fb55819189417025a6ff7b17d927e82c0884bdab' }, h("div", { key: '01f724dcd984957286c3f4bbcd648c5a6cf5ac2d', class: { card__wrapper: isBestChoice } }, isBestChoice && (h("div", { key: 'bbfe753f9cda625a3722f92037dcfed2f71d69fd', class: { 'card__badge': true, 'card__badge--is-tablet': this.isTablet } }, translate('components-b2b-configurator-best-choice'))), h("div", { key: 'aa3ccc968da6e0c1c4d02dc707fa1fbb812f900a', class: { 'card': true, [`${this.theme}`]: true, 'card--selected': !!this.count || localIsSelected }, onClick: this.handleSelect, onKeyDown: a11yBtnClick, tabindex: 0, role: "button", "aria-expanded": localIsSelected, ...(localIsSelected ? { 'aria-controls': detailsId } : {}), "aria-labelledby": titleId }, h("section", { key: '7476d69d4f4420e2e7b7cefcdcf6bebac2f25a4b', class: { 'offer': true, 'offer--is-tablet': this.isTablet } }, h("div", { key: '5f87e22fad55417f0e24146452ee8f32c97c0bc7', class: "offer__header" }, h("div", { key: 'e43787318e1614bc0e77e3a0ef2623a9cf719763', class: { 'offer__top-info': true, 'offer__top-info--is-tablet': this.isTablet } }, h("h3", { key: '4e2b8e30f85bc06d7a6d5b3e4daec545371b78d2', id: titleId, class: { 'offer__title': true, 'offer__title--is-tablet': this.isTablet } }, title), h("div", { key: 'ee30c90972ee615bed5305de0b2a00ac1f2f987c', class: { 'offer__price': true, 'offer__price--is-tablet': this.isTablet } }, currentPrice.toFixed(2), h("span", { key: '852bcb2b6c1481c60bb5cced1a7f4aff1ab76004', class: { 'offer__price-suffix': true, 'offer__price-suffix--is-tablet': this.isTablet } }, ' ', h("span", { key: 'c3f227c198a670cb44e44427d202c52d13b8f9e6' }, priceSuffix)))), h("p", { key: 'd0baae9f2c3b1296540e0284556ec41c86364817', class: { 'offer__subtitle': true, 'offer__subtitle--is-tablet': this.isTablet } }, subtitle)), h("hr", { key: '5046b8ca91442bdcfa0b06ec384bbb8d3daff0e4', class: "divider divider--slim" }), h("tet-text-list", { key: 'e60899203c82d30f8936fa0643a961aaeb27663f', class: "offer__benefits", withIcon: true, listIcon: "tc-check", theme: this.theme }, benefits.map((benefit) => (h("span", null, benefit)))), contract && (h("div", { key: '69442b31d59e499906cf4962b4f3fc50df8ddb4c', class: "offer__contract-link" }, h("a", { key: 'd82dba7210d1af5493e3ac0bfd4a6d12a2865edc', class: { 'tet-link': true, [`${this.theme}`]: true }, href: contract, target: "_blank", rel: "noopener noreferrer" }, translate('components-b2b-configurator-contract-link-label'), h("span", { key: '974ef9b2a17ffe3335122d3ef0dd52c00f9d37ea', class: "sr-only" }, translate('components-a11y-open-link-in-new-window')))))), localIsSelected && [
             h("hr", { key: '0c8262c7071b3d29b60c3b0585f4267995a6ebc9', class: "divider" }),
             h("section", { key: '1b769a5109c6f3fd630db105815df20d61549476', id: detailsId, role: "region", "aria-labelledby": titleId, class: { 'details': true, 'details--is-tablet': this.isTablet } }, h("div", { key: 'f1d0f98651555a8ea20df42a59748db9531592a6', class: { 'details__price-block': true, 'details__price-block--is-tablet': this.isTablet } }, h("span", { key: '49bf16ce3e1d17ea945c09c55bacdcbb0ba625ca' }, translate('components-b2b-configurator-monthly-payment')), h("div", { key: '771f52eb3c4753ffe032d0a9987abc9d610acddd', class: "details__total", "aria-live": "polite" }, h("div", { key: '923e856154fb08a2d1fd2caae03e0dcc997296d4', class: "details__total--current" }, currentTotal, " ", priceSuffix), discountPrice != null && discountPrice < price && (h("div", { key: 'd09b58c1a939f5afb1c0534cd860fe016144e7e8', class: "details__total--original" }, oldTotal, " ", priceSuffix)))), h("hr", { key: '9287063fddec7add9799ca5aefd87af1ae67a145', class: "divider" }), h("div", { key: '2b62b079963f57098fff47e0974eb9a71e17c7c1', class: { 'details__actions': true, 'details__actions--is-tablet': this.isTablet } }, h("div", { key: 'c32ee4619ac0081ad2c26a5297a519ac2909e5a2', class: "details__quantity-control" }, options.counterOptions && [
                 h("span", { key: '4be740f29a8ae2549282bb1374ff66ee2e1d0be6', id: `qty-label-${options.id}`, class: "details__quantity-label" }, translate(options.counterOptions.label)),
@@ -153,7 +165,6 @@ const TetB2bCompareCard = /*@__PURE__*/ proxyCustomElement(class TetB2bCompareCa
                 : translate('components-b2b-configurator-add-to-basket'))))
         ]))));
     }
-    get hostElement() { return this; }
     static get watchers() { return {
         "count": ["syncCount"],
         "isSelected": ["syncSelected"]

package/dist/components/{p-bb324278.js → p-220f3eef.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-37ed3ebb.js';
+import { p as proxyCustomElement, H, h } from './p-88af3744.js';
 
 const tetContainerCss = "@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{--background:rgb(255, 255, 255);--padding:1rem;--border-color:transparent;--border-radius:0.3125rem;--box-shadow:0 0 0 rgb(5 29 89 / 7%), 0 0.0625rem 0.1875rem rgb(5 29 89 / 12%);--box-shadow-highlighted:var(--tc-elevation-three);--text-align:left;--container-selected-border-color:rgb(0, 96, 245);--container-border-width:0.125rem;--container-box-shadow-selected:none;--container-light-box-shadow:none;--container-light-background-color:var(--tc-background-secondary);--container-light-border-color:var(--tc-border-quaternary);--container-light-text-color:var(--tc-text-primary);--container-dark-box-shadow:none;--container-dark-background-color:var(--tc-background-secondary-dark);--container-dark-border-color:var(--tc-border-quaternary-dark);--container-dark-text-color:var(--tc-text-primary-dark)}.container{position:relative;height:100%;background:var(--background);box-shadow:var(--box-shadow);text-align:var(--text-align);padding:var(--padding);font-family:var(--text-font);border:var(--container-border-width) solid var(--border-color);border-radius:var(--border-radius)}.container--highlightable:hover{box-shadow:var(--box-shadow-highlighted);cursor:pointer}.container--selected{border-radius:var(--border-radius);border:var(--container-border-width) solid var(--container-selected-border-color);box-shadow:var(--container-box-shadow-selected)}.container--light{box-shadow:var(--container-light-box-shadow);border:0.0625rem solid var(--container-light-border-color);background-color:var(--container-light-background-color);color:var(--container-light-text-color)}.container--dark{box-shadow:var(--container-dark-box-shadow);border:0.0625rem solid var(--container-dark-border-color);background-color:var(--container-dark-background-color);color:var(--container-dark-text-color)}";
 const TetContainerStyle0 = tetContainerCss;

package/dist/components/{p-df1fe72c.js → p-2426d691.js}

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-37ed3ebb.js';
-import { t as translate } from './p-aca28e71.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-88af3744.js';
+import { t as translate } from './p-2627300f.js';
 import { a as a11yBtnClick } from './p-713fff27.js';
-import { d as defineCustomElement$1 } from './p-b0d6ed2e.js';
+import { d as defineCustomElement$1 } from './p-a9b1c410.js';
 
 /**
  * Validates the list of constraints.
@@ -22,34 +22,6 @@ const TetInput = /*@__PURE__*/ proxyCustomElement(class TetInput extends H {
     constructor() {
         super();
         this.__registerHost();
-        /**
-         * Set Keyboard Focus State on Input if Tab key is pressed.
-         */
-        this.addKeyboardFocus = () => {
-            this.focusVisible = this.isKeyboardFocus;
-        };
-        /**
-         * Removes Keyboard Focus State.
-         */
-        this.removeKeyboardFocus = () => {
-            this.focusVisible = false;
-        };
-        this.validateInputValue = (value) => {
-            this.errorMessages = validate(value, this.validators);
-        };
-        this.renderIcon = (iconName, alignment, callback) => {
-            const clickable = Boolean(callback);
-            const classes = {
-                'icon': true,
-                'icon-left': alignment === 'left',
-                'icon-right': alignment === 'right',
-                'clickable': clickable
-            };
-            return (h("tet-icon", { name: iconName, class: classes, onClick: callback, accessibilityLabel: clickable ? 'Area label' : '', onKeyDown: a11yBtnClick }));
-        };
-        this.renderErrorMessages = () => {
-            return (h("div", { class: { 'errors': true, [`tet-input__${this.theme}`]: true, 'errors--hidden': this.disabled } }, this.errorMessages.map((message) => (h("p", { class: "tet-input__error-message" }, translate(message))))));
-        };
         this.isPhoneNumber = false;
         this.errorMessages = [];
         this.class = '';
@@ -74,6 +46,8 @@ const TetInput = /*@__PURE__*/ proxyCustomElement(class TetInput extends H {
         this.isKeyboardFocus = true;
         this.focusVisible = false;
     }
+    /** Reference to the input element. */
+    inputHtmlElement;
     componentDidLoad() {
         if (!this.manualValidation) {
             this.inputHtmlElement.addEventListener('input', (event) => {
@@ -104,6 +78,18 @@ const TetInput = /*@__PURE__*/ proxyCustomElement(class TetInput extends H {
         this.isKeyboardFocus = false;
         this.focusVisible = false;
     }
+    /**
+     * Set Keyboard Focus State on Input if Tab key is pressed.
+     */
+    addKeyboardFocus = () => {
+        this.focusVisible = this.isKeyboardFocus;
+    };
+    /**
+     * Removes Keyboard Focus State.
+     */
+    removeKeyboardFocus = () => {
+        this.focusVisible = false;
+    };
     /**
      * Returns the list of validation errors.
      */
@@ -123,14 +109,38 @@ const TetInput = /*@__PURE__*/ proxyCustomElement(class TetInput extends H {
         this.validateInputValue(this.inputHtmlElement.value);
         return this.getErrors();
     }
+    validateInputValue = (value) => {
+        this.errorMessages = validate(value, this.validators);
+    };
+    renderIcon = (iconName, alignment, callback) => {
+        const clickable = Boolean(callback);
+        const classes = {
+            'icon': true,
+            'icon-left': alignment === 'left',
+            'icon-right': alignment === 'right',
+            'clickable': clickable
+        };
+        return (h("tet-icon", { name: iconName, class: classes, onClick: callback, accessibilityLabel: clickable ? 'Area label' : '', onKeyDown: a11yBtnClick }));
+    };
+    renderErrorMessages = () => {
+        return (h("div", { class: { 'errors': true, [`tet-input__${this.theme}`]: true, 'errors--hidden': this.disabled } }, this.errorMessages.map((message) => (h("p", { class: "tet-input__error-message" }, translate(message))))));
+    };
     render() {
-        var _a, _b;
-        const propClasses = (_b = (_a = this.class) === null || _a === void 0 ? void 0 : _a.split('w')) !== null && _b !== void 0 ? _b : [];
+        const propClasses = this.class?.split('w') ?? [];
         // Merges the values defined in the class attribute with the inner classes.
-        const inputClasses = Object.assign({ 'tet-input__base': true, [`tet-input__${this.theme}`]: true, 'with-icon--left': !!this.iconLeft, 'with-icon--right': !!this.iconRight, 'with-prefix': this.isPhoneNumber, 'error': this.error || this.errorMessages.length > 0, 'keyboard-focus': this.focusVisible }, propClasses.reduce((accumulator, value) => {
-            return Object.assign(Object.assign({}, accumulator), { [value]: true });
-        }, {}));
-        return (h(Host, null, h("label", { class: { [`${this.theme}`]: true } }, this.label && (h("span", { class: { 'tet-input__label': true, [`tet-input__${this.theme}`]: true } }, this.label)), h("div", { class: { 'input-container': true, [`tet-input__${this.theme}`]: true } }, this.isPhoneNumber && h("span", { class: "tet-input__prefix" }, "+371 |"), h("input", Object.assign({ onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, class: inputClasses, placeholder: this.placeholder, type: this.type, value: this.value, ref: (el) => (this.inputHtmlElement = el), disabled: this.disabled, autoComplete: this.autocomplete ? this.autocomplete : 'off', maxlength: this.maxlength, readOnly: this.readonly }, (this.accessibilityLabel ? { 'aria-label': this.accessibilityLabel } : {}), (this.inputTabindex ? { tabindex: this.inputTabindex } : {}))), !!this.iconLeft && this.renderIcon(this.iconLeft, 'left', this.iconLeftClickCallback), !!this.iconRight && this.renderIcon(this.iconRight, 'right', this.iconRightClickCallback), h("slot", null))), this.errorMessages.length > 0 && this.renderErrorMessages()));
+        const inputClasses = {
+            'tet-input__base': true,
+            [`tet-input__${this.theme}`]: true,
+            'with-icon--left': !!this.iconLeft,
+            'with-icon--right': !!this.iconRight,
+            'with-prefix': this.isPhoneNumber,
+            'error': this.error || this.errorMessages.length > 0,
+            'keyboard-focus': this.focusVisible,
+            ...propClasses.reduce((accumulator, value) => {
+                return { ...accumulator, [value]: true };
+            }, {})
+        };
+        return (h(Host, null, h("label", { class: { [`${this.theme}`]: true } }, this.label && (h("span", { class: { 'tet-input__label': true, [`tet-input__${this.theme}`]: true } }, this.label)), h("div", { class: { 'input-container': true, [`tet-input__${this.theme}`]: true } }, this.isPhoneNumber && h("span", { class: "tet-input__prefix" }, "+371 |"), h("input", { onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, class: inputClasses, placeholder: this.placeholder, type: this.type, value: this.value, ref: (el) => (this.inputHtmlElement = el), disabled: this.disabled, autoComplete: this.autocomplete ? this.autocomplete : 'off', maxlength: this.maxlength, readOnly: this.readonly, ...(this.accessibilityLabel ? { 'aria-label': this.accessibilityLabel } : {}), ...(this.inputTabindex ? { tabindex: this.inputTabindex } : {}) }), !!this.iconLeft && this.renderIcon(this.iconLeft, 'left', this.iconLeftClickCallback), !!this.iconRight && this.renderIcon(this.iconRight, 'right', this.iconRightClickCallback), h("slot", null))), this.errorMessages.length > 0 && this.renderErrorMessages()));
     }
     static get style() { return TetInputStyle0; }
 }, [6, "tet-input", {