@shival99/z-ui 2.0.87 → 2.0.89

package/package.json

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

@@ -887,6 +887,7 @@ interface ZTableConfig<T> {
     /** Bật menu chuột phải để chèn dòng khi bảng có cell editContent. */
     enableContentRowInsert?: boolean;
     enableRowPinning?: boolean;
+    /** Bật/tắt ghim cột toàn bảng. Mặc định `true`. Từng cột có thể override qua `enablePinning`. */
     enableColumnPinning?: boolean;
     enableColumnOrdering?: boolean;
     enableColumnSorting?: boolean;
@@ -1297,6 +1298,18 @@ 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>>;
+    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[]>;
@@ -1304,7 +1317,9 @@ 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<Record<string, number>>;
+    protected readonly columnSizeVars: _angular_core.Signal<{
+        [x: string]: string | number;
+    }>;
     protected readonly table: ReturnType<typeof createAngularTable<T>>;
     private readonly _virtualGroupCount;
     protected readonly selectedRowIds: _angular_core.Signal<string[]>;
@@ -1620,7 +1635,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>;