@tet/tet-components 1.4.15-testing → 1.4.16-staging

package/dist/types/components.d.ts

@@ -27,6 +27,7 @@ import { BusinessRoundStepperData, BusinessRoundStepperLayoutType } from "./comp
 import { ButtonSize, ButtonTheme, ButtonType, IconPosition } from "./components/basic/buttons/tet-button/tet-button";
 import { ITetCardListScrollEvent } from "./components/advanced/cards/tet-card-list/interfaces/ITetCardListScrollEvent";
 import { IScroll } from "./services/utils/inertia-scroll";
+import { LabelFont } from "./components/basic/buttons/types/common";
 import { CheckboxCheckEventInterface } from "./components/basic/buttons/tet-checkbox/tet-checkbox";
 import { TetApplicationFormDialogSubmissionData } from "./components/simple/text-blocks/tet-cloud-application-form-dialog/tet-cloud-application-form-dialog";
 import { CompareCardInterface, EventOptions } from "./components/advanced/cards/tet-compare-card/tet-compare-card";
@@ -44,6 +45,7 @@ import { ValidatorInterface } from "./services/validators/index";
 import { StateChangeInterface, TetExpandableInputSize } from "./components/simple/inputs/tet-expandable-input/tet-expandable-input";
 import { FeedbackFormData, FeedbackFormSubmissionData } from "./components/advanced/forms/tet-feedback-form/tet-feedback-form";
 import { FilterState, TagInterface } from "./components/simple/filter/tet-filter/tet-filter";
+import { FloatingBlockContent } from "./components/simple/structural/tet-floating-block/tet-floating-block";
 import { InlineMessageIconVariant } from "./components/simple/text-blocks/tet-inline-message/tet-inline-message";
 import { ListItem, ListLayout, ListTheme } from "./components/simple/lists/tet-link-card-list/tet-link-card-list";
 import { Theme } from "./services/theme/index";
@@ -90,6 +92,7 @@ export { BusinessRoundStepperData, BusinessRoundStepperLayoutType } from "./comp
 export { ButtonSize, ButtonTheme, ButtonType, IconPosition } from "./components/basic/buttons/tet-button/tet-button";
 export { ITetCardListScrollEvent } from "./components/advanced/cards/tet-card-list/interfaces/ITetCardListScrollEvent";
 export { IScroll } from "./services/utils/inertia-scroll";
+export { LabelFont } from "./components/basic/buttons/types/common";
 export { CheckboxCheckEventInterface } from "./components/basic/buttons/tet-checkbox/tet-checkbox";
 export { TetApplicationFormDialogSubmissionData } from "./components/simple/text-blocks/tet-cloud-application-form-dialog/tet-cloud-application-form-dialog";
 export { CompareCardInterface, EventOptions } from "./components/advanced/cards/tet-compare-card/tet-compare-card";
@@ -107,6 +110,7 @@ export { ValidatorInterface } from "./services/validators/index";
 export { StateChangeInterface, TetExpandableInputSize } from "./components/simple/inputs/tet-expandable-input/tet-expandable-input";
 export { FeedbackFormData, FeedbackFormSubmissionData } from "./components/advanced/forms/tet-feedback-form/tet-feedback-form";
 export { FilterState, TagInterface } from "./components/simple/filter/tet-filter/tet-filter";
+export { FloatingBlockContent } from "./components/simple/structural/tet-floating-block/tet-floating-block";
 export { InlineMessageIconVariant } from "./components/simple/text-blocks/tet-inline-message/tet-inline-message";
 export { ListItem, ListLayout, ListTheme } from "./components/simple/lists/tet-link-card-list/tet-link-card-list";
 export { Theme } from "./services/theme/index";
