@shival99/z-ui 2.0.68 → 2.0.70

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shival99/z-ui",
-  "version": "2.0.68",
+  "version": "2.0.70",
   "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

@@ -72,6 +72,12 @@ type ZTableCellContent<T> = string | number | TemplateRef<{
 type ZTableHeaderContent<T> = string | TemplateRef<unknown> | Type<unknown> | (() => string) | ((info: HeaderContext<T, unknown>) => string);
 /** Alias for ZTableColumnConfig — kept for backward compatibility */
 type ZTableColumn<T = unknown> = ZTableColumnConfig<T>;
+interface ZTableGroupLabelContext<T> {
+    value: unknown;
+    columnId: string;
+    rows: Row<T>[];
+}
+type ZTableGroupLabelFormatter<T> = (context: ZTableGroupLabelContext<T>) => string;
 /** Available column filter value input hints */
 type ZTableFilterValueType = 'text' | 'number';
 type ZTableFilterUi = 'basic' | 'advanced' | 'custom';
@@ -346,6 +352,10 @@ interface ZTableColumnConfig<T> {
     enablePinning?: boolean;
     enableHiding?: boolean;
     enableOrdering?: boolean;
+    /** Whether this column can be used from the header "Group by" menu */
+    enableGrouping?: boolean;
+    /** Format the displayed group header value for this column */
+    groupLabel?: ZTableGroupLabelFormatter<T>;
     enableHeaderMenu?: boolean;
     /** Initial pin position — applied on first render */
     pinned?: 'left' | 'right' | false;
@@ -1175,6 +1185,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
     protected readonly serverGroupColumnId: _angular_core.Signal<string | null>;
     protected readonly activeGroupingColumnId: _angular_core.Signal<string | null>;
     protected readonly groupableColumnMap: _angular_core.Signal<Record<string, boolean>>;
+    protected readonly groupingHeaderMenuMap: _angular_core.Signal<Record<string, boolean>>;
     protected readonly groupedCenterRowItems: _angular_core.Signal<ZTableGroupedRowItem<T>[]>;
     /** Local grouping: group được tính tại client từ rows của trang hiện tại. */
     private _buildLocalGroupedItems;
@@ -1247,9 +1258,13 @@ declare class ZTableComponent<T> implements AfterViewInit {
     protected readonly virtualCenterTotalWidth: _angular_core.Signal<number>;
     protected readonly virtualRightSpacerWidth: _angular_core.Signal<number>;
     protected readonly renderedColumnCount: _angular_core.Signal<number>;
+    protected readonly renderedNativeColumnWidth: _angular_core.Signal<number>;
+    protected readonly renderedTableWidth: _angular_core.Signal<number>;
+    protected readonly nativeRenderedColumnSizeMap: _angular_core.Signal<Record<string, number>>;
     protected readonly orderedLeafColumns: _angular_core.Signal<Column<T, unknown>[]>;
     protected readonly fitColumnIds: _angular_core.Signal<string[]>;
     protected readonly hideableColumns: _angular_core.Signal<Column<T, unknown>[]>;
+    protected readonly pendingColumnVisibilityDisabledMap: _angular_core.Signal<Record<string, boolean>>;
     protected readonly orderedHeaderGroups: _angular_core.Signal<{
         id: string;
         headers: _tanstack_angular_table.Header<T, unknown>[];
@@ -1266,6 +1281,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
     protected readonly virtualCenterHeaderRow: _angular_core.Signal<_tanstack_angular_table.Header<T, unknown>[]>;
     protected readonly shouldHeaderShowShadow: _angular_core.Signal<boolean>;
     protected readonly shouldFooterShowShadow: _angular_core.Signal<boolean>;
+    protected readonly tbodyContainerWidth: _angular_core.WritableSignal<number>;
     protected readonly tbodyContainerHeight: _angular_core.WritableSignal<number>;
     protected readonly skeletonRowHeight: _angular_core.WritableSignal<number>;
     protected readonly skeletonRowCount: _angular_core.Signal<number>;
@@ -1439,6 +1455,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
     private _measureColumnContentWidth;
     private _defaultColumnPinning;
     private _setColumnPinning;
+    private _moveGroupingColumnToLeadingDataPosition;
     private _areColumnIdListsEqual;
     moveColumnLeft(columnId: string): void;
     moveColumnRight(columnId: string): void;
@@ -1466,6 +1483,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
     private _filterServerModeColumnFilters;
     private _filterServerModeSorting;
     private _getGroupId;
+    private _getColumnGroupLabel;
     private _getGroupLabel;
     private _getActionColumnConfig;
     /**