@shival99/z-ui 2.0.69 → 2.0.71

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shival99/z-ui",
-  "version": "2.0.69",
+  "version": "2.0.71",
   "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;
@@ -1473,6 +1483,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
     private _filterServerModeColumnFilters;
     private _filterServerModeSorting;
     private _getGroupId;
+    private _getColumnGroupLabel;
     private _getGroupLabel;
     private _getActionColumnConfig;
     /**
@@ -1494,7 +1505,7 @@ declare class ZTableFilterComponent<T> {
     protected readonly sortOptions: _angular_core.Signal<ZSelectOption<string>[]>;
     protected readonly draftFilters: _angular_core.WritableSignal<ZTableDraftFilterCondition[]>;
     protected readonly draftLegacyFilterValue: _angular_core.WritableSignal<unknown>;
-    protected readonly draftSortState: _angular_core.WritableSignal<false | "asc" | "desc">;
+    protected readonly draftSortState: _angular_core.WritableSignal<false | "desc" | "asc">;
     protected readonly columnFilterValue: _angular_core.Signal<unknown>;
     protected readonly effectiveFilterValue: _angular_core.Signal<unknown>;
     protected readonly sortState: _angular_core.Signal<false | _tanstack_angular_table.SortDirection>;
@@ -1516,7 +1527,7 @@ declare class ZTableFilterComponent<T> {
     protected readonly filterBadgeCount: _angular_core.Signal<number>;
     protected readonly hasFilterValue: _angular_core.Signal<boolean>;
     protected readonly isActive: _angular_core.Signal<boolean>;
-    protected readonly draftSortValue: _angular_core.Signal<"asc" | "desc" | "none">;
+    protected readonly draftSortValue: _angular_core.Signal<"none" | "desc" | "asc">;
     protected readonly rangeMinValue: _angular_core.Signal<any>;
     protected readonly rangeMaxValue: _angular_core.Signal<any>;
     protected readonly dateValue: _angular_core.Signal<Date | null>;