@@ -1201,6 +1205,14 @@ export namespace Components {
      * A simple checkbox component.
      */
     interface TetCheckbox {
+        /**
+          * The value of the aria label.
+         */
+        "accessibilityLabel": string;
+        /**
+          * Determines whether the checkbox should be center-aligned.
+         */
+        "alignCenter": boolean;
         /**
           * The property to determine whether the checkbox should be checked.
          */
@@ -1217,6 +1229,10 @@ export namespace Components {
           * Determines whether the focus style is applied to the checkbox or the container.
          */
         "focusStyleOnContainer": boolean;
+        /**
+          * The name of the label icon to be displayed.
+         */
+        "iconName"?: string;
         /**
           * The property to determine whether the checkbox should be indeterminate.
          */
@@ -1225,6 +1241,10 @@ export namespace Components {
           * The text value of the label.
          */
         "label": string;
+        /**
+          * Determines the font of the label.
+         */
+        "labelFont"?: LabelFont;
         /**
           * The HTML "name" attribute for the input field.
          */
@@ -2169,6 +2189,24 @@ export namespace Components {
          */
         "theme": 'light' | 'dark';
     }
+    /**
+     * The Floating block is used to display a list of items in a floating container.
+     * It provides a header and content sections for organizing information.
+     */
+    interface TetFloatingBlock {
+        /**
+          * items to show in the content
+         */
+        "content": FloatingBlockContent[];
+        /**
+          * header of floating block
+         */
+        "header": string;
+        /**
+          * theme of floating block
+         */
+        "theme": 'light' | 'dark';
+    }
     interface TetFontWeight {
     }
     interface TetFonts {
@@ -2841,13 +2879,29 @@ export namespace Components {
          */
         "accessibilityLabel": string;
         /**
-          * The property to determine whether the checkbox should be checked.
+          * Determines whether the radio button should be center-aligned.
+         */
+        "alignCenter": boolean;
+        /**
+          * The property to determine whether the radio button should be checked.
          */
         "checked": boolean;
         /**
-          * The property to determine whether the checkbox should be disabled.
+          * The property to determine whether the radio button should be disabled.
          */
         "disabled": boolean;
+        /**
+          * The property to determine whether the radio button should show the error state.
+         */
+        "error": boolean;
+        /**
+          * Determines whether the focus style is applied to the radio button or the container.
+         */
+        "focusStyleOnContainer": boolean;
+        /**
+          * The name of the label icon to be displayed.
+         */
+        "iconName"?: string;
         /**
           * The property to force autofocus on element insted of allowing browser to handle it
          */
@@ -2856,6 +2910,10 @@ export namespace Components {
           * The text value of the label.
          */
         "label": string;
+        /**
+          * Determines the font of the label.
+         */
+        "labelFont": LabelFont;
         /**
           * The HTML "name" attribute for the input field.
          */
@@ -2865,6 +2923,11 @@ export namespace Components {
           * @param value
          */
         "setChecked": (value: boolean) => Promise<void>;
+        /**
+          * Changes the error prop of the component.
+          * @param value
+         */
+        "setError": (value: boolean) => Promise<void>;
         /**
           * The theme of the radio button.
          */
@@ -3142,6 +3205,10 @@ export namespace Components {
           * The value of the aria label.
          */
         "accessibilityLabel": string;
+        /**
+          * Determines whether the switch should be center-aligned.
+         */
+        "alignCenter": boolean;
         /**
           * The property to determine whether the checkbox should be checked.
          */
@@ -3150,10 +3217,22 @@ export namespace Components {
           * The property to determine whether the checkbox should be disabled.
          */
         "disabled": boolean;
+        /**
+          * Determines whether the focus style is applied to the checkbox or the container.
+         */
+        "focusStyleOnContainer": boolean;
         /**
           * The text value of the label.
          */
         "label": string;
+        /**
+          * Determines the font of the label.
+         */
+        "labelFont": LabelFont;
+        /**
+          * Determines the position of the label relative to the switch.
+         */
+        "labelPosition": 'left' | 'right';
         /**
           * The HTML "name" attribute for the input field.
          */
@@ -3808,6 +3887,10 @@ export interface TetFilterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTetFilterElement;
 }
+export interface TetFloatingBlockCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTetFloatingBlockElement;
+}
 export interface TetLinkCardListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTetLinkCardListElement;
@@ -4746,6 +4829,27 @@ declare global {
         prototype: HTMLTetFilterElement;
         new (): HTMLTetFilterElement;
     };
+    interface HTMLTetFloatingBlockElementEventMap {
+        "content-item-click": string;
+    }
+    /**
+     * The Floating block is used to display a list of items in a floating container.
+     * It provides a header and content sections for organizing information.
+     */
+    interface HTMLTetFloatingBlockElement extends Components.TetFloatingBlock, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTetFloatingBlockElementEventMap>(type: K, listener: (this: HTMLTetFloatingBlockElement, ev: TetFloatingBlockCustomEvent<HTMLTetFloatingBlockElementEventMap[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 HTMLTetFloatingBlockElementEventMap>(type: K, listener: (this: HTMLTetFloatingBlockElement, ev: TetFloatingBlockCustomEvent<HTMLTetFloatingBlockElementEventMap[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 HTMLTetFloatingBlockElement: {
+        prototype: HTMLTetFloatingBlockElement;
+        new (): HTMLTetFloatingBlockElement;
+    };
     interface HTMLTetFontWeightElement extends Components.TetFontWeight, HTMLStencilElement {
     }
     var HTMLTetFontWeightElement: {
@@ -5383,6 +5487,7 @@ declare global {
         "tet-expansion-panel": HTMLTetExpansionPanelElement;
         "tet-feedback-form": HTMLTetFeedbackFormElement;
         "tet-filter": HTMLTetFilterElement;
+        "tet-floating-block": HTMLTetFloatingBlockElement;
         "tet-font-weight": HTMLTetFontWeightElement;
         "tet-fonts": HTMLTetFontsElement;
         "tet-grid": HTMLTetGridElement;
@@ -6545,6 +6650,14 @@ declare namespace LocalJSX {
      * A simple checkbox component.
      */
     interface TetCheckbox {
+        /**
+          * The value of the aria label.
+         */
+        "accessibilityLabel"?: string;
+        /**
+          * Determines whether the checkbox should be center-aligned.
+         */
+        "alignCenter"?: boolean;
         /**
           * The property to determine whether the checkbox should be checked.
          */
@@ -6561,6 +6674,10 @@ declare namespace LocalJSX {
           * Determines whether the focus style is applied to the checkbox or the container.
          */
         "focusStyleOnContainer"?: boolean;
+        /**
+          * The name of the label icon to be displayed.
+         */
+        "iconName"?: string;
         /**
           * The property to determine whether the checkbox should be indeterminate.
          */
@@ -6569,6 +6686,10 @@ declare namespace LocalJSX {
           * The text value of the label.
          */
         "label"?: string;
+        /**
+          * Determines the font of the label.
+         */
+        "labelFont"?: LabelFont;
         /**
           * The HTML "name" attribute for the input field.
          */
@@ -7578,6 +7699,28 @@ declare namespace LocalJSX {
          */
         "theme"?: 'light' | 'dark';
     }
+    /**
+     * The Floating block is used to display a list of items in a floating container.
+     * It provides a header and content sections for organizing information.
+     */
+    interface TetFloatingBlock {
+        /**
+          * items to show in the content
+         */
+        "content"?: FloatingBlockContent[];
+        /**
+          * header of floating block
+         */
+        "header"?: string;
+        /**
+          * Event emitted when a content item is clicked.
+         */
+        "onContent-item-click"?: (event: TetFloatingBlockCustomEvent<string>) => void;
+        /**
+          * theme of floating block
+         */
+        "theme"?: 'light' | 'dark';
+    }
     interface TetFontWeight {
     }
     interface TetFonts {
@@ -8241,13 +8384,29 @@ declare namespace LocalJSX {
          */
         "accessibilityLabel"?: string;
         /**
-          * The property to determine whether the checkbox should be checked.
+          * Determines whether the radio button should be center-aligned.
+         */
+        "alignCenter"?: boolean;
+        /**
+          * The property to determine whether the radio button should be checked.
          */
         "checked"?: boolean;
         /**
-          * The property to determine whether the checkbox should be disabled.
+          * The property to determine whether the radio button should be disabled.
          */
         "disabled"?: boolean;
+        /**
+          * The property to determine whether the radio button should show the error state.
+         */
+        "error"?: boolean;
+        /**
+          * Determines whether the focus style is applied to the radio button or the container.
+         */
+        "focusStyleOnContainer"?: boolean;
+        /**
+          * The name of the label icon to be displayed.
+         */
+        "iconName"?: string;
         /**
           * The property to force autofocus on element insted of allowing browser to handle it
          */
@@ -8256,6 +8415,10 @@ declare namespace LocalJSX {
           * The text value of the label.
          */
         "label"?: string;
+        /**
+          * Determines the font of the label.
+         */
+        "labelFont"?: LabelFont;
         /**
           * The HTML "name" attribute for the input field.
          */
@@ -8547,6 +8710,10 @@ declare namespace LocalJSX {
           * The value of the aria label.
          */
         "accessibilityLabel"?: string;
+        /**
+          * Determines whether the switch should be center-aligned.
+         */
+        "alignCenter"?: boolean;
         /**
           * The property to determine whether the checkbox should be checked.
          */
@@ -8555,10 +8722,22 @@ declare namespace LocalJSX {
           * The property to determine whether the checkbox should be disabled.
          */
         "disabled"?: boolean;
+        /**
+          * Determines whether the focus style is applied to the checkbox or the container.
+         */
+        "focusStyleOnContainer"?: boolean;
         /**
           * The text value of the label.
          */
         "label"?: string;
+        /**
+          * Determines the font of the label.
+         */
+        "labelFont"?: LabelFont;
+        /**
+          * Determines the position of the label relative to the switch.
+         */
+        "labelPosition"?: 'left' | 'right';
         /**
           * The HTML "name" attribute for the input field.
          */
@@ -9095,6 +9274,7 @@ declare namespace LocalJSX {
         "tet-expansion-panel": TetExpansionPanel;
         "tet-feedback-form": TetFeedbackForm;
         "tet-filter": TetFilter;
+        "tet-floating-block": TetFloatingBlock;
         "tet-font-weight": TetFontWeight;
         "tet-fonts": TetFonts;
         "tet-grid": TetGrid;
@@ -9325,6 +9505,11 @@ declare module "@stencil/core" {
              * Simple filter component that displays a list of selectable filter tags
              */
             "tet-filter": LocalJSX.TetFilter & JSXBase.HTMLAttributes<HTMLTetFilterElement>;
+            /**
+             * The Floating block is used to display a list of items in a floating container.
+             * It provides a header and content sections for organizing information.
+             */
+            "tet-floating-block": LocalJSX.TetFloatingBlock & JSXBase.HTMLAttributes<HTMLTetFloatingBlockElement>;
             "tet-font-weight": LocalJSX.TetFontWeight & JSXBase.HTMLAttributes<HTMLTetFontWeightElement>;
             "tet-fonts": LocalJSX.TetFonts & JSXBase.HTMLAttributes<HTMLTetFontsElement>;
             "tet-grid": LocalJSX.TetGrid & JSXBase.HTMLAttributes<HTMLTetGridElement>;

package/package.json

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