@tet/tet-components 1.3.133-testing → 1.3.134-testing

package/dist/types/components/basic/carousel/tet-carousel/tet-carousel.d.ts

@@ -1,16 +1,14 @@
+import { Language } from "../../../../services/translations/index";
 export declare class TetCarousel {
     private draggedAnchor;
     private dragMoved;
     private clickPreventAdded;
     private dragPointerStartX;
     private preventClickOnDocument;
-    activeIndex: number;
-    screenCount: number;
+    activeDotIndex: number;
+    dotCount: number;
     totalItems: number;
-    items: Array<{
-        id: number;
-        width: number;
-    }>;
+    activeItem: number;
     /**
      * Theme for the carousel ('light', 'dark', 'mint').
      */
@@ -54,35 +52,40 @@ export declare class TetCarousel {
      */
     buttonIconRight: string;
     /**
-     * Additional CSS class for the carousel container.
+     * Maximum number of dots.
      */
-    containerClass: string;
+    maxDots: number;
     /**
-     * Additional CSS class for the carousel track.
-     */
-    trackClass: string;
-    /**
-     * Additional CSS class for the navigation buttons.
-     */
-    buttonClass: string;
-    /**
-     * Additional CSS class for the navigation dots.
-     */
-    dotClass: string;
+   * The translation language.
+   */
+    language: Language;
+    onLanguageChange(language: Language): Promise<void>;
+    componentWillLoad(): void;
+    private getViewportWidth;
+    private getSlotClientWidth;
+    private getDotScreenLength;
+    private isLast;
+    private isLastViewport;
+    private isLastDotScreen;
     private leftGradientRef;
     private rightGradientRef;
     checkGradient(): void;
-    private getScreenCount;
+    private getDotCount;
+    private handleMove;
     private handlePrev;
     private handleNext;
-    private checkForLastScreen;
+    private moveToLastScreen;
+    private calculateGradient;
+    private moveToTarget;
     private handleDotClick;
     private onPointerDown;
     private onPointerMove;
     private onPointerUp;
-    private disableTabIndex;
     componentDidLoad(): void;
     private addAnchorFocusListeners;
+    private clampDotIndex;
+    private setDotIndex;
+    private moveToItem;
     disconnectedCallback(): void;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -1077,10 +1077,6 @@ export namespace Components {
         "withVirtualScroll": boolean;
     }
     interface TetCarousel {
-        /**
-          * Additional CSS class for the navigation buttons.
-         */
-        "buttonClass": string;
         /**
           * Icon name for the left navigation button.
          */
@@ -1090,13 +1086,13 @@ export namespace Components {
          */
         "buttonIconRight": string;
         /**
-          * Additional CSS class for the carousel container.
+          * The translation language.
          */
-        "containerClass": string;
+        "language": Language;
         /**
-          * Additional CSS class for the navigation dots.
+          * Maximum number of dots.
          */
-        "dotClass": string;
+        "maxDots": number;
         /**
           * Show navigation buttons on the carousel.
          */
@@ -1117,10 +1113,6 @@ export namespace Components {
           * Theme for the carousel ('light', 'dark', 'mint').
          */
         "theme": 'light' | 'dark' | 'mint';
-        /**
-          * Additional CSS class for the carousel track.
-         */
-        "trackClass": string;
         /**
           * Duration of the carousel transition in milliseconds.
          */
@@ -6179,10 +6171,6 @@ declare namespace LocalJSX {
         "withVirtualScroll"?: boolean;
     }
     interface TetCarousel {
-        /**
-          * Additional CSS class for the navigation buttons.
-         */
-        "buttonClass"?: string;
         /**
           * Icon name for the left navigation button.
          */
@@ -6192,13 +6180,13 @@ declare namespace LocalJSX {
          */
         "buttonIconRight"?: string;
         /**
-          * Additional CSS class for the carousel container.
+          * The translation language.
          */
-        "containerClass"?: string;
+        "language"?: Language;
         /**
-          * Additional CSS class for the navigation dots.
+          * Maximum number of dots.
          */
-        "dotClass"?: string;
+        "maxDots"?: number;
         /**
           * Show navigation buttons on the carousel.
          */
@@ -6219,10 +6207,6 @@ declare namespace LocalJSX {
           * Theme for the carousel ('light', 'dark', 'mint').
          */
         "theme"?: 'light' | 'dark' | 'mint';
-        /**
-          * Additional CSS class for the carousel track.
-         */
-        "trackClass"?: string;
         /**
           * Duration of the carousel transition in milliseconds.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tet/tet-components",
-  "version": "v1.3.133-testing",
+  "version": "v1.3.134-testing",
   "description": "A Stencil-based Web Components library for reusable UI elements.",
   "homepage": "https://tet.lv",
   "main": "dist/index.cjs.js",

package/dist/tet-components/p-cfb157e3.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as o}from"./p-1ec7f341.js";const n=class{constructor(e){t(this,e),this.draggedAnchor=null,this.dragMoved=!1,this.clickPreventAdded=!1,this.dragPointerStartX=0,this.preventClickOnDocument=t=>{t.preventDefault(),t.stopPropagation()},this.trackElement=null,this.dragStartX=0,this.swipeStart=0,this.handlePrev=()=>{var t;this.activeIndex>0&&(this.activeIndex-=1);const e=(null===(t=this.container)||void 0===t?void 0:t.offsetWidth)||window.innerWidth;this.dragOffset=-this.activeIndex*e},this.handleNext=()=>{var t;this.activeIndex<this.screenCount-1&&(this.activeIndex+=1);const e=(null===(t=this.container)||void 0===t?void 0:t.offsetWidth)||window.innerWidth;this.dragOffset=-this.activeIndex*e,this.checkForLastScreen()},this.checkForLastScreen=()=>{var t,e,o;if(this.screenCount-1===this.activeIndex&&!this.isDragging){const n=(null===(t=this.container)||void 0===t?void 0:t.offsetWidth)||window.innerWidth,i=(null===(o=null===(e=this.trackElement)||void 0===e?void 0:e.querySelector("slot"))||void 0===o?void 0:o.offsetWidth)||window.innerWidth;this.dragOffset=-(i-n)}},this.handleDotClick=t=>{var e;this.activeIndex=t;const o=(null===(e=this.container)||void 0===e?void 0:e.offsetWidth)||window.innerWidth;this.dragOffset=-t*o,this.checkForLastScreen()},this.onPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.isDragging=!0,this.dragStartX=t.screenX,this.dragMoved=!1,this.clickPreventAdded=!1,this.dragPointerStartX=t.screenX,this.swipeStart=this.dragOffset,document.body.style.userSelect="none",document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp);let e=t.target;for(this.draggedAnchor=null;e;){if("A"===e.tagName||e.getAttribute("tabindex")){this.draggedAnchor=e;break}e=e.parentElement}},this.onPointerMove=t=>{var e,o,n;if(!this.isDragging)return;const i=Math.abs(t.screenX-this.dragPointerStartX);!this.dragMoved&&i>5&&(this.dragMoved=!0,this.clickPreventAdded||(document.addEventListener("click",this.preventClickOnDocument,{capture:!0,once:!0}),this.clickPreventAdded=!0));let r=this.dragOffset;r+=t.screenX-this.dragStartX,this.dragStartX=t.screenX;const s=(null===(e=this.container)||void 0===e?void 0:e.offsetWidth)||window.innerWidth;-(((null===(n=null===(o=this.trackElement)||void 0===o?void 0:o.querySelector("slot"))||void 0===n?void 0:n.offsetWidth)||window.innerWidth)-s)<r&&r<0&&(this.dragOffset=r)},this.onPointerUp=t=>{var e,o,n;if(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.isDragging){if(this.isDragging=!1,this.clickPreventAdded&&setTimeout((()=>{this.clickPreventAdded=!1}),0),Math.abs(this.dragOffset-this.swipeStart)>this.swipeThreshold){let t=this.activeIndex+(this.dragOffset<this.swipeStart?1:-1);t=Math.max(0,Math.min(t,this.screenCount-1)),this.activeIndex=t;const i=(null===(e=this.container)||void 0===e?void 0:e.offsetWidth)||window.innerWidth;if(this.screenCount-1===this.activeIndex&&!this.isDragging){const t=(null===(n=null===(o=this.trackElement)||void 0===o?void 0:o.querySelector("slot"))||void 0===n?void 0:n.offsetWidth)||window.innerWidth;return void(this.dragOffset=-(t-i))}this.dragOffset=-t*i}if(document.body.style.userSelect="",document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),this.draggedAnchor&&this.dragMoved){const t=e=>{var o;e.preventDefault(),e.stopPropagation(),null===(o=this.draggedAnchor)||void 0===o||o.removeEventListener("click",t,!0)};this.draggedAnchor.addEventListener("click",t,!0)}}},this.activeIndex=0,this.screenCount=0,this.totalItems=0,this.items=[],this.theme="light",this.isDragging=!1,this.dragOffset=0,this.showDots=!0,this.showGradient=!1,this.showButtons=!0,this.transitionDuration=500,this.swipeThreshold=32,this.transitionTiming="cubic-bezier(0.77,0,0.175,1)",this.buttonIconLeft="arrow-left",this.buttonIconRight="arrow-right",this.containerClass="",this.trackClass="",this.buttonClass="",this.dotClass=""}checkGradient(){var t,e,o;if(this.showGradient){const n=Math.abs(this.dragOffset),i=(null===(t=this.container)||void 0===t?void 0:t.offsetWidth)||window.innerWidth,r=((null===(o=null===(e=this.trackElement)||void 0===e?void 0:e.querySelector("slot"))||void 0===o?void 0:o.offsetWidth)||window.innerWidth)-n-i;if(r>=0){const t=r<16;n<16?(this.leftGradientRef.style.opacity="0",this.rightGradientRef.style.opacity="1"):t?(this.leftGradientRef.style.opacity="1",this.rightGradientRef.style.opacity="0"):(this.leftGradientRef.style.opacity="1",this.rightGradientRef.style.opacity="1")}}else this.leftGradientRef.style.opacity="0",this.rightGradientRef.style.opacity="0"}getScreenCount(){var t,e;const o=null===(t=this.container)||void 0===t?void 0:t.querySelector("slot");if(!o)return 1;const n=o.assignedElements?o.assignedElements():[];if(0===n.length)return 1;let i=0;n.forEach(((t,e)=>{i+=t.offsetWidth||0,this.items.push({id:e,width:t.offsetWidth||0})})),0===i&&(i=n.length*window.innerWidth);const r=(null===(e=this.container)||void 0===e?void 0:e.offsetWidth)||window.innerWidth;this.totalItems=n.length,this.screenCount=Math.ceil(i/r)}disableTabIndex(){this.container.querySelectorAll("tet-button").forEach((t=>{t.shadowRoot.querySelector("button").setAttribute("tabIndex","-1")}))}componentDidLoad(){this.getScreenCount(),window.addEventListener("resize",this.getScreenCount.bind(this)),this.addAnchorFocusListeners(),this.checkGradient(),this.disableTabIndex()}addAnchorFocusListeners(){if(!this.trackElement)return;const t=this.trackElement.querySelector("slot");if(!t)return;const e=t.assignedElements?t.assignedElements():[];let o=[];e.forEach((t=>{"A"===t.tagName&&o.push(t),o=o.concat(Array.from(t.querySelectorAll("a"))),"0"===t.getAttribute("tabindex")&&o.push(t);const e=Array.from(t.querySelectorAll('[tabindex="0"]'));o=o.concat(e)})),o.forEach((t=>{t.addEventListener("focus",(()=>{var e,o,n;const i=(null===(e=this.container)||void 0===e?void 0:e.offsetWidth)||window.innerWidth,r=t.getBoundingClientRect(),s=this.trackElement.getBoundingClientRect();let c=r.left-s.left;const a=(null===(n=null===(o=this.trackElement)||void 0===o?void 0:o.querySelector("slot"))||void 0===n?void 0:n.offsetWidth)||window.innerWidth;let f=this.showGradient?160:0;f=c<160?c:f,f=a-c-t.offsetWidth<160?0:f,c-=f;const l=Math.floor((c-f)/i);this.activeIndex=Math.max(0,Math.min(l,this.screenCount-1)),a>i+c&&(this.dragOffset=-c),this.checkForLastScreen()}))}))}disconnectedCallback(){window.removeEventListener("resize",this.getScreenCount.bind(this))}render(){return e(o,{key:"5992f1f40379e5324c9db3454ffb9d6664d2acaf"},e("div",{key:"a6abf4aadb39f6a65de46d740925f5824f256def",class:{"tet-carousel":!0,[`${this.theme}`]:!0},ref:t=>this.container=t,part:"carousel"},e("div",{key:"abfd06f3c4e8428551c2865814e008803bd588f3",class:"tet-carousel__container"},e("div",{key:"00a9b8d59d49b7105b52cad50c1d7c37444e8e65",class:"tet-carousel__gradient-left",ref:t=>{this.leftGradientRef=t}}),e("div",{key:"238281755c985345ef7733621b39cd4807a276f7",class:"tet-carousel__gradient-right",ref:t=>{this.rightGradientRef=t}}),e("div",{key:"9351c5b0da6e5dc93d92f055826b0344b85da996",class:"tet-carousel__track",ref:t=>this.trackElement=t,style:{transform:`translateX(${this.dragOffset}px)`,transition:this.isDragging?"none":`transform ${this.transitionDuration}ms ${this.transitionTiming}`},onPointerDown:this.onPointerDown,onMouseMove:this.onPointerMove,onPointerUp:this.onPointerUp,onMouseLeave:this.onPointerUp},e("slot",{key:"f410268e9234ffe63d5c26568da7c07fe8126847"}))),e("div",{key:"afc0d8a7dc118c855404b5e691f48b3bfe008c24",class:"tet-carousel__controls"},this.showButtons&&e("div",{key:"70a6583e47543b1915d71cb44940211c17c1e99f",class:"tet-carousel__buttons tet-carousel__buttons--mobile"},e("tet-button",{key:"28c31103f4fa7c062b1d7fa5e3e93320420e7760",class:"tet-carousel__btn",theme:"light"===this.theme?"dark":"light","icon-name":this.buttonIconLeft,"icon-mode":!0,onClick:this.handlePrev,"aria-label":"Previous",disabled:this.screenCount<=1||0===this.activeIndex})),this.showDots&&e("div",{key:"c0578a8db9faacef7770c3ee6a78ef6f5344f9c6",class:"tet-carousel__dots"},Array.from({length:this.screenCount}).map(((t,o)=>e("span",{class:"tet-carousel__dot"+(o===this.activeIndex?" active":""),key:o,onClick:()=>this.handleDotClick(o)})))),this.showButtons&&e("div",{key:"317982c0a2f35fd46f98c47c66641bb416ac4ab4",class:"tet-carousel__buttons "},e("tet-button",{key:"d7b06315e10b17295b25ea188d2d1a4817cb9aa7",class:"tet-carousel__buttons--desktop tet-carousel__btn ",theme:"light"===this.theme?"dark":"light","icon-name":this.buttonIconLeft,"icon-mode":!0,onClick:this.handlePrev,"aria-label":"Previous",disabled:this.screenCount<=1||0===this.activeIndex}),e("tet-button",{key:"17110d87b3b6855ac9f78f68fd6345d2ad7122df",class:"tet-carousel__btn",theme:"light"===this.theme?"dark":"light","icon-name":this.buttonIconRight,"icon-mode":!0,onClick:this.handleNext,"aria-label":"Next",disabled:this.screenCount<=1||this.activeIndex===this.screenCount-1})))))}static get watchers(){return{showGradient:["checkGradient"],dragOffset:["checkGradient"]}}};n.style='@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{--carousel-background:transparent;--carousel-button-background:transparent;--carousel-button-border:2px solid var(--tc-border-primary);--carousel-button-border-disabled:2px solid var(--tc-button-border-disabled);--carousel-active-button-background:var(--tc-grey-110);--carousel-button-size:2.75rem;--carousel-button-icon-size:1.5rem;--carousel-button-icon-color:var(--tc-grey-110);--carousel-dot-size:1rem;--carousel-buttons-bottom:-1rem;--carousel-dot-background:transparent;--carousel-dot-border:1px solid var(--tc-grey-70);--carousel-dot-padding-top:1.875rem;--carousel-dot-active-background:var(--tc-layer-inverse-primary);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover);--carousel-dot-active-hover-background:var(--tc-grey-80);--carousel-button-hover-background:var(--tc-button-secondary-background-hover);--carousel-button-pressed-background:var(--tc-button-secondary-background-pressed);--carousel-dots-gap:0.5rem;--carousel-buttons-gap:1rem;--carousel-track-gap:0;--carousel-track-height:100%;--carousel-item-width:100%;--carousel-item-height:100%;--carousel-buttons-right:2rem;--carousel-dots-bottom:-1rem;--carousel-gradient-light:var(--tc-background-primary);--carousel-gradient-dark:var(--tc-background-primary-dark);--carousel-gradient:var(--carousel-gradient-light);display:inline-block;cursor:pointer;width:100%}.tet-carousel{position:relative;width:100%;background:var(--carousel-background)}.tet-carousel.dark{--carousel-dot-active-background:var(--tc-layer-inverse-primary-dark);--carousel-dot-border:1px solid var(--tc-grey-70-dark);--carousel-button-border:2px solid var(--tc-button-border-secondary-dark);--carousel-button-border-disabled:2px solid var(--tc-button-border-disabled-dark);--carousel-gradient:var(--carousel-gradient-dark);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover-dark);--carousel-dot-active-hover-background:var(--tc-grey-80-dark);--carousel-button-hover-background:var(--tc-button-secondary-background-hover-dark);--carousel-button-pressed-background:var(--tc-button-secondary-background-pressed-dark)}.tet-carousel__container{width:var(--carousel-item-width);max-width:var(--carousel-item-width);height:var(--carousel-track-height);position:relative}.tet-carousel__controls{display:flex;justify-content:end}.tet-carousel__track{display:flex;height:var(--carousel-track-height);will-change:transform;gap:var(--carousel-track-gap)}.tet-carousel__track>*{flex-shrink:0;display:flex;align-items:center;justify-content:center}.tet-carousel__buttons{position:absolute;right:0;bottom:var(--carousel-buttons-bottom);display:flex;flex-direction:row;gap:var(--carousel-buttons-gap);z-index:2}.tet-carousel__buttons--mobile{display:flex;left:0}.tet-carousel__buttons--desktop{display:none !important}.tet-carousel__btn{background:var(--carousel-button-background);border:none;border-radius:50%;box-shadow:var(--carousel-button-shadow);width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s, box-shadow 0.2s;outline:none}.tet-carousel__btn::part(button){--button-padding:0;--button-background:transparent;--button-width:var(--carousel-button-size);backdrop-filter:none;border:var(--carousel-button-border)}.tet-carousel__btn::part(button):disabled{--carousel-button-hover-background:transparent;border:var(--carousel-button-border-disabled);opacity:0.5;cursor:not-allowed}.tet-carousel__btn::part(button):hover{background-color:var(--carousel-button-hover-background)}.tet-carousel__btn::part(button):focus:not(:disabled){background-color:var(--carousel-button-pressed-background)}.tet-carousel__btn::part(button):active:not(:disabled){background-color:var(--carousel-button-pressed-background)}.tet-carousel__btn.active{background:var(--carousel-active-button-background);box-shadow:var(--carousel-button-active-shadow)}.tet-carousel__btn tet-icon{--icon-size:var(--carousel-button-icon-size);--icon-color:var(--carousel-button-icon-color)}.tet-carousel__dots{display:flex;gap:var(--carousel-dots-gap);padding-top:var(--carousel-dot-padding-top);justify-content:center;flex:1}.tet-carousel__dot{width:var(--carousel-dot-size);height:var(--carousel-dot-size);border-radius:50%;background:var(--carousel-dot-background);cursor:pointer;transition:background 0.2s;border:var(--carousel-dot-border);z-index:2}.tet-carousel__dot:hover{background:var(--carousel-dot-hover-background)}.tet-carousel__dot.active{background:var(--carousel-dot-active-background);border:none}.tet-carousel__dot.active:hover{background:var(--carousel-dot-active-hover-background)}.tet-carousel__gradient-left,.tet-carousel__gradient-right{position:absolute;top:0;display:block;width:13.75rem;height:100%;transition:opacity 0.1s;pointer-events:none;z-index:20;opacity:0}.tet-carousel__gradient-left{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);left:0}.tet-carousel__gradient-right{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);right:0}@media all and (min-width: 46.25rem){.tet-carousel__buttons--mobile{display:none}.tet-carousel__buttons--desktop{display:flex !important}.tet-carousel__btn{width:var(--carousel-button-size);height:var(--carousel-button-size)}}';export{n as tet_carousel}