xv-webcomponents 0.1.41 → 0.1.42

package/dist/esm/xv-webcomponents.js

@@ -17,7 +17,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["xv-breadcrumbs-v2",[[1,"xv-breadcrumbs-v2"]]],["xv-accordion-v2_33",[[1,"xv-data-table-row",{"variant":[1]}],[1,"xv-dropdown-v2",{"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"open":[1540],"error":[513],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"size":[1],"defaultValue":[8,"default-value"],"selected":[32],"selectedMap":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"]}],[1,"xv-file-uploader",{"label":[1],"description":[1],"addText":[1,"add-text"],"variant":[1],"size":[1],"accept":[16],"maxFileSizeMB":[2,"max-file-size-mb"],"maxFiles":[2,"max-files"],"multiple":[4],"disabled":[516],"files":[1040],"loadingStates":[1040,"loading-states"],"error":[1537],"errors":[1040],"dragActive":[32],"errorMessages":[32]}],[65,"xv-number-input-v2",{"label":[1],"placeholder":[513],"name":[513],"value":[1538],"helper":[1],"error":[8],"warning":[8],"step":[2],"max":[2],"min":[2],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513]}],[1,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":["checkedChangeHandle"]}],[0,"xv-header",{"htmlContent":[32],"showLoginModal":[32]}],[1,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[1,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16,"colssize"],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":["setColsSizeTemplate"]}],[1,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[65,"xv-text-input-v2",{"type":[1],"label":[1],"placeholder":[513],"name":[513],"value":[1025],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513]}],[1,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[1,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[1,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[1,"xv-data-table",{"size":[1],"label":[1],"description":[1],"block":[4],"columnWidths":[16,"column-widths"]}],[1,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540]},[[0,"click","handleClick"]]],[0,"xv-footer",{"htmlContent":[32]}],[1,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[1,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"openModal":[64],"closeModal":[64]}],[1,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[1,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1]},[[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[1,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[1]},[[0,"click","handleClick"]]],[1,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":["updateChildItems"]}],[1,"xv-progress-indicator-v2-item",{"status":[1]}],[1,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[1,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[1,"xv-toggle-tip",{"open":[1540],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[1,"xv-data-table-cell",{"name":[1],"multiline":[2],"width":[1]}],[1,"xv-login-modal",{"visible":[4],"oauthProviders":[32],"bookNow":[32],"returnUrl":[32],"passwordLoginEnabled":[32],"oauthLoginEnabled":[32],"passwordRegistrationEnabled":[32],"configurationName":[32],"xvMvcConfigName":[32],"contactUrl":[32]}],[1,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[4,"xv-tooltip-v2",{"message":[1],"position":[1],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[65,"xv-button-v2",{"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[65,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"hasFocus":[32]},null,{"checked":["onCheckedChange"]}],[1,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]]], options);
+  return bootstrapLazy([["xv-breadcrumbs-v2",[[1,"xv-breadcrumbs-v2"]]],["xv-accordion-v2_34",[[1,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32]}],[1,"xv-dropdown-v2",{"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"open":[1540],"error":[513],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"size":[1],"defaultValue":[8,"default-value"],"selected":[32],"selectedMap":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"]}],[1,"xv-file-uploader",{"label":[1],"description":[1],"addText":[1,"add-text"],"variant":[1],"size":[1],"accept":[16],"maxFileSizeMB":[2,"max-file-size-mb"],"maxFiles":[2,"max-files"],"multiple":[4],"disabled":[516],"files":[1040],"loadingStates":[1040,"loading-states"],"error":[1537],"errors":[1040],"dragActive":[32],"errorMessages":[32]}],[65,"xv-number-input-v2",{"label":[1],"placeholder":[513],"name":[513],"value":[1538],"helper":[1],"error":[8],"warning":[8],"step":[2],"max":[2],"min":[2],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513]}],[1,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":["checkedChangeHandle"]}],[0,"xv-header",{"htmlContent":[32],"showLoginModal":[32]}],[1,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[1,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16,"colssize"],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":["setColsSizeTemplate"]}],[1,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[65,"xv-text-input-v2",{"type":[1],"label":[1],"placeholder":[513],"name":[513],"value":[1025],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513]}],[1,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[1,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[1,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[1,"xv-data-table",{"size":[1],"block":[4],"columnWidths":[16,"column-widths"],"hover":[4]}],[1,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[1,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540]},[[0,"click","handleClick"]]],[0,"xv-footer",{"htmlContent":[32]}],[1,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[1,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"openModal":[64],"closeModal":[64]}],[1,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[1,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1]},[[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[1,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[1]},[[0,"click","handleClick"]]],[1,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":["updateChildItems"]}],[1,"xv-progress-indicator-v2-item",{"status":[1]}],[1,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[1,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[1,"xv-toggle-tip",{"open":[1540],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[1,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[2],"width":[1],"align":[1]},[[0,"click","handleSort"]]],[1,"xv-login-modal",{"visible":[4],"oauthProviders":[32],"bookNow":[32],"returnUrl":[32],"passwordLoginEnabled":[32],"oauthLoginEnabled":[32],"passwordRegistrationEnabled":[32],"configurationName":[32],"xvMvcConfigName":[32],"contactUrl":[32]}],[1,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[4,"xv-tooltip-v2",{"message":[1],"position":[1],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[65,"xv-button-v2",{"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[65,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"hasFocus":[32]},null,{"checked":["onCheckedChange"]}],[1,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]]], options);
 });
 //# sourceMappingURL=xv-webcomponents.js.map
 

