xv-webcomponents 2.0.0-beta.2 → 2.0.0-beta.28

package/README.md

@@ -225,8 +225,9 @@ is a devDependency — the five former runtime dependencies are already bundled
 `dist`, and `@fortawesome/fontawesome-pro` comes from a private registry, which made any external
 `npm install` fail. `react`, `@stencil/react-output-target` and `@angular/core` are optional peers.
 
-Two upgrades are deliberately held back: **Jest 30** (Stencil 4.44 dispatches jest ≥30 to its Jest 27
-adapter) and **Puppeteer 25** (Stencil pins `^24`).
+One upgrade is deliberately held back: **Jest 30** — Stencil 4.45 still routes any jest above 29
+to its Jest 27 adapter (`getJestFacade()`). **Puppeteer 25** was unblocked by Stencil 4.45, which
+awaits the now-async `executablePath()`.
 
 ---
 

package/dist/angular/index.d.ts

@@ -1,4 +1,4 @@
 export * from './proxies';
 export * from './web-components.module';
 import * as d from './proxies';
-export declare const DIRECTIVES: (typeof d.XvAccordionV2 | typeof d.XvAccordionV2Item | typeof d.XvBreadcrumbsV2 | typeof d.XvButtonGroupV2 | typeof d.XvButtonV2 | typeof d.XvCardV2 | typeof d.XvCheckboxV2 | typeof d.XvContentSwitcherItemV2 | typeof d.XvContentSwitcherV2 | typeof d.XvDataTable | typeof d.XvDataTableCell | typeof d.XvDataTableCollapse | typeof d.XvDataTableRow | typeof d.XvDatePicker | typeof d.XvDatepicker | typeof d.XvDropdownV2 | typeof d.XvDropdownV2Item | typeof d.XvFileUploader | typeof d.XvFooter | typeof d.XvGeoMapV2 | typeof d.XvHeader | typeof d.XvHeaderNext | typeof d.XvImageViewer | typeof d.XvLinkV2 | typeof d.XvLoaderV2 | typeof d.XvLoginModal | typeof d.XvMegaMenu | typeof d.XvMegaMenuNext | typeof d.XvModalV2 | typeof d.XvNotificationV2 | typeof d.XvNumberInputV2 | typeof d.XvOverflowMenuV2 | typeof d.XvOverflowMenuV2Item | typeof d.XvPagination | typeof d.XvProgressIndicatorV2 | typeof d.XvProgressIndicatorV2Item | typeof d.XvRadioV2 | typeof d.XvSliderV2 | typeof d.XvTabV2 | typeof d.XvTableV2 | typeof d.XvTableV2Cell | typeof d.XvTableV2Expand | typeof d.XvTableV2Row | typeof d.XvTabsV2 | typeof d.XvTagCombobox | typeof d.XvTagV2 | typeof d.XvTextInputV2 | typeof d.XvTextarea | typeof d.XvTile | typeof d.XvToggle | typeof d.XvToggleTip | typeof d.XvTooltipV2)[];
+export declare const DIRECTIVES: (typeof d.XvAccordionV2 | typeof d.XvAccordionV2Item | typeof d.XvBreadcrumbsV2 | typeof d.XvButtonGroupV2 | typeof d.XvButtonV2 | typeof d.XvCardV2 | typeof d.XvCheckboxV2 | typeof d.XvContentSwitcherItemV2 | typeof d.XvContentSwitcherV2 | typeof d.XvDataTable | typeof d.XvDataTableCell | typeof d.XvDataTableCollapse | typeof d.XvDataTableRow | typeof d.XvDatePicker | typeof d.XvDatepicker | typeof d.XvDropdownV2 | typeof d.XvDropdownV2Item | typeof d.XvFileUploader | typeof d.XvFooter | typeof d.XvGeoMapV2 | typeof d.XvHeader | typeof d.XvHeaderNext | typeof d.XvImageViewer | typeof d.XvLinkV2 | typeof d.XvLoaderV2 | typeof d.XvLoginModal | typeof d.XvMegaMenu | typeof d.XvMegaMenuNext | typeof d.XvModalV2 | typeof d.XvNotificationV2 | typeof d.XvNumberInputV2 | typeof d.XvOverflowMenuV2 | typeof d.XvOverflowMenuV2Item | typeof d.XvPagination | typeof d.XvProgressIndicatorV2 | typeof d.XvProgressIndicatorV2Item | typeof d.XvRadioV2 | typeof d.XvSliderV2 | typeof d.XvTabV2 | typeof d.XvTable | typeof d.XvTableCell | typeof d.XvTableRow | typeof d.XvTabsV2 | typeof d.XvTagCombobox | typeof d.XvTagV2 | typeof d.XvTextInputV2 | typeof d.XvTextarea | typeof d.XvTile | typeof d.XvToggle | typeof d.XvToggleTip | typeof d.XvTooltipV2)[];

package/dist/angular/index.js

