@shival99/z-ui 1.4.2 → 1.4.3

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

@@ -15,6 +15,16 @@ interface ZPopoverControl {
 }
 
 declare class ZPopoverComponent implements OnInit, OnDestroy {
+    private readonly _overlay;
+    private readonly _overlayPositionBuilder;
+    private readonly _renderer;
+    private readonly _destroyRef;
+    private readonly _platformId;
+    private readonly _document;
+    private readonly _trigger;
+    readonly zShow: _angular_core.OutputEmitterRef<void>;
+    readonly zHide: _angular_core.OutputEmitterRef<void>;
+    readonly zControl: _angular_core.OutputEmitterRef<ZPopoverControl>;
     readonly zContent: _angular_core.InputSignal<ZPopoverContent | null>;
     readonly zPosition: _angular_core.InputSignal<ZPopoverPosition>;
     readonly zTrigger: _angular_core.InputSignal<ZPopoverTrigger>;
@@ -26,16 +36,6 @@ declare class ZPopoverComponent implements OnInit, OnDestroy {
     readonly zManualClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zScrollClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zShowArrow: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly zShow: _angular_core.OutputEmitterRef<void>;
-    readonly zHide: _angular_core.OutputEmitterRef<void>;
-    readonly zControl: _angular_core.OutputEmitterRef<ZPopoverControl>;
-    private readonly _trigger;
-    private readonly _overlay;
-    private readonly _overlayPositionBuilder;
-    private readonly _renderer;
-    private readonly _destroyRef;
-    private readonly _platformId;
-    private readonly _document;
     private _overlayRef;
     private _componentRef;
     private _delaySubject;

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

@@ -14,6 +14,7 @@ interface ZRadioOption {
 }
 
 declare class ZRadioComponent implements ControlValueAccessor {
+    readonly zChange: _angular_core.OutputEmitterRef<string | number | null>;
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zType: _angular_core.InputSignal<ZRadioType>;
     readonly zSize: _angular_core.InputSignal<ZRadioSize>;
@@ -24,7 +25,6 @@ declare class ZRadioComponent implements ControlValueAccessor {
     readonly zOptions: _angular_core.InputSignal<ZRadioOption[]>;
     readonly zOrientation: _angular_core.InputSignal<ZRadioOrientation>;
     readonly zSelectedValue: _angular_core.ModelSignal<string | number | null>;
-    readonly zChange: _angular_core.OutputEmitterRef<string | number | null>;
     private readonly _disabled;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly hostClasses: _angular_core.Signal<string>;
@@ -45,7 +45,7 @@ declare class ZRadioComponent implements ControlValueAccessor {
     protected getRadioState(): string;
     protected getOptionState(option: ZRadioOption): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZRadioComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZRadioComponent, "z-radio", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zText": { "alias": "zText"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zValue": { "alias": "zValue"; "required": false; "isSignal": true; }; "zOptions": { "alias": "zOptions"; "required": false; "isSignal": true; }; "zOrientation": { "alias": "zOrientation"; "required": false; "isSignal": true; }; "zSelectedValue": { "alias": "zSelectedValue"; "required": false; "isSignal": true; }; }, { "zSelectedValue": "zSelectedValueChange"; "zChange": "zChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZRadioComponent, "z-radio", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zText": { "alias": "zText"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zValue": { "alias": "zValue"; "required": false; "isSignal": true; }; "zOptions": { "alias": "zOptions"; "required": false; "isSignal": true; }; "zOrientation": { "alias": "zOrientation"; "required": false; "isSignal": true; }; "zSelectedValue": { "alias": "zSelectedValue"; "required": false; "isSignal": true; }; }, { "zChange": "zChange"; "zSelectedValue": "zSelectedValueChange"; }, never, never, true, never>;
 }
 
 declare const zRadioVariants: (props?: ({

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

@@ -19,6 +19,15 @@ declare class ZSelectSelectedDirective<T = unknown> {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZSelectSelectedDirective<any>, "[z-select-selected], [zSelectSelected]", never, {}, {}, never, never, true, never>;
 }
 
+interface ZSelectState {
+    focused: boolean;
+    touched: boolean;
+    blurred: boolean;
+    dirty: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    open: boolean;
+}
 interface ZSelectControl<T = unknown> {
     validate: () => void;
     reset: () => void;
@@ -35,6 +44,7 @@ interface ZSelectControl<T = unknown> {
     selectedOption: Signal<ZSelectOption<T> | null>;
     selectedOptions: Signal<ZSelectOption<T>[]>;
     errorMessage: Signal<string>;
+    state: Signal<ZSelectState>;
 }
 type ZSelectMode = 'single' | 'multiple' | 'tags';
 type ZSelectSize = 'sm' | 'default' | 'lg';
@@ -79,6 +89,17 @@ interface ZSelectTagColor {
 declare const TAG_COLORS: ZSelectTagColor[];
 
 declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAccessor {
+    private readonly _injector;
+    private readonly _destroyRef;
+    private readonly _zTranslate;
+    protected readonly triggerRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    protected readonly searchInputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    protected readonly dropdownTpl: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    protected readonly optionsContainerRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    protected readonly virtualScrollRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    protected readonly loadMoreSentinelRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    protected readonly customSelectedDirective: _angular_core.Signal<ZSelectSelectedDirective<any> | undefined>;
+    protected readonly customOptionDirective: _angular_core.Signal<ZSelectOptionDirective<any> | undefined>;
     readonly zOnSearch: _angular_core.OutputEmitterRef<string>;
     readonly zOnLoadMore: _angular_core.OutputEmitterRef<ZSelectLoadMoreEvent>;
     readonly zControl: _angular_core.OutputEmitterRef<ZSelectControl<T>>;
@@ -118,49 +139,31 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     readonly zSelectedTemplate: _angular_core.InputSignal<ZSelectLabelTemplate<T> | null>;
     readonly zOptionTemplate: _angular_core.InputSignal<ZSelectOptionTemplate<T> | null>;
     readonly zActionTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
-    protected readonly customSelectedDirective: _angular_core.Signal<ZSelectSelectedDirective<any> | undefined>;
-    protected readonly customOptionDirective: _angular_core.Signal<ZSelectOptionDirective<any> | undefined>;
     readonly zAsyncValidators: _angular_core.InputSignal<ZSelectAsyncValidator<T>[]>;
     readonly zAsyncDebounce: _angular_core.InputSignal<number>;
     readonly zAsyncValidateOn: _angular_core.InputSignal<ZSelectAsyncValidateOn>;
     readonly zValidators: _angular_core.InputSignal<ZSelectValidator<T>[]>;
-    protected readonly triggerRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
-    protected readonly searchInputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
-    protected readonly dropdownTpl: _angular_core.Signal<TemplateRef<unknown> | undefined>;
-    protected readonly optionsContainerRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
-    protected readonly virtualScrollRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
-    protected readonly loadMoreSentinelRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
-    protected readonly selectId: string;
-    protected readonly dropdownId: string;
-    protected readonly isOpen: _angular_core.WritableSignal<boolean>;
-    protected readonly searchText: _angular_core.WritableSignal<string>;
-    protected readonly dropdownWidth: _angular_core.WritableSignal<number>;
-    protected readonly hasScrollShadow: _angular_core.WritableSignal<boolean>;
-    private readonly _popoverControl;
-    private readonly _searchSubject;
-    private _loadMoreObserver;
-    private readonly _allKnownOptions;
-    private _virtualScrollListener;
-    private readonly _optionGap;
-    protected readonly virtualizer: _shival99_angular_virtual.AngularVirtualizer<HTMLDivElement, Element>;
     private readonly _value;
-    protected readonly currentValue: _angular_core.Signal<T | T[] | null>;
     private readonly _disabled;
     private readonly _touched;
     private readonly _dirty;
     private readonly _formControl;
     private readonly _formStateVersion;
-    private readonly _injector;
-    private readonly _destroyRef;
-    private readonly _zTranslate;
-    private _onChange;
-    private _onTouched;
-    private _ngControl;
-    protected readonly isValidating: _angular_core.WritableSignal<boolean>;
+    private readonly _popoverControl;
+    private readonly _allKnownOptions;
     private readonly _asyncErrors;
-    private readonly _asyncCancelSubject;
-    private readonly _asyncValidationSubject;
-    private _asyncValidationAbortController;
+    protected readonly uiState: _angular_core.WritableSignal<{
+        isOpen: boolean;
+        hasScrollShadow: boolean;
+        isFocused: boolean;
+        isValidating: boolean;
+    }>;
+    protected readonly selectId: string;
+    protected readonly dropdownId: string;
+    protected readonly searchText: _angular_core.WritableSignal<string>;
+    protected readonly dropdownWidth: _angular_core.WritableSignal<number>;
+    protected readonly currentValue: _angular_core.Signal<T | T[] | null>;
+    protected readonly virtualizer: _shival99_angular_virtual.AngularVirtualizer<HTMLDivElement, Element>;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly isReadonly: _angular_core.Signal<boolean>;
     protected readonly isInteractionDisabled: _angular_core.Signal<boolean>;
@@ -196,12 +199,30 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     protected readonly showError: _angular_core.Signal<boolean>;
     protected readonly errorMessage: _angular_core.Signal<string>;
     protected readonly selectClasses: _angular_core.Signal<string>;
+    readonly state: _angular_core.Signal<ZSelectState>;
+    private readonly _searchSubject;
+    private readonly _asyncCancelSubject;
+    private readonly _asyncValidationSubject;
+    private _loadMoreObserver;
+    private _virtualScrollListener;
+    private _asyncValidationAbortController;
+    private _onChange;
+    private _onTouched;
+    private _ngControl;
     constructor();
     ngOnInit(): void;
     writeValue(value: T | T[] | null): void;
     registerOnChange(fn: (value: T | T[] | null) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
+    reset(): void;
+    focus(): void;
+    blur(): void;
+    markAsTouched(): void;
+    markAsUntouched(): void;
+    markAsDirty(): void;
+    markAsPristine(): void;
+    validate(): void;
     protected onTriggerKeydown(event: KeyboardEvent): void;
     protected onTriggerMousedown(): void;
     protected toggleDropdown(): void;
@@ -211,25 +232,17 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     protected onPopoverHideEnd(): void;
     protected onSearchChange(value: string): void;
     protected checkScrollShadow(): void;
-    private _setupLoadMoreObserver;
-    private _cleanupLoadMoreObserver;
-    private _setupVirtualScrollLoadMore;
-    private _cleanupVirtualScrollListener;
     protected selectOption(option: ZSelectOption<T>, closeFn?: () => void): void;
     protected removeOption(event: MouseEvent, option: ZSelectOption<T>): void;
     protected clearAll(event: MouseEvent): void;
     protected selectAll(): void;
     protected removeAll(): void;
-    reset(): void;
-    focus(): void;
-    blur(): void;
-    markAsTouched(): void;
-    markAsUntouched(): void;
-    markAsDirty(): void;
-    markAsPristine(): void;
-    validate(): void;
-    private _emitControl;
     protected trackByValue: (_index: number, option: ZSelectOption<T>) => unknown;
+    private _emitControl;
+    private _setupLoadMoreObserver;
+    private _cleanupLoadMoreObserver;
+    private _setupVirtualScrollLoadMore;
+    private _cleanupVirtualScrollListener;
     private _getValidationErrors;
     private _runAsyncValidation;
     private _cancelAsyncValidation;
@@ -258,7 +271,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-skeleton.d.ts

@@ -12,6 +12,7 @@ interface ZSkeletonRowItem {
 }
 
 declare class ZSkeletonComponent implements AfterViewInit, OnDestroy {
+    private readonly _elementRef;
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zType: _angular_core.InputSignal<ZSkeletonType>;
     readonly zSize: _angular_core.InputSignal<ZSkeletonSize>;
@@ -21,7 +22,6 @@ declare class ZSkeletonComponent implements AfterViewInit, OnDestroy {
     readonly zGap: _angular_core.InputSignal<number>;
     readonly zAnimated: _angular_core.InputSignal<boolean>;
     readonly zRadius: _angular_core.InputSignal<string>;
-    private readonly _elementRef;
     private readonly _calculatedRows;
     private _parentElement;
     private _originalOverflow;

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

@@ -32,7 +32,8 @@ interface ZStepsControl {
 declare class ZStepsComponent implements AfterViewInit {
     private readonly _elementRef;
     private readonly _destroyRef;
-    private _resizeObserver;
+    readonly zOnStepClick: _angular_core.OutputEmitterRef<number>;
+    readonly zControl: _angular_core.OutputEmitterRef<ZStepsControl>;
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zSteps: _angular_core.InputSignal<ZStepItem[]>;
     readonly zCurrent: _angular_core.InputSignal<number>;
@@ -43,10 +44,9 @@ declare class ZStepsComponent implements AfterViewInit {
     readonly zShowNumber: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zResponsive: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly zOnStepClick: _angular_core.OutputEmitterRef<number>;
-    readonly zControl: _angular_core.OutputEmitterRef<ZStepsControl>;
     private readonly _internalCurrent;
     private readonly _stepOverrides;
+    private _resizeObserver;
     protected readonly isResponsiveVertical: _angular_core.WritableSignal<boolean>;
     protected readonly currentStep: _angular_core.Signal<number>;
     protected readonly mergedSteps: _angular_core.Signal<ZStepItem[]>;

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

@@ -7,6 +7,7 @@ import { VariantProps } from 'class-variance-authority';
 type ZSwitchSize = 'sm' | 'default' | 'lg';
 
 declare class ZSwitchComponent implements ControlValueAccessor {
+    readonly zChange: _angular_core.OutputEmitterRef<boolean>;
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zSize: _angular_core.InputSignal<ZSwitchSize>;
     readonly zLabel: _angular_core.InputSignal<string>;
@@ -15,7 +16,6 @@ declare class ZSwitchComponent implements ControlValueAccessor {
     readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zTextPosition: _angular_core.InputSignal<"left" | "right">;
     readonly zChecked: _angular_core.ModelSignal<boolean>;
-    readonly zChange: _angular_core.OutputEmitterRef<boolean>;
     private readonly _disabled;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly hostClasses: _angular_core.Signal<string>;
@@ -32,7 +32,7 @@ declare class ZSwitchComponent implements ControlValueAccessor {
     setDisabledState(isDisabled: boolean): void;
     protected onSwitchClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZSwitchComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSwitchComponent, "z-switch", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zText": { "alias": "zText"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zTextPosition": { "alias": "zTextPosition"; "required": false; "isSignal": true; }; "zChecked": { "alias": "zChecked"; "required": false; "isSignal": true; }; }, { "zChecked": "zCheckedChange"; "zChange": "zChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSwitchComponent, "z-switch", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zText": { "alias": "zText"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zTextPosition": { "alias": "zTextPosition"; "required": false; "isSignal": true; }; "zChecked": { "alias": "zChecked"; "required": false; "isSignal": true; }; }, { "zChange": "zChange"; "zChecked": "zCheckedChange"; }, never, never, true, never>;
 }
 
 declare const zSwitchVariants: (props?: ({

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

@@ -1,6 +1,6 @@
 import * as _shival99_angular_virtual from '@shival99/angular-virtual';
 import * as _tanstack_angular_table from '@tanstack/angular-table';
-import { RowData, HeaderContext, CellContext, Row, ColumnPinningState, RowPinningState, SortingState, ColumnFiltersState, ExpandedState, RowSelectionState, VisibilityState, PaginationState, ColumnOrderState, createAngularTable, Column, Table, ColumnDef } 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 * as _angular_core from '@angular/core';
@@ -33,10 +33,11 @@ interface ZTableIconPart {
 type ZTableAlign = 'left' | 'center' | 'right';
 type ZTableCellContent<T> = string | number | TemplateRef<{
     $implicit: CellContext<T, unknown>;
-}> | Type<unknown> | ((info: CellContext<T, unknown>) => string | number | TemplateRef<unknown>);
+}> | Type<unknown> | FlexRenderComponent<unknown> | ((info: CellContext<T, unknown>) => string | number | TemplateRef<unknown> | FlexRenderComponent<unknown>);
 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 ZTableMode = 'local' | 'server';
 interface ZTableSortConfig<T> {
     enabled?: boolean;
@@ -55,6 +56,21 @@ interface ZTableFilterConfig<T = unknown> {
     placeholder?: string;
     filterFn?: ZTableBuiltInFilterFn | ZTableCustomFilterFn<T>;
 }
+type ZTableEditSize = 'sm' | 'default' | 'lg';
+interface ZTableEditConfig<T = unknown> {
+    enabled?: boolean;
+    type?: ZTableEditType;
+    options?: ZSelectOption[];
+    placeholder?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    rows?: number;
+    disabled?: boolean | ((row: T) => boolean);
+    onChange?: (value: unknown, row: T, columnId: string) => void;
+    /** Size of the edit input. Default: 'sm' */
+    size?: ZTableEditSize;
+}
 interface ZTableSavedColumnInfo {
     id: string;
     accessorKey?: string;
@@ -105,6 +121,7 @@ interface ZTableBodyColumnConfig<T> {
     tooltip?: string | ZTooltipConfig | ((info: CellContext<T, unknown>) => string | ZTooltipConfig);
     actions?: ZTableActionColumnConfig<T>;
     enabledClick?: boolean;
+    edit?: ZTableEditConfig<T> | boolean;
 }
 interface ZTableFooterColumnConfig<T> {
     content?: ZTableHeaderContent<T>;
@@ -177,6 +194,14 @@ interface ZTableCellClickEvent<T> {
     columnId: string;
     value: unknown;
 }
+interface ZTableCellEditEvent<T> {
+    row: T;
+    rowId: string;
+    rowIndex: number;
+    columnId: string;
+    oldValue: unknown;
+    newValue: unknown;
+}
 interface ZTableSortChangeEvent {
     sorting: SortingState;
 }
@@ -221,7 +246,7 @@ interface ZTableActionColumnConfig<T = unknown> {
     actions: ZTableActionItem<T>[];
     maxVisible?: number;
 }
-type ZTableChangeType = 'page' | 'sort' | 'filter' | 'search' | 'select' | 'expand' | 'rowSelect' | 'rowSelectAll' | 'rowExpand' | 'cellClick' | 'action';
+type ZTableChangeType = 'page' | 'sort' | 'filter' | 'search' | 'select' | 'expand' | 'rowSelect' | 'rowSelectAll' | 'rowExpand' | 'cellClick' | 'cellEdit' | 'action';
 interface ZTableChangeEventBase {
     type: ZTableChangeType;
 }
@@ -273,7 +298,11 @@ interface ZTableActionChange<T> extends ZTableChangeEventBase {
     type: 'action';
     data: ZTableActionClickEvent<T>;
 }
-type ZTableChangeEvent<T> = ZTablePageChange | ZTableSortChange | ZTableFilterChange | ZTableSearchChange | ZTableSelectChange | ZTableExpandChange | ZTableRowSelectChange<T> | ZTableRowSelectAllChange<T> | ZTableRowExpandChange<T> | ZTableCellClickChange<T> | ZTableActionChange<T>;
+interface ZTableCellEditChange<T> extends ZTableChangeEventBase {
+    type: 'cellEdit';
+    data: ZTableCellEditEvent<T>;
+}
+type ZTableChangeEvent<T> = ZTablePageChange | ZTableSortChange | ZTableFilterChange | ZTableSearchChange | ZTableSelectChange | ZTableExpandChange | ZTableRowSelectChange<T> | ZTableRowSelectAllChange<T> | ZTableRowExpandChange<T> | ZTableCellClickChange<T> | ZTableCellEditChange<T> | ZTableActionChange<T>;
 interface ZTableInitialState {
     columnPinning?: ColumnPinningState;
     rowPinning?: RowPinningState;
@@ -345,6 +374,14 @@ interface ZTableConfig<T> {
     debounceTime?: number;
     useSkeleton?: boolean;
 }
+interface ZTableEditCellChangeEvent<T = unknown> {
+    row: T;
+    rowId: string;
+    rowIndex: number;
+    columnId: string;
+    oldValue: unknown;
+    newValue: unknown;
+}
 declare module '@tanstack/angular-table' {
     interface TableMeta<TData extends RowData> {
         updateData?: (rowIndex: number, columnId: string, value: unknown) => void;
@@ -352,11 +389,11 @@ declare module '@tanstack/angular-table' {
 }
 
 declare class ZTableComponent<T> implements AfterViewInit {
+    readonly zChange: _angular_core.OutputEmitterRef<ZTableChangeEvent<T>>;
+    readonly zControl: _angular_core.OutputEmitterRef<ZTableControl<T>>;
     readonly zConfig: _angular_core.InputSignal<ZTableConfig<T>>;
     readonly zLoading: _angular_core.InputSignal<boolean>;
     readonly zKey: _angular_core.InputSignal<string>;
-    readonly zChange: _angular_core.OutputEmitterRef<ZTableChangeEvent<T>>;
-    readonly zControl: _angular_core.OutputEmitterRef<ZTableControl<T>>;
     private readonly _destroy$;
     private readonly _zTranslate;
     private readonly _isSyncingScroll;
@@ -491,6 +528,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
     toggleHeaderFooterShadow(): void;
     onActionClick(event: ZTableActionClickEvent<T>): void;
     onCellClick(row: Row<T>, columnId: string, value: unknown): void;
+    onCellEdit(event: ZTableEditCellChangeEvent<T>): void;
     openSettingsDrawer(): void;
     onPendingColumnDrop(event: CdkDragDrop<string[]>): void;
     onVisibleColumnsChange(values: (string | number)[]): void;
@@ -566,7 +604,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>;
@@ -584,6 +622,36 @@ 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> {
+    readonly zRow: _angular_core.InputSignal<T>;
+    readonly zRowId: _angular_core.InputSignal<string>;
+    readonly zRowIndex: _angular_core.InputSignal<number>;
+    readonly zColumnId: _angular_core.InputSignal<string>;
+    readonly zValue: _angular_core.InputSignal<unknown>;
+    readonly zEditConfig: _angular_core.InputSignal<ZTableEditConfig<T> | undefined>;
+    readonly zChange: _angular_core.OutputEmitterRef<ZTableEditCellChangeEvent<T>>;
+    private readonly _currentValue;
+    private _initialized;
+    protected readonly editConfig: _angular_core.Signal<ZTableEditConfig<T>>;
+    protected readonly editType: _angular_core.Signal<ZTableEditType>;
+    protected readonly size: _angular_core.Signal<ZTableEditSize>;
+    protected readonly placeholder: _angular_core.Signal<string>;
+    protected readonly selectOptions: _angular_core.Signal<ZSelectOption<unknown>[]>;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly value: _angular_core.Signal<unknown>;
+    protected readonly stringValue: _angular_core.Signal<string>;
+    protected readonly numericValue: _angular_core.Signal<number | null>;
+    protected readonly booleanValue: _angular_core.Signal<boolean>;
+    protected readonly dateValue: _angular_core.Signal<Date | null>;
+    protected onValueChange(newValue: unknown): void;
+    protected onSelectChange(newValue: unknown): void;
+    protected onDateChange(newValue: unknown): void;
+    protected onCheckboxChange(checked: boolean): void;
+    private _emitChange;
+    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>;
+}
+
 declare const isHeaderConfig: <T>(config: ZTableHeaderColumnConfig<T> | ZTableHeaderContent<T> | undefined) => config is ZTableHeaderColumnConfig<T>;
 declare const isBodyConfig: <T>(config: ZTableBodyColumnConfig<T> | ZTableCellContent<T> | undefined) => config is ZTableBodyColumnConfig<T>;
 declare const isFooterConfig: <T>(config: ZTableFooterColumnConfig<T> | ZTableHeaderContent<T> | undefined) => config is ZTableFooterColumnConfig<T>;
@@ -653,5 +721,5 @@ declare const getFooterConfig: <T>(col: ZTableColumnConfig<T> | undefined) => {
 declare const findColumnConfig: <T>(columnId: string, columns: ZTableColumnConfig<T>[]) => ZTableColumnConfig<T> | undefined;
 declare function columnConfigToColumnDef<T>(config: ZTableColumnConfig<T>): ColumnDef<T>;
 
-export { ZTableActionsComponent, ZTableComponent, ZTableFilterComponent, ZTableIconTextComponent, columnConfigToColumnDef, findColumnConfig, getBodyConfig, getFooterConfig, getHeaderConfig, isBodyConfig, isFooterConfig, isHeaderConfig };
-export type { ZTableActionClickEvent, ZTableActionColumnConfig, ZTableActionItem, ZTableChangeEvent, ZTableColumn, ZTableColumnConfig, ZTableConfig, ZTableControl, ZTableFilterChangeEvent, ZTableFilterConfig, ZTableFilterType, ZTablePageChangeEvent, ZTablePaginationConfig, ZTableRowExpandEvent, ZTableRowSelectEvent, ZTableSavedConfig, ZTableSearchChangeEvent, ZTableSearchConfig, ZTableSortChangeEvent, ZTableSortConfig };
+export { ZTableActionsComponent, ZTableComponent, ZTableEditCellComponent, ZTableFilterComponent, ZTableIconTextComponent, columnConfigToColumnDef, findColumnConfig, getBodyConfig, getFooterConfig, getHeaderConfig, isBodyConfig, isFooterConfig, isHeaderConfig };
+export type { ZTableActionClickEvent, ZTableActionColumnConfig, ZTableActionItem, ZTableCellEditChange, ZTableCellEditEvent, ZTableChangeEvent, ZTableColumn, ZTableColumnConfig, ZTableConfig, ZTableControl, ZTableEditCellChangeEvent, ZTableEditConfig, ZTableEditSize, ZTableEditType, ZTableFilterChangeEvent, ZTableFilterConfig, ZTableFilterType, ZTablePageChangeEvent, ZTablePaginationConfig, ZTableRowExpandEvent, ZTableRowSelectEvent, ZTableSavedConfig, ZTableSearchChangeEvent, ZTableSearchConfig, ZTableSortChangeEvent, ZTableSortConfig };

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

@@ -51,8 +51,10 @@ declare class ZTagsComponent implements AfterViewInit {
     } | null>;
     readonly zTagClose: _angular_core.OutputEmitterRef<ZTagItem>;
     readonly zTagAdd: _angular_core.OutputEmitterRef<string>;
-    protected readonly isAdding: _angular_core.WritableSignal<boolean>;
-    private readonly _pendingFocus;
+    protected readonly uiState: _angular_core.WritableSignal<{
+        isAdding: boolean;
+        pendingFocus: boolean;
+    }>;
     private readonly _randomColorCache;
     protected readonly hostClasses: _angular_core.Signal<string>;
     protected readonly containerClasses: _angular_core.Signal<string>;

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

@@ -32,7 +32,7 @@ declare class ZTimelineComponent {
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zItems: _angular_core.InputSignal<ZTimelineItem[]>;
     readonly zSize: _angular_core.InputSignal<ZTimelineSize>;
-    readonly zTimeVariant: _angular_core.InputSignal<"default" | "outline" | "secondary" | "muted">;
+    readonly zTimeVariant: _angular_core.InputSignal<"default" | "secondary" | "outline" | "muted">;
     readonly zLineStyle: _angular_core.InputSignal<ZTimelineLineStyle>;
     readonly zIconStyle: _angular_core.InputSignal<ZTimelineIconStyle>;
     readonly zLayout: _angular_core.InputSignal<ZTimelineLayout>;
@@ -57,7 +57,7 @@ declare class ZTimelineClassPipe implements PipeTransform {
 }
 
 declare const zTimelineVariants: (props?: ({
-    zSize?: "default" | "sm" | "lg" | null | undefined;
+    zSize?: "sm" | "default" | "lg" | null | undefined;
     zLayout?: "default" | "reversed" | "alternate" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineItemVariants: (props?: ({
@@ -71,18 +71,18 @@ declare const zTimelineHeaderVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineIconVariants: (props?: ({
     zColor?: "default" | "primary" | "success" | "warning" | "error" | "info" | null | undefined;
-    zIconStyle?: "filled" | "outline" | null | undefined;
+    zIconStyle?: "outline" | "filled" | null | undefined;
     zLayout?: "default" | "reversed" | "alternate" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineTitleVariants: (props?: ({
-    zSize?: "default" | "sm" | "lg" | null | undefined;
+    zSize?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineTimeVariants: (props?: ({
-    zVariant?: "default" | "outline" | "secondary" | "muted" | null | undefined;
+    zVariant?: "default" | "secondary" | "outline" | "muted" | null | undefined;
     zLayout?: "default" | "reversed" | "alternate" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineDescriptionVariants: (props?: ({
-    zSize?: "default" | "sm" | "lg" | null | undefined;
+    zSize?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineContentVariants: (props?: ({
     zContentStyle?: "simple" | "card" | null | undefined;

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

@@ -34,6 +34,8 @@ interface ZToasterConfig {
 declare const Z_TOASTER_DEFAULT_CONFIG: ZToasterConfig;
 
 declare class ZToastComponent {
+    private readonly _themeService;
+    private readonly _config;
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zVariant: _angular_core.InputSignal<"default" | "success" | "error" | "warning" | "info" | null | undefined>;
     readonly zTheme: _angular_core.InputSignal<ZToastTheme | undefined>;
@@ -45,8 +47,6 @@ declare class ZToastComponent {
     readonly zCloseButton: _angular_core.InputSignal<boolean | undefined>;
     readonly zToastOptions: _angular_core.InputSignal<ZToastOptions>;
     readonly zDir: _angular_core.InputSignal<ZToastDir | undefined>;
-    private readonly _themeService;
-    private readonly _config;
     protected readonly effectiveTheme: _angular_core.Signal<ZToastTheme>;
     protected readonly effectivePosition: _angular_core.Signal<ZToastPosition>;
     protected readonly effectiveRichColors: _angular_core.Signal<boolean>;

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

@@ -42,6 +42,16 @@ interface ZUploadControl {
 declare const formatFileSize: (bytes: number) => string;
 
 declare class ZUploadComponent implements OnInit, ControlValueAccessor {
+    private readonly _injector;
+    private readonly _destroyRef;
+    private readonly _zTranslate;
+    protected readonly fileInputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly zOnUpload: _angular_core.OutputEmitterRef<ZUploadFile[]>;
+    readonly zOnRemove: _angular_core.OutputEmitterRef<ZUploadFile>;
+    readonly zOnDownload: _angular_core.OutputEmitterRef<ZUploadFile>;
+    readonly zOnError: _angular_core.OutputEmitterRef<ZUploadError>;
+    readonly zOnFileChange: _angular_core.OutputEmitterRef<File[]>;
+    readonly zControl: _angular_core.OutputEmitterRef<ZUploadControl>;
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zLabel: _angular_core.InputSignal<string>;
     readonly zLabelClass: _angular_core.InputSignal<string>;
@@ -57,13 +67,6 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
     readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zShowProgress: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zValidators: _angular_core.InputSignal<ZUploadValidator[]>;
-    readonly zOnUpload: _angular_core.OutputEmitterRef<ZUploadFile[]>;
-    readonly zOnRemove: _angular_core.OutputEmitterRef<ZUploadFile>;
-    readonly zOnDownload: _angular_core.OutputEmitterRef<ZUploadFile>;
-    readonly zOnError: _angular_core.OutputEmitterRef<ZUploadError>;
-    readonly zOnFileChange: _angular_core.OutputEmitterRef<File[]>;
-    readonly zControl: _angular_core.OutputEmitterRef<ZUploadControl>;
-    protected readonly fileInputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     readonly files: _angular_core.WritableSignal<ZUploadFile[]>;
     protected readonly inputId: string;
     protected readonly isDragOver: _angular_core.WritableSignal<boolean>;
@@ -74,9 +77,6 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
     private readonly _formControl;
     private readonly _formStateVersion;
     private readonly _isNgModel;
-    private readonly _injector;
-    private readonly _destroyRef;
-    private readonly _zTranslate;
     private _onChange;
     private _onTouched;
     private _ngControl;
@@ -86,7 +86,7 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly showError: _angular_core.Signal<boolean>;
     protected readonly errorMessage: _angular_core.Signal<string>;
-    protected readonly currentStatus: _angular_core.Signal<"default" | "error" | "disabled" | "readonly" | "active">;
+    protected readonly currentStatus: _angular_core.Signal<"default" | "disabled" | "readonly" | "error" | "active">;
     protected readonly dropzoneClasses: _angular_core.Signal<string>;
     protected readonly acceptTypes: _angular_core.Signal<string>;
     protected readonly formatFileSize: (bytes: number) => string;
@@ -125,11 +125,11 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
 
 declare const zUploadDropzoneVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "error" | "active" | "disabled" | "readonly" | null | undefined;
+    zStatus?: "default" | "disabled" | "readonly" | "error" | "active" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZUploadDropzoneVariants = VariantProps<typeof zUploadDropzoneVariants>;
 declare const zUploadFileItemVariants: (props?: ({
-    zStatus?: "pending" | "uploading" | "success" | "error" | null | undefined;
+    zStatus?: "error" | "pending" | "uploading" | "success" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZUploadFileItemVariants = VariantProps<typeof zUploadFileItemVariants>;