@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/fesm2022/shival99-z-ui-components-z-breadcrumb.mjs +13 -5
- package/fesm2022/shival99-z-ui-components-z-breadcrumb.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-pagination.mjs +1 -1
- package/fesm2022/shival99-z-ui-components-z-pagination.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-select.mjs +49 -30
- package/fesm2022/shival99-z-ui-components-z-select.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-table.mjs +1 -1
- package/fesm2022/shival99-z-ui-components-z-table.mjs.map +1 -1
- package/package.json +1 -1
- package/types/shival99-z-ui-components-z-breadcrumb.d.ts +9 -1
- package/types/shival99-z-ui-components-z-calendar.d.ts +4 -4
- package/types/shival99-z-ui-components-z-editor.d.ts +1 -1
- package/types/shival99-z-ui-components-z-input.d.ts +2 -2
- package/types/shival99-z-ui-components-z-modal.d.ts +1 -1
- package/types/shival99-z-ui-components-z-select.d.ts +12 -8
- package/types/shival99-z-ui-components-z-upload.d.ts +3 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shival99/z-ui",
|
|
3
|
-
"version": "1.0.
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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<"
|
|
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
|
|
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<
|
|
166
|
-
protected readonly effectivePlaceholderSearch: _angular_core.Signal<
|
|
167
|
-
protected readonly effectiveNotFoundText: _angular_core.Signal<
|
|
168
|
-
protected readonly effectiveEmptyText: _angular_core.Signal<
|
|
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<
|
|
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" | "
|
|
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" | "
|
|
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?: "
|
|
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
|
|