@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shival99/z-ui",
3
- "version": "2.0.33",
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" | "open" | "error" | "disabled" | "readonly" | null | undefined;
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" | "open" | "error" | "readonly" | null | undefined;
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" | "disabled" | "otherMonth" | "hovered" | null | undefined;
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" | "selected" | "disabled" | "current" | null | undefined;
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" | "selected" | "disabled" | "current" | null | undefined;
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" | "error" | "disabled" | "readonly" | null | undefined;
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<"sm" | "default" | "lg">;
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?: "sm" | "default" | "lg" | null | undefined;
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?: "sm" | "default" | "lg" | null | undefined;
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?: "sm" | "default" | "lg" | null | undefined;
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" | "link" | "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" | null | undefined>;
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 | "trigger" | "auto">;
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" | "open" | "error" | "disabled" | "readonly" | null | undefined;
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 fillColumnId: _angular_core.Signal<string | null>;
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<"none" | "asc" | "desc">;
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<"sm" | "default" | "lg" | "xs" | "xl" | null | undefined>;
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" | "error" | "disabled" | "readonly" | "active">;
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" | "error" | "active" | "disabled" | "readonly" | null | undefined;
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?: "pending" | "uploading" | "success" | "error" | null | undefined;
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;