@shival99/z-ui 2.0.33 → 2.0.35
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-table.mjs +18 -7
- package/fesm2022/shival99-z-ui-components-z-table.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-tabs.mjs +16 -2
- package/fesm2022/shival99-z-ui-components-z-tabs.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-services.mjs +18 -4
- package/fesm2022/shival99-z-ui-services.mjs.map +1 -1
- package/package.json +1 -1
- package/types/shival99-z-ui-components-z-autocomplete.d.ts +1 -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-gallery.d.ts +4 -4
- 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 +11 -3
- package/types/shival99-z-ui-components-z-tabs.d.ts +3 -3
- package/types/shival99-z-ui-components-z-upload.d.ts +3 -3
- package/types/shival99-z-ui-services.d.ts +1 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shival99/z-ui",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.35",
|
|
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",
|
|
@@ -270,7 +270,7 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
|
|
|
270
270
|
|
|
271
271
|
declare const zAutocompleteInputVariants: (props?: ({
|
|
272
272
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
273
|
-
zStatus?: "default" | "
|
|
273
|
+
zStatus?: "default" | "disabled" | "readonly" | "open" | "error" | null | undefined;
|
|
274
274
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
275
275
|
type ZAutocompleteInputVariants = VariantProps<typeof zAutocompleteInputVariants>;
|
|
276
276
|
declare const zAutocompleteOptionVariants: (props?: ({
|
|
@@ -429,16 +429,16 @@ declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
|
|
|
429
429
|
|
|
430
430
|
declare const zCalendarVariants: (props?: ({
|
|
431
431
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
432
|
-
zStatus?: "default" | "disabled" | "
|
|
432
|
+
zStatus?: "default" | "disabled" | "readonly" | "open" | "error" | null | undefined;
|
|
433
433
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
434
434
|
declare const zCalendarDayVariants: (props?: ({
|
|
435
|
-
state?: "default" | "today" | "selected" | "inRange" | "rangeStart" | "rangeEnd" | "rangeSingle" | "
|
|
435
|
+
state?: "default" | "disabled" | "today" | "selected" | "inRange" | "rangeStart" | "rangeEnd" | "rangeSingle" | "otherMonth" | "hovered" | null | undefined;
|
|
436
436
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
437
437
|
declare const zCalendarMonthVariants: (props?: ({
|
|
438
|
-
state?: "default" | "
|
|
438
|
+
state?: "default" | "current" | "disabled" | "selected" | null | undefined;
|
|
439
439
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
440
440
|
declare const zCalendarYearVariants: (props?: ({
|
|
441
|
-
state?: "default" | "
|
|
441
|
+
state?: "default" | "current" | "disabled" | "selected" | null | undefined;
|
|
442
442
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
443
443
|
|
|
444
444
|
export { ZCalendarComponent, zCalendarDayVariants, zCalendarMonthVariants, zCalendarVariants, zCalendarYearVariants };
|
|
@@ -328,7 +328,7 @@ declare const Z_EDITOR_DEFAULT_TOOLBAR: readonly ZEditorToolbarItem[];
|
|
|
328
328
|
|
|
329
329
|
declare const zEditorVariants: (props?: ({
|
|
330
330
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
331
|
-
zStatus?: "default" | "
|
|
331
|
+
zStatus?: "default" | "disabled" | "readonly" | "error" | null | undefined;
|
|
332
332
|
zPlaceholderMode?: "firstLine" | "everyLine" | null | undefined;
|
|
333
333
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
334
334
|
type ZEditorVariants = VariantProps<typeof zEditorVariants>;
|
|
@@ -186,7 +186,7 @@ declare class ZGalleryComponent implements AfterViewInit {
|
|
|
186
186
|
protected readonly headerControlHeight: _angular_core.Signal<"1.75rem" | "2rem" | "2.5rem" | "2.25rem">;
|
|
187
187
|
protected readonly skeletonMediaHeight: _angular_core.Signal<"9rem" | "14rem" | "11rem">;
|
|
188
188
|
protected readonly toggleIconSize: _angular_core.Signal<"14" | "16" | "20" | "18">;
|
|
189
|
-
protected readonly searchInputSize: _angular_core.Signal<"
|
|
189
|
+
protected readonly searchInputSize: _angular_core.Signal<"default" | "sm" | "lg">;
|
|
190
190
|
protected readonly filteredFiles: _angular_core.Signal<ZGalleryFile[]>;
|
|
191
191
|
protected readonly selectedIds: _angular_core.Signal<Set<string>>;
|
|
192
192
|
protected readonly isAllSelected: _angular_core.Signal<boolean>;
|
|
@@ -380,16 +380,16 @@ declare const isPreviewable: (file: ZGalleryFile) => boolean;
|
|
|
380
380
|
declare const isImage: (file: ZGalleryFile) => boolean;
|
|
381
381
|
|
|
382
382
|
declare const zGalleryVariants: (props?: ({
|
|
383
|
-
zSize?: "
|
|
383
|
+
zSize?: "default" | "sm" | "lg" | null | undefined;
|
|
384
384
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
385
385
|
type ZGalleryVariants = VariantProps<typeof zGalleryVariants>;
|
|
386
386
|
declare const zGalleryItemVariants: (props?: ({
|
|
387
387
|
zMode?: "grid" | "list" | null | undefined;
|
|
388
|
-
zSize?: "
|
|
388
|
+
zSize?: "default" | "sm" | "lg" | null | undefined;
|
|
389
389
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
390
390
|
type ZGalleryItemVariants = VariantProps<typeof zGalleryItemVariants>;
|
|
391
391
|
declare const zGalleryFileIconVariants: (props?: ({
|
|
392
|
-
zSize?: "
|
|
392
|
+
zSize?: "default" | "sm" | "lg" | null | undefined;
|
|
393
393
|
zMode?: "grid" | "list" | null | undefined;
|
|
394
394
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
395
395
|
type ZGalleryFileIconVariants = VariantProps<typeof zGalleryFileIconVariants>;
|
|
@@ -251,7 +251,7 @@ declare class ZModalComponent<T, U> extends BasePortalOutlet implements OnDestro
|
|
|
251
251
|
protected readonly effectiveOkText: _angular_core.Signal<string | null | undefined>;
|
|
252
252
|
protected readonly effectiveCancelText: _angular_core.Signal<string | null | undefined>;
|
|
253
253
|
protected readonly effectiveOkDestructive: _angular_core.Signal<boolean | undefined>;
|
|
254
|
-
protected readonly effectiveTypeOk: _angular_core.Signal<"info" | "warning" | "error" | "
|
|
254
|
+
protected readonly effectiveTypeOk: _angular_core.Signal<"info" | "warning" | "error" | "default" | "primary" | "secondary" | "destructive" | "destructive-heartbeat" | "success" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-shimmer" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "outline-primary-soft" | "outline-success-soft" | "outline-info-soft" | "outline-warning-soft" | "outline-error-soft" | "outline-destructive-soft" | "outline-primary-soft-border" | "outline-success-soft-border" | "outline-info-soft-border" | "outline-warning-soft-border" | "outline-error-soft-border" | "outline-destructive-soft-border" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | "subtle-primary" | "subtle-success" | "subtle-info" | "subtle-warning" | "subtle-destructive" | "subtle-outline" | "subtle-primary-outline" | "subtle-success-outline" | "subtle-info-outline" | "subtle-warning-outline" | "subtle-destructive-outline" | "link" | null | undefined>;
|
|
255
255
|
protected readonly effectiveOkDisabled: _angular_core.Signal<boolean | undefined>;
|
|
256
256
|
protected readonly effectiveLoading: _angular_core.Signal<boolean>;
|
|
257
257
|
protected readonly effectiveContentLoading: _angular_core.Signal<boolean>;
|
|
@@ -89,7 +89,7 @@ declare class ZPopoverDirective implements OnInit, OnDestroy {
|
|
|
89
89
|
readonly zHideDelay: _angular_core.InputSignal<number>;
|
|
90
90
|
readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
91
91
|
readonly zOffset: _angular_core.InputSignal<number>;
|
|
92
|
-
readonly zPopoverWidth: _angular_core.InputSignal<number | "
|
|
92
|
+
readonly zPopoverWidth: _angular_core.InputSignal<number | "auto" | "trigger">;
|
|
93
93
|
readonly zTriggerRef: _angular_core.InputSignal<HTMLElement | ElementRef<HTMLElement> | null>;
|
|
94
94
|
readonly zManualClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
95
95
|
readonly zOutsideClickClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
@@ -315,7 +315,7 @@ declare class ZTagClassesPipe implements PipeTransform {
|
|
|
315
315
|
|
|
316
316
|
declare const zSelectVariants: (props?: ({
|
|
317
317
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
318
|
-
zStatus?: "default" | "
|
|
318
|
+
zStatus?: "default" | "disabled" | "readonly" | "open" | "error" | null | undefined;
|
|
319
319
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
320
320
|
declare const zSelectTagVariants: (props?: ({
|
|
321
321
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
@@ -703,6 +703,12 @@ interface ZTableConfig<T> {
|
|
|
703
703
|
getRowCanExpand?: (row: Row<T>) => boolean;
|
|
704
704
|
/** Fixed table width. Defaults to the available width of the parent container. */
|
|
705
705
|
width?: string;
|
|
706
|
+
/**
|
|
707
|
+
* Distribute remaining width evenly across visible data columns.
|
|
708
|
+
* Special columns such as select, expand, drag, row pin, and actions keep their fixed widths.
|
|
709
|
+
* @default true
|
|
710
|
+
*/
|
|
711
|
+
equalColumns?: boolean;
|
|
706
712
|
/** Fixed table height. Keeps the horizontal scrollbar at the bottom when the table has few rows. */
|
|
707
713
|
height?: string;
|
|
708
714
|
maxHeight?: string;
|
|
@@ -939,7 +945,9 @@ declare class ZTableComponent<T> implements AfterViewInit {
|
|
|
939
945
|
protected readonly virtualRightSpacerWidth: _angular_core.Signal<number>;
|
|
940
946
|
protected readonly renderedColumnCount: _angular_core.Signal<number>;
|
|
941
947
|
protected readonly orderedLeafColumns: _angular_core.Signal<Column<T, unknown>[]>;
|
|
942
|
-
protected readonly
|
|
948
|
+
protected readonly fillColumnIds: _angular_core.Signal<string[]>;
|
|
949
|
+
protected readonly fillColumnId: _angular_core.Signal<string>;
|
|
950
|
+
protected readonly fillColumnWidths: _angular_core.Signal<Record<string, string>>;
|
|
943
951
|
protected readonly hideableColumns: _angular_core.Signal<Column<T, unknown>[]>;
|
|
944
952
|
protected readonly orderedHeaderGroups: _angular_core.Signal<{
|
|
945
953
|
id: string;
|
|
@@ -1122,7 +1130,7 @@ declare class ZTableFilterComponent<T> {
|
|
|
1122
1130
|
protected readonly filterBadgeCount: _angular_core.Signal<number>;
|
|
1123
1131
|
protected readonly hasFilterValue: _angular_core.Signal<boolean>;
|
|
1124
1132
|
protected readonly isActive: _angular_core.Signal<boolean>;
|
|
1125
|
-
protected readonly draftSortValue: _angular_core.Signal<"
|
|
1133
|
+
protected readonly draftSortValue: _angular_core.Signal<"asc" | "desc" | "none">;
|
|
1126
1134
|
protected readonly rangeMinValue: _angular_core.Signal<any>;
|
|
1127
1135
|
protected readonly rangeMaxValue: _angular_core.Signal<any>;
|
|
1128
1136
|
protected readonly dateValue: _angular_core.Signal<Date | null>;
|
|
@@ -1190,7 +1198,7 @@ declare class ZTableActionsComponent<T = unknown> {
|
|
|
1190
1198
|
readonly zConfig: _angular_core.InputSignal<ZTableActionColumnConfig<T>>;
|
|
1191
1199
|
readonly zRow: _angular_core.InputSignal<T>;
|
|
1192
1200
|
readonly zRowId: _angular_core.InputSignal<string>;
|
|
1193
|
-
readonly zDropdownButtonSize: _angular_core.InputSignal<"
|
|
1201
|
+
readonly zDropdownButtonSize: _angular_core.InputSignal<"default" | "sm" | "lg" | "xs" | "xl" | null | undefined>;
|
|
1194
1202
|
readonly zActionClick: _angular_core.OutputEmitterRef<ZTableActionClickEvent<T>>;
|
|
1195
1203
|
protected readonly allActions: _angular_core.Signal<ZTableActionItem<T>[]>;
|
|
1196
1204
|
protected readonly shouldShowAsButtons: _angular_core.Signal<boolean>;
|
|
@@ -20,7 +20,7 @@ interface ZTab {
|
|
|
20
20
|
badge?: string | number;
|
|
21
21
|
template?: TemplateRef<unknown>;
|
|
22
22
|
}
|
|
23
|
-
type ZTabsType = 'line' | 'soft' | 'segment' | 'folder' | 'folder-soft' | 'folder-solid' | 'underline' | 'underlined' | 'badge' | 'sharp' | 'sharp-line' | 'vertical-sharp' | 'code-line';
|
|
23
|
+
type ZTabsType = 'line' | 'soft' | 'segment' | 'folder' | 'folder-soft' | 'folder-solid' | 'underline' | 'underlined' | 'badge' | 'sharp' | 'sharp-line' | 'sharp-line-filled' | 'vertical-sharp' | 'code-line';
|
|
24
24
|
type ZTabsSize = 'xs' | 'sm' | 'default' | 'lg';
|
|
25
25
|
type ZTabsOrientation = 'horizontal' | 'vertical';
|
|
26
26
|
|
|
@@ -75,11 +75,11 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
declare const zTabsVariants: (props?: ({
|
|
78
|
-
zType?: "line" | "soft" | "segment" | "folder" | "folder-soft" | "folder-solid" | "underline" | "underlined" | "badge" | "sharp" | "sharp-line" | "vertical-sharp" | "code-line" | null | undefined;
|
|
78
|
+
zType?: "line" | "soft" | "segment" | "folder" | "folder-soft" | "folder-solid" | "underline" | "underlined" | "badge" | "sharp" | "sharp-line" | "sharp-line-filled" | "vertical-sharp" | "code-line" | null | undefined;
|
|
79
79
|
zOrientation?: "horizontal" | "vertical" | null | undefined;
|
|
80
80
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
81
81
|
declare const zTabItemVariants: (props?: ({
|
|
82
|
-
zType?: "line" | "soft" | "segment" | "folder" | "folder-soft" | "folder-solid" | "underline" | "underlined" | "badge" | "sharp" | "sharp-line" | "vertical-sharp" | "code-line" | null | undefined;
|
|
82
|
+
zType?: "line" | "soft" | "segment" | "folder" | "folder-soft" | "folder-solid" | "underline" | "underlined" | "badge" | "sharp" | "sharp-line" | "sharp-line-filled" | "vertical-sharp" | "code-line" | null | undefined;
|
|
83
83
|
zSize?: "xs" | "sm" | "default" | "lg" | null | undefined;
|
|
84
84
|
zOrientation?: "horizontal" | "vertical" | null | undefined;
|
|
85
85
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -100,7 +100,7 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
|
|
|
100
100
|
protected readonly hasError: _angular_core.Signal<boolean>;
|
|
101
101
|
protected readonly showError: _angular_core.Signal<boolean>;
|
|
102
102
|
protected readonly errorMessage: _angular_core.Signal<string>;
|
|
103
|
-
protected readonly currentStatus: _angular_core.Signal<"default" | "
|
|
103
|
+
protected readonly currentStatus: _angular_core.Signal<"default" | "disabled" | "readonly" | "error" | "active">;
|
|
104
104
|
protected readonly dropzoneClasses: _angular_core.Signal<string>;
|
|
105
105
|
protected readonly acceptTypes: _angular_core.Signal<string>;
|
|
106
106
|
protected readonly formatFileSize: (bytes: number) => string;
|
|
@@ -141,11 +141,11 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
|
|
|
141
141
|
|
|
142
142
|
declare const zUploadDropzoneVariants: (props?: ({
|
|
143
143
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
144
|
-
zStatus?: "default" | "
|
|
144
|
+
zStatus?: "default" | "disabled" | "readonly" | "error" | "active" | null | undefined;
|
|
145
145
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
146
146
|
type ZUploadDropzoneVariants = VariantProps<typeof zUploadDropzoneVariants>;
|
|
147
147
|
declare const zUploadFileItemVariants: (props?: ({
|
|
148
|
-
zStatus?: "
|
|
148
|
+
zStatus?: "error" | "pending" | "uploading" | "success" | null | undefined;
|
|
149
149
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
150
150
|
type ZUploadFileItemVariants = VariantProps<typeof zUploadFileItemVariants>;
|
|
151
151
|
|
|
@@ -208,6 +208,7 @@ declare class ZExcelService {
|
|
|
208
208
|
private static _processMergeRegions;
|
|
209
209
|
private static _applyAutoFitWidth;
|
|
210
210
|
private static _applyAutoFitWidthForTable;
|
|
211
|
+
private static _getMergedColumnSpan;
|
|
211
212
|
private static _calculateCellWidth;
|
|
212
213
|
private static _processTableElement;
|
|
213
214
|
private static _parseContentValue;
|