@shival99/z-ui 1.6.1 → 1.6.3

package/package.json

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

@@ -55,7 +55,7 @@ type ZAutocompleteOptionTemplate<T = unknown> = TemplateRef<{
 
 declare const zAutocompleteInputVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "disabled" | "readonly" | "open" | "error" | null | undefined;
+    zStatus?: "default" | "open" | "error" | "disabled" | "readonly" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZAutocompleteInputVariants = VariantProps<typeof zAutocompleteInputVariants>;
 declare const zAutocompleteOptionVariants: (props?: ({

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

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

@@ -271,7 +271,7 @@ declare class ZTagClassesPipe implements PipeTransform {
 
 declare const zSelectVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "disabled" | "readonly" | "open" | "error" | null | undefined;
+    zStatus?: "default" | "open" | "error" | "disabled" | "readonly" | 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

@@ -64,7 +64,22 @@ interface ZTableEditConfig<T = unknown> {
     type?: ZTableEditType | ((row: T) => ZTableEditType);
     /** Select options - can be static or dynamic per row */
     options?: ZSelectOption[] | ((row: T) => ZSelectOption[]);
-    placeholder?: string;
+    /** Placeholder - can be static or dynamic per row */
+    placeholder?: string | ((row: T) => string);
+    /** Allow clear for select input. Default: false */
+    allowClear?: boolean;
+    /**
+     * Custom option label key when using raw objects as options.
+     * Use this when your options don't have 'label' property.
+     * Example: optionLabelKey: 'tagName' for { tagName: 'Value', tagId: 1 }
+     */
+    optionLabelKey?: string;
+    /**
+     * Custom option value key when using raw objects as options.
+     * Use this when your options don't have 'value' property.
+     * Example: optionValueKey: 'tagName' for { tagName: 'Value', tagId: 1 }
+     */
+    optionValueKey?: string;
     min?: number;
     max?: number;
     step?: number;
@@ -615,7 +630,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" | "xs" | "sm" | "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>;
@@ -645,7 +660,7 @@ declare class ZTableEditCellComponent<T = unknown> implements OnInit {
     readonly zChange: _angular_core.OutputEmitterRef<ZTableEditCellChangeEvent<T>>;
     private readonly _currentValue;
     private readonly _valueChange$;
-    private _initialized;
+    private _lastExternalValue;
     private _pendingBlurValue;
     private _hasPendingBlur;
     private _inputControl;
@@ -653,6 +668,7 @@ declare class ZTableEditCellComponent<T = unknown> implements OnInit {
     protected readonly editType: _angular_core.Signal<ZTableEditType>;
     protected readonly size: _angular_core.Signal<ZTableEditSize>;
     protected readonly placeholder: _angular_core.Signal<string>;
+    protected readonly allowClear: _angular_core.Signal<boolean>;
     protected readonly selectOptions: _angular_core.Signal<ZSelectOption<unknown>[]>;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly isReadonly: _angular_core.Signal<boolean>;
@@ -668,6 +684,11 @@ declare class ZTableEditCellComponent<T = unknown> implements OnInit {
     protected onSelectChange(newValue: unknown): void;
     protected onDateChange(newValue: unknown): void;
     protected onCheckboxChange(checked: boolean): void;
+    /**
+     * Handles immediate value changes (non-debounced).
+     * Used by checkbox, toggle, select, and date controls.
+     */
+    private _handleImmediateChange;
     private _emitChange;
     ngOnInit(): void;
     private _setupBlurWatcher;