@shival99/z-ui 1.2.25 → 1.2.27
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 +3 -12
- package/fesm2022/shival99-z-ui-components-z-breadcrumb.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-table.mjs +39 -20
- 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 +1 -9
- 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-popover.d.ts +1 -1
- package/types/shival99-z-ui-components-z-select.d.ts +1 -1
- package/types/shival99-z-ui-components-z-table.d.ts +18 -5
- 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.2.
|
|
3
|
+
"version": "1.2.27",
|
|
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 { ZIcon } from '@shival99/z-ui/components/z-icon';
|
|
3
2
|
import { ClassValue } from 'clsx';
|
|
3
|
+
import { ZIcon } from '@shival99/z-ui/components/z-icon';
|
|
4
4
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
5
|
import { VariantProps } from 'class-variance-authority';
|
|
6
6
|
|
|
@@ -12,7 +12,6 @@ interface ZBreadcrumbItem {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
declare class ZBreadcrumbComponent {
|
|
15
|
-
private readonly _zTranslate;
|
|
16
15
|
readonly class: _angular_core.InputSignal<ClassValue>;
|
|
17
16
|
readonly zItems: _angular_core.InputSignal<ZBreadcrumbItem[]>;
|
|
18
17
|
readonly zSize: _angular_core.InputSignal<"sm" | "default" | "lg" | null | undefined>;
|
|
@@ -22,13 +21,6 @@ declare class ZBreadcrumbComponent {
|
|
|
22
21
|
readonly zShowHome: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
23
22
|
readonly zItemClick: _angular_core.OutputEmitterRef<ZBreadcrumbItem>;
|
|
24
23
|
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
|
-
}[]>;
|
|
32
24
|
protected getItemClasses(item: ZBreadcrumbItem, isLast: boolean): string;
|
|
33
25
|
protected onItemClick(item: ZBreadcrumbItem, isLast: boolean): void;
|
|
34
26
|
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 };
|
|
@@ -109,7 +109,7 @@ declare class ZEditorComponent implements OnInit, ControlValueAccessor {
|
|
|
109
109
|
|
|
110
110
|
declare const zEditorVariants: (props?: ({
|
|
111
111
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
112
|
-
zStatus?: "default" | "
|
|
112
|
+
zStatus?: "default" | "error" | "disabled" | "readonly" | null | undefined;
|
|
113
113
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
114
114
|
type ZEditorVariants = VariantProps<typeof zEditorVariants>;
|
|
115
115
|
|
|
@@ -177,11 +177,11 @@ declare class ZInputComponent implements OnInit, ControlValueAccessor {
|
|
|
177
177
|
|
|
178
178
|
declare const zInputVariants: (props?: ({
|
|
179
179
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
180
|
-
zStatus?: "default" | "
|
|
180
|
+
zStatus?: "default" | "error" | "disabled" | "readonly" | null | undefined;
|
|
181
181
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
182
182
|
type ZInputVariants = VariantProps<typeof zInputVariants>;
|
|
183
183
|
declare const zTextareaVariants: (props?: ({
|
|
184
|
-
zStatus?: "default" | "
|
|
184
|
+
zStatus?: "default" | "error" | "disabled" | "readonly" | null | undefined;
|
|
185
185
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
186
186
|
type ZTextareaVariants = VariantProps<typeof zTextareaVariants>;
|
|
187
187
|
|
|
@@ -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<"info" | "warning" | "error" | "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" |
|
|
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>;
|
|
@@ -77,7 +77,7 @@ declare class ZPopoverDirective implements OnInit, OnDestroy {
|
|
|
77
77
|
readonly zHideDelay: _angular_core.InputSignal<number>;
|
|
78
78
|
readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
79
79
|
readonly zOffset: _angular_core.InputSignal<number>;
|
|
80
|
-
readonly zPopoverWidth: _angular_core.InputSignal<number | "
|
|
80
|
+
readonly zPopoverWidth: _angular_core.InputSignal<number | "trigger" | "auto">;
|
|
81
81
|
readonly zManualClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
82
82
|
readonly zScrollClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
83
83
|
readonly zShowArrow: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
@@ -258,7 +258,7 @@ declare class ZTagClassesPipe implements PipeTransform {
|
|
|
258
258
|
|
|
259
259
|
declare const zSelectVariants: (props?: ({
|
|
260
260
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
261
|
-
zStatus?: "default" | "
|
|
261
|
+
zStatus?: "default" | "open" | "error" | "disabled" | "readonly" | null | undefined;
|
|
262
262
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
263
263
|
declare const zSelectTagVariants: (props?: ({
|
|
264
264
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
@@ -21,7 +21,7 @@ interface ZVirtualGroup {
|
|
|
21
21
|
startIndex: number;
|
|
22
22
|
endIndex: number;
|
|
23
23
|
rowCount: number;
|
|
24
|
-
height: number;
|
|
24
|
+
height: number | null;
|
|
25
25
|
}
|
|
26
26
|
interface ZTableIconPart {
|
|
27
27
|
type: 'text' | 'icon';
|
|
@@ -277,11 +277,22 @@ interface ZTableInitialState {
|
|
|
277
277
|
pagination?: PaginationState;
|
|
278
278
|
}
|
|
279
279
|
interface ZTableVirtualConfig {
|
|
280
|
+
/** Enable virtual scrolling */
|
|
280
281
|
enabled: boolean;
|
|
281
|
-
|
|
282
|
+
/** Row height in pixels (default: 40). Used as estimate for dynamic sizing. */
|
|
283
|
+
size?: number;
|
|
284
|
+
/** Number of items to render outside visible area (default: 5) */
|
|
282
285
|
overscan?: number;
|
|
286
|
+
/** Number of rows per virtual group (default: 1) */
|
|
283
287
|
groupSize?: number;
|
|
284
|
-
|
|
288
|
+
/**
|
|
289
|
+
* Enable dynamic row height measurement.
|
|
290
|
+
* When true, each row's height is measured dynamically after render.
|
|
291
|
+
* The virtualizer uses `height: auto` for all rows, allowing content
|
|
292
|
+
* to determine the actual height, which is then captured via measureElement().
|
|
293
|
+
* The `size` property is used as an initial estimate before measurement.
|
|
294
|
+
*/
|
|
295
|
+
dynamicSize?: boolean;
|
|
285
296
|
}
|
|
286
297
|
interface ZTableSearchConfig {
|
|
287
298
|
enabled?: boolean;
|
|
@@ -352,6 +363,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
|
|
|
352
363
|
protected readonly tbodyScrollbar: _angular_core.Signal<NgScrollbar | undefined>;
|
|
353
364
|
protected readonly tfootWrapper: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
354
365
|
protected readonly expandedRowTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
|
|
366
|
+
protected readonly virtualRowElements: _angular_core.Signal<readonly ElementRef<HTMLDivElement>[]>;
|
|
355
367
|
protected readonly columnPinning: _angular_core.WritableSignal<ColumnPinningState>;
|
|
356
368
|
protected readonly columnVisibility: _angular_core.WritableSignal<VisibilityState>;
|
|
357
369
|
protected readonly columnOrder: _angular_core.WritableSignal<ColumnOrderState>;
|
|
@@ -409,7 +421,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
|
|
|
409
421
|
protected readonly isVirtual: _angular_core.Signal<boolean>;
|
|
410
422
|
private readonly _virtualConfig;
|
|
411
423
|
protected readonly virtualRowHeight: _angular_core.Signal<number>;
|
|
412
|
-
protected readonly
|
|
424
|
+
protected readonly dynamicSize: _angular_core.Signal<boolean>;
|
|
413
425
|
protected readonly groupSize: _angular_core.Signal<number>;
|
|
414
426
|
protected readonly groupHeight: _angular_core.Signal<number>;
|
|
415
427
|
private readonly _dynamicGroupsVersion;
|
|
@@ -444,7 +456,8 @@ declare class ZTableComponent<T> implements AfterViewInit {
|
|
|
444
456
|
protected readonly columnSizeVars: _angular_core.Signal<Record<string, number>>;
|
|
445
457
|
protected readonly table: ReturnType<typeof createAngularTable<T>>;
|
|
446
458
|
private readonly _virtualGroupCount;
|
|
447
|
-
protected readonly virtualizer: _shival99_angular_virtual.AngularVirtualizer<HTMLDivElement,
|
|
459
|
+
protected readonly virtualizer: _shival99_angular_virtual.AngularVirtualizer<HTMLDivElement, Element>;
|
|
460
|
+
private readonly _measureVirtualItems;
|
|
448
461
|
constructor();
|
|
449
462
|
ngAfterViewInit(): void;
|
|
450
463
|
private _handleRowSelectionWithParents;
|
|
@@ -86,7 +86,7 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
|
|
|
86
86
|
protected readonly hasError: _angular_core.Signal<boolean>;
|
|
87
87
|
protected readonly showError: _angular_core.Signal<boolean>;
|
|
88
88
|
protected readonly errorMessage: _angular_core.Signal<string>;
|
|
89
|
-
protected readonly currentStatus: _angular_core.Signal<"default" | "
|
|
89
|
+
protected readonly currentStatus: _angular_core.Signal<"default" | "error" | "disabled" | "readonly" | "active">;
|
|
90
90
|
protected readonly dropzoneClasses: _angular_core.Signal<string>;
|
|
91
91
|
protected readonly acceptTypes: _angular_core.Signal<string>;
|
|
92
92
|
protected readonly formatFileSize: (bytes: number) => string;
|
|
@@ -125,11 +125,11 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
|
|
|
125
125
|
|
|
126
126
|
declare const zUploadDropzoneVariants: (props?: ({
|
|
127
127
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
128
|
-
zStatus?: "default" | "
|
|
128
|
+
zStatus?: "default" | "error" | "active" | "disabled" | "readonly" | null | undefined;
|
|
129
129
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
130
130
|
type ZUploadDropzoneVariants = VariantProps<typeof zUploadDropzoneVariants>;
|
|
131
131
|
declare const zUploadFileItemVariants: (props?: ({
|
|
132
|
-
zStatus?: "
|
|
132
|
+
zStatus?: "pending" | "uploading" | "success" | "error" | null | undefined;
|
|
133
133
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
134
134
|
type ZUploadFileItemVariants = VariantProps<typeof zUploadFileItemVariants>;
|
|
135
135
|
|