@shival99/z-ui 2.0.89 → 2.0.91

package/package.json

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

@@ -317,6 +317,7 @@ interface ZTableFooterColumnConfig<T> {
     contentStyle?: Record<string, string> | ((info: HeaderContext<T, unknown>) => Record<string, string>);
     tooltip?: string | ZTooltipConfig;
 }
+type ZTableFooterConfig<T> = ZTableFooterColumnConfig<T> | ZTableHeaderContent<T>;
 /**
  * Primary column definition — the consumer-facing API.
  * Converted to TanStack ColumnDef internally via `columnConfigToColumnDef()`.
@@ -339,7 +340,8 @@ interface ZTableColumnConfig<T> {
     accessorFn?: (row: T) => unknown;
     header?: ZTableHeaderColumnConfig<T> | ZTableHeaderContent<T>;
     body?: ZTableBodyColumnConfig<T> | ZTableCellContent<T>;
-    footer?: ZTableFooterColumnConfig<T> | ZTableHeaderContent<T>;
+    /** Một cấu hình footer hoặc một cấu hình cho mỗi hàng footer. */
+    footer?: ZTableFooterConfig<T> | ZTableFooterConfig<T>[];
     size?: number;
     minSize?: number;
     maxSize?: number;
@@ -1142,6 +1144,11 @@ declare class ZTableComponent<T> implements AfterViewInit {
     private _columnConfigCache;
     private _lastColumnsRef;
     protected readonly pinnedColumnIds: _angular_core.Signal<string[]>;
+    protected readonly pinAvailabilityMap: _angular_core.Signal<Record<string, {
+        left: boolean;
+        right: boolean;
+    }>>;
+    protected readonly isPinnedLayoutWithinContainer: _angular_core.Signal<boolean>;
     protected readonly pendingVisibleColumns: _angular_core.WritableSignal<string[]>;
     protected readonly pendingColumnOrder: _angular_core.WritableSignal<string[]>;
     protected readonly pendingShowHeaderFooterShadow: _angular_core.WritableSignal<boolean>;
@@ -1289,6 +1296,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
         depth: number;
         headers: _tanstack_angular_table.Header<T, unknown>[];
     }[]>;
+    private _maxFooterArrayRows;
     protected readonly bottomRowsReversed: _angular_core.Signal<Row<T>[]>;
     protected readonly leftHeaderRow: _angular_core.Signal<_tanstack_angular_table.Header<T, unknown>[]>;
     protected readonly centerHeaderRow: _angular_core.Signal<_tanstack_angular_table.Header<T, unknown>[]>;
@@ -1298,18 +1306,8 @@ declare class ZTableComponent<T> implements AfterViewInit {
     protected readonly shouldFooterShowShadow: _angular_core.Signal<boolean>;
     protected readonly tbodyContainerWidth: _angular_core.WritableSignal<number>;
     protected readonly tbodyContainerHeight: _angular_core.WritableSignal<number>;
-    /** DOM-measured widths of all visible columns, keyed by column id. Updated after each render cycle. */
-    protected readonly _colDomWidthMap: _angular_core.WritableSignal<Record<string, number>>;
-    /** CSS vars for pinned column offsets: --pin-left-{id} and --pin-right-{id}. Set on <table> via columnSizeVars. */
-    protected readonly columnPinningVars: _angular_core.Signal<Record<string, string>>;
+    protected readonly colDomWidthMap: _angular_core.WritableSignal<Record<string, number>>;
     private readonly _colDomWidthUpdater;
-    /**
-     * Returns a fixed pixel width for a column when it can be determined without DOM measurement:
-     * - `size === minSize === maxSize` (all equal, all set) → fixed
-     * - `config.width` is a non-percent px string → fixed
-     * Returns null when the column width is flexible and must be measured from DOM.
-     */
-    private _resolveFixedColumnWidth;
     protected readonly skeletonRowHeight: _angular_core.WritableSignal<number>;
     protected readonly skeletonRowCount: _angular_core.Signal<number>;
     protected readonly skeletonRows: _angular_core.Signal<number[]>;
@@ -1317,9 +1315,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
     protected readonly dynamicGroupHeights: _angular_core.Signal<any[]>;
     protected readonly columnSizing: _angular_core.Signal<ColumnSizingState>;
     protected readonly columnSizingInfo: _angular_core.Signal<_tanstack_angular_table.ColumnSizingInfoState>;
-    protected readonly columnSizeVars: _angular_core.Signal<{
-        [x: string]: string | number;
-    }>;
+    protected readonly columnSizeVars: _angular_core.Signal<Record<string, number>>;
     protected readonly table: ReturnType<typeof createAngularTable<T>>;
     private readonly _virtualGroupCount;
     protected readonly selectedRowIds: _angular_core.Signal<string[]>;
@@ -1470,6 +1466,8 @@ declare class ZTableComponent<T> implements AfterViewInit {
     onToggleColumnVisibility(columnId: string): void;
     onToggleColumnPin(columnId: string, position: 'left' | 'right'): void;
     handleColumnPin(columnId: string, position: 'left' | 'right' | false): void;
+    private _canPinWithinViewport;
+    private _getPinnedWidth;
     toggleColumnVisibility(columnId: string): void;
     refreshColumnPopoverPositions(...popovers: ZPopoverDirective[]): void;
     setActiveColumnVisibilityPopover(popover: ZPopoverDirective): void;
@@ -1700,7 +1698,7 @@ declare const isHeaderConfig: <T>(config: ZTableHeaderColumnConfig<T> | ZTableHe
 /** Type guard: is this a full body config object (not just content shorthand)? */
 declare const isBodyConfig: <T>(config: ZTableBodyColumnConfig<T> | ZTableCellContent<T> | undefined) => config is ZTableBodyColumnConfig<T>;
 /** Type guard: is this a full footer config object (not just content shorthand)? */
-declare const isFooterConfig: <T>(config: ZTableFooterColumnConfig<T> | ZTableHeaderContent<T> | undefined) => config is ZTableFooterColumnConfig<T>;
+declare const isFooterConfig: <T>(config: ZTableFooterConfig<T> | undefined) => config is ZTableFooterColumnConfig<T>;
 /** Extract and normalize header config from a column definition */
 declare const getHeaderConfig: <T>(col: ZTableColumnConfig<T> | undefined) => {
     content: ZTableHeaderContent<T> | undefined;
@@ -1752,7 +1750,7 @@ declare const getBodyConfig: <T>(col: ZTableColumnConfig<T> | undefined, ctx?: C
     contentStyle: Record<string, string> | undefined;
     tooltip: string | _shival99_z_ui_components_z_tooltip.ZTooltipConfig | ((info: CellContext<T, unknown>) => string | _shival99_z_ui_components_z_tooltip.ZTooltipConfig) | undefined;
 };
-declare const getFooterConfig: <T>(col: ZTableColumnConfig<T> | undefined) => {
+declare const getFooterConfig: <T>(col: ZTableColumnConfig<T> | undefined, footerRowIndex?: number) => {
     content: ZTableHeaderContent<T> | undefined;
     class: string | undefined;
     style: Record<string, string> | undefined;