xv-webcomponents 0.1.31 → 0.1.32

package/dist/esm/xv-webcomponents.js

@@ -16,7 +16,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["xv-breadcrumbs-v2",[[1,"xv-breadcrumbs-v2"]]],["xv-accordion-v2_26",[[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"]}],[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-button-v2",{"label":[1],"block":[4],"type":[1],"variant":[1],"disabled":[4]}],[1,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[1,"xv-dropdown-v2",{"disabled":[4],"multiple":[4],"required":[4],"open":[1540],"error":[1],"label":[1],"helper":[1],"warning":[1],"placeholder":[1],"size":[1],"defaultValue":[8,"default-value"],"selected":[32],"selectedMap":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"]}],[1,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540]},[[0,"click","handleClick"]]],[0,"xv-footer",{"htmlContent":[32]}],[0,"xv-header",{"htmlContent":[32]}],[1,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[1,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}],[1,"xv-modal-v2",{"open":[1540],"permanent":[4],"size":[1],"openModal":[64],"closeModal":[64]}],[1,"xv-notification-v2",{"variant":[1],"dismissible":[4]}],[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-tab-v2",{"label":[513],"disabled":[516]}],[1,"xv-table-v2",{"size":[513],"hover":[516],"colsSize":[16],"selected":[32],"selectedCount":[32]},[[0,"selectRow","handleSelectRow"]]],[1,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[1,"xv-tabs-v2",{"active":[1538],"variant":[1],"tabElements":[32]}],[1,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[65,"xv-text-input-v2",{"label":[513],"placeholder":[513],"helper":[513],"name":[513],"size":[513],"status":[513],"value":[1537],"disabled":[516],"readonly":[516]}],[1,"xv-tooltip-v2",{"message":[1],"position":[1]}],[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-table-v2-cell",{"width":[513],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]]]]], options);
+  return bootstrapLazy([["xv-breadcrumbs-v2",[[1,"xv-breadcrumbs-v2"]]],["xv-accordion-v2_26",[[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"]}],[1,"xv-dropdown-v2",{"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"open":[1540],"error":[513],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"size":[1],"defaultValue":[8,"default-value"],"selected":[32],"selectedMap":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"]}],[1,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[1,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":["setColsSizeTemplate"]}],[1,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"showArrows":[516,"show-arrows"],"tabElements":[32]}],[65,"xv-text-input-v2",{"label":[513],"placeholder":[513],"helper":[513],"name":[513],"size":[513],"status":[513],"value":[1537],"disabled":[516],"readonly":[516],"loading":[516]}],[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-button-v2",{"label":[1],"block":[4],"type":[1],"variant":[1],"disabled":[4]}],[1,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[1,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540]},[[0,"click","handleClick"]]],[0,"xv-footer",{"htmlContent":[32]}],[0,"xv-header",{"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-tooltip-v2",{"message":[513],"position":[513],"multiline":[516]}],[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-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[1,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]]], options);
 });
 
 //# sourceMappingURL=xv-webcomponents.js.map

package/dist/types/components/xv-dropdown/xv-dropdown.d.ts

@@ -6,6 +6,7 @@ export declare class XvDropdown {
     disabled?: boolean;
     multiple?: boolean;
     required?: boolean;
+    loading?: boolean;
     open?: boolean;
     error?: string;
     label?: string;
@@ -29,4 +30,5 @@ export declare class XvDropdown {
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    private renderIcon;
 }

package/dist/types/components/xv-link/xv-link.d.ts

@@ -3,7 +3,7 @@ export declare class XvLink {
     target: '_self' | '_blank' | '_parent' | '_top';
     disabled: boolean;
     size: 'sm' | 'md' | 'lg';
-    variant: 'standalone' | 'inline';
+    variant: 'standalone' | 'inline' | 'ghost';
     preventLinkHandler(e: PointerEvent): void;
     render(): any;
 }

package/dist/types/components/xv-modal/xv-modal.d.ts

@@ -14,7 +14,11 @@ export declare class XvModal {
      * Size of modal. But max size is 90% view width
      */
     size: SIZE_VAR;
-    changeOpen: EventEmitter<boolean>;
+    /**
+     * When need scroll modal content
+     */
+    overflow: boolean;
+    openChange: EventEmitter<boolean>;
     private triggerEl;
     openModal(): Promise<boolean>;
     closeModal(): Promise<boolean>;

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

@@ -13,3 +13,7 @@ export declare enum XV_SORT_DIR {
 }
 export declare const XV_EXPANDABLE_KEY = "expandable";
 export declare const XV_TABLE_TAG = "xv-table-v2";
+export interface XVTableSortDto {
+    name?: string;
+    value: XV_SORT_DIR;
+}

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

@@ -1,15 +1,12 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { XV_SORT_DIR } from '../_vars';
+import { XV_SORT_DIR, XVTableSortDto } from '../_vars';
 export declare class XvTableCell {
     el: HTMLElement;
-    width?: string;
+    multiline?: boolean;
     name?: string;
     align?: 'left' | 'right' | 'center';
     sort?: XV_SORT_DIR | '';
-    sortChange: EventEmitter<{
-        name?: string;
-        value: XV_SORT_DIR;
-    }>;
+    sortChange: EventEmitter<XVTableSortDto>;
     handleSort(): void;
     render(): any;
 }

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

@@ -3,6 +3,7 @@ import { SelectRowDto } from '../_vars';
 export declare class XvTableRow {
     el: HTMLElement;
     checked?: SelectRowDto['checked'];
+    checkedChange: EventEmitter<SelectRowDto>;
     partial?: SelectRowDto['partial'];
     name?: SelectRowDto['name'];
     value?: SelectRowDto['value'];

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

@@ -4,10 +4,11 @@ export declare class XvTable {
     el: HTMLElement;
     size?: SIZE_VAR;
     hover?: boolean;
+    loading?: boolean;
     colsSize?: (string | null)[];
     selected: Map<string, SelectRowDto>;
     selectedCount: number;
-    handleSelectRow({ detail }: CustomEvent<SelectRowDto>): void;
+    handleCheckedChange({ detail }: CustomEvent<SelectRowDto>): void;
     private setColsSizeTemplate;
     render(): any;
     componentWillLoad(): void;

package/dist/types/components/xv-tabs/xv-tab/xv-tab.d.ts

@@ -1,5 +1,7 @@
 export declare class XvTab {
     label: string;
     disabled: boolean;
+    loading: boolean;
+    name?: number | string;
     render(): any;
 }

package/dist/types/components/xv-tabs/xv-tabs.d.ts

@@ -5,15 +5,27 @@ export declare class XvTabs {
     /**
      * Index of active tab
      */
-    active: number;
+    active: number | string;
+    /**
+     * Emit event to outside
+     */
+    activeChange: EventEmitter<number | string>;
+    /**
+     * Show loader
+     */
+    loading?: boolean;
     /**
      * Variant of tabs from TABS_VATIANT enum
      */
     variant: TABS_VATIANT;
     /**
-     * Emit event to outside
+     * Message when have no tabs
+     */
+    emptyMessage?: string;
+    /**
+     * Message when have no tabs
      */
-    tabSelect: EventEmitter<number>;
+    showArrows?: boolean;
     /**
      * local variable for tab labels collection
      */
@@ -21,6 +33,7 @@ export declare class XvTabs {
     private collectTabs;
     private updateTabClasses;
     private handleTabClick;
+    private setTab;
     render(): any;
     componentWillLoad(): void;
     componentDidRender(): void;

package/dist/types/components/xv-text-input/xv-text-input.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { SIZE_VAR } from '../../types/enum';
 import { TextInputStatus } from './_vars';
 /**
@@ -14,8 +15,10 @@ export declare class XvTextInput {
     size: SIZE_VAR;
     status: TextInputStatus;
     value: string;
+    valueChange: EventEmitter<string>;
     disabled: boolean;
     readonly: boolean;
+    loading: boolean;
     internals: ElementInternals;
     private handleInput;
     render(): any;

package/dist/types/components/xv-tooltip/xv-tooltip.d.ts

@@ -7,5 +7,6 @@ export declare class XvTooltip {
      * By default, "top"
      */
     position: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+    multiline: boolean;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -10,7 +10,7 @@ import { DropdownItemData } from "./components/xv-dropdown/_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 } from "./components/xv-table/_vars";
+import { SelectRowDto, XV_SORT_DIR, XVTableSortDto } from "./components/xv-table/_vars";
 import { TABS_VATIANT } from "./components/xv-tabs/_vars";
 import { TextInputStatus } from "./components/xv-text-input/_vars";
 export { SIZE_VAR } from "./types/enum";
@@ -18,7 +18,7 @@ export { DropdownItemData } from "./components/xv-dropdown/_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 } from "./components/xv-table/_vars";
+export { SelectRowDto, XV_SORT_DIR, XVTableSortDto } from "./components/xv-table/_vars";
 export { TABS_VATIANT } from "./components/xv-tabs/_vars";
 export { TextInputStatus } from "./components/xv-text-input/_vars";
 export namespace Components {
@@ -118,6 +118,7 @@ export namespace Components {
         "error"?: string;
         "helper"?: string;
         "label"?: string;
+        "loading"?: boolean;
         "multiple"?: boolean;
         "open"?: boolean;
         "placeholder"?: string;
@@ -145,7 +146,7 @@ export namespace Components {
         "href": string;
         "size": 'sm' | 'md' | 'lg';
         "target": '_self' | '_blank' | '_parent' | '_top';
-        "variant": 'standalone' | 'inline';
+        "variant": 'standalone' | 'inline' | 'ghost';
     }
     interface XvLoaderV2 {
         /**
@@ -168,6 +169,10 @@ export namespace Components {
          */
         "open": boolean;
         "openModal": () => Promise<boolean>;
+        /**
+          * When need scroll modal content
+         */
+        "overflow": boolean;
         /**
           * If true then modal not be closed on backdrop click
          */
@@ -212,17 +217,20 @@ export namespace Components {
     interface XvTabV2 {
         "disabled": boolean;
         "label": string;
+        "loading": boolean;
+        "name"?: number | string;
     }
     interface XvTableV2 {
         "colsSize"?: (string | null)[];
         "hover"?: boolean;
+        "loading"?: boolean;
         "size"?: SIZE_VAR;
     }
     interface XvTableV2Cell {
         "align"?: 'left' | 'right' | 'center';
+        "multiline"?: boolean;
         "name"?: string;
         "sort"?: XV_SORT_DIR | '';
-        "width"?: string;
     }
     interface XvTableV2Expand {
         "disabled": boolean;
@@ -244,7 +252,27 @@ export namespace Components {
         /**
           * Index of active tab
          */
-        "active": number;
+        "active": number | string;
+        /**
+          * Message when have no tabs
+         */
+        "emptyMessage"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "empty-message"?: string;
+        /**
+          * Show loader
+         */
+        "loading"?: boolean;
+        /**
+          * Message when have no tabs
+         */
+        "showArrows"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "show-arrows"?: boolean;
         /**
           * Variant of tabs from TABS_VATIANT enum
          */
@@ -266,6 +294,7 @@ export namespace Components {
         "disabled": boolean;
         "helper": string;
         "label"?: string;
+        "loading": boolean;
         "name"?: string;
         "placeholder"?: string;
         "readonly": boolean;
@@ -278,6 +307,7 @@ export namespace Components {
           * Message what will be shown for tooltip *
          */
         "message": string;
+        "multiline": boolean;
         /**
           * Tooltip and arrow position related to element possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'. By default, "top"
          */
@@ -340,6 +370,10 @@ export interface XvTagV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLXvTagV2Element;
 }
+export interface XvTextInputV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXvTextInputV2Element;
+}
 declare global {
     interface HTMLXvAccordionV2ElementEventMap {
         "accordionChange": { opened: Set<string>, id: string };
@@ -489,7 +523,7 @@ declare global {
         new (): HTMLXvLoaderV2Element;
     };
     interface HTMLXvModalV2ElementEventMap {
-        "changeOpen": boolean;
+        "openChange": boolean;
     }
     interface HTMLXvModalV2Element extends Components.XvModalV2, HTMLStencilElement {
         addEventListener<K extends keyof HTMLXvModalV2ElementEventMap>(type: K, listener: (this: HTMLXvModalV2Element, ev: XvModalV2CustomEvent<HTMLXvModalV2ElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -581,7 +615,7 @@ declare global {
         new (): HTMLXvTableV2Element;
     };
     interface HTMLXvTableV2CellElementEventMap {
-        "sortChange": { name?: string, value: XV_SORT_DIR };
+        "sortChange": XVTableSortDto;
     }
     interface HTMLXvTableV2CellElement extends Components.XvTableV2Cell, HTMLStencilElement {
         addEventListener<K extends keyof HTMLXvTableV2CellElementEventMap>(type: K, listener: (this: HTMLXvTableV2CellElement, ev: XvTableV2CellCustomEvent<HTMLXvTableV2CellElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -604,6 +638,7 @@ declare global {
         new (): HTMLXvTableV2ExpandElement;
     };
     interface HTMLXvTableV2RowElementEventMap {
+        "checkedChange": SelectRowDto;
         "selectRow": SelectRowDto;
     }
     interface HTMLXvTableV2RowElement extends Components.XvTableV2Row, HTMLStencilElement {
@@ -621,7 +656,7 @@ declare global {
         new (): HTMLXvTableV2RowElement;
     };
     interface HTMLXvTabsV2ElementEventMap {
-        "tabSelect": number;
+        "activeChange": number | string;
     }
     interface HTMLXvTabsV2Element extends Components.XvTabsV2, HTMLStencilElement {
         addEventListener<K extends keyof HTMLXvTabsV2ElementEventMap>(type: K, listener: (this: HTMLXvTabsV2Element, ev: XvTabsV2CustomEvent<HTMLXvTabsV2ElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -654,12 +689,23 @@ declare global {
         prototype: HTMLXvTagV2Element;
         new (): HTMLXvTagV2Element;
     };
+    interface HTMLXvTextInputV2ElementEventMap {
+        "valueChange": string;
+    }
     /**
      * xv-text-input — custom input
      * ti get data you can use default Input event
      * Angular - (input), React - (onInput), Pure - addEventListener('input', e => ...)
      */
     interface HTMLXvTextInputV2Element extends Components.XvTextInputV2, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLXvTextInputV2ElementEventMap>(type: K, listener: (this: HTMLXvTextInputV2Element, ev: XvTextInputV2CustomEvent<HTMLXvTextInputV2ElementEventMap[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 HTMLXvTextInputV2ElementEventMap>(type: K, listener: (this: HTMLXvTextInputV2Element, ev: XvTextInputV2CustomEvent<HTMLXvTextInputV2ElementEventMap[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 HTMLXvTextInputV2Element: {
         prototype: HTMLXvTextInputV2Element;
@@ -819,6 +865,7 @@ declare namespace LocalJSX {
         "error"?: string;
         "helper"?: string;
         "label"?: string;
+        "loading"?: boolean;
         "multiple"?: boolean;
         "onChangeSelection"?: (event: XvDropdownV2CustomEvent<DropdownItemData[]>) => void;
         "open"?: boolean;
@@ -848,7 +895,7 @@ declare namespace LocalJSX {
         "href"?: string;
         "size"?: 'sm' | 'md' | 'lg';
         "target"?: '_self' | '_blank' | '_parent' | '_top';
-        "variant"?: 'standalone' | 'inline';
+        "variant"?: 'standalone' | 'inline' | 'ghost';
     }
     interface XvLoaderV2 {
         /**
@@ -865,11 +912,15 @@ declare namespace LocalJSX {
         "variant"?: 'vertical' | 'horizontal';
     }
     interface XvModalV2 {
-        "onChangeOpen"?: (event: XvModalV2CustomEvent<boolean>) => void;
+        "onOpenChange"?: (event: XvModalV2CustomEvent<boolean>) => void;
         /**
           * Is modal opened
          */
         "open"?: boolean;
+        /**
+          * When need scroll modal content
+         */
+        "overflow"?: boolean;
         /**
           * If true then modal not be closed on backdrop click
          */
@@ -917,18 +968,21 @@ declare namespace LocalJSX {
     interface XvTabV2 {
         "disabled"?: boolean;
         "label"?: string;
+        "loading"?: boolean;
+        "name"?: number | string;
     }
     interface XvTableV2 {
         "colsSize"?: (string | null)[];
         "hover"?: boolean;
+        "loading"?: boolean;
         "size"?: SIZE_VAR;
     }
     interface XvTableV2Cell {
         "align"?: 'left' | 'right' | 'center';
+        "multiline"?: boolean;
         "name"?: string;
-        "onSortChange"?: (event: XvTableV2CellCustomEvent<{ name?: string, value: XV_SORT_DIR }>) => void;
+        "onSortChange"?: (event: XvTableV2CellCustomEvent<XVTableSortDto>) => void;
         "sort"?: XV_SORT_DIR | '';
-        "width"?: string;
     }
     interface XvTableV2Expand {
         "disabled"?: boolean;
@@ -940,6 +994,7 @@ declare namespace LocalJSX {
         "header"?: boolean;
         "hover"?: boolean;
         "name"?: SelectRowDto['name'];
+        "onCheckedChange"?: (event: XvTableV2RowCustomEvent<SelectRowDto>) => void;
         "onSelectRow"?: (event: XvTableV2RowCustomEvent<SelectRowDto>) => void;
         "partial"?: SelectRowDto['partial'];
         "readonly"?: boolean;
@@ -951,11 +1006,31 @@ declare namespace LocalJSX {
         /**
           * Index of active tab
          */
-        "active"?: number;
+        "active"?: number | string;
+        /**
+          * Message when have no tabs
+         */
+        "emptyMessage"?: string;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "empty-message"?: string;
+        /**
+          * Show loader
+         */
+        "loading"?: boolean;
         /**
           * Emit event to outside
          */
-        "onTabSelect"?: (event: XvTabsV2CustomEvent<number>) => void;
+        "onActiveChange"?: (event: XvTabsV2CustomEvent<number | string>) => void;
+        /**
+          * Message when have no tabs
+         */
+        "showArrows"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "show-arrows"?: boolean;
         /**
           * Variant of tabs from TABS_VATIANT enum
          */
@@ -978,7 +1053,9 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "helper"?: string;
         "label"?: string;
+        "loading"?: boolean;
         "name"?: string;
+        "onValueChange"?: (event: XvTextInputV2CustomEvent<string>) => void;
         "placeholder"?: string;
         "readonly"?: boolean;
         "size"?: SIZE_VAR;
@@ -990,6 +1067,7 @@ declare namespace LocalJSX {
           * Message what will be shown for tooltip *
          */
         "message"?: string;
+        "multiline"?: boolean;
         /**
           * Tooltip and arrow position related to element possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'. By default, "top"
          */