@shival99/z-ui 2.0.65 → 2.0.67

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shival99/z-ui",
-  "version": "2.0.65",
+  "version": "2.0.67",
   "description": "Z-UI: Modern Angular UI Component Library - A comprehensive, high-performance design system built with Angular 20+, featuring 40+ customizable components with dark mode, accessibility, and enterprise-ready features.",
   "keywords": [
     "angular",

package/types/shival99-z-ui-components-z-table.d.ts

@@ -918,6 +918,16 @@ interface ZTableDataRowItem<T> {
     isGroupChild?: boolean;
 }
 type ZTableGroupedRowItem<T> = ZTableGroupRowItem | ZTableDataRowItem<T>;
+interface ZVirtualFlatGroupHeader {
+    type: 'group-header';
+    groupItem: ZTableGroupRowItem;
+}
+interface ZVirtualFlatData<T> {
+    type: 'data';
+    rows: Row<T>[];
+    isGroupChild: boolean;
+}
+type ZVirtualFlatItem<T> = ZVirtualFlatGroupHeader | ZVirtualFlatData<T>;
 type ZTableResolvedCellSelectionOptions<T> = Required<Pick<ZTableCellSelectionOptions<T>, 'enabled' | 'range' | 'contextMenu' | 'copyWithHeaders'>> & Pick<ZTableCellSelectionOptions<T>, 'disabledColumnIds' | 'isCellDisabled'>;
 declare class ZTableComponent<T> implements AfterViewInit {
     private static _dragInstanceCount;
@@ -1122,6 +1132,21 @@ declare class ZTableComponent<T> implements AfterViewInit {
     protected readonly activeGroupingColumnId: _angular_core.Signal<string | null>;
     protected readonly groupableColumnMap: _angular_core.Signal<Record<string, boolean>>;
     protected readonly groupedCenterRowItems: _angular_core.Signal<ZTableGroupedRowItem<T>[]>;
+    /**
+     * EN: Flat list of body rows in the exact order they are rendered. When grouping is active the
+     *     center rows are re-ordered group-by-group, so the flat `table.getRowModel().rows` no longer
+     *     matches the visual order. The `z-at-bottom` border logic must use this visual order, otherwise
+     *     `border-bottom: none` is applied to whichever row happens to be last in the flat model — which
+     *     after grouping lands somewhere in the middle of the table.
+     * VI: Danh sách phẳng các row body theo đúng thứ tự render. Khi đang group, center rows bị sắp xếp
+     *     lại theo từng group nên `table.getRowModel().rows` không còn khớp thứ tự hiển thị. Logic
+     *     border `z-at-bottom` phải dùng thứ tự hiển thị này, nếu không `border-bottom: none` sẽ bị gán
+     *     nhầm cho row đang nằm ở giữa bảng.
+     */
+    protected readonly renderedBodyRows: _angular_core.Signal<Row<T>[]>;
+    protected readonly virtualGroupedFlatItems: _angular_core.Signal<ZVirtualFlatItem<T>[]>;
+    protected _getVirtualGroupHeader(item: ZVirtualFlatItem<T> | undefined): ZTableGroupRowItem | null;
+    protected _isVirtualGroupChild(item: ZVirtualFlatItem<T> | undefined): boolean;
     protected readonly searchConfig: _angular_core.Signal<{
         enabled: boolean;
         placeholder: string;
@@ -1501,7 +1526,7 @@ declare class ZTableActionsComponent<T = unknown> {
     readonly zConfig: _angular_core.InputSignal<ZTableActionColumnConfig<T>>;
     readonly zRow: _angular_core.InputSignal<T>;
     readonly zRowId: _angular_core.InputSignal<string>;
-    readonly zDropdownButtonSize: _angular_core.InputSignal<"sm" | "default" | "lg" | "xs" | "xl" | null | undefined>;
+    readonly zDropdownButtonSize: _angular_core.InputSignal<"default" | "sm" | "lg" | "xs" | "xl" | null | undefined>;
     readonly zActionClick: _angular_core.OutputEmitterRef<ZTableActionClickEvent<T>>;
     protected readonly allActions: _angular_core.Signal<ZTableActionItem<T>[]>;
     protected readonly shouldShowAsButtons: _angular_core.Signal<boolean>;