@shival99/z-ui 1.0.31 → 1.0.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shival99/z-ui",
3
- "version": "1.0.31",
3
+ "version": "1.0.33",
4
4
  "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.",
5
5
  "keywords": [
6
6
  "angular",
@@ -1,6 +1,6 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { ClassValue } from 'clsx';
3
2
  import { ZIcon } from '@shival99/z-ui/components/z-icon';
3
+ import { ClassValue } from 'clsx';
4
4
  import * as class_variance_authority_types from 'class-variance-authority/types';
5
5
  import { VariantProps } from 'class-variance-authority';
6
6
 
@@ -12,6 +12,7 @@ interface ZBreadcrumbItem {
12
12
  }
13
13
 
14
14
  declare class ZBreadcrumbComponent {
15
+ private readonly _zTranslate;
15
16
  readonly class: _angular_core.InputSignal<ClassValue>;
16
17
  readonly zItems: _angular_core.InputSignal<ZBreadcrumbItem[]>;
17
18
  readonly zSize: _angular_core.InputSignal<"sm" | "default" | "lg" | null | undefined>;
@@ -21,6 +22,13 @@ declare class ZBreadcrumbComponent {
21
22
  readonly zShowHome: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
22
23
  readonly zItemClick: _angular_core.OutputEmitterRef<ZBreadcrumbItem>;
23
24
  protected readonly zClasses: _angular_core.Signal<string>;
25
+ protected readonly translatedItems: _angular_core.Signal<{
26
+ translatedLabel: string;
27
+ label: string;
28
+ path?: string;
29
+ icon?: ZIcon;
30
+ disabled?: boolean;
31
+ }[]>;
24
32
  protected getItemClasses(item: ZBreadcrumbItem, isLast: boolean): string;
25
33
  protected onItemClick(item: ZBreadcrumbItem, isLast: boolean): void;
26
34
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZBreadcrumbComponent, never>;
@@ -286,16 +286,16 @@ declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
286
286
 
287
287
  declare const zCalendarVariants: (props?: ({
288
288
  zSize?: "sm" | "default" | "lg" | null | undefined;
289
- zStatus?: "default" | "disabled" | "readonly" | "open" | "error" | null | undefined;
289
+ zStatus?: "default" | "disabled" | "open" | "error" | "readonly" | null | undefined;
290
290
  } & class_variance_authority_types.ClassProp) | undefined) => string;
291
291
  declare const zCalendarDayVariants: (props?: ({
292
- state?: "default" | "disabled" | "today" | "selected" | "inRange" | "rangeStart" | "rangeEnd" | "rangeSingle" | "otherMonth" | "hovered" | null | undefined;
292
+ state?: "default" | "today" | "selected" | "inRange" | "rangeStart" | "rangeEnd" | "rangeSingle" | "disabled" | "otherMonth" | "hovered" | null | undefined;
293
293
  } & class_variance_authority_types.ClassProp) | undefined) => string;
294
294
  declare const zCalendarMonthVariants: (props?: ({
295
- state?: "default" | "disabled" | "selected" | "current" | null | undefined;
295
+ state?: "default" | "selected" | "disabled" | "current" | null | undefined;
296
296
  } & class_variance_authority_types.ClassProp) | undefined) => string;
297
297
  declare const zCalendarYearVariants: (props?: ({
298
- state?: "default" | "disabled" | "selected" | "current" | null | undefined;
298
+ state?: "default" | "selected" | "disabled" | "current" | null | undefined;
299
299
  } & class_variance_authority_types.ClassProp) | undefined) => string;
300
300
 
301
301
  export { ZCalendarComponent, zCalendarDayVariants, zCalendarMonthVariants, zCalendarVariants, zCalendarYearVariants };
@@ -110,7 +110,7 @@ declare class ZEditorComponent implements OnInit, ControlValueAccessor {
110
110
 
111
111
  declare const zEditorVariants: (props?: ({
112
112
  zSize?: "sm" | "default" | "lg" | null | undefined;
113
- zStatus?: "default" | "disabled" | "readonly" | "error" | null | undefined;
113
+ zStatus?: "default" | "error" | "disabled" | "readonly" | null | undefined;
114
114
  } & class_variance_authority_types.ClassProp) | undefined) => string;
115
115
  type ZEditorVariants = VariantProps<typeof zEditorVariants>;
116
116
 
@@ -178,11 +178,11 @@ declare class ZInputComponent implements OnInit, ControlValueAccessor {
178
178
 
179
179
  declare const zInputVariants: (props?: ({
180
180
  zSize?: "sm" | "default" | "lg" | null | undefined;
181
- zStatus?: "default" | "disabled" | "readonly" | "error" | null | undefined;
181
+ zStatus?: "default" | "error" | "disabled" | "readonly" | null | undefined;
182
182
  } & class_variance_authority_types.ClassProp) | undefined) => string;
183
183
  type ZInputVariants = VariantProps<typeof zInputVariants>;
184
184
  declare const zTextareaVariants: (props?: ({
185
- zStatus?: "default" | "disabled" | "readonly" | "error" | null | undefined;
185
+ zStatus?: "default" | "error" | "disabled" | "readonly" | null | undefined;
186
186
  } & class_variance_authority_types.ClassProp) | undefined) => string;
187
187
  type ZTextareaVariants = VariantProps<typeof zTextareaVariants>;
188
188
 
@@ -218,7 +218,7 @@ declare class ZModalComponent<T, U> extends BasePortalOutlet implements OnDestro
218
218
  protected readonly effectiveOkText: _angular_core.Signal<string | null | undefined>;
219
219
  protected readonly effectiveCancelText: _angular_core.Signal<string | null | undefined>;
220
220
  protected readonly effectiveOkDestructive: _angular_core.Signal<boolean | undefined>;
221
- protected readonly effectiveTypeOk: _angular_core.Signal<"error" | "info" | "warning" | "default" | "primary" | "secondary" | "destructive" | "success" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | "link" | null | undefined>;
221
+ protected readonly effectiveTypeOk: _angular_core.Signal<"info" | "warning" | "error" | "link" | "default" | "primary" | "secondary" | "destructive" | "success" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | null | undefined>;
222
222
  protected readonly effectiveOkDisabled: _angular_core.Signal<boolean | undefined>;
223
223
  protected readonly effectiveLoading: _angular_core.Signal<boolean>;
224
224
  protected readonly effectiveContentLoading: _angular_core.Signal<boolean>;
@@ -104,6 +104,7 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
104
104
  readonly zVirtualScroll: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
105
105
  readonly zShowAction: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
106
106
  readonly zOptions: _angular_core.InputSignal<ZSelectOption<T>[]>;
107
+ readonly zTranslateLabels: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
107
108
  readonly zKey: _angular_core.InputSignal<string>;
108
109
  readonly zSearchServer: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
109
110
  readonly zLoadingMore: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
@@ -149,8 +150,7 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
149
150
  private readonly _formStateVersion;
150
151
  private readonly _injector;
151
152
  private readonly _destroyRef;
152
- private readonly _translate;
153
- private readonly _currentLang;
153
+ private readonly _zTranslate;
154
154
  private _onChange;
155
155
  private _onTouched;
156
156
  private _ngControl;
@@ -162,10 +162,14 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
162
162
  protected readonly isDisabled: _angular_core.Signal<boolean>;
163
163
  protected readonly isReadonly: _angular_core.Signal<boolean>;
164
164
  protected readonly isInteractionDisabled: _angular_core.Signal<boolean>;
165
- protected readonly effectivePlaceholder: _angular_core.Signal<any>;
166
- protected readonly effectivePlaceholderSearch: _angular_core.Signal<any>;
167
- protected readonly effectiveNotFoundText: _angular_core.Signal<any>;
168
- protected readonly effectiveEmptyText: _angular_core.Signal<any>;
165
+ protected readonly effectivePlaceholder: _angular_core.Signal<string>;
166
+ protected readonly effectivePlaceholderSearch: _angular_core.Signal<string>;
167
+ protected readonly effectiveNotFoundText: _angular_core.Signal<string>;
168
+ protected readonly effectiveEmptyText: _angular_core.Signal<string>;
169
+ protected readonly effectiveSelectAllText: _angular_core.Signal<string>;
170
+ protected readonly effectiveClearAllText: _angular_core.Signal<string>;
171
+ protected readonly effectiveRequiredErrorText: _angular_core.Signal<string>;
172
+ protected readonly translatedOptions: _angular_core.Signal<ZSelectOption<T>[]>;
169
173
  protected readonly isMultipleMode: _angular_core.Signal<boolean>;
170
174
  protected readonly isTagsMode: _angular_core.Signal<boolean>;
171
175
  protected readonly effectiveSelectedTemplate: _angular_core.Signal<TemplateRef<any> | null>;
@@ -188,7 +192,7 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
188
192
  private readonly _shouldShowValidation;
189
193
  protected readonly hasError: _angular_core.Signal<boolean>;
190
194
  protected readonly showError: _angular_core.Signal<boolean>;
191
- protected readonly errorMessage: _angular_core.Signal<any>;
195
+ protected readonly errorMessage: _angular_core.Signal<string>;
192
196
  protected readonly selectClasses: _angular_core.Signal<string>;
193
197
  constructor();
194
198
  ngOnInit(): void;
@@ -229,7 +233,7 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
229
233
  private _cancelAsyncValidation;
230
234
  private _triggerAsyncValidation;
231
235
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZSelectComponent<any>, never>;
232
- 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; }; "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>;
236
+ 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>;
233
237
  }
234
238
 
235
239
  declare class ZIsSelectedPipe implements PipeTransform {
@@ -87,7 +87,7 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
87
87
  protected readonly hasError: _angular_core.Signal<boolean>;
88
88
  protected readonly showError: _angular_core.Signal<boolean>;
89
89
  protected readonly errorMessage: _angular_core.Signal<string>;
90
- protected readonly currentStatus: _angular_core.Signal<"default" | "disabled" | "readonly" | "error" | "active">;
90
+ protected readonly currentStatus: _angular_core.Signal<"default" | "error" | "disabled" | "readonly" | "active">;
91
91
  protected readonly dropzoneClasses: _angular_core.Signal<string>;
92
92
  protected readonly acceptTypes: _angular_core.Signal<string>;
93
93
  protected readonly formatFileSize: (bytes: number) => string;
@@ -126,11 +126,11 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
126
126
 
127
127
  declare const zUploadDropzoneVariants: (props?: ({
128
128
  zSize?: "sm" | "default" | "lg" | null | undefined;
129
- zStatus?: "default" | "disabled" | "readonly" | "error" | "active" | null | undefined;
129
+ zStatus?: "default" | "error" | "active" | "disabled" | "readonly" | null | undefined;
130
130
  } & class_variance_authority_types.ClassProp) | undefined) => string;
131
131
  type ZUploadDropzoneVariants = VariantProps<typeof zUploadDropzoneVariants>;
132
132
  declare const zUploadFileItemVariants: (props?: ({
133
- zStatus?: "error" | "pending" | "uploading" | "success" | null | undefined;
133
+ zStatus?: "pending" | "uploading" | "success" | "error" | null | undefined;
134
134
  } & class_variance_authority_types.ClassProp) | undefined) => string;
135
135
  type ZUploadFileItemVariants = VariantProps<typeof zUploadFileItemVariants>;
136
136