@shival99/z-ui 1.2.24 → 1.2.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shival99/z-ui",
-  "version": "1.2.24",
+  "version": "1.2.26",
   "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-calendar.d.ts

@@ -286,16 +286,16 @@ declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
 
 declare const zCalendarVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "disabled" | "open" | "error" | "readonly" | null | undefined;
+    zStatus?: "default" | "disabled" | "readonly" | "open" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zCalendarDayVariants: (props?: ({
-    state?: "default" | "today" | "selected" | "inRange" | "rangeStart" | "rangeEnd" | "rangeSingle" | "disabled" | "otherMonth" | "hovered" | null | undefined;
+    state?: "default" | "disabled" | "today" | "selected" | "inRange" | "rangeStart" | "rangeEnd" | "rangeSingle" | "otherMonth" | "hovered" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zCalendarMonthVariants: (props?: ({
-    state?: "default" | "selected" | "disabled" | "current" | null | undefined;
+    state?: "default" | "disabled" | "selected" | "current" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zCalendarYearVariants: (props?: ({
-    state?: "default" | "selected" | "disabled" | "current" | null | undefined;
+    state?: "default" | "disabled" | "selected" | "current" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 export { ZCalendarComponent, zCalendarDayVariants, zCalendarMonthVariants, zCalendarVariants, zCalendarYearVariants };

package/types/shival99-z-ui-components-z-select.d.ts

@@ -258,7 +258,7 @@ declare class ZTagClassesPipe implements PipeTransform {
 
 declare const zSelectVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "open" | "error" | "disabled" | "readonly" | null | undefined;
+    zStatus?: "default" | "disabled" | "readonly" | "open" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zSelectTagVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;

package/types/shival99-z-ui-components-z-table.d.ts

@@ -21,7 +21,7 @@ interface ZVirtualGroup {
     startIndex: number;
     endIndex: number;
     rowCount: number;
-    height: number;
+    height: number | null;
 }
 interface ZTableIconPart {
     type: 'text' | 'icon';
@@ -277,10 +277,22 @@ interface ZTableInitialState {
     pagination?: PaginationState;
 }
 interface ZTableVirtualConfig {
+    /** Enable virtual scrolling */
     enabled: boolean;
-    rowHeight?: number;
+    /** Row height in pixels (default: 40). Used as estimate for dynamic sizing. */
+    size?: number;
+    /** Number of items to render outside visible area (default: 5) */
     overscan?: number;
+    /** Number of rows per virtual group (default: 1) */
     groupSize?: number;
+    /**
+     * Enable dynamic row height measurement.
+     * When true, each row's height is measured dynamically after render.
+     * The virtualizer uses `height: auto` for all rows, allowing content
+     * to determine the actual height, which is then captured via measureElement().
+     * The `size` property is used as an initial estimate before measurement.
+     */
+    dynamicSize?: boolean;
 }
 interface ZTableSearchConfig {
     enabled?: boolean;
@@ -351,6 +363,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
     protected readonly tbodyScrollbar: _angular_core.Signal<NgScrollbar | undefined>;
     protected readonly tfootWrapper: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
     protected readonly expandedRowTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    protected readonly virtualRowElements: _angular_core.Signal<readonly ElementRef<HTMLDivElement>[]>;
     protected readonly columnPinning: _angular_core.WritableSignal<ColumnPinningState>;
     protected readonly columnVisibility: _angular_core.WritableSignal<VisibilityState>;
     protected readonly columnOrder: _angular_core.WritableSignal<ColumnOrderState>;
@@ -408,6 +421,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
     protected readonly isVirtual: _angular_core.Signal<boolean>;
     private readonly _virtualConfig;
     protected readonly virtualRowHeight: _angular_core.Signal<number>;
+    protected readonly dynamicSize: _angular_core.Signal<boolean>;
     protected readonly groupSize: _angular_core.Signal<number>;
     protected readonly groupHeight: _angular_core.Signal<number>;
     private readonly _dynamicGroupsVersion;
@@ -443,6 +457,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
     protected readonly table: ReturnType<typeof createAngularTable<T>>;
     private readonly _virtualGroupCount;
     protected readonly virtualizer: _shival99_angular_virtual.AngularVirtualizer<HTMLDivElement, Element>;
+    private readonly _measureVirtualItems;
     constructor();
     ngAfterViewInit(): void;
     private _handleRowSelectionWithParents;
@@ -539,7 +554,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<"default" | "xs" | "sm" | "lg" | "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>;