xv-webcomponents 0.1.17 → 0.1.19

package/dist/types/components.d.ts

@@ -5,6 +5,10 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { SIZE_VAR } from "./types/enum";
+import { TABLE_COLOR_SCHEMA, TABLE_SIZE } from "./components/xv-table/defs";
+export { SIZE_VAR } from "./types/enum";
+export { TABLE_COLOR_SCHEMA, TABLE_SIZE } from "./components/xv-table/defs";
 export namespace Components {
     interface XvAccordionV2 {
         "multiple": boolean;
@@ -49,6 +53,40 @@ export namespace Components {
         "variant": 'horizontal' | 'vertical';
     }
     interface XvCheckboxV2 {
+        /**
+          * Default checked status
+         */
+        "checked": boolean;
+        /**
+          * Disabled status
+         */
+        "disabled": boolean;
+        "error"?: string | boolean;
+        /**
+          * Using for forms
+         */
+        "indeterminate": boolean;
+        /**
+          * Can be used like property or like slot
+         */
+        "label": string;
+        /**
+          * Input name
+         */
+        "name": string;
+        /**
+          * Change checkmark icon to minus
+         */
+        "partial": boolean;
+        /**
+          * The same like default checkbox prop
+         */
+        "required": boolean;
+        "size"?: SIZE_VAR;
+        /**
+          * Input value
+         */
+        "value": string;
     }
     interface XvLinkV2 {
         "disabled": boolean;
@@ -63,6 +101,86 @@ export namespace Components {
     interface XvProgressIndicatorV2Item {
         "done": boolean;
     }
+    interface XvTableV2 {
+        /**
+          * Set current color schema type of enum TABLE_COLOR_SCHEMA Possible options 'zebra'
+         */
+        "colorSchema": TABLE_COLOR_SCHEMA;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "color-schema"?: TABLE_COLOR_SCHEMA;
+        /**
+          * Table caption description
+         */
+        "description": string;
+        /**
+          * If table is expandable fields
+         */
+        "expandable": boolean;
+        /**
+          * Add checkbox selection to the table
+         */
+        "selectable": boolean;
+        /**
+          * Table size enum TABLE_SIZE
+         */
+        "size": TABLE_SIZE;
+    }
+    interface XvTableV2Col {
+    }
+    interface XvTableV2HeaderRow {
+        /**
+          * Checkbox row checked
+         */
+        "checked"?: boolean;
+        /**
+          * Checkbox row selected partially
+         */
+        "partial"?: boolean;
+        /**
+          * Checkbox row name
+         */
+        "selectionName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selection-name"?: string;
+    }
+    interface XvTableV2Row {
+        /**
+          * Checkbox row status
+         */
+        "checked"?: boolean;
+        /**
+          * Is row will be expandable If it's true then the next row will be collapsed
+         */
+        "expandable": boolean;
+        /**
+          * Default state of expandable
+         */
+        "expanded": boolean;
+        /**
+          * Checkbox row name
+         */
+        "selectionName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selection-name"?: string;
+        /**
+          * Called from outside (From expandable row)
+         */
+        "setExpandRelation": (id?: string, expanded?: boolean) => Promise<boolean>;
+        /**
+          * Called from outside (From expandable row) to change then expand or collapse
+         */
+        "toggleExpand": (id?: string, expanded?: boolean) => Promise<void>;
+        /**
+          * Checkbox row value
+         */
+        "value"?: string;
+    }
     interface XvTagV2 {
         "bg": string;
         "closeable": boolean;
@@ -93,6 +211,22 @@ export interface XvButtonV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvButtonV2Element;
 }
+export interface XvCheckboxV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXvCheckboxV2Element;
+}
+export interface XvTableV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXvTableV2Element;
+}
+export interface XvTableV2HeaderRowCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXvTableV2HeaderRowElement;
+}
+export interface XvTableV2RowCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXvTableV2RowElement;
+}
 export interface XvTagV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvTagV2Element;
@@ -161,7 +295,21 @@ declare global {
         prototype: HTMLXvCardV2Element;
         new (): HTMLXvCardV2Element;
     };
