@tet/tet-components 1.3.46-testing → 1.3.47-testing

package/dist/types/components.d.ts

@@ -44,6 +44,7 @@ import { RoundStepperInterface } from "./components/basic/steppers/tet-round-ste
 import { ListItemContextInterface } from "./components/simple/lists/tet-selection-list/tet-selection-list";
 import { StepperStepInterface } from "./components/basic/steppers/tet-stepper/tet-stepper";
 import { StepperV2StepInterface } from "./components/basic/steppers/tet-stepper-v2/tet-stepper-v2";
+import { StepperV3StepInterface } from "./components/basic/steppers/tet-stepper-v3/tet-stepper-v3";
 import { SwitchCheckEventInterface } from "./components/basic/buttons/tet-switch/tet-switch";
 import { TabSelectEventData } from "./components/basic/buttons/tet-tabs/interfaces";
 import { TableData, TableTextAlign } from "./components/simple/tables-and-graphs/tet-table/tet-table";
@@ -51,6 +52,7 @@ import { TagInterface } from "./components/basic/buttons/tet-tag-group/tet-tag-g
 import { TextListType } from "./components/simple/lists/tet-text-list/tet-text-list";
 import { MainBlockIcon, ThankYouTheme } from "./components/views/tet-thank-you-view/tet-thank-you-view";
 import { ThankYouViewV2Icon } from "./components/views/tet-thank-you-view-v2/tet-thank-you-view-v2";
+import { ThankYouViewV3Icon } from "./components/views/tet-thank-you-view-v3/tet-thank-you-view-v3";
 import { TooltipPosition } from "./components/simple/text-blocks/tet-tooltip/enums/TooltipPosition";
 export { Language } from "./services/translations/index";
 export { AddressOffersCatalogChangeArgs, FiltersChangedEventArgs } from "./components/advanced/address/tet-address-offers/tet-address-offers";
@@ -91,6 +93,7 @@ export { RoundStepperInterface } from "./components/basic/steppers/tet-round-ste
 export { ListItemContextInterface } from "./components/simple/lists/tet-selection-list/tet-selection-list";
 export { StepperStepInterface } from "./components/basic/steppers/tet-stepper/tet-stepper";
 export { StepperV2StepInterface } from "./components/basic/steppers/tet-stepper-v2/tet-stepper-v2";
+export { StepperV3StepInterface } from "./components/basic/steppers/tet-stepper-v3/tet-stepper-v3";
 export { SwitchCheckEventInterface } from "./components/basic/buttons/tet-switch/tet-switch";
 export { TabSelectEventData } from "./components/basic/buttons/tet-tabs/interfaces";
 export { TableData, TableTextAlign } from "./components/simple/tables-and-graphs/tet-table/tet-table";
@@ -98,6 +101,7 @@ export { TagInterface } from "./components/basic/buttons/tet-tag-group/tet-tag-g
 export { TextListType } from "./components/simple/lists/tet-text-list/tet-text-list";
 export { MainBlockIcon, ThankYouTheme } from "./components/views/tet-thank-you-view/tet-thank-you-view";
 export { ThankYouViewV2Icon } from "./components/views/tet-thank-you-view-v2/tet-thank-you-view-v2";
+export { ThankYouViewV3Icon } from "./components/views/tet-thank-you-view-v3/tet-thank-you-view-v3";
 export { TooltipPosition } from "./components/simple/text-blocks/tet-tooltip/enums/TooltipPosition";
 export namespace Components {
     /**
@@ -2451,6 +2455,19 @@ export namespace Components {
          */
         "theme": 'light' | 'dark';
     }
+    /**
+     * A simple stepper component.
+     */
+    interface TetStepperV3 {
+        /**
+          * An array of data to show in the stepper
+         */
+        "stepperData": StepperV3StepInterface[];
+        /**
+          * The theme of the component.
+         */
+        "theme": 'light' | 'dark';
+    }
     /**
      * A simple switch component.
      */
@@ -2834,6 +2851,59 @@ export namespace Components {
          */
         "translationGroup": string;
     }
