@shival99/z-ui 2.0.36 → 2.0.38
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 +63 -8
- package/fesm2022/shival99-z-ui-components-z-table.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-select.d.ts +1 -1
- package/types/shival99-z-ui-components-z-table.d.ts +9 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shival99/z-ui",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.38",
|
|
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" | "open" | "error" | "disabled" | "readonly" | 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" | "open" | "error" | "readonly" | null | undefined;
|
|
433
433
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
434
434
|
declare const zCalendarDayVariants: (props?: ({
|
|
435
|
-
state?: "default" | "
|
|
435
|
+
state?: "default" | "today" | "selected" | "inRange" | "rangeStart" | "rangeEnd" | "rangeSingle" | "disabled" | "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" | "selected" | "disabled" | "current" | null | undefined;
|
|
439
439
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
440
440
|
declare const zCalendarYearVariants: (props?: ({
|
|
441
|
-
state?: "default" | "
|
|
441
|
+
state?: "default" | "selected" | "disabled" | "current" | 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" | "error" | "disabled" | "readonly" | 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>;
|
|
@@ -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" | "open" | "error" | "disabled" | "readonly" | 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;
|
|
@@ -7,11 +7,11 @@ import * as _angular_core from '@angular/core';
|
|
|
7
7
|
import { TemplateRef, Type, AfterViewInit, ElementRef, OnInit } from '@angular/core';
|
|
8
8
|
import { CdkDragDrop } from '@angular/cdk/drag-drop';
|
|
9
9
|
import { ConnectedPosition } from '@angular/cdk/overlay';
|
|
10
|
-
import { ZButtonVariants } from '@shival99/z-ui/components/z-button';
|
|
11
10
|
import { ZPopoverDirective } from '@shival99/z-ui/components/z-popover';
|
|
12
11
|
import { ClassValue } from 'clsx';
|
|
13
12
|
import { NgScrollbar } from 'ngx-scrollbar';
|
|
14
13
|
import { ZAutocompleteType, ZAutocompleteOption } from '@shival99/z-ui/components/z-autocomplete';
|
|
14
|
+
import { ZButtonVariants } from '@shival99/z-ui/components/z-button';
|
|
15
15
|
import { ZIcon, ZIconVariants } from '@shival99/z-ui/components/z-icon';
|
|
16
16
|
import { ZSelectOption, ZSelectConfig } from '@shival99/z-ui/components/z-select';
|
|
17
17
|
import * as _shival99_z_ui_components_z_tags from '@shival99/z-ui/components/z-tags';
|
|
@@ -309,6 +309,7 @@ interface ZTableColumnConfig<T> {
|
|
|
309
309
|
enablePinning?: boolean;
|
|
310
310
|
enableHiding?: boolean;
|
|
311
311
|
enableOrdering?: boolean;
|
|
312
|
+
enableHeaderMenu?: boolean;
|
|
312
313
|
/** Initial pin position — applied on first render */
|
|
313
314
|
pinned?: 'left' | 'right' | false;
|
|
314
315
|
/** Child columns for multi-level header grouping */
|
|
@@ -428,6 +429,9 @@ interface ZTableBulkActionViewItem<T = unknown> {
|
|
|
428
429
|
action: ZTableBulkActionItem<T>;
|
|
429
430
|
disabled: boolean;
|
|
430
431
|
}
|
|
432
|
+
type ZTableBulkActionRenderItem<T = unknown> = ZTableBulkActionViewItem<T> & {
|
|
433
|
+
buttonType: ZButtonVariants['zType'];
|
|
434
|
+
};
|
|
431
435
|
type ZTableBulkActionList<T = unknown> = ZTableBulkActionItem<T>[] | ((context: ZTableBulkActionContext<T>) => ZTableBulkActionItem<T>[]);
|
|
432
436
|
interface ZTableBulkActionOptions<T = unknown> {
|
|
433
437
|
enabled?: boolean;
|
|
@@ -752,10 +756,8 @@ declare module '@tanstack/angular-table' {
|
|
|
752
756
|
}
|
|
753
757
|
}
|
|
754
758
|
|
|
755
|
-
type ZTableBulkActionRenderItem<T> = ZTableBulkActionViewItem<T> & {
|
|
756
|
-
buttonType: ZButtonVariants['zType'];
|
|
757
|
-
};
|
|
758
759
|
declare class ZTableComponent<T> implements AfterViewInit {
|
|
760
|
+
private static _dragInstanceCount;
|
|
759
761
|
/** Unified change event — parent listens to this for all table interactions */
|
|
760
762
|
readonly zChange: _angular_core.OutputEmitterRef<ZTableChangeEvent<T>>;
|
|
761
763
|
/** Emits an imperative control handle for programmatic table manipulation */
|
|
@@ -1031,6 +1033,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
|
|
|
1031
1033
|
private _setColumnSizingFromFit;
|
|
1032
1034
|
private _getColumnBaseSize;
|
|
1033
1035
|
private _isSameColumnSizing;
|
|
1036
|
+
private _areColumnsEquivalent;
|
|
1034
1037
|
private _checkHorizontalScroll;
|
|
1035
1038
|
private _updateScrollShadowState;
|
|
1036
1039
|
hasRightPinnedColumns(): boolean;
|
|
@@ -1135,7 +1138,7 @@ declare class ZTableFilterComponent<T> {
|
|
|
1135
1138
|
protected readonly filterBadgeCount: _angular_core.Signal<number>;
|
|
1136
1139
|
protected readonly hasFilterValue: _angular_core.Signal<boolean>;
|
|
1137
1140
|
protected readonly isActive: _angular_core.Signal<boolean>;
|
|
1138
|
-
protected readonly draftSortValue: _angular_core.Signal<"
|
|
1141
|
+
protected readonly draftSortValue: _angular_core.Signal<"none" | "asc" | "desc">;
|
|
1139
1142
|
protected readonly rangeMinValue: _angular_core.Signal<any>;
|
|
1140
1143
|
protected readonly rangeMaxValue: _angular_core.Signal<any>;
|
|
1141
1144
|
protected readonly dateValue: _angular_core.Signal<Date | null>;
|
|
@@ -1203,7 +1206,7 @@ declare class ZTableActionsComponent<T = unknown> {
|
|
|
1203
1206
|
readonly zConfig: _angular_core.InputSignal<ZTableActionColumnConfig<T>>;
|
|
1204
1207
|
readonly zRow: _angular_core.InputSignal<T>;
|
|
1205
1208
|
readonly zRowId: _angular_core.InputSignal<string>;
|
|
1206
|
-
readonly zDropdownButtonSize: _angular_core.InputSignal<"
|
|
1209
|
+
readonly zDropdownButtonSize: _angular_core.InputSignal<"sm" | "default" | "lg" | "xs" | "xl" | null | undefined>;
|
|
1207
1210
|
readonly zActionClick: _angular_core.OutputEmitterRef<ZTableActionClickEvent<T>>;
|
|
1208
1211
|
protected readonly allActions: _angular_core.Signal<ZTableActionItem<T>[]>;
|
|
1209
1212
|
protected readonly shouldShowAsButtons: _angular_core.Signal<boolean>;
|