@shival99/z-ui 2.0.90 → 2.0.91

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shival99/z-ui",
-  "version": "2.0.90",
+  "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>[]>;
@@ -1458,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;
@@ -1623,7 +1633,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<"default" | "sm" | "lg" | "xs" | "xl" | null | undefined>;
+    readonly zDropdownButtonSize: _angular_core.InputSignal<"sm" | "default" | "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>;
@@ -1688,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;
@@ -1740,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;