+    /**
+     * The Thank You view V3.
+     */
+    interface TetThankYouViewV3 {
+        /**
+          * The ID for of the CTA button.
+         */
+        "ctaButtonId": string;
+        /**
+          * The label for of the CTA button.
+         */
+        "ctaButtonLabel": string | null;
+        /**
+          * The size of the CTA button.
+         */
+        "ctaButtonSize": ButtonSize;
+        /**
+          * The theme of the CTA button.
+         */
+        "ctaButtonTheme"?: ButtonTheme;
+        /**
+          * The type of the CTA button.
+         */
+        "ctaButtonType": ButtonType;
+        /**
+          * The main block icon.
+         */
+        "icon": ThankYouViewV3Icon;
+        /**
+          * The language of the component.
+         */
+        "language": string;
+        /**
+          * The main block description text.
+         */
+        "mainBlockDescription": string | null;
+        /**
+          * The main block title text.
+         */
+        "mainBlockTitle": string;
+        /**
+          * An array of data to show in the stepper.
+         */
+        "stepperData": StepperV3StepInterface[];
+        /**
+          * The theme of the component.
+         */
+        "theme": 'light' | 'dark';
+        /**
+          * The translation group of the component.
+         */
+        "translationGroup": string;
+    }
     /**
      * The tooltip provides a text label that is displayed when the user hovers over or clicks on an element.
      */
@@ -3062,6 +3132,10 @@ export interface TetThankYouViewV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTetThankYouViewV2Element;
 }
