@shival99/z-ui 1.7.21 → 1.7.23

package/package.json

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

@@ -29,6 +29,7 @@ interface ZAutocompleteConfig {
 }
 declare const Z_AUTOCOMPLETE_DEFAULT_CONFIG: ZAutocompleteConfig;
 type ZAutocompleteSize = 'sm' | 'default' | 'lg';
+type ZAutocompleteMode = 'default' | 'addressbar';
 interface ZAutocompleteState {
     focused: boolean;
     touched: boolean;
@@ -37,6 +38,10 @@ interface ZAutocompleteState {
     readonly: boolean;
     open: boolean;
 }
+interface ZAutocompleteCommitEvent {
+    value: string;
+    source: 'enter' | 'blur';
+}
 interface ZAutocompleteControl<T = unknown> {
     focus: () => void;
     blur: () => void;
@@ -56,7 +61,7 @@ type ZAutocompleteOptionTemplate<T = unknown> = TemplateRef<{
 
 declare const zAutocompleteInputVariants: (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;
 type ZAutocompleteInputVariants = VariantProps<typeof zAutocompleteInputVariants>;
 declare const zAutocompleteOptionVariants: (props?: ({
@@ -79,6 +84,7 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
     readonly zOptions: _angular_core.InputSignal<ZAutocompleteOption<T>[]>;
     readonly zConfig: _angular_core.InputSignal<Partial<ZAutocompleteConfig>>;
     readonly zSize: _angular_core.InputSignal<ZAutocompleteSize>;
+    readonly zMode: _angular_core.InputSignal<ZAutocompleteMode>;
     readonly zLabel: _angular_core.InputSignal<string>;
     readonly zLabelClass: _angular_core.InputSignal<string>;
     readonly zPlaceholder: _angular_core.InputSignal<string>;
@@ -105,6 +111,7 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
     readonly zOnSearch: _angular_core.OutputEmitterRef<string>;
     readonly zOnSelect: _angular_core.OutputEmitterRef<ZAutocompleteOption<T>>;
     readonly zOnEnter: _angular_core.OutputEmitterRef<string>;
+    readonly zOnCommit: _angular_core.OutputEmitterRef<ZAutocompleteCommitEvent>;
     readonly zValueChange: _angular_core.OutputEmitterRef<string>;
     readonly zControl: _angular_core.OutputEmitterRef<ZAutocompleteControl<T>>;
     readonly zEvent: _angular_core.OutputEmitterRef<ZEvent>;
@@ -123,6 +130,8 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
     protected readonly autocompleteId: string;
     protected readonly dropdownId: string;
     protected readonly inputValue: _angular_core.WritableSignal<string>;
+    protected readonly searchQuery: _angular_core.WritableSignal<string>;
+    protected readonly isTyping: _angular_core.WritableSignal<boolean>;
     protected readonly activeIndex: _angular_core.WritableSignal<number>;
     protected readonly dropdownWidth: _angular_core.WritableSignal<number>;
     protected readonly virtualizer: _shival99_angular_virtual.AngularVirtualizer<HTMLDivElement, Element>;
@@ -136,6 +145,8 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
     protected readonly effectiveEmptyText: _angular_core.Signal<string>;
     protected readonly effectiveNoDataText: _angular_core.Signal<string>;
     protected readonly effectiveDebounceTime: _angular_core.Signal<number>;
+    protected readonly highlightQuery: _angular_core.Signal<string>;
+    protected readonly isLoadingState: _angular_core.Signal<boolean>;
     protected readonly isPositionTop: _angular_core.Signal<boolean>;
     protected readonly shouldUseVirtualScroll: _angular_core.Signal<boolean>;
     protected readonly filteredOptions: _angular_core.Signal<ZAutocompleteOption<T>[]>;
@@ -146,6 +157,7 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
     private _onChange;
     private _onTouched;
     private _ngControl;
+    private _isNavigationFilling;
     constructor();
     ngOnInit(): void;
     writeValue(value: string): void;
@@ -158,6 +170,7 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
     protected onBlur(event: FocusEvent): void;
     protected onKeydown(event: KeyboardEvent): void;
     private _handleEnterKey;
+    private _fillInputFromActiveOption;
     private _resetInput;
     protected onPopoverControl(control: ZPopoverControl): void;
     protected onPopoverShow(): void;
@@ -180,8 +193,8 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
     private _setupDebounce;
     private _emitControl;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZAutocompleteComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZAutocompleteComponent<any>, "z-autocomplete", ["zAutocomplete"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zOptions": { "alias": "zOptions"; "required": false; "isSignal": true; }; "zConfig": { "alias": "zConfig"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zLabelClass": { "alias": "zLabelClass"; "required": false; "isSignal": true; }; "zPlaceholder": { "alias": "zPlaceholder"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zReadonly": { "alias": "zReadonly"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zRequired": { "alias": "zRequired"; "required": false; "isSignal": true; }; "zPrefix": { "alias": "zPrefix"; "required": false; "isSignal": true; }; "zSuffix": { "alias": "zSuffix"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zVirtualScroll": { "alias": "zVirtualScroll"; "required": false; "isSignal": true; }; "zDynamicSize": { "alias": "zDynamicSize"; "required": false; "isSignal": true; }; "zOptionHeight": { "alias": "zOptionHeight"; "required": false; "isSignal": true; }; "zHeightExpand": { "alias": "zHeightExpand"; "required": false; "isSignal": true; }; "zMaxVisible": { "alias": "zMaxVisible"; "required": false; "isSignal": true; }; "zResetOnSelect": { "alias": "zResetOnSelect"; "required": false; "isSignal": true; }; "zEmptyText": { "alias": "zEmptyText"; "required": false; "isSignal": true; }; "zEmptyIcon": { "alias": "zEmptyIcon"; "required": false; "isSignal": true; }; "zNoDataText": { "alias": "zNoDataText"; "required": false; "isSignal": true; }; "zNoDataIcon": { "alias": "zNoDataIcon"; "required": false; "isSignal": true; }; "zAllowCustomValue": { "alias": "zAllowCustomValue"; "required": false; "isSignal": true; }; "zDebounceTime": { "alias": "zDebounceTime"; "required": false; "isSignal": true; }; "zOptionTemplate": { "alias": "zOptionTemplate"; "required": false; "isSignal": true; }; }, { "zOnSearch": "zOnSearch"; "zOnSelect": "zOnSelect"; "zOnEnter": "zOnEnter"; "zValueChange": "zValueChange"; "zControl": "zControl"; "zEvent": "zEvent"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZAutocompleteComponent<any>, "z-autocomplete", ["zAutocomplete"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zOptions": { "alias": "zOptions"; "required": false; "isSignal": true; }; "zConfig": { "alias": "zConfig"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zLabelClass": { "alias": "zLabelClass"; "required": false; "isSignal": true; }; "zPlaceholder": { "alias": "zPlaceholder"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zReadonly": { "alias": "zReadonly"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zRequired": { "alias": "zRequired"; "required": false; "isSignal": true; }; "zPrefix": { "alias": "zPrefix"; "required": false; "isSignal": true; }; "zSuffix": { "alias": "zSuffix"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zVirtualScroll": { "alias": "zVirtualScroll"; "required": false; "isSignal": true; }; "zDynamicSize": { "alias": "zDynamicSize"; "required": false; "isSignal": true; }; "zOptionHeight": { "alias": "zOptionHeight"; "required": false; "isSignal": true; }; "zHeightExpand": { "alias": "zHeightExpand"; "required": false; "isSignal": true; }; "zMaxVisible": { "alias": "zMaxVisible"; "required": false; "isSignal": true; }; "zResetOnSelect": { "alias": "zResetOnSelect"; "required": false; "isSignal": true; }; "zEmptyText": { "alias": "zEmptyText"; "required": false; "isSignal": true; }; "zEmptyIcon": { "alias": "zEmptyIcon"; "required": false; "isSignal": true; }; "zNoDataText": { "alias": "zNoDataText"; "required": false; "isSignal": true; }; "zNoDataIcon": { "alias": "zNoDataIcon"; "required": false; "isSignal": true; }; "zAllowCustomValue": { "alias": "zAllowCustomValue"; "required": false; "isSignal": true; }; "zDebounceTime": { "alias": "zDebounceTime"; "required": false; "isSignal": true; }; "zOptionTemplate": { "alias": "zOptionTemplate"; "required": false; "isSignal": true; }; }, { "zOnSearch": "zOnSearch"; "zOnSelect": "zOnSelect"; "zOnEnter": "zOnEnter"; "zOnCommit": "zOnCommit"; "zValueChange": "zValueChange"; "zControl": "zControl"; "zEvent": "zEvent"; }, never, never, true, never>;
 }
 
 export { ZAutocompleteComponent, Z_AUTOCOMPLETE_DEFAULT_CONFIG, zAutocompleteInputVariants, zAutocompleteOptionVariants };
-export type { ZAutocompleteConfig, ZAutocompleteControl, ZAutocompleteInputVariants, ZAutocompleteOption, ZAutocompleteOptionTemplate, ZAutocompleteOptionVariants, ZAutocompleteSize, ZAutocompleteState };
+export type { ZAutocompleteCommitEvent, ZAutocompleteConfig, ZAutocompleteControl, ZAutocompleteInputVariants, ZAutocompleteMode, ZAutocompleteOption, ZAutocompleteOptionTemplate, ZAutocompleteOptionVariants, ZAutocompleteSize, ZAutocompleteState };

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

@@ -397,16 +397,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-editor.d.ts

@@ -111,7 +111,7 @@ declare class ZEditorComponent implements OnInit, ControlValueAccessor {
 
 declare const zEditorVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "disabled" | "readonly" | "error" | null | undefined;
+    zStatus?: "default" | "error" | "disabled" | "readonly" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZEditorVariants = VariantProps<typeof zEditorVariants>;
 

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

@@ -273,7 +273,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

@@ -8,6 +8,7 @@ import { TemplateRef, Type, AfterViewInit, ElementRef, OnDestroy, OnInit } from
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { ClassValue } from 'clsx';
 import { NgScrollbar } from 'ngx-scrollbar';
+import { ZAutocompleteMode, ZAutocompleteOption } from '@shival99/z-ui/components/z-autocomplete';
 import { ZButtonVariants } from '@shival99/z-ui/components/z-button';
 import { ZIcon, ZIconVariants } from '@shival99/z-ui/components/z-icon';
 import * as _shival99_z_ui_components_z_select from '@shival99/z-ui/components/z-select';
@@ -39,7 +40,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' | 'toggle';
+type ZTableEditType = 'text' | 'number' | 'select' | 'date' | 'checkbox' | 'textarea' | 'toggle' | 'autocomplete';
 type ZTableMode = 'local' | 'server';
 interface ZTableSortConfig<T> {
     enabled?: boolean;
@@ -99,6 +100,14 @@ interface ZTableEditConfig<T = unknown> {
     blurEdit?: boolean;
     /** Size of the edit input. Default: 'sm' */
     size?: ZTableEditSize;
+    /** Autocomplete mode - default or addressbar */
+    autocompleteMode?: ZAutocompleteMode;
+    /** Autocomplete options - for autocomplete type */
+    autocompleteOptions?: ZAutocompleteOption[] | ((row: T) => ZAutocompleteOption[]);
+    /** Reset input after selecting an option in autocomplete. Default: false */
+    autocompleteResetOnSelect?: boolean;
+    /** Height of autocomplete dropdown in pixels. Default: 280 */
+    autocompleteHeight?: number;
 }
 interface ZTableSavedColumnInfo {
     id: string;
@@ -734,6 +743,7 @@ declare class ZTableEditCellComponent<T = unknown> implements OnInit {
     protected readonly editConfig: _angular_core.Signal<ZTableEditConfig<T>>;
     protected readonly cfg: _angular_core.Signal<ZResolvedEditConfig>;
     protected readonly selectOptions: _angular_core.Signal<ZSelectOption<unknown>[]>;
+    protected readonly autocompleteOptions: _angular_core.Signal<ZAutocompleteOption<unknown>[]>;
     protected readonly value: _angular_core.Signal<unknown>;
     protected readonly stringValue: _angular_core.Signal<string>;
     protected readonly numericValue: _angular_core.Signal<number | null>;
@@ -744,6 +754,10 @@ declare class ZTableEditCellComponent<T = unknown> implements OnInit {
     private _handleInputBlur;
     protected onImmediateChange(newValue: unknown): void;
     protected onSelectChange(newValue: unknown): void;
+    protected onAutocompleteCommit(event: {
+        value: string;
+        source: 'enter' | 'blur';
+    }): void;
     private _emitChange;
     ngOnInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTableEditCellComponent<any>, never>;

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

@@ -90,7 +90,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" | "disabled" | "readonly" | "error" | "active">;
+    protected readonly currentStatus: _angular_core.Signal<"default" | "error" | "disabled" | "readonly" | "active">;
     protected readonly dropzoneClasses: _angular_core.Signal<string>;
     protected readonly acceptTypes: _angular_core.Signal<string>;
     protected readonly formatFileSize: (bytes: number) => string;
@@ -129,11 +129,11 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
 
 declare const zUploadDropzoneVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "disabled" | "readonly" | "error" | "active" | null | undefined;
+    zStatus?: "default" | "error" | "active" | "disabled" | "readonly" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZUploadDropzoneVariants = VariantProps<typeof zUploadDropzoneVariants>;
 declare const zUploadFileItemVariants: (props?: ({
-    zStatus?: "error" | "pending" | "uploading" | "success" | null | undefined;
+    zStatus?: "pending" | "uploading" | "success" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZUploadFileItemVariants = VariantProps<typeof zUploadFileItemVariants>;