@tet/tet-components 1.3.54-testing → 1.3.55-staging

package/dist/types/components.d.ts

@@ -885,6 +885,52 @@ export namespace Components {
          */
         "withVirtualScroll": boolean;
     }
+    interface TetCarousel {
+        /**
+          * Additional CSS class for the navigation buttons.
+         */
+        "buttonClass": string;
+        /**
+          * Icon name for the left navigation button.
+         */
+        "buttonIconLeft": string;
+        /**
+          * Icon name for the right navigation button.
+         */
+        "buttonIconRight": string;
+        /**
+          * Additional CSS class for the carousel container.
+         */
+        "containerClass": string;
+        /**
+          * Additional CSS class for the navigation dots.
+         */
+        "dotClass": string;
+        /**
+          * Show navigation buttons on the carousel.
+         */
+        "showButtons": boolean;
+        /**
+          * Show navigation dots below the carousel.
+         */
+        "showDots": boolean;
+        /**
+          * 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.
+         */
+        "transitionDuration": number;
+        /**
+          * CSS timing function for carousel transition.
+         */
+        "transitionTiming": string;
+    }
     /**
      * A simple checkbox component.
      */
@@ -3540,6 +3586,12 @@ declare global {
         prototype: HTMLTetCardListElement;
         new (): HTMLTetCardListElement;
     };
+    interface HTMLTetCarouselElement extends Components.TetCarousel, HTMLStencilElement {
+    }
+    var HTMLTetCarouselElement: {
+        prototype: HTMLTetCarouselElement;
+        new (): HTMLTetCarouselElement;
+    };
     interface HTMLTetCheckboxElementEventMap {
         "check": CheckboxCheckEventInterface;
     }
@@ -4462,6 +4514,7 @@ declare global {
         "tet-business-round-stepper": HTMLTetBusinessRoundStepperElement;
         "tet-button": HTMLTetButtonElement;
         "tet-card-list": HTMLTetCardListElement;
+        "tet-carousel": HTMLTetCarouselElement;
         "tet-checkbox": HTMLTetCheckboxElement;
         "tet-cloud-application-form-dialog": HTMLTetCloudApplicationFormDialogElement;
         "tet-cloud-configurator": HTMLTetCloudConfiguratorElement;
@@ -5317,6 +5370,52 @@ declare namespace LocalJSX {
          */
         "withVirtualScroll"?: boolean;
     }
+    interface TetCarousel {
+        /**
+          * Additional CSS class for the navigation buttons.
+         */
+        "buttonClass"?: string;
+        /**
+          * Icon name for the left navigation button.
+         */
+        "buttonIconLeft"?: string;
+        /**
+          * Icon name for the right navigation button.
+         */
+        "buttonIconRight"?: string;
+        /**
+          * Additional CSS class for the carousel container.
+         */
+        "containerClass"?: string;
+        /**
+          * Additional CSS class for the navigation dots.
+         */
+        "dotClass"?: string;
+        /**
+          * Show navigation buttons on the carousel.
+         */
+        "showButtons"?: boolean;
+        /**
+          * Show navigation dots below the carousel.
+         */
+        "showDots"?: boolean;
+        /**
+          * 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.
+         */
+        "transitionDuration"?: number;
+        /**
+          * CSS timing function for carousel transition.
+         */
+        "transitionTiming"?: string;
+    }
     /**
      * A simple checkbox component.
      */
@@ -7531,6 +7630,7 @@ declare namespace LocalJSX {
         "tet-business-round-stepper": TetBusinessRoundStepper;
         "tet-button": TetButton;
         "tet-card-list": TetCardList;
+        "tet-carousel": TetCarousel;
         "tet-checkbox": TetCheckbox;
         "tet-cloud-application-form-dialog": TetCloudApplicationFormDialog;
         "tet-cloud-configurator": TetCloudConfigurator;
@@ -7685,6 +7785,7 @@ declare module "@stencil/core" {
              * This component renders a horizontal list of scrollable cards.
              */
             "tet-card-list": LocalJSX.TetCardList & JSXBase.HTMLAttributes<HTMLTetCardListElement>;
+            "tet-carousel": LocalJSX.TetCarousel & JSXBase.HTMLAttributes<HTMLTetCarouselElement>;
             /**
              * A simple checkbox component.
              */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tet/tet-components",
-  "version": "v1.3.54-testing",
+  "version": "v1.3.55-staging",
   "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-b2b384d2.js

@@ -1 +0,0 @@
-import{h as t}from"./p-1ec7f341.js";import{c as e}from"./p-77372984.js";var o;!function(t){t.LIGHT="light",t.DARK="dark"}(o||(o={}));const r="tet-components-theme",a=t=>Object.values(o).some((e=>e===t)),{state:n,onChange:s}=e({theme:(()=>{const t=localStorage.getItem(r);return a(t)?t:o.LIGHT})()});s("theme",(t=>{const e=t.toString();if(!a(e))throw new Error(`Invalid theme: "${e}"`);localStorage.setItem(r,e)}));const c=t=>`theme-${t}`,m=({theme:e},o)=>t("div",{class:{[c(e||n.theme)]:!0}},o);export{o as T,m as a}