+export interface TetThankYouViewV3CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTetThankYouViewV3Element;
+}
 declare global {
     /**
      * The accordion is used for displaying collapsable content. A click on the header or space/enter keys on
@@ -4041,6 +4115,15 @@ declare global {
         prototype: HTMLTetStepperV2Element;
         new (): HTMLTetStepperV2Element;
     };
+    /**
+     * A simple stepper component.
+     */
+    interface HTMLTetStepperV3Element extends Components.TetStepperV3, HTMLStencilElement {
+    }
+    var HTMLTetStepperV3Element: {
+        prototype: HTMLTetStepperV3Element;
+        new (): HTMLTetStepperV3Element;
+    };
     interface HTMLTetSwitchElementEventMap {
         "check": SwitchCheckEventInterface;
     }
@@ -4185,6 +4268,26 @@ declare global {
         prototype: HTMLTetThankYouViewV2Element;
         new (): HTMLTetThankYouViewV2Element;
     };
+    interface HTMLTetThankYouViewV3ElementEventMap {
+        "ctaButtonClick": void;
+    }
+    /**
+     * The Thank You view V3.
+     */
+    interface HTMLTetThankYouViewV3Element extends Components.TetThankYouViewV3, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTetThankYouViewV3ElementEventMap>(type: K, listener: (this: HTMLTetThankYouViewV3Element, ev: TetThankYouViewV3CustomEvent<HTMLTetThankYouViewV3ElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLTetThankYouViewV3ElementEventMap>(type: K, listener: (this: HTMLTetThankYouViewV3Element, ev: TetThankYouViewV3CustomEvent<HTMLTetThankYouViewV3ElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLTetThankYouViewV3Element: {
+        prototype: HTMLTetThankYouViewV3Element;
+        new (): HTMLTetThankYouViewV3Element;
+    };
     /**
      * The tooltip provides a text label that is displayed when the user hovers over or clicks on an element.
      */
@@ -4281,6 +4384,7 @@ declare global {
         "tet-stepper": HTMLTetStepperElement;
         "tet-stepper-input": HTMLTetStepperInputElement;
         "tet-stepper-v2": HTMLTetStepperV2Element;
+        "tet-stepper-v3": HTMLTetStepperV3Element;
         "tet-switch": HTMLTetSwitchElement;
         "tet-tab-content": HTMLTetTabContentElement;
         "tet-tab-header": HTMLTetTabHeaderElement;
@@ -4291,6 +4395,7 @@ declare global {
         "tet-textarea": HTMLTetTextareaElement;
         "tet-thank-you-view": HTMLTetThankYouViewElement;
         "tet-thank-you-view-v2": HTMLTetThankYouViewV2Element;
+        "tet-thank-you-view-v3": HTMLTetThankYouViewV3Element;
         "tet-tooltip": HTMLTetTooltipElement;
         "tet-tv-gift-block": HTMLTetTvGiftBlockElement;
         "tet-tv-gift-list": HTMLTetTvGiftListElement;
@@ -6697,6 +6802,19 @@ declare namespace LocalJSX {
          */
         "theme"?: 'light' | 'dark';
     }
+    /**
+     * A simple stepper component.
+     */
+    interface TetStepperV3 {
+        /**
+          * An array of data to show in the stepper
+         */
+        "stepperData"?: StepperV3StepInterface[];
+        /**
+          * The theme of the component.
+         */
+        "theme"?: 'light' | 'dark';
+    }
     /**
      * A simple switch component.
      */
@@ -7066,6 +7184,63 @@ declare namespace LocalJSX {
          */
         "translationGroup"?: string;
     }
+    /**
+     * The Thank You view V3.
+     */
+    interface TetThankYouViewV3 {
+        /**
+          * The ID for of the CTA button.
+         */
+        "ctaButtonId"?: string;
+        /**
+          * The label for of the CTA button.
+         */
+        "ctaButtonLabel"?: string | null;
+        /**
+          * The size of the CTA button.
+         */
+        "ctaButtonSize"?: ButtonSize;
+        /**
+          * The theme of the CTA button.
+         */
+        "ctaButtonTheme"?: ButtonTheme;
+        /**
+          * The type of the CTA button.
+         */
+        "ctaButtonType"?: ButtonType;
+        /**
+          * The main block icon.
+         */
+        "icon"?: ThankYouViewV3Icon;
+        /**
+          * The language of the component.
+         */
+        "language"?: string;
+        /**
+          * The main block description text.
+         */
+        "mainBlockDescription"?: string | null;
+        /**
+          * The main block title text.
+         */
+        "mainBlockTitle"?: string;
+        /**
+          * The click event emitter of the CTA button.
+         */
+        "onCtaButtonClick"?: (event: TetThankYouViewV3CustomEvent<void>) => void;
+        /**
+          * An array of data to show in the stepper.
+         */
+        "stepperData"?: StepperV3StepInterface[];
+        /**
+          * The theme of the component.
+         */
+        "theme"?: 'light' | 'dark';
+        /**
+          * The translation group of the component.
+         */
+        "translationGroup"?: string;
+    }
     /**
      * The tooltip provides a text label that is displayed when the user hovers over or clicks on an element.
      */
@@ -7202,6 +7377,7 @@ declare namespace LocalJSX {
         "tet-stepper": TetStepper;
         "tet-stepper-input": TetStepperInput;
         "tet-stepper-v2": TetStepperV2;
+        "tet-stepper-v3": TetStepperV3;
         "tet-switch": TetSwitch;
         "tet-tab-content": TetTabContent;
         "tet-tab-header": TetTabHeader;
@@ -7212,6 +7388,7 @@ declare namespace LocalJSX {
         "tet-textarea": TetTextarea;
         "tet-thank-you-view": TetThankYouView;
         "tet-thank-you-view-v2": TetThankYouViewV2;
+        "tet-thank-you-view-v3": TetThankYouViewV3;
         "tet-tooltip": TetTooltip;
         "tet-tv-gift-block": TetTvGiftBlock;
         "tet-tv-gift-list": TetTvGiftList;
@@ -7472,6 +7649,10 @@ declare module "@stencil/core" {
              * A simple stepper component.
              */
             "tet-stepper-v2": LocalJSX.TetStepperV2 & JSXBase.HTMLAttributes<HTMLTetStepperV2Element>;
+            /**
+             * A simple stepper component.
+             */
+            "tet-stepper-v3": LocalJSX.TetStepperV3 & JSXBase.HTMLAttributes<HTMLTetStepperV3Element>;
             /**
              * A simple switch component.
              */
@@ -7511,6 +7692,10 @@ declare module "@stencil/core" {
              * The Thank You view V2.
              */
             "tet-thank-you-view-v2": LocalJSX.TetThankYouViewV2 & JSXBase.HTMLAttributes<HTMLTetThankYouViewV2Element>;
+            /**
+             * The Thank You view V3.
+             */
+            "tet-thank-you-view-v3": LocalJSX.TetThankYouViewV3 & JSXBase.HTMLAttributes<HTMLTetThankYouViewV3Element>;
             /**
              * The tooltip provides a text label that is displayed when the user hovers over or clicks on an element.
              */

package/package.json

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