@shival99/z-ui 1.4.22 → 1.4.23

package/package.json

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

@@ -2,9 +2,9 @@ import * as _shival99_angular_virtual from '@shival99/angular-virtual';
 import * as _tanstack_angular_table from '@tanstack/angular-table';
 import { RowData, SortingState, ColumnFiltersState, PaginationState, RowSelectionState, ExpandedState, HeaderContext, CellContext, FlexRenderComponent, Row, ColumnPinningState, RowPinningState, VisibilityState, ColumnOrderState, createAngularTable, Column, Table, ColumnDef } from '@tanstack/angular-table';
 import * as _shival99_z_ui_components_z_input from '@shival99/z-ui/components/z-input';
-import { ZInputSize } from '@shival99/z-ui/components/z-input';
+import { ZInputSize, ZInputControl } from '@shival99/z-ui/components/z-input';
 import * as _angular_core from '@angular/core';
-import { TemplateRef, Type, AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
+import { TemplateRef, Type, AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { NgScrollbar } from 'ngx-scrollbar';
 import { ZButtonVariants } from '@shival99/z-ui/components/z-button';
@@ -37,7 +37,7 @@ type ZTableCellContent<T> = string | number | TemplateRef<{
 type ZTableHeaderContent<T> = string | TemplateRef<unknown> | Type<unknown> | (() => string) | ((info: HeaderContext<T, unknown>) => string);
 type ZTableColumn<T = unknown> = ZTableColumnConfig<T>;
 type ZTableFilterType = 'text' | 'number' | 'select' | 'multi-select' | 'date' | 'date-range' | 'range' | 'tags';
-type ZTableEditType = 'text' | 'number' | 'select' | 'date' | 'checkbox' | 'textarea';
+type ZTableEditType = 'text' | 'number' | 'select' | 'date' | 'checkbox' | 'textarea' | 'toggle';
 type ZTableMode = 'local' | 'server';
 interface ZTableSortConfig<T> {
     enabled?: boolean;
@@ -69,6 +69,8 @@ interface ZTableEditConfig<T = unknown> {
     thousandSeparator?: string;
     disabled?: boolean | ((row: T) => boolean);
     debounceTime?: number;
+    /** Only emit change on blur (when user leaves the input). Default: false */
+    blurEdit?: boolean;
     /** Size of the edit input. Default: 'sm' */
     size?: ZTableEditSize;
 }
@@ -605,7 +607,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<"sm" | "default" | "xs" | "lg" | "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>;
@@ -623,7 +625,8 @@ declare class ZTableActionsComponent<T = unknown> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTableActionsComponent<any>, "z-table-actions", never, { "zConfig": { "alias": "zConfig"; "required": true; "isSignal": true; }; "zRow": { "alias": "zRow"; "required": true; "isSignal": true; }; "zRowId": { "alias": "zRowId"; "required": true; "isSignal": true; }; "zDropdownButtonSize": { "alias": "zDropdownButtonSize"; "required": false; "isSignal": true; }; }, { "zActionClick": "zActionClick"; }, never, never, true, never>;
 }
 
-declare class ZTableEditCellComponent<T = unknown> implements OnDestroy {
+declare class ZTableEditCellComponent<T = unknown> implements OnInit {
+    private readonly _destroyRef;
     readonly zRow: _angular_core.InputSignal<T>;
     readonly zRowId: _angular_core.InputSignal<string>;
     readonly zRowIndex: _angular_core.InputSignal<number>;
@@ -632,8 +635,11 @@ declare class ZTableEditCellComponent<T = unknown> implements OnDestroy {
     readonly zEditConfig: _angular_core.InputSignal<ZTableEditConfig<T> | undefined>;
     readonly zChange: _angular_core.OutputEmitterRef<ZTableEditCellChangeEvent<T>>;
     private readonly _currentValue;
+    private readonly _valueChange$;
     private _initialized;
-    private _debounceTimeout;
+    private _pendingBlurValue;
+    private _hasPendingBlur;
+    private _inputControl;
     protected readonly editConfig: _angular_core.Signal<ZTableEditConfig<T>>;
     protected readonly editType: _angular_core.Signal<ZTableEditType>;
     protected readonly size: _angular_core.Signal<ZTableEditSize>;
@@ -646,12 +652,15 @@ declare class ZTableEditCellComponent<T = unknown> implements OnDestroy {
     protected readonly booleanValue: _angular_core.Signal<boolean>;
     protected readonly dateValue: _angular_core.Signal<Date | null>;
     protected onValueChange(newValue: unknown): void;
+    protected onInputControlReady(control: ZInputControl): void;
+    private _handleInputBlur;
+    protected onToggleChange(checked: boolean): void;
     protected onSelectChange(newValue: unknown): void;
     protected onDateChange(newValue: unknown): void;
     protected onCheckboxChange(checked: boolean): void;
     private _emitChange;
-    private _emitChangeWithDebounce;
-    ngOnDestroy(): void;
+    ngOnInit(): void;
+    private _setupBlurWatcher;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTableEditCellComponent<any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTableEditCellComponent<any>, "z-table-edit-cell", never, { "zRow": { "alias": "zRow"; "required": true; "isSignal": true; }; "zRowId": { "alias": "zRowId"; "required": true; "isSignal": true; }; "zRowIndex": { "alias": "zRowIndex"; "required": true; "isSignal": true; }; "zColumnId": { "alias": "zColumnId"; "required": true; "isSignal": true; }; "zValue": { "alias": "zValue"; "required": false; "isSignal": true; }; "zEditConfig": { "alias": "zEditConfig"; "required": false; "isSignal": true; }; }, { "zChange": "zChange"; }, never, never, true, never>;
 }