@shival99/z-ui 1.2.20 → 1.2.22

package/package.json

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

@@ -82,6 +82,7 @@ declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
     readonly zShowCancel: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zCancelText: _angular_core.InputSignal<string | null>;
     readonly zDisabledDate: _angular_core.InputSignal<((date: Date) => boolean) | null>;
+    readonly zScrollClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zControl: _angular_core.OutputEmitterRef<ZCalendarControl>;
     readonly zChange: _angular_core.OutputEmitterRef<ZCalendarValue>;
     protected readonly triggerRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
@@ -280,21 +281,21 @@ declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
     protected togglePeriod(): void;
     protected onPeriodChange(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZCalendarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZCalendarComponent, "z-calendar", ["zCalendar"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "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; }; "zRequired": { "alias": "zRequired"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zReadonly": { "alias": "zReadonly"; "required": false; "isSignal": true; }; "zShowTime": { "alias": "zShowTime"; "required": false; "isSignal": true; }; "zTimeFormat": { "alias": "zTimeFormat"; "required": false; "isSignal": true; }; "zShowHour": { "alias": "zShowHour"; "required": false; "isSignal": true; }; "zShowMinute": { "alias": "zShowMinute"; "required": false; "isSignal": true; }; "zShowSecond": { "alias": "zShowSecond"; "required": false; "isSignal": true; }; "zQuickSelect": { "alias": "zQuickSelect"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zFormat": { "alias": "zFormat"; "required": false; "isSignal": true; }; "zMinDate": { "alias": "zMinDate"; "required": false; "isSignal": true; }; "zMaxDate": { "alias": "zMaxDate"; "required": false; "isSignal": true; }; "zValueType": { "alias": "zValueType"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; "zLocale": { "alias": "zLocale"; "required": false; "isSignal": true; }; "zShowOk": { "alias": "zShowOk"; "required": false; "isSignal": true; }; "zOkText": { "alias": "zOkText"; "required": false; "isSignal": true; }; "zShowCancel": { "alias": "zShowCancel"; "required": false; "isSignal": true; }; "zCancelText": { "alias": "zCancelText"; "required": false; "isSignal": true; }; "zDisabledDate": { "alias": "zDisabledDate"; "required": false; "isSignal": true; }; }, { "zControl": "zControl"; "zChange": "zChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZCalendarComponent, "z-calendar", ["zCalendar"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "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; }; "zRequired": { "alias": "zRequired"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zReadonly": { "alias": "zReadonly"; "required": false; "isSignal": true; }; "zShowTime": { "alias": "zShowTime"; "required": false; "isSignal": true; }; "zTimeFormat": { "alias": "zTimeFormat"; "required": false; "isSignal": true; }; "zShowHour": { "alias": "zShowHour"; "required": false; "isSignal": true; }; "zShowMinute": { "alias": "zShowMinute"; "required": false; "isSignal": true; }; "zShowSecond": { "alias": "zShowSecond"; "required": false; "isSignal": true; }; "zQuickSelect": { "alias": "zQuickSelect"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zFormat": { "alias": "zFormat"; "required": false; "isSignal": true; }; "zMinDate": { "alias": "zMinDate"; "required": false; "isSignal": true; }; "zMaxDate": { "alias": "zMaxDate"; "required": false; "isSignal": true; }; "zValueType": { "alias": "zValueType"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; "zLocale": { "alias": "zLocale"; "required": false; "isSignal": true; }; "zShowOk": { "alias": "zShowOk"; "required": false; "isSignal": true; }; "zOkText": { "alias": "zOkText"; "required": false; "isSignal": true; }; "zShowCancel": { "alias": "zShowCancel"; "required": false; "isSignal": true; }; "zCancelText": { "alias": "zCancelText"; "required": false; "isSignal": true; }; "zDisabledDate": { "alias": "zDisabledDate"; "required": false; "isSignal": true; }; "zScrollClose": { "alias": "zScrollClose"; "required": false; "isSignal": true; }; }, { "zControl": "zControl"; "zChange": "zChange"; }, never, never, true, never>;
 }
 
 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-popover.d.ts

@@ -77,7 +77,7 @@ declare class ZPopoverDirective implements OnInit, OnDestroy {
     readonly zHideDelay: _angular_core.InputSignal<number>;
     readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zOffset: _angular_core.InputSignal<number>;
-    readonly zPopoverWidth: _angular_core.InputSignal<number | "trigger" | "auto">;
+    readonly zPopoverWidth: _angular_core.InputSignal<number | "auto" | "trigger">;
     readonly zManualClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zScrollClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zShowArrow: _angular_core.InputSignalWithTransform<boolean, string | boolean>;

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

@@ -79,6 +79,9 @@ interface ZSelectTagColor {
 declare const TAG_COLORS: ZSelectTagColor[];
 
 declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAccessor {
+    readonly zOnSearch: _angular_core.OutputEmitterRef<string>;
+    readonly zOnLoadMore: _angular_core.OutputEmitterRef<ZSelectLoadMoreEvent>;
+    readonly zControl: _angular_core.OutputEmitterRef<ZSelectControl<T>>;
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zMode: _angular_core.InputSignal<ZSelectMode>;
     readonly zSize: _angular_core.InputSignal<ZSelectSize>;
@@ -110,14 +113,13 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     readonly zLoadingMore: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zEnableLoadMore: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zScrollDistance: _angular_core.InputSignal<number>;
+    readonly zMaxVisible: _angular_core.InputSignal<number | null>;
+    readonly zScrollClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     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 zOnSearch: _angular_core.OutputEmitterRef<string>;
-    readonly zOnLoadMore: _angular_core.OutputEmitterRef<ZSelectLoadMoreEvent>;
-    readonly zControl: _angular_core.OutputEmitterRef<ZSelectControl<T>>;
     readonly zAsyncValidators: _angular_core.InputSignal<ZSelectAsyncValidator<T>[]>;
     readonly zAsyncDebounce: _angular_core.InputSignal<number>;
     readonly zAsyncValidateOn: _angular_core.InputSignal<ZSelectAsyncValidateOn>;
@@ -233,7 +235,7 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     private _cancelAsyncValidation;
     private _triggerAsyncValidation;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZSelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSelectComponent<any>, "z-select", ["zSelect"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "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; }; "zRequired": { "alias": "zRequired"; "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; }; "zPrefix": { "alias": "zPrefix"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zWrap": { "alias": "zWrap"; "required": false; "isSignal": true; }; "zShowSearch": { "alias": "zShowSearch"; "required": false; "isSignal": true; }; "zPlaceholderSearch": { "alias": "zPlaceholderSearch"; "required": false; "isSignal": true; }; "zDebounce": { "alias": "zDebounce"; "required": false; "isSignal": true; }; "zNotFoundText": { "alias": "zNotFoundText"; "required": false; "isSignal": true; }; "zEmptyText": { "alias": "zEmptyText"; "required": false; "isSignal": true; }; "zEmptyIcon": { "alias": "zEmptyIcon"; "required": false; "isSignal": true; }; "zMaxTagCount": { "alias": "zMaxTagCount"; "required": false; "isSignal": true; }; "zDropdownMaxHeight": { "alias": "zDropdownMaxHeight"; "required": false; "isSignal": true; }; "zOptionHeight": { "alias": "zOptionHeight"; "required": false; "isSignal": true; }; "zVirtualScroll": { "alias": "zVirtualScroll"; "required": false; "isSignal": true; }; "zShowAction": { "alias": "zShowAction"; "required": false; "isSignal": true; }; "zOptions": { "alias": "zOptions"; "required": false; "isSignal": true; }; "zTranslateLabels": { "alias": "zTranslateLabels"; "required": false; "isSignal": true; }; "zKey": { "alias": "zKey"; "required": false; "isSignal": true; }; "zSearchServer": { "alias": "zSearchServer"; "required": false; "isSignal": true; }; "zLoadingMore": { "alias": "zLoadingMore"; "required": false; "isSignal": true; }; "zEnableLoadMore": { "alias": "zEnableLoadMore"; "required": false; "isSignal": true; }; "zScrollDistance": { "alias": "zScrollDistance"; "required": false; "isSignal": true; }; "zSelectedTemplate": { "alias": "zSelectedTemplate"; "required": false; "isSignal": true; }; "zOptionTemplate": { "alias": "zOptionTemplate"; "required": false; "isSignal": true; }; "zActionTemplate": { "alias": "zActionTemplate"; "required": false; "isSignal": true; }; "zAsyncValidators": { "alias": "zAsyncValidators"; "required": false; "isSignal": true; }; "zAsyncDebounce": { "alias": "zAsyncDebounce"; "required": false; "isSignal": true; }; "zAsyncValidateOn": { "alias": "zAsyncValidateOn"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; }, { "zOnSearch": "zOnSearch"; "zOnLoadMore": "zOnLoadMore"; "zControl": "zControl"; }, ["customSelectedDirective", "customOptionDirective"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSelectComponent<any>, "z-select", ["zSelect"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "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; }; "zRequired": { "alias": "zRequired"; "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; }; "zPrefix": { "alias": "zPrefix"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zWrap": { "alias": "zWrap"; "required": false; "isSignal": true; }; "zShowSearch": { "alias": "zShowSearch"; "required": false; "isSignal": true; }; "zPlaceholderSearch": { "alias": "zPlaceholderSearch"; "required": false; "isSignal": true; }; "zDebounce": { "alias": "zDebounce"; "required": false; "isSignal": true; }; "zNotFoundText": { "alias": "zNotFoundText"; "required": false; "isSignal": true; }; "zEmptyText": { "alias": "zEmptyText"; "required": false; "isSignal": true; }; "zEmptyIcon": { "alias": "zEmptyIcon"; "required": false; "isSignal": true; }; "zMaxTagCount": { "alias": "zMaxTagCount"; "required": false; "isSignal": true; }; "zDropdownMaxHeight": { "alias": "zDropdownMaxHeight"; "required": false; "isSignal": true; }; "zOptionHeight": { "alias": "zOptionHeight"; "required": false; "isSignal": true; }; "zVirtualScroll": { "alias": "zVirtualScroll"; "required": false; "isSignal": true; }; "zShowAction": { "alias": "zShowAction"; "required": false; "isSignal": true; }; "zOptions": { "alias": "zOptions"; "required": false; "isSignal": true; }; "zTranslateLabels": { "alias": "zTranslateLabels"; "required": false; "isSignal": true; }; "zKey": { "alias": "zKey"; "required": false; "isSignal": true; }; "zSearchServer": { "alias": "zSearchServer"; "required": false; "isSignal": true; }; "zLoadingMore": { "alias": "zLoadingMore"; "required": false; "isSignal": true; }; "zEnableLoadMore": { "alias": "zEnableLoadMore"; "required": false; "isSignal": true; }; "zScrollDistance": { "alias": "zScrollDistance"; "required": false; "isSignal": true; }; "zMaxVisible": { "alias": "zMaxVisible"; "required": false; "isSignal": true; }; "zScrollClose": { "alias": "zScrollClose"; "required": false; "isSignal": true; }; "zSelectedTemplate": { "alias": "zSelectedTemplate"; "required": false; "isSignal": true; }; "zOptionTemplate": { "alias": "zOptionTemplate"; "required": false; "isSignal": true; }; "zActionTemplate": { "alias": "zActionTemplate"; "required": false; "isSignal": true; }; "zAsyncValidators": { "alias": "zAsyncValidators"; "required": false; "isSignal": true; }; "zAsyncDebounce": { "alias": "zAsyncDebounce"; "required": false; "isSignal": true; }; "zAsyncValidateOn": { "alias": "zAsyncValidateOn"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; }, { "zOnSearch": "zOnSearch"; "zOnLoadMore": "zOnLoadMore"; "zControl": "zControl"; }, ["customSelectedDirective", "customOptionDirective"], never, true, never>;
 }
 
 declare class ZIsSelectedPipe implements PipeTransform {
@@ -256,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;