+    interface HTMLXvCheckboxV2ElementEventMap {
+        "eventChange": boolean;
+        "eventInput": boolean;
+        "eventFocus": void;
+        "eventBlur": void;
+    }
     interface HTMLXvCheckboxV2Element extends Components.XvCheckboxV2, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXvCheckboxV2ElementEventMap>(type: K, listener: (this: HTMLXvCheckboxV2Element, ev: XvCheckboxV2CustomEvent<HTMLXvCheckboxV2ElementEventMap[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 HTMLXvCheckboxV2ElementEventMap>(type: K, listener: (this: HTMLXvCheckboxV2Element, ev: XvCheckboxV2CustomEvent<HTMLXvCheckboxV2ElementEventMap[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 HTMLXvCheckboxV2Element: {
         prototype: HTMLXvCheckboxV2Element;
@@ -185,6 +333,63 @@ declare global {
         prototype: HTMLXvProgressIndicatorV2ItemElement;
         new (): HTMLXvProgressIndicatorV2ItemElement;
     };
+    interface HTMLXvTableV2ElementEventMap {
+        "changeSelection": { name: string, value?: any }[];
+    }
+    interface HTMLXvTableV2Element extends Components.XvTableV2, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXvTableV2ElementEventMap>(type: K, listener: (this: HTMLXvTableV2Element, ev: XvTableV2CustomEvent<HTMLXvTableV2ElementEventMap[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 HTMLXvTableV2ElementEventMap>(type: K, listener: (this: HTMLXvTableV2Element, ev: XvTableV2CustomEvent<HTMLXvTableV2ElementEventMap[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 HTMLXvTableV2Element: {
+        prototype: HTMLXvTableV2Element;
+        new (): HTMLXvTableV2Element;
+    };
+    interface HTMLXvTableV2ColElement extends Components.XvTableV2Col, HTMLStencilElement {
+    }
+    var HTMLXvTableV2ColElement: {
+        prototype: HTMLXvTableV2ColElement;
+        new (): HTMLXvTableV2ColElement;
+    };
+    interface HTMLXvTableV2HeaderRowElementEventMap {
+        "checkedChange": { name: string, value?: string; checked: boolean };
+    }
+    interface HTMLXvTableV2HeaderRowElement extends Components.XvTableV2HeaderRow, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXvTableV2HeaderRowElementEventMap>(type: K, listener: (this: HTMLXvTableV2HeaderRowElement, ev: XvTableV2HeaderRowCustomEvent<HTMLXvTableV2HeaderRowElementEventMap[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 HTMLXvTableV2HeaderRowElementEventMap>(type: K, listener: (this: HTMLXvTableV2HeaderRowElement, ev: XvTableV2HeaderRowCustomEvent<HTMLXvTableV2HeaderRowElementEventMap[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 HTMLXvTableV2HeaderRowElement: {
+        prototype: HTMLXvTableV2HeaderRowElement;
+        new (): HTMLXvTableV2HeaderRowElement;
+    };
+    interface HTMLXvTableV2RowElementEventMap {
+        "checkedChange": { name: string, value?: string; checked: boolean };
+    }
+    interface HTMLXvTableV2RowElement extends Components.XvTableV2Row, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXvTableV2RowElementEventMap>(type: K, listener: (this: HTMLXvTableV2RowElement, ev: XvTableV2RowCustomEvent<HTMLXvTableV2RowElementEventMap[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 HTMLXvTableV2RowElementEventMap>(type: K, listener: (this: HTMLXvTableV2RowElement, ev: XvTableV2RowCustomEvent<HTMLXvTableV2RowElementEventMap[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 HTMLXvTableV2RowElement: {
+        prototype: HTMLXvTableV2RowElement;
+        new (): HTMLXvTableV2RowElement;
+    };
     interface HTMLXvTagV2ElementEventMap {
         "closeClick": PointerEvent;
     }
@@ -218,6 +423,10 @@ declare global {
         "xv-link-v2": HTMLXvLinkV2Element;
         "xv-progress-indicator-v2": HTMLXvProgressIndicatorV2Element;
         "xv-progress-indicator-v2-item": HTMLXvProgressIndicatorV2ItemElement;
+        "xv-table-v2": HTMLXvTableV2Element;
+        "xv-table-v2-col": HTMLXvTableV2ColElement;
+        "xv-table-v2-header-row": HTMLXvTableV2HeaderRowElement;
+        "xv-table-v2-row": HTMLXvTableV2RowElement;
         "xv-tag-v2": HTMLXvTagV2Element;
         "xv-tooltip-v2": HTMLXvTooltipV2Element;
     }
@@ -271,6 +480,56 @@ declare namespace LocalJSX {
         "variant"?: 'horizontal' | 'vertical';
     }
     interface XvCheckboxV2 {
+        /**
+          * Default checked status
+         */
+        "checked"?: boolean;
+        /**
+          * Disabled status
+         */
+        "disabled"?: boolean;
+        "error"?: string | boolean;
+        /**
+          * Using for forms
+         */
+        "indeterminate"?: boolean;
+        /**
+          * Can be used like property or like slot
+         */
+        "label"?: string;
+        /**
+          * Input name
+         */
+        "name"?: string;
+        /**
+          * event 'onEventBlur'
+         */
+        "onEventBlur"?: (event: XvCheckboxV2CustomEvent<void>) => void;
+        /**
+          * event 'onEventChange'
+         */
+        "onEventChange"?: (event: XvCheckboxV2CustomEvent<boolean>) => void;
+        /**
+          * event 'onEventFocus'
+         */
+        "onEventFocus"?: (event: XvCheckboxV2CustomEvent<void>) => void;
+        /**
+          * event 'onEventInput'
+         */
+        "onEventInput"?: (event: XvCheckboxV2CustomEvent<boolean>) => void;
+        /**
+          * Change checkmark icon to minus
+         */
+        "partial"?: boolean;
+        /**
+          * The same like default checkbox prop
+         */
+        "required"?: boolean;
+        "size"?: SIZE_VAR;
+        /**
+          * Input value
+         */
+        "value"?: string;
     }
     interface XvLinkV2 {
         "disabled"?: boolean;
@@ -285,6 +544,81 @@ declare namespace LocalJSX {
     interface XvProgressIndicatorV2Item {
         "done"?: boolean;
     }
+    interface XvTableV2 {
+        /**
+          * Set current color schema type of enum TABLE_COLOR_SCHEMA Possible options 'zebra'
+         */
+        "colorSchema"?: TABLE_COLOR_SCHEMA;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "color-schema"?: TABLE_COLOR_SCHEMA;
+        /**
+          * Table caption description
+         */
+        "description"?: string;
+        /**
+          * If table is expandable fields
+         */
+        "expandable"?: boolean;
+        "onChangeSelection"?: (event: XvTableV2CustomEvent<{ name: string, value?: any }[]>) => void;
+        /**
+          * Add checkbox selection to the table
+         */
+        "selectable"?: boolean;
+        /**
+          * Table size enum TABLE_SIZE
+         */
+        "size"?: TABLE_SIZE;
+    }
+    interface XvTableV2Col {
+    }
+    interface XvTableV2HeaderRow {
+        /**
+          * Checkbox row checked
+         */
+        "checked"?: boolean;
+        "onCheckedChange"?: (event: XvTableV2HeaderRowCustomEvent<{ name: string, value?: string; checked: boolean }>) => void;
+        /**
+          * Checkbox row selected partially
+         */
+        "partial"?: boolean;
+        /**
+          * Checkbox row name
+         */
+        "selectionName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selection-name"?: string;
+    }
+    interface XvTableV2Row {
+        /**
+          * Checkbox row status
+         */
+        "checked"?: boolean;
+        /**
+          * Is row will be expandable If it's true then the next row will be collapsed
+         */
+        "expandable"?: boolean;
+        /**
+          * Default state of expandable
+         */
+        "expanded"?: boolean;
+        "onCheckedChange"?: (event: XvTableV2RowCustomEvent<{ name: string, value?: string; checked: boolean }>) => void;
+        /**
+          * Checkbox row name
+         */
+        "selectionName"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "selection-name"?: string;
+        /**
+          * Checkbox row value
+         */
+        "value"?: string;
+    }
     interface XvTagV2 {
         "bg"?: string;
         "closeable"?: boolean;
@@ -313,6 +647,10 @@ declare namespace LocalJSX {
         "xv-link-v2": XvLinkV2;
         "xv-progress-indicator-v2": XvProgressIndicatorV2;
         "xv-progress-indicator-v2-item": XvProgressIndicatorV2Item;
+        "xv-table-v2": XvTableV2;
+        "xv-table-v2-col": XvTableV2Col;
+        "xv-table-v2-header-row": XvTableV2HeaderRow;
+        "xv-table-v2-row": XvTableV2Row;
         "xv-tag-v2": XvTagV2;
         "xv-tooltip-v2": XvTooltipV2;
     }
@@ -330,6 +668,10 @@ declare module "@stencil/core" {
             "xv-link-v2": LocalJSX.XvLinkV2 & JSXBase.HTMLAttributes<HTMLXvLinkV2Element>;
             "xv-progress-indicator-v2": LocalJSX.XvProgressIndicatorV2 & JSXBase.HTMLAttributes<HTMLXvProgressIndicatorV2Element>;
             "xv-progress-indicator-v2-item": LocalJSX.XvProgressIndicatorV2Item & JSXBase.HTMLAttributes<HTMLXvProgressIndicatorV2ItemElement>;
+            "xv-table-v2": LocalJSX.XvTableV2 & JSXBase.HTMLAttributes<HTMLXvTableV2Element>;
+            "xv-table-v2-col": LocalJSX.XvTableV2Col & JSXBase.HTMLAttributes<HTMLXvTableV2ColElement>;
+            "xv-table-v2-header-row": LocalJSX.XvTableV2HeaderRow & JSXBase.HTMLAttributes<HTMLXvTableV2HeaderRowElement>;
+            "xv-table-v2-row": LocalJSX.XvTableV2Row & JSXBase.HTMLAttributes<HTMLXvTableV2RowElement>;
             "xv-tag-v2": LocalJSX.XvTagV2 & JSXBase.HTMLAttributes<HTMLXvTagV2Element>;
             "xv-tooltip-v2": LocalJSX.XvTooltipV2 & JSXBase.HTMLAttributes<HTMLXvTooltipV2Element>;
         }

package/dist/types/types/enum.d.ts

@@ -0,0 +1,7 @@
+export declare enum SIZE_VAR {
+    XS = "XS",
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl"
+}

package/dist/types/utils/utils.d.ts

@@ -1,2 +1,9 @@
 export declare function format(first?: string, middle?: string, last?: string): string;
 export declare function uidGenerator(): string;
+/**
+ * Walks through the given DOM collection and runs the given callback.
+ * @param a A DOM collection.
+ * @param predicate The callback function.
+ * @param [thisObject] The context object for the given callback function.
+ */
+export declare const forEach: (a: NodeListOf<Node> | HTMLCollectionOf<Element>, predicate: (search: Element, index?: number) => void, thisObject?: any) => any;