@@ -41,10 +41,9 @@ export const DIRECTIVES = [
     d.XvRadioV2,
     d.XvSliderV2,
     d.XvTabV2,
-    d.XvTableV2,
-    d.XvTableV2Cell,
-    d.XvTableV2Expand,
-    d.XvTableV2Row,
+    d.XvTable,
+    d.XvTableCell,
+    d.XvTableRow,
     d.XvTabsV2,
     d.XvTagCombobox,
     d.XvTagV2,

package/dist/angular/proxies.d.ts

@@ -36,10 +36,14 @@ import type { XvOverflowMenuV2ItemCustomEvent } from 'xv-webcomponents';
 import type { OverflowMenuEvent as IXvOverflowMenuV2ItemOverflowMenuEvent } from 'xv-webcomponents';
 import type { XvPaginationCustomEvent } from 'xv-webcomponents';
 import type { XvSliderV2CustomEvent } from 'xv-webcomponents';
-import type { XvTableV2CellCustomEvent } from 'xv-webcomponents';
-import type { XVTableSortDto as IXvTableV2CellXVTableSortDto } from 'xv-webcomponents';
-import type { XvTableV2RowCustomEvent } from 'xv-webcomponents';
-import type { SelectRowDto as IXvTableV2RowSelectRowDto } from 'xv-webcomponents';
+import type { XvTableCustomEvent } from 'xv-webcomponents';
+import type { XvTableSort as IXvTableXvTableSort } from 'xv-webcomponents';
+import type { XvTableSelectionDetail as IXvTableXvTableSelectionDetail } from 'xv-webcomponents';
+import type { XvTableExpandedDetail as IXvTableXvTableExpandedDetail } from 'xv-webcomponents';
+import type { XvTablePage as IXvTableXvTablePage } from 'xv-webcomponents';
+import type { XvTableLayout as IXvTableXvTableLayout } from 'xv-webcomponents';
+import type { XvTableRowClickDetail as IXvTableXvTableRowClickDetail } from 'xv-webcomponents';
+import type { XvTableRowOrder as IXvTableXvTableRowOrder } from 'xv-webcomponents';
 import type { XvTabsV2CustomEvent } from 'xv-webcomponents';
 import type { XvTagComboboxCustomEvent } from 'xv-webcomponents';
 import type { XvTagV2CustomEvent } from 'xv-webcomponents';
@@ -518,47 +522,69 @@ export declare class XvTabV2 {
 }
 export declare interface XvTabV2 extends Components.XvTabV2 {
 }
-export declare class XvTableV2 {
+export declare class XvTable {
     protected z: NgZone;
-    protected el: HTMLXvTableV2Element;
+    protected el: HTMLXvTableElement;
+    sortChange: EventEmitter<XvTableCustomEvent<IXvTableXvTableSort>>;
+    selectedChange: EventEmitter<XvTableCustomEvent<IXvTableXvTableSelectionDetail>>;
+    expandedChange: EventEmitter<XvTableCustomEvent<IXvTableXvTableExpandedDetail>>;
+    pageChange: EventEmitter<XvTableCustomEvent<IXvTableXvTablePage>>;
+    layoutChange: EventEmitter<XvTableCustomEvent<IXvTableXvTableLayout>>;
+    rowClick: EventEmitter<XvTableCustomEvent<IXvTableXvTableRowClickDetail>>;
+    rowOrderChange: EventEmitter<XvTableCustomEvent<IXvTableXvTableRowOrder>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<XvTableV2, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XvTableV2, "xv-table-v2", never, { "colsSize": { "alias": "colsSize"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XvTable, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XvTable, "xv-table", never, { "block": { "alias": "block"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "columnsLabel": { "alias": "columnsLabel"; "required": false; }; "description": { "alias": "description"; "required": false; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; }; "expandLabel": { "alias": "expandLabel"; "required": false; }; "expandMode": { "alias": "expandMode"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "label": { "alias": "label"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "page": { "alias": "page"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "paginationMode": { "alias": "paginationMode"; "required": false; }; "reorderLabel": { "alias": "reorderLabel"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "resetLabel": { "alias": "resetLabel"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "rowClickable": { "alias": "rowClickable"; "required": false; }; "rowKey": { "alias": "rowKey"; "required": false; }; "rowReorderHandle": { "alias": "rowReorderHandle"; "required": false; }; "rowReorderable": { "alias": "rowReorderable"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "size": { "alias": "size"; "required": false; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; }; "sortBy": { "alias": "sortBy"; "required": false; }; "sortMode": { "alias": "sortMode"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "storageKey": { "alias": "storageKey"; "required": false; }; "storageOwner": { "alias": "storageOwner"; "required": false; }; "total": { "alias": "total"; "required": false; }; }, { "sortChange": "sortChange"; "selectedChange": "selectedChange"; "expandedChange": "expandedChange"; "pageChange": "pageChange"; "layoutChange": "layoutChange"; "rowClick": "rowClick"; "rowOrderChange": "rowOrderChange"; }, never, ["*"], false, never>;
 }
-export declare interface XvTableV2 extends Components.XvTableV2 {
-}
-export declare class XvTableV2Cell {
-    protected z: NgZone;
-    protected el: HTMLXvTableV2CellElement;
-    sortChange: EventEmitter<XvTableV2CellCustomEvent<IXvTableV2CellXVTableSortDto>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<XvTableV2Cell, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XvTableV2Cell, "xv-table-v2-cell", never, { "align": { "alias": "align"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "name": { "alias": "name"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; }, { "sortChange": "sortChange"; }, never, ["*"], false, never>;
-}
-export declare interface XvTableV2Cell extends Components.XvTableV2Cell {
-    sortChange: EventEmitter<XvTableV2CellCustomEvent<IXvTableV2CellXVTableSortDto>>;
+export declare interface XvTable extends Components.XvTable {
+    /**
+     * Emitted when a sortable header is activated.
+     */
+    sortChange: EventEmitter<XvTableCustomEvent<IXvTableXvTableSort>>;
+    /**
+     * Emitted when the set of selected rows changes. Named after the `selected` prop it reports:
+  `selectionChange` is refused by Stencil as a native DOM event name.
+     */
+    selectedChange: EventEmitter<XvTableCustomEvent<IXvTableXvTableSelectionDetail>>;
+    /**
+     * Emitted when the set of expanded rows changes.
+     */
+    expandedChange: EventEmitter<XvTableCustomEvent<IXvTableXvTableExpandedDetail>>;
+    /**
+     * Emitted when the page or the page size changes.
+     */
+    pageChange: EventEmitter<XvTableCustomEvent<IXvTableXvTablePage>>;
+    /**
+     * Emitted after a column is resized, reordered, hidden or reset.
+     */
+    layoutChange: EventEmitter<XvTableCustomEvent<IXvTableXvTableLayout>>;
+    /**
+     * Emitted when a row is clicked, while `rowClickable` is set.
+     */
+    rowClick: EventEmitter<XvTableCustomEvent<IXvTableXvTableRowClickDetail>>;
+    /**
+     * Emitted when a row is dropped in a new position. The table does not move the row itself —
+  reorder the data and it re-renders, which keeps the DOM and the data from drifting apart.
+     */
+    rowOrderChange: EventEmitter<XvTableCustomEvent<IXvTableXvTableRowOrder>>;
 }
-export declare class XvTableV2Expand {
+export declare class XvTableCell {
     protected z: NgZone;
-    protected el: HTMLXvTableV2ExpandElement;
+    protected el: HTMLXvTableCellElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<XvTableV2Expand, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XvTableV2Expand, "xv-table-v2-expand", never, { "disabled": { "alias": "disabled"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XvTableCell, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XvTableCell, "xv-table-cell", never, { "align": { "alias": "align"; "required": false; }; "clampLines": { "alias": "clampLines"; "required": false; }; "columnId": { "alias": "columnId"; "required": false; }; "header": { "alias": "header"; "required": false; }; "hideable": { "alias": "hideable"; "required": false; }; "overflow": { "alias": "overflow"; "required": false; }; "reorderLabel": { "alias": "reorderLabel"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export declare interface XvTableV2Expand extends Components.XvTableV2Expand {
+export declare interface XvTableCell extends Components.XvTableCell {
 }
-export declare class XvTableV2Row {
+export declare class XvTableRow {
     protected z: NgZone;
-    protected el: HTMLXvTableV2RowElement;
-    checkedChange: EventEmitter<XvTableV2RowCustomEvent<IXvTableV2RowSelectRowDto>>;
-    selectRow: EventEmitter<XvTableV2RowCustomEvent<IXvTableV2RowSelectRowDto>>;
+    protected el: HTMLXvTableRowElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<XvTableV2Row, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XvTableV2Row, "xv-table-v2-row", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "header": { "alias": "header"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "name": { "alias": "name"; "required": false; }; "partial": { "alias": "partial"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "checkedChange": "checkedChange"; "selectRow": "selectRow"; }, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XvTableRow, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XvTableRow, "xv-table-row", never, { "disabled": { "alias": "disabled"; "required": false; }; "expandLabel": { "alias": "expandLabel"; "required": false; }; "expandMode": { "alias": "expandMode"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "group": { "alias": "group"; "required": false; }; "hasPanel": { "alias": "hasPanel"; "required": false; }; "header": { "alias": "header"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "partial": { "alias": "partial"; "required": false; }; "reorderLabel": { "alias": "reorderLabel"; "required": false; }; "rowReorderHandle": { "alias": "rowReorderHandle"; "required": false; }; "rowReorderable": { "alias": "rowReorderable"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export declare interface XvTableV2Row extends Components.XvTableV2Row {
-    checkedChange: EventEmitter<XvTableV2RowCustomEvent<IXvTableV2RowSelectRowDto>>;
-    selectRow: EventEmitter<XvTableV2RowCustomEvent<IXvTableV2RowSelectRowDto>>;
+export declare interface XvTableRow extends Components.XvTableRow {
 }
 export declare class XvTabsV2 {
     protected z: NgZone;

package/dist/angular/proxies.js

@@ -1244,67 +1244,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let XvTableV2 = class XvTableV2 {
-    z;
-    el;
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: XvTableV2, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: XvTableV2, isStandalone: false, selector: "xv-table-v2", inputs: { colsSize: "colsSize", hover: "hover", loading: "loading", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-};
-XvTableV2 = __decorate([
-    ProxyCmp({
-        inputs: ['colsSize', 'hover', 'loading', 'size']
-    })
-], XvTableV2);
-export { XvTableV2 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: XvTableV2, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'xv-table-v2',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['colsSize', 'hover', 'loading', 'size'],
-                    standalone: false
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let XvTableV2Cell = class XvTableV2Cell {
+let XvTable = class XvTable {
     z;
     el;
     sortChange = new EventEmitter();
+    selectedChange = new EventEmitter();
+    expandedChange = new EventEmitter();
+    pageChange = new EventEmitter();
+    layoutChange = new EventEmitter();
+    rowClick = new EventEmitter();
+    rowOrderChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: XvTableV2Cell, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: XvTableV2Cell, isStandalone: false, selector: "xv-table-v2-cell", inputs: { align: "align", multiline: "multiline", name: "name", sort: "sort" }, outputs: { sortChange: "sortChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: XvTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: XvTable, isStandalone: false, selector: "xv-table", inputs: { block: "block", columns: "columns", columnsLabel: "columnsLabel", description: "description", emptyLabel: "emptyLabel", expandLabel: "expandLabel", expandMode: "expandMode", expanded: "expanded", hover: "hover", label: "label", layout: "layout", loading: "loading", locale: "locale", minWidth: "minWidth", page: "page", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", paginationMode: "paginationMode", reorderLabel: "reorderLabel", reorderable: "reorderable", resetLabel: "resetLabel", resizable: "resizable", rowClickable: "rowClickable", rowKey: "rowKey", rowReorderHandle: "rowReorderHandle", rowReorderable: "rowReorderable", rows: "rows", selected: "selected", selectedLabel: "selectedLabel", selection: "selection", size: "size", skeletonRows: "skeletonRows", sortBy: "sortBy", sortMode: "sortMode", stickyHeader: "stickyHeader", storageKey: "storageKey", storageOwner: "storageOwner", total: "total" }, outputs: { sortChange: "sortChange", selectedChange: "selectedChange", expandedChange: "expandedChange", pageChange: "pageChange", layoutChange: "layoutChange", rowClick: "rowClick", rowOrderChange: "rowOrderChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-XvTableV2Cell = __decorate([
+XvTable = __decorate([
     ProxyCmp({
-        inputs: ['align', 'multiline', 'name', 'sort']
+        inputs: ['block', 'columns', 'columnsLabel', 'description', 'emptyLabel', 'expandLabel', 'expandMode', 'expanded', 'hover', 'label', 'layout', 'loading', 'locale', 'minWidth', 'page', 'pageSize', 'pageSizeOptions', 'paginationMode', 'reorderLabel', 'reorderable', 'resetLabel', 'resizable', 'rowClickable', 'rowKey', 'rowReorderHandle', 'rowReorderable', 'rows', 'selected', 'selectedLabel', 'selection', 'size', 'skeletonRows', 'sortBy', 'sortMode', 'stickyHeader', 'storageKey', 'storageOwner', 'total'],
+        methods: ['selectAll', 'clearSelection', 'resetLayout', 'getLayout']
     })
-], XvTableV2Cell);
-export { XvTableV2Cell };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: XvTableV2Cell, decorators: [{
+], XvTable);
+export { XvTable };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: XvTable, decorators: [{
             type: Component,
             args: [{
-                    selector: 'xv-table-v2-cell',
+                    selector: 'xv-table',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['align', 'multiline', 'name', 'sort'],
-                    outputs: ['sortChange'],
+                    inputs: ['block', 'columns', 'columnsLabel', 'description', 'emptyLabel', 'expandLabel', 'expandMode', 'expanded', 'hover', 'label', 'layout', 'loading', 'locale', 'minWidth', 'page', 'pageSize', 'pageSizeOptions', 'paginationMode', 'reorderLabel', 'reorderable', 'resetLabel', 'resizable', 'rowClickable', 'rowKey', 'rowReorderHandle', 'rowReorderable', 'rows', 'selected', 'selectedLabel', 'selection', 'size', 'skeletonRows', 'sortBy', 'sortMode', 'stickyHeader', 'storageKey', 'storageOwner', 'total'],
+                    outputs: ['sortChange', 'selectedChange', 'expandedChange', 'pageChange', 'layoutChange', 'rowClick', 'rowOrderChange'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { sortChange: [{
                 type: Output
+            }], selectedChange: [{
+                type: Output
+            }], expandedChange: [{
+                type: Output
+            }], pageChange: [{
+                type: Output
+            }], layoutChange: [{
+                type: Output
+            }], rowClick: [{
+                type: Output
+            }], rowOrderChange: [{
+                type: Output
             }] } });
-let XvTableV2Expand = class XvTableV2Expand {
+let XvTableCell = class XvTableCell {
     z;
     el;
     constructor(c, r, z) {
@@ -1312,61 +1303,54 @@ let XvTableV2Expand = class XvTableV2Expand {
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: XvTableV2Expand, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: XvTableV2Expand, isStandalone: false, selector: "xv-table-v2-expand", inputs: { disabled: "disabled", open: "open" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: XvTableCell, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: XvTableCell, isStandalone: false, selector: "xv-table-cell", inputs: { align: "align", clampLines: "clampLines", columnId: "columnId", header: "header", hideable: "hideable", overflow: "overflow", reorderLabel: "reorderLabel", reorderable: "reorderable", resizable: "resizable", sortDirection: "sortDirection", sortable: "sortable", tooltip: "tooltip", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-XvTableV2Expand = __decorate([
+XvTableCell = __decorate([
     ProxyCmp({
-        inputs: ['disabled', 'open']
+        inputs: ['align', 'clampLines', 'columnId', 'header', 'hideable', 'overflow', 'reorderLabel', 'reorderable', 'resizable', 'sortDirection', 'sortable', 'tooltip', 'width']
     })
-], XvTableV2Expand);
-export { XvTableV2Expand };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: XvTableV2Expand, decorators: [{
+], XvTableCell);
+export { XvTableCell };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: XvTableCell, decorators: [{
             type: Component,
             args: [{
-                    selector: 'xv-table-v2-expand',
+                    selector: 'xv-table-cell',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['disabled', 'open'],
+                    inputs: ['align', 'clampLines', 'columnId', 'header', 'hideable', 'overflow', 'reorderLabel', 'reorderable', 'resizable', 'sortDirection', 'sortable', 'tooltip', 'width'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let XvTableV2Row = class XvTableV2Row {
+let XvTableRow = class XvTableRow {
     z;
     el;
-    checkedChange = new EventEmitter();
-    selectRow = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: XvTableV2Row, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: XvTableV2Row, isStandalone: false, selector: "xv-table-v2-row", inputs: { checked: "checked", disabled: "disabled", header: "header", hover: "hover", name: "name", partial: "partial", readonly: "readonly", required: "required", value: "value", variant: "variant" }, outputs: { checkedChange: "checkedChange", selectRow: "selectRow" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: XvTableRow, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: XvTableRow, isStandalone: false, selector: "xv-table-row", inputs: { disabled: "disabled", expandLabel: "expandLabel", expandMode: "expandMode", expandable: "expandable", expanded: "expanded", group: "group", hasPanel: "hasPanel", header: "header", hover: "hover", parent: "parent", partial: "partial", reorderLabel: "reorderLabel", rowReorderHandle: "rowReorderHandle", rowReorderable: "rowReorderable", selectable: "selectable", selected: "selected", selectionMode: "selectionMode", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-XvTableV2Row = __decorate([
+XvTableRow = __decorate([
     ProxyCmp({
-        inputs: ['checked', 'disabled', 'header', 'hover', 'name', 'partial', 'readonly', 'required', 'value', 'variant']
+        inputs: ['disabled', 'expandLabel', 'expandMode', 'expandable', 'expanded', 'group', 'hasPanel', 'header', 'hover', 'parent', 'partial', 'reorderLabel', 'rowReorderHandle', 'rowReorderable', 'selectable', 'selected', 'selectionMode', 'size', 'value']
     })
-], XvTableV2Row);
-export { XvTableV2Row };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: XvTableV2Row, decorators: [{
+], XvTableRow);
+export { XvTableRow };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: XvTableRow, decorators: [{
             type: Component,
             args: [{
-                    selector: 'xv-table-v2-row',
+                    selector: 'xv-table-row',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['checked', 'disabled', 'header', 'hover', 'name', 'partial', 'readonly', 'required', 'value', 'variant'],
-                    outputs: ['checkedChange', 'selectRow'],
+                    inputs: ['disabled', 'expandLabel', 'expandMode', 'expandable', 'expanded', 'group', 'hasPanel', 'header', 'hover', 'parent', 'partial', 'reorderLabel', 'rowReorderHandle', 'rowReorderable', 'selectable', 'selected', 'selectionMode', 'size', 'value'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { checkedChange: [{
-                type: Output
-            }], selectRow: [{
-                type: Output
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let XvTabsV2 = class XvTabsV2 {
     z;
     el;

package/dist/angular/web-components.module.d.ts

@@ -2,6 +2,6 @@ import * as i0 from "@angular/core";
 import * as i1 from "./proxies";
 export declare class WebComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<WebComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<WebComponentsModule, [typeof i1.XvAccordionV2, typeof i1.XvAccordionV2Item, typeof i1.XvBreadcrumbsV2, typeof i1.XvButtonGroupV2, typeof i1.XvButtonV2, typeof i1.XvCardV2, typeof i1.XvCheckboxV2, typeof i1.XvContentSwitcherItemV2, typeof i1.XvContentSwitcherV2, typeof i1.XvDataTable, typeof i1.XvDataTableCell, typeof i1.XvDataTableCollapse, typeof i1.XvDataTableRow, typeof i1.XvDatePicker, typeof i1.XvDatepicker, typeof i1.XvDropdownV2, typeof i1.XvDropdownV2Item, typeof i1.XvFileUploader, typeof i1.XvFooter, typeof i1.XvGeoMapV2, typeof i1.XvHeader, typeof i1.XvHeaderNext, typeof i1.XvImageViewer, typeof i1.XvLinkV2, typeof i1.XvLoaderV2, typeof i1.XvLoginModal, typeof i1.XvMegaMenu, typeof i1.XvMegaMenuNext, typeof i1.XvModalV2, typeof i1.XvNotificationV2, typeof i1.XvNumberInputV2, typeof i1.XvOverflowMenuV2, typeof i1.XvOverflowMenuV2Item, typeof i1.XvPagination, typeof i1.XvProgressIndicatorV2, typeof i1.XvProgressIndicatorV2Item, typeof i1.XvRadioV2, typeof i1.XvSliderV2, typeof i1.XvTabV2, typeof i1.XvTableV2, typeof i1.XvTableV2Cell, typeof i1.XvTableV2Expand, typeof i1.XvTableV2Row, typeof i1.XvTabsV2, typeof i1.XvTagCombobox, typeof i1.XvTagV2, typeof i1.XvTextInputV2, typeof i1.XvTextarea, typeof i1.XvTile, typeof i1.XvToggle, typeof i1.XvToggleTip, typeof i1.XvTooltipV2], never, [typeof i1.XvAccordionV2, typeof i1.XvAccordionV2Item, typeof i1.XvBreadcrumbsV2, typeof i1.XvButtonGroupV2, typeof i1.XvButtonV2, typeof i1.XvCardV2, typeof i1.XvCheckboxV2, typeof i1.XvContentSwitcherItemV2, typeof i1.XvContentSwitcherV2, typeof i1.XvDataTable, typeof i1.XvDataTableCell, typeof i1.XvDataTableCollapse, typeof i1.XvDataTableRow, typeof i1.XvDatePicker, typeof i1.XvDatepicker, typeof i1.XvDropdownV2, typeof i1.XvDropdownV2Item, typeof i1.XvFileUploader, typeof i1.XvFooter, typeof i1.XvGeoMapV2, typeof i1.XvHeader, typeof i1.XvHeaderNext, typeof i1.XvImageViewer, typeof i1.XvLinkV2, typeof i1.XvLoaderV2, typeof i1.XvLoginModal, typeof i1.XvMegaMenu, typeof i1.XvMegaMenuNext, typeof i1.XvModalV2, typeof i1.XvNotificationV2, typeof i1.XvNumberInputV2, typeof i1.XvOverflowMenuV2, typeof i1.XvOverflowMenuV2Item, typeof i1.XvPagination, typeof i1.XvProgressIndicatorV2, typeof i1.XvProgressIndicatorV2Item, typeof i1.XvRadioV2, typeof i1.XvSliderV2, typeof i1.XvTabV2, typeof i1.XvTableV2, typeof i1.XvTableV2Cell, typeof i1.XvTableV2Expand, typeof i1.XvTableV2Row, typeof i1.XvTabsV2, typeof i1.XvTagCombobox, typeof i1.XvTagV2, typeof i1.XvTextInputV2, typeof i1.XvTextarea, typeof i1.XvTile, typeof i1.XvToggle, typeof i1.XvToggleTip, typeof i1.XvTooltipV2]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WebComponentsModule, [typeof i1.XvAccordionV2, typeof i1.XvAccordionV2Item, typeof i1.XvBreadcrumbsV2, typeof i1.XvButtonGroupV2, typeof i1.XvButtonV2, typeof i1.XvCardV2, typeof i1.XvCheckboxV2, typeof i1.XvContentSwitcherItemV2, typeof i1.XvContentSwitcherV2, typeof i1.XvDataTable, typeof i1.XvDataTableCell, typeof i1.XvDataTableCollapse, typeof i1.XvDataTableRow, typeof i1.XvDatePicker, typeof i1.XvDatepicker, typeof i1.XvDropdownV2, typeof i1.XvDropdownV2Item, typeof i1.XvFileUploader, typeof i1.XvFooter, typeof i1.XvGeoMapV2, typeof i1.XvHeader, typeof i1.XvHeaderNext, typeof i1.XvImageViewer, typeof i1.XvLinkV2, typeof i1.XvLoaderV2, typeof i1.XvLoginModal, typeof i1.XvMegaMenu, typeof i1.XvMegaMenuNext, typeof i1.XvModalV2, typeof i1.XvNotificationV2, typeof i1.XvNumberInputV2, typeof i1.XvOverflowMenuV2, typeof i1.XvOverflowMenuV2Item, typeof i1.XvPagination, typeof i1.XvProgressIndicatorV2, typeof i1.XvProgressIndicatorV2Item, typeof i1.XvRadioV2, typeof i1.XvSliderV2, typeof i1.XvTabV2, typeof i1.XvTable, typeof i1.XvTableCell, typeof i1.XvTableRow, typeof i1.XvTabsV2, typeof i1.XvTagCombobox, typeof i1.XvTagV2, typeof i1.XvTextInputV2, typeof i1.XvTextarea, typeof i1.XvTile, typeof i1.XvToggle, typeof i1.XvToggleTip, typeof i1.XvTooltipV2], never, [typeof i1.XvAccordionV2, typeof i1.XvAccordionV2Item, typeof i1.XvBreadcrumbsV2, typeof i1.XvButtonGroupV2, typeof i1.XvButtonV2, typeof i1.XvCardV2, typeof i1.XvCheckboxV2, typeof i1.XvContentSwitcherItemV2, typeof i1.XvContentSwitcherV2, typeof i1.XvDataTable, typeof i1.XvDataTableCell, typeof i1.XvDataTableCollapse, typeof i1.XvDataTableRow, typeof i1.XvDatePicker, typeof i1.XvDatepicker, typeof i1.XvDropdownV2, typeof i1.XvDropdownV2Item, typeof i1.XvFileUploader, typeof i1.XvFooter, typeof i1.XvGeoMapV2, typeof i1.XvHeader, typeof i1.XvHeaderNext, typeof i1.XvImageViewer, typeof i1.XvLinkV2, typeof i1.XvLoaderV2, typeof i1.XvLoginModal, typeof i1.XvMegaMenu, typeof i1.XvMegaMenuNext, typeof i1.XvModalV2, typeof i1.XvNotificationV2, typeof i1.XvNumberInputV2, typeof i1.XvOverflowMenuV2, typeof i1.XvOverflowMenuV2Item, typeof i1.XvPagination, typeof i1.XvProgressIndicatorV2, typeof i1.XvProgressIndicatorV2Item, typeof i1.XvRadioV2, typeof i1.XvSliderV2, typeof i1.XvTabV2, typeof i1.XvTable, typeof i1.XvTableCell, typeof i1.XvTableRow, typeof i1.XvTabsV2, typeof i1.XvTagCombobox, typeof i1.XvTagV2, typeof i1.XvTextInputV2, typeof i1.XvTextarea, typeof i1.XvTile, typeof i1.XvToggle, typeof i1.XvToggleTip, typeof i1.XvTooltipV2]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<WebComponentsModule>;
 }

package/dist/angular/web-components.module.js

@@ -1,5 +1,5 @@
 import { NgModule } from '@angular/core';
-import { XvAccordionV2, XvAccordionV2Item, XvBreadcrumbsV2, XvButtonGroupV2, XvButtonV2, XvCardV2, XvCheckboxV2, XvContentSwitcherItemV2, XvContentSwitcherV2, XvDataTable, XvDataTableCell, XvDataTableCollapse, XvDataTableRow, XvDatePicker, XvDatepicker, XvDropdownV2, XvDropdownV2Item, XvFileUploader, XvFooter, XvGeoMapV2, XvHeader, XvHeaderNext, XvImageViewer, XvLinkV2, XvLoaderV2, XvLoginModal, XvMegaMenu, XvMegaMenuNext, XvModalV2, XvNotificationV2, XvNumberInputV2, XvOverflowMenuV2, XvOverflowMenuV2Item, XvPagination, XvProgressIndicatorV2, XvProgressIndicatorV2Item, XvRadioV2, XvSliderV2, XvTabV2, XvTableV2, XvTableV2Cell, XvTableV2Expand, XvTableV2Row, XvTabsV2, XvTagCombobox, XvTagV2, XvTextInputV2, XvTextarea, XvTile, XvToggle, XvToggleTip, XvTooltipV2, } from './proxies';
+import { XvAccordionV2, XvAccordionV2Item, XvBreadcrumbsV2, XvButtonGroupV2, XvButtonV2, XvCardV2, XvCheckboxV2, XvContentSwitcherItemV2, XvContentSwitcherV2, XvDataTable, XvDataTableCell, XvDataTableCollapse, XvDataTableRow, XvDatePicker, XvDatepicker, XvDropdownV2, XvDropdownV2Item, XvFileUploader, XvFooter, XvGeoMapV2, XvHeader, XvHeaderNext, XvImageViewer, XvLinkV2, XvLoaderV2, XvLoginModal, XvMegaMenu, XvMegaMenuNext, XvModalV2, XvNotificationV2, XvNumberInputV2, XvOverflowMenuV2, XvOverflowMenuV2Item, XvPagination, XvProgressIndicatorV2, XvProgressIndicatorV2Item, XvRadioV2, XvSliderV2, XvTabV2, XvTable, XvTableCell, XvTableRow, XvTabsV2, XvTagCombobox, XvTagV2, XvTextInputV2, XvTextarea, XvTile, XvToggle, XvToggleTip, XvTooltipV2, } from './proxies';
 import * as i0 from "@angular/core";
 const DIRECTIVES = [
     XvAccordionV2,
@@ -41,10 +41,9 @@ const DIRECTIVES = [
     XvRadioV2,
     XvSliderV2,
     XvTabV2,
-    XvTableV2,
-    XvTableV2Cell,
-    XvTableV2Expand,
-    XvTableV2Row,
+    XvTable,
+    XvTableCell,
+    XvTableRow,
     XvTabsV2,
     XvTagCombobox,
     XvTagV2,
@@ -96,10 +95,9 @@ export class WebComponentsModule {
             XvRadioV2,
             XvSliderV2,
             XvTabV2,
-            XvTableV2,
-            XvTableV2Cell,
-            XvTableV2Expand,
-            XvTableV2Row,
+            XvTable,
+            XvTableCell,
+            XvTableRow,
             XvTabsV2,
             XvTagCombobox,
             XvTagV2,
@@ -147,10 +145,9 @@ export class WebComponentsModule {
             XvRadioV2,
             XvSliderV2,
             XvTabV2,
-            XvTableV2,
-            XvTableV2Cell,
-            XvTableV2Expand,
-            XvTableV2Row,
+            XvTable,
+            XvTableCell,
+            XvTableRow,
             XvTabsV2,
             XvTagCombobox,
             XvTagV2,

package/dist/cjs/{index-Cfa6bBQW.js → index-DaTpiyaU.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./index-Cixkr3sz.js');
+require('./index-Dwhgrew8.js');
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};

package/dist/cjs/{index-Cixkr3sz.js → index-Dwhgrew8.js}

@@ -7,7 +7,7 @@ const globalScripts = () => {};
 const globalStyles = ".xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.fa,.fas,.far,.fal,.fad,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.3333333333em;line-height:0.75em;vertical-align:-0.0667em}.fa-xs{font-size:0.75em}.fa-sm{font-size:0.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid 0.08em #eee;border-radius:0.1em;padding:0.2em 0.25em 0.15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left{margin-right:0.3em}.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right{margin-left:0.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fa-rotate-90{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(1, -1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-flip-both{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}/*!\n* Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com\n* License - https://fontawesome.com/license (Commercial License)\n*/@font-face{font-family:\"Font Awesome 5 Pro\";font-style:normal;font-weight:900;font-display:block;src:url(\"https://crossvertise.blob.core.windows.net/assets/fonts/fa-solid-900.eot\");src:url(\"https://crossvertise.blob.core.windows.net/assets/fonts/fa-solid-900.eot?#iefix\") format(\"embedded-opentype\"), url(\"https://crossvertise.blob.core.windows.net/assets/fonts/fa-solid-900.woff2\") format(\"woff2\"), url(\"https://crossvertise.blob.core.windows.net/assets/fonts/fa-solid-900.woff\") format(\"woff\"), url(\"https://crossvertise.blob.core.windows.net/assets/fonts/fa-solid-900.ttf\") format(\"truetype\"), url(\"https://crossvertise.blob.core.windows.net/assets/fonts/fa-solid-900.svg#fontawesome\") format(\"svg\")}.fa,.fas{font-family:\"Font Awesome 5 Pro\";font-weight:900}/*!\n* Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com\n* License - https://fontawesome.com/license (Commercial License)\n*/@font-face{font-family:\"Font Awesome 5 Pro\";font-style:normal;font-weight:400;font-display:block;src:url(\"https://crossvertise.blob.core.windows.net/assets/fonts/fa-regular-400.eot\");src:url(\"https://crossvertise.blob.core.windows.net/assets/fonts/fa-regular-400.eot?#iefix\") format(\"embedded-opentype\"), url(\"https://crossvertise.blob.core.windows.net/assets/fonts/fa-regular-400.woff2\") format(\"woff2\"), url(\"https://crossvertise.blob.core.windows.net/assets/fonts/fa-regular-400.woff\") format(\"woff\"), url(\"https://crossvertise.blob.core.windows.net/assets/fonts/fa-regular-400.ttf\") format(\"truetype\"), url(\"https://crossvertise.blob.core.windows.net/assets/fonts/fa-regular-400.svg#fontawesome\") format(\"svg\")}.far{font-family:\"Font Awesome 5 Pro\";font-weight:400}.fa-bars:before{content:\"\\f0c9\"}.fa-bell:before{content:\"\\f0f3\"}.fa-check:before{content:\"\\f00c\"}.fa-circle:before{content:\"\\f111\"}.fa-clock:before{content:\"\\f017\"}.fa-envelope:before{content:\"\\f0e0\"}.fa-question-circle:before{content:\"\\f059\"}.fa-search:before{content:\"\\f002\"}.fa-shopping-cart:before{content:\"\\f07a\"}.fa-square:before{content:\"\\f0c8\"}.fa-times:before{content:\"\\f00d\"}.fa-times-circle:before{content:\"\\f057\"}.fa-triangle:before{content:\"\\f2ec\"}.fa-user:before{content:\"\\f007\"}";
 
 /*
- Stencil Client Platform v4.44.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.45.0 | MIT Licensed | https://stenciljs.com
  */
 
 
@@ -1132,7 +1132,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       if (idxInOld >= 0) {
         elmToMove = oldCh[idxInOld];
         if (elmToMove.$tag$ !== newStartVnode.$tag$) {
-          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
+          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
         } else {
           patch(elmToMove, newStartVnode, isInitialRender);
           oldCh[idxInOld] = void 0;
@@ -1803,23 +1803,28 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                 }
                 return;
               }
-              const setterSetVal = () => {
+              const parsedValue = parsePropertyValue(
+                newValue,
+                memberFlags,
+                !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+              );
+              const setterSetVal = (val) => {
                 const currentValue = ref.$lazyInstance$[memberName];
                 if (!ref.$instanceValues$.get(memberName) && currentValue) {
                   ref.$instanceValues$.set(memberName, currentValue);
                 }
-                ref.$lazyInstance$[memberName] = parsePropertyValue(
-                  newValue,
-                  memberFlags,
-                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
-                );
+                ref.$lazyInstance$[memberName] = val;
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
               };
               if (ref.$lazyInstance$) {
-                setterSetVal();
+                setterSetVal(parsedValue);
               } else {
+                ref.$instanceValues$.set(memberName, parsedValue);
                 ref.$fetchedCbList$.push(() => {
-                  setterSetVal();
+                  const pendingValue = ref.$instanceValues$.get(memberName);
+                  if (ref.$lazyInstance$[memberName] !== pendingValue) {
+                    setterSetVal(pendingValue);
+                  }
                 });
               }
             }

package/dist/cjs/index.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Cfa6bBQW.js');
-var index$1 = require('./index-Cixkr3sz.js');
+var index = require('./index-DaTpiyaU.js');
+var index$1 = require('./index-Dwhgrew8.js');