package/dist/types/components/xv-data-table/_vars.d.ts

@@ -0,0 +1,11 @@
+export interface XvDataTableCheck {
+    name: string;
+    checked: boolean;
+    value?: string | number | object;
+    partial?: boolean;
+    header?: boolean;
+    footer?: boolean;
+    expandable?: boolean;
+}
+export declare const XV_DATA_TABLE_TAG = "xv-data-table";
+export declare const XV_DATA_TABLE_ROW_TAG = "xv-data-table-row";

package/dist/types/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.d.ts

@@ -1,6 +1,13 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { XV_SORT_DIR } from '../../../types/enum';
 export declare class XvDataTableCell {
+    el: HTMLElement;
     name?: string;
+    sort?: XV_SORT_DIR | '';
     multiline: number;
     width?: string;
+    align?: 'left' | 'right' | 'center';
+    sortChange: EventEmitter<XV_SORT_DIR>;
+    handleSort(): void;
     render(): any;
 }

package/dist/types/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class XvDataTableCollapse {
+    el: HTMLElement;
+    collapsed: boolean;
+    collapsedChange: EventEmitter<boolean>;
+    setCollapsed(collapsed: boolean): Promise<boolean>;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/xv-data-table/xv-data-table-row/xv-data-table-row.d.ts

@@ -1,4 +1,25 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { XvDataTableCheck } from '../_vars';
 export declare class XvDataTableRow {
+    el: HTMLElement;
     variant?: 'checkbox';
+    name?: string;
+    collapse?: string;
+    collapsable?: boolean;
+    checked: boolean;
+    partial: boolean;
+    hover: boolean;
+    header: boolean;
+    footer: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    value?: string | number | object;
+    check: EventEmitter<XvDataTableCheck>;
+    collapsed: boolean;
+    private collapseEl?;
+    private collapseClick;
+    private setInitialState;
+    private checkedChangeHandle;
     render(): any;
 }

package/dist/types/components/xv-data-table/xv-data-table.d.ts

@@ -1,9 +1,9 @@
 import { SIZE_VAR } from '../../types/enum';
 export declare class XvDataTable {
+    el: HTMLElement;
     size: SIZE_VAR;
-    label?: string;
-    description?: string;
     block?: boolean;
     columnWidths: (string | null)[];
+    hover: boolean;
     render(): any;
 }

package/dist/types/components/xv-table/_vars.d.ts

@@ -1,3 +1,4 @@
+import { XV_SORT_DIR } from '../../types/enum';
 export interface SelectRowDto {
     name: string;
     checked: boolean;
@@ -6,11 +7,6 @@ export interface SelectRowDto {
     header?: boolean;
     expandable?: boolean;
 }
-export declare enum XV_SORT_DIR {
-    ASC = "asc",
-    DESC = "desc",
-    NONE = "none"
-}
 export declare const XV_EXPANDABLE_KEY = "expandable";
 export declare const XV_TABLE_TAG = "xv-table-v2";
 export interface XVTableSortDto {

package/dist/types/components/xv-table/xv-table-cell/xv-table-cell.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { XV_SORT_DIR, XVTableSortDto } from '../_vars';
+import { XVTableSortDto } from '../_vars';
+import { XV_SORT_DIR } from '../../../types/enum';
 export declare class XvTableCell {
     el: HTMLElement;
     multiline?: boolean;

package/dist/types/components.d.ts

@@ -5,22 +5,24 @@
  * 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 { SIZE_VAR, XV_SORT_DIR } from "./types/enum";
+import { XvDataTableCheck } from "./components/xv-data-table/_vars";
 import { DropdownItemData } from "./components/xv-dropdown/_vars";
 import { XvFileUploaderVariants } from "./components/xv-file-uploader/_vars";
 import { NOTIFICATION_VARIANTS } from "./components/xv-notification/_vars";
 import { OverflowMenuEvent, OverflowMenuVariant } from "./components/xv-overflow-menu/_vars";
 import { PROGRESS_ITEM_STATUS, PROGRESS_VARIANTS } from "./components/xv-progress-indicator/_vars";
-import { SelectRowDto, XV_SORT_DIR, XVTableSortDto } from "./components/xv-table/_vars";
+import { SelectRowDto, XVTableSortDto } from "./components/xv-table/_vars";
 import { TABS_VATIANT } from "./components/xv-tabs/_vars";
 import { Placement } from "@popperjs/core";
-export { SIZE_VAR } from "./types/enum";
+export { SIZE_VAR, XV_SORT_DIR } from "./types/enum";
+export { XvDataTableCheck } from "./components/xv-data-table/_vars";
 export { DropdownItemData } from "./components/xv-dropdown/_vars";
 export { XvFileUploaderVariants } from "./components/xv-file-uploader/_vars";
 export { NOTIFICATION_VARIANTS } from "./components/xv-notification/_vars";
 export { OverflowMenuEvent, OverflowMenuVariant } from "./components/xv-overflow-menu/_vars";
 export { PROGRESS_ITEM_STATUS, PROGRESS_VARIANTS } from "./components/xv-progress-indicator/_vars";
-export { SelectRowDto, XV_SORT_DIR, XVTableSortDto } from "./components/xv-table/_vars";
+export { SelectRowDto, XVTableSortDto } from "./components/xv-table/_vars";
 export { TABS_VATIANT } from "./components/xv-tabs/_vars";
 export { Placement } from "@popperjs/core";
 export namespace Components {
@@ -145,19 +147,66 @@ export namespace Components {
           * @default []
          */
         "columnWidths": (string | null)[];
-        "description"?: string;
-        "label"?: string;
+        /**
+          * @default false
+         */
+        "hover": boolean;
         /**
           * @default SIZE_VAR.MD
          */
         "size": SIZE_VAR;
     }
     interface XvDataTableCell {
+        "align"?: 'left' | 'right' | 'center';
         "multiline": number;
         "name"?: string;
+        "sort"?: XV_SORT_DIR | '';
         "width"?: string;
     }
+    interface XvDataTableCollapse {
+        /**
+          * @default false
+         */
+        "collapsed": boolean;
+        "setCollapsed": (collapsed: boolean) => Promise<boolean>;
+    }
     interface XvDataTableRow {
+        /**
+          * @default false
+         */
+        "checked": boolean;
+        "collapsable"?: boolean;
+        "collapse"?: string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "footer": boolean;
+        /**
+          * @default false
+         */
+        "header": boolean;
+        /**
+          * @default false
+         */
+        "hover": boolean;
+        "name"?: string;
+        /**
+          * @default false
+         */
+        "partial": boolean;
+        /**
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * @default false
+         */
+        "required": boolean;
+        "value"?: string | number | object;
         "variant"?: 'checkbox';
     }
     interface XvDropdownV2 {
@@ -547,6 +596,18 @@ export interface XvCheckboxV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvCheckboxV2Element;
 }
+export interface XvDataTableCellCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXvDataTableCellElement;
+}
+export interface XvDataTableCollapseCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXvDataTableCollapseElement;
+}
+export interface XvDataTableRowCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXvDataTableRowElement;
+}
 export interface XvDropdownV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvDropdownV2Element;
@@ -686,13 +747,52 @@ declare global {
         prototype: HTMLXvDataTableElement;
         new (): HTMLXvDataTableElement;
     };
+    interface HTMLXvDataTableCellElementEventMap {
+        "sortChange": XV_SORT_DIR;
+    }
     interface HTMLXvDataTableCellElement extends Components.XvDataTableCell, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXvDataTableCellElementEventMap>(type: K, listener: (this: HTMLXvDataTableCellElement, ev: XvDataTableCellCustomEvent<HTMLXvDataTableCellElementEventMap[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 HTMLXvDataTableCellElementEventMap>(type: K, listener: (this: HTMLXvDataTableCellElement, ev: XvDataTableCellCustomEvent<HTMLXvDataTableCellElementEventMap[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 HTMLXvDataTableCellElement: {
         prototype: HTMLXvDataTableCellElement;
         new (): HTMLXvDataTableCellElement;
     };
+    interface HTMLXvDataTableCollapseElementEventMap {
+        "collapsedChange": boolean;
+    }
+    interface HTMLXvDataTableCollapseElement extends Components.XvDataTableCollapse, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXvDataTableCollapseElementEventMap>(type: K, listener: (this: HTMLXvDataTableCollapseElement, ev: XvDataTableCollapseCustomEvent<HTMLXvDataTableCollapseElementEventMap[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 HTMLXvDataTableCollapseElementEventMap>(type: K, listener: (this: HTMLXvDataTableCollapseElement, ev: XvDataTableCollapseCustomEvent<HTMLXvDataTableCollapseElementEventMap[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 HTMLXvDataTableCollapseElement: {
+        prototype: HTMLXvDataTableCollapseElement;
+        new (): HTMLXvDataTableCollapseElement;
+    };
+    interface HTMLXvDataTableRowElementEventMap {
+        "check": XvDataTableCheck;
+    }
     interface HTMLXvDataTableRowElement extends Components.XvDataTableRow, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXvDataTableRowElementEventMap>(type: K, listener: (this: HTMLXvDataTableRowElement, ev: XvDataTableRowCustomEvent<HTMLXvDataTableRowElementEventMap[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 HTMLXvDataTableRowElementEventMap>(type: K, listener: (this: HTMLXvDataTableRowElement, ev: XvDataTableRowCustomEvent<HTMLXvDataTableRowElementEventMap[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 HTMLXvDataTableRowElement: {
         prototype: HTMLXvDataTableRowElement;
@@ -1034,6 +1134,7 @@ declare global {
         "xv-checkbox-v2": HTMLXvCheckboxV2Element;
         "xv-data-table": HTMLXvDataTableElement;
         "xv-data-table-cell": HTMLXvDataTableCellElement;
+        "xv-data-table-collapse": HTMLXvDataTableCollapseElement;
         "xv-data-table-row": HTMLXvDataTableRowElement;
         "xv-dropdown-v2": HTMLXvDropdownV2Element;
         "xv-dropdown-v2-item": HTMLXvDropdownV2ItemElement;
@@ -1201,19 +1302,68 @@ declare namespace LocalJSX {
           * @default []
          */
         "columnWidths"?: (string | null)[];
-        "description"?: string;
-        "label"?: string;
+        /**
+          * @default false
+         */
+        "hover"?: boolean;
         /**
           * @default SIZE_VAR.MD
          */
         "size"?: SIZE_VAR;
     }
     interface XvDataTableCell {
+        "align"?: 'left' | 'right' | 'center';
         "multiline"?: number;
         "name"?: string;
+        "onSortChange"?: (event: XvDataTableCellCustomEvent<XV_SORT_DIR>) => void;
+        "sort"?: XV_SORT_DIR | '';
         "width"?: string;
     }
+    interface XvDataTableCollapse {
+        /**
+          * @default false
+         */
+        "collapsed"?: boolean;
+        "onCollapsedChange"?: (event: XvDataTableCollapseCustomEvent<boolean>) => void;
+    }
     interface XvDataTableRow {
+        /**
+          * @default false
+         */
+        "checked"?: boolean;
+        "collapsable"?: boolean;
+        "collapse"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "footer"?: boolean;
+        /**
+          * @default false
+         */
+        "header"?: boolean;
+        /**
+          * @default false
+         */
+        "hover"?: boolean;
+        "name"?: string;
+        "onCheck"?: (event: XvDataTableRowCustomEvent<XvDataTableCheck>) => void;
+        /**
+          * @default false
+         */
+        "partial"?: boolean;
+        /**
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * @default false
+         */
+        "required"?: boolean;
+        "value"?: string | number | object;
         "variant"?: 'checkbox';
     }
     interface XvDropdownV2 {
@@ -1615,6 +1765,7 @@ declare namespace LocalJSX {
         "xv-checkbox-v2": XvCheckboxV2;
         "xv-data-table": XvDataTable;
         "xv-data-table-cell": XvDataTableCell;
+        "xv-data-table-collapse": XvDataTableCollapse;
         "xv-data-table-row": XvDataTableRow;
         "xv-dropdown-v2": XvDropdownV2;
         "xv-dropdown-v2-item": XvDropdownV2Item;
@@ -1655,6 +1806,7 @@ declare module "@stencil/core" {
             "xv-checkbox-v2": LocalJSX.XvCheckboxV2 & JSXBase.HTMLAttributes<HTMLXvCheckboxV2Element>;
             "xv-data-table": LocalJSX.XvDataTable & JSXBase.HTMLAttributes<HTMLXvDataTableElement>;
             "xv-data-table-cell": LocalJSX.XvDataTableCell & JSXBase.HTMLAttributes<HTMLXvDataTableCellElement>;
+            "xv-data-table-collapse": LocalJSX.XvDataTableCollapse & JSXBase.HTMLAttributes<HTMLXvDataTableCollapseElement>;
             "xv-data-table-row": LocalJSX.XvDataTableRow & JSXBase.HTMLAttributes<HTMLXvDataTableRowElement>;
             "xv-dropdown-v2": LocalJSX.XvDropdownV2 & JSXBase.HTMLAttributes<HTMLXvDropdownV2Element>;
             /**

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

@@ -5,3 +5,8 @@ export declare enum SIZE_VAR {
     LG = "lg",
     XL = "xl"
 }
+export declare enum XV_SORT_DIR {
+    ASC = "asc",
+    DESC = "desc",
+    NONE = "none"
+}