@shival99/z-ui 1.1.15 → 1.1.16
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/README.md +1 -1
- package/fesm2022/shival99-z-ui-components-z-calendar.mjs +13 -6
- package/fesm2022/shival99-z-ui-components-z-calendar.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-dropdown-menu.mjs +4 -3
- package/fesm2022/shival99-z-ui-components-z-dropdown-menu.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-table.mjs +860 -494
- package/fesm2022/shival99-z-ui-components-z-table.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-toast.mjs +1 -1
- package/fesm2022/shival99-z-ui-components-z-toast.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-i18n.mjs +4 -0
- package/fesm2022/shival99-z-ui-i18n.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-services.mjs.map +1 -1
- package/package.json +2 -2
- package/types/shival99-z-ui-components-z-dropdown-menu.d.ts +2 -1
- package/types/shival99-z-ui-components-z-table.d.ts +106 -10
- package/types/shival99-z-ui-components-z-toast.d.ts +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shival99/z-ui",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.16",
|
|
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",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"minisearch": ">=7.0.0",
|
|
53
53
|
"ngx-mask": ">=20.0.0",
|
|
54
54
|
"ngx-scrollbar": ">=19.0.0",
|
|
55
|
-
"ngx-sonner": ">=3.0.0",
|
|
55
|
+
"@shival99/ngx-sonner": ">=3.0.0",
|
|
56
56
|
"ngxtension": ">=7.0.0",
|
|
57
57
|
"rxjs": ">=7.8.0",
|
|
58
58
|
"tailwind-merge": ">=3.0.0",
|
|
@@ -24,6 +24,7 @@ declare class ZDropdownMenuComponent {
|
|
|
24
24
|
readonly zIcon: _angular_core.InputSignal<"lucideLayers2" | "lucideStore" | "lucideChartBarStacked" | "lucideBookCheck" | "lucideAlarmClock" | "lucideClipboardPlus" | "lucideSave" | "lucideSaveAll" | "lucideFlag" | "lucideFlagTriangleRight" | "lucideMessageSquareDot" | "lucideCheckCheck" | "lucideTriangleAlert" | "lucideMessageSquareWarning" | "lucideCheck" | "lucidePencil" | "lucideMail" | "lucideLayoutGrid" | "lucideArrowLeft" | "lucideArrowRight" | "lucideMenu" | "lucideLock" | "lucideLogOut" | "lucideUser" | "lucideSettings" | "lucidePill" | "lucideCalendarFold" | "lucideSettings2" | "lucideChevronLeft" | "lucideChevronRight" | "lucideChevronDown" | "lucidePlus" | "lucideSearch" | "lucideUsers" | "lucideEye" | "lucideEyeOff" | "lucideEllipsis" | "lucidePanelLeftClose" | "lucidePanelLeftOpen" | "lucideLayoutDashboard" | "lucideChartColumn" | "lucideUsersRound" | "lucideLogs" | "lucideChevronUp" | "lucideTrendingUp" | "lucidePackage" | "lucideShoppingCart" | "lucideUserCheck" | "lucideActivity" | "lucideZap" | "lucideMousePointer" | "lucideInfo" | "lucideLayers" | "lucideBriefcase" | "lucideTarget" | "lucideWorkflow" | "lucideWarehouse" | "lucideLoaderCircle" | "lucideChevronsLeft" | "lucideChevronsRight" | "lucideBellRing" | "lucideSlidersHorizontal" | "lucideTrash2" | "lucideFileDown" | "lucideFunnel" | "lucideAlignJustify" | "lucideX" | "lucideFiles" | "lucideCrown" | "lucideBadgeInfo" | "lucideMinus" | "lucideBox" | "lucideCog" | "lucideBellMinus" | "lucidePackageOpen" | "lucideInbox" | "lucideClock" | "lucideBookOpen" | "lucideCalendar" | "lucideCalculator" | "lucideClipboardList" | "lucideDatabase" | "lucideDollarSign" | "lucideFileText" | "lucideGraduationCap" | "lucideHeart" | "lucideHospital" | "lucideMapPin" | "lucideMonitor" | "lucidePhone" | "lucideShield" | "lucideStar" | "lucideStethoscope" | "lucideTimer" | "lucideTrendingDown" | "lucideUserPlus" | "lucideVideo" | "lucideWallet" | "lucideWrench" | "lucideBuilding2" | "lucideCar" | "lucideCreditCard" | "lucideFileSpreadsheet" | "lucideGlobe" | "lucideHeadphones" | "lucideKey" | "lucideLightbulb" | "lucideMailCheck" | "lucideNetwork" | "lucidePalette" | "lucidePhoneCall" | "lucidePrinter" | "lucideRadio" | "lucideServer" | "lucideSmartphone" | "lucideTablet" | "lucideTerminal" | "lucideTruck" | "lucideWifi" | "lucideRefreshCcw" | "lucideLockKeyhole" | "lucideArrowDown" | "lucideArrowUp" | "lucideUserLock" | "lucideCircleCheck" | "lucideHouse" | "lucideChartBar" | "lucideChartPie" | "lucideChartLine" | "lucideCalendarRange" | "lucideCalendar1" | "lucideCalendarCheck" | "lucideNotepadText" | "lucideFileUp" | "lucideTableOfContents" | "lucideBot" | "lucideSend" | "lucidePause" | "lucidePaperclip" | "saxPauseBold" | "lucideCopy" | "lucideUserRoundPen" | "lucideFilePenLine" | "lucideArrowDownUp" | "lucideCircleX" | "lucideCheckLine" | "lucideBadgeCheck" | "lucideShieldCheck" | "lucideCircleCheckBig" | "lucideBadgeX" | "lucideLockKeyholeOpen" | "lucideFileSymlink" | "lucideWifiZero" | "lucideCloudCheck" | "lucideMailPlus" | "lucideHardDriveDownload" | "saxCloudChangeBold" | "saxRefreshBold" | "lucideBarcode" | "lucideCode" | "lucideScanQrCode" | "lucideQrCode" | "lucideScanLine" | "lucideListPlus" | "lucideFilePlus" | "lucideFilePlus2" | "lucideBookUp2" | "lucideFileClock" | "lucideRefreshCwOff" | "lucideListChecks" | "lucideFastForward" | "lucideBrushCleaning" | "lucideChartColumnIncreasing" | "lucideBell" | "lucideCheckCircle2" | "lucideAlertCircle" | "lucideXCircle" | "lucideLink" | "lucideDatabaseBackup" | "lucideFileCheck" | "lucideListChevronsDownUp" | "lucideListChevronsUpDown" | "lucideSun" | "lucideMoon" | "lucideLoader" | "lucideAlertOctagon" | "lucideMessageCircle" | "lucideCircleAlert" | "lucideMessageCircleQuestion" | "lucideComponent" | "lucidePanelRightOpen" | "lucideLoader2" | "lucideGithub" | "lucideLifeBuoy" | "lucideCloud" | "lucideBarChart" | "lucideHome" | "lucideFolderOpen" | "lucideSquarePen" | "lucideLayoutTemplate" | "lucideFileOutput" | "lucideCircleHelp" | "lucideGripHorizontal" | "lucideImage" | "lucideList" | "lucideHash" | "lucideMegaphone" | "lucidePenTool" | "lucideSquare" | "lucideRocket" | "lucideBarChart3" | "lucideUsers2" | "lucideGrid3x3" | "lucideFolderTree" | "lucideCheckCircle" | "lucideSliders" | "lucideFileEdit" | "lucideNavigation" | "lucideListFilter" | "lucideTextCursor" | "lucidePieChart" | "lucideUserSearch" | "lucideFolders" | "lucideSparkles" | "lucideSquareCheck" | "lucideCircleDot" | "lucideToggleLeft" | "lucideUpload" | "lucideUploadCloud" | "lucideDownload" | "lucideFile" | "lucideMusic" | "lucideFileCode" | "lucideFileJson" | "lucideFileArchive" | "lucideTable2" | "lucideGripVertical" | "lucidePin" | "lucideSearchX" | "lucideMoreVertical" | "lucideGitBranch" | "lucideAlertTriangle" | "lucideFilter" | "lucideFunnelX" | "lucideBan" | "lucideBuilding" | "lucideType" | "lucidePercent" | "lucideReceipt" | "lucideClipboardPen" | "lucidePackageCheck" | "lucideShoppingBag" | "lucideTag" | "lucideTags" | "lucideTicket" | "lucideWand2" | "lucideZoomIn" | "lucideZoomOut" | "lucideBadge" | "lucideClipboardCopy" | "lucideContact" | "lucideIdCard" | "lucideRecycle" | "lucidePlug" | "lucidePlug2" | "lucideBotMessageSquare" | "lucideBotOff" | "lucideBrain" | "lucideBrainCircuit" | "lucideBrainCog" | "lucideCpu" | "lucideDumbbell" | "lucideSparkle" | "lucideWandSparkles" | "lucideMessageSquareText" | "lucideMic" | "lucideAudioLines" | "lucidePlay" | "lucideSquarePlay">;
|
|
25
25
|
readonly zButtonType: _angular_core.InputSignal<"primary" | "secondary" | "outline" | "ghost">;
|
|
26
26
|
readonly zPosition: _angular_core.InputSignal<ZPopoverPosition>;
|
|
27
|
+
readonly zButtonSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "xl" | null | undefined>;
|
|
27
28
|
readonly zOffset: _angular_core.InputSignal<number>;
|
|
28
29
|
readonly zMinWidth: _angular_core.InputSignal<number>;
|
|
29
30
|
readonly zMaxWidth: _angular_core.InputSignal<number>;
|
|
@@ -43,7 +44,7 @@ declare class ZDropdownMenuComponent {
|
|
|
43
44
|
protected shouldShowDividerAfter(item: ZDropdownMenuItem, index: number): boolean;
|
|
44
45
|
protected getVisibleItems(): ZDropdownMenuItem[];
|
|
45
46
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZDropdownMenuComponent, never>;
|
|
46
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZDropdownMenuComponent, "z-dropdown-menu", never, { "zItems": { "alias": "zItems"; "required": true; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zIcon": { "alias": "zIcon"; "required": false; "isSignal": true; }; "zButtonType": { "alias": "zButtonType"; "required": false; "isSignal": true; }; "zPosition": { "alias": "zPosition"; "required": false; "isSignal": true; }; "zOffset": { "alias": "zOffset"; "required": false; "isSignal": true; }; "zMinWidth": { "alias": "zMinWidth"; "required": false; "isSignal": true; }; "zMaxWidth": { "alias": "zMaxWidth"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; }, { "zOnItemClick": "zOnItemClick"; }, ["triggerTemplate"], never, true, never>;
|
|
47
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZDropdownMenuComponent, "z-dropdown-menu", never, { "zItems": { "alias": "zItems"; "required": true; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zIcon": { "alias": "zIcon"; "required": false; "isSignal": true; }; "zButtonType": { "alias": "zButtonType"; "required": false; "isSignal": true; }; "zPosition": { "alias": "zPosition"; "required": false; "isSignal": true; }; "zButtonSize": { "alias": "zButtonSize"; "required": false; "isSignal": true; }; "zOffset": { "alias": "zOffset"; "required": false; "isSignal": true; }; "zMinWidth": { "alias": "zMinWidth"; "required": false; "isSignal": true; }; "zMaxWidth": { "alias": "zMaxWidth"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; }, { "zOnItemClick": "zOnItemClick"; }, ["triggerTemplate"], never, true, never>;
|
|
47
48
|
}
|
|
48
49
|
|
|
49
50
|
export { ZDropdownMenuComponent };
|
|
@@ -5,10 +5,14 @@ import * as _angular_core from '@angular/core';
|
|
|
5
5
|
import { TemplateRef, Type, AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
|
|
6
6
|
import { CdkDragDrop } from '@angular/cdk/drag-drop';
|
|
7
7
|
import { NgScrollbar } from 'ngx-scrollbar';
|
|
8
|
+
import { ZButtonVariants } from '@shival99/z-ui/components/z-button';
|
|
9
|
+
import { ZIcon } from '@shival99/z-ui/components/z-icon';
|
|
8
10
|
import { ZSelectOption } from '@shival99/z-ui/components/z-select';
|
|
9
11
|
import * as _shival99_z_ui_components_z_tooltip from '@shival99/z-ui/components/z-tooltip';
|
|
10
12
|
import { ZTooltipConfig } from '@shival99/z-ui/components/z-tooltip';
|
|
11
13
|
import * as _shival99_z_ui_components_z_table from '@shival99/z-ui/components/z-table';
|
|
14
|
+
import { ZDateRange } from '@shival99/z-ui/components/z-calendar';
|
|
15
|
+
import { ZDropdownMenuItem } from '@shival99/z-ui/components/z-dropdown-menu';
|
|
12
16
|
|
|
13
17
|
interface ZVirtualGroup {
|
|
14
18
|
startIndex: number;
|
|
@@ -29,7 +33,7 @@ type ZTableCellContent<T> = string | number | TemplateRef<{
|
|
|
29
33
|
}> | Type<unknown> | ((info: CellContext<T, unknown>) => string | number | TemplateRef<unknown>);
|
|
30
34
|
type ZTableHeaderContent<T> = string | TemplateRef<unknown> | Type<unknown> | (() => string) | ((info: HeaderContext<T, unknown>) => string);
|
|
31
35
|
type ZTableColumn<T = unknown> = ZTableColumnConfig<T>;
|
|
32
|
-
type ZTableFilterType = 'text' | 'number' | 'select' | 'multi-select' | 'date' | 'range' | 'tags';
|
|
36
|
+
type ZTableFilterType = 'text' | 'number' | 'select' | 'multi-select' | 'date' | 'date-range' | 'range' | 'tags';
|
|
33
37
|
type ZTableMode = 'local' | 'server';
|
|
34
38
|
interface ZTableSortConfig<T> {
|
|
35
39
|
enabled?: boolean;
|
|
@@ -70,7 +74,6 @@ interface ZTableControl<T> {
|
|
|
70
74
|
deleteItem: (id: string | number, fieldKey?: keyof T) => void;
|
|
71
75
|
getItems: () => T[];
|
|
72
76
|
}
|
|
73
|
-
/** Header cell configuration */
|
|
74
77
|
interface ZTableHeaderColumnConfig<T> {
|
|
75
78
|
content?: ZTableHeaderContent<T>;
|
|
76
79
|
class?: string;
|
|
@@ -78,9 +81,10 @@ interface ZTableHeaderColumnConfig<T> {
|
|
|
78
81
|
align?: ZTableAlign;
|
|
79
82
|
rowSpan?: number;
|
|
80
83
|
colSpan?: number;
|
|
84
|
+
contentClass?: string | ((info: HeaderContext<T, unknown>) => string);
|
|
85
|
+
contentStyle?: Record<string, string> | ((info: HeaderContext<T, unknown>) => Record<string, string>);
|
|
81
86
|
tooltip?: string | ZTooltipConfig;
|
|
82
87
|
}
|
|
83
|
-
/** Body/data cell configuration */
|
|
84
88
|
interface ZTableBodyColumnConfig<T> {
|
|
85
89
|
content?: ZTableCellContent<T>;
|
|
86
90
|
class?: string | ((info: CellContext<T, unknown>) => string);
|
|
@@ -91,8 +95,8 @@ interface ZTableBodyColumnConfig<T> {
|
|
|
91
95
|
contentClass?: string | ((info: CellContext<T, unknown>) => string);
|
|
92
96
|
contentStyle?: Record<string, string> | ((info: CellContext<T, unknown>) => Record<string, string>);
|
|
93
97
|
tooltip?: string | ZTooltipConfig | ((info: CellContext<T, unknown>) => string | ZTooltipConfig);
|
|
98
|
+
actions?: ZTableActionColumnConfig<T>;
|
|
94
99
|
}
|
|
95
|
-
/** Footer cell configuration */
|
|
96
100
|
interface ZTableFooterColumnConfig<T> {
|
|
97
101
|
content?: ZTableHeaderContent<T>;
|
|
98
102
|
class?: string;
|
|
@@ -100,6 +104,8 @@ interface ZTableFooterColumnConfig<T> {
|
|
|
100
104
|
align?: ZTableAlign;
|
|
101
105
|
rowSpan?: number;
|
|
102
106
|
colSpan?: number;
|
|
107
|
+
contentClass?: string | ((info: HeaderContext<T, unknown>) => string);
|
|
108
|
+
contentStyle?: Record<string, string> | ((info: HeaderContext<T, unknown>) => Record<string, string>);
|
|
103
109
|
tooltip?: string | ZTooltipConfig;
|
|
104
110
|
}
|
|
105
111
|
interface ZTableColumnConfig<T> {
|
|
@@ -175,7 +181,34 @@ interface ZTableSearchChangeEvent {
|
|
|
175
181
|
sorting: SortingState;
|
|
176
182
|
pagination: PaginationState;
|
|
177
183
|
}
|
|
178
|
-
|
|
184
|
+
interface ZTableActionItem<T = unknown> {
|
|
185
|
+
key: string;
|
|
186
|
+
label?: string;
|
|
187
|
+
icon?: ZIcon;
|
|
188
|
+
tooltip?: string;
|
|
189
|
+
type?: ZButtonVariants['zType'];
|
|
190
|
+
size?: ZButtonVariants['zSize'];
|
|
191
|
+
class?: string;
|
|
192
|
+
disabled?: boolean | ((row: T) => boolean);
|
|
193
|
+
hidden?: boolean | ((row: T) => boolean);
|
|
194
|
+
danger?: boolean;
|
|
195
|
+
divide?: 'before' | 'after';
|
|
196
|
+
}
|
|
197
|
+
interface ZTableActionClickEvent<T = unknown> {
|
|
198
|
+
key: string;
|
|
199
|
+
row: T;
|
|
200
|
+
rowId: string;
|
|
201
|
+
action: ZTableActionItem<T>;
|
|
202
|
+
}
|
|
203
|
+
interface ZTableActionColumnConfig<T = unknown> {
|
|
204
|
+
actions: ZTableActionItem<T>[];
|
|
205
|
+
maxVisible?: number;
|
|
206
|
+
position?: 'left' | 'right';
|
|
207
|
+
pinned?: boolean;
|
|
208
|
+
width?: number;
|
|
209
|
+
header?: string;
|
|
210
|
+
}
|
|
211
|
+
type ZTableChangeType = 'page' | 'sort' | 'filter' | 'search' | 'select' | 'expand' | 'rowSelect' | 'rowSelectAll' | 'rowExpand' | 'cellClick' | 'action';
|
|
179
212
|
interface ZTableChangeEventBase {
|
|
180
213
|
type: ZTableChangeType;
|
|
181
214
|
}
|
|
@@ -223,7 +256,11 @@ interface ZTableExpandChange extends ZTableChangeEventBase {
|
|
|
223
256
|
expanded: ExpandedState;
|
|
224
257
|
};
|
|
225
258
|
}
|
|
226
|
-
|
|
259
|
+
interface ZTableActionChange<T> extends ZTableChangeEventBase {
|
|
260
|
+
type: 'action';
|
|
261
|
+
data: ZTableActionClickEvent<T>;
|
|
262
|
+
}
|
|
263
|
+
type ZTableChangeEvent<T> = ZTablePageChange | ZTableSortChange | ZTableFilterChange | ZTableSearchChange | ZTableSelectChange | ZTableExpandChange | ZTableRowSelectChange<T> | ZTableRowSelectAllChange<T> | ZTableRowExpandChange<T> | ZTableCellClickChange<T> | ZTableActionChange<T>;
|
|
227
264
|
interface ZTableInitialState {
|
|
228
265
|
columnPinning?: ColumnPinningState;
|
|
229
266
|
rowPinning?: RowPinningState;
|
|
@@ -256,12 +293,13 @@ interface ZTableConfig<T> {
|
|
|
256
293
|
showFooterShadow?: boolean;
|
|
257
294
|
enableSettings?: boolean;
|
|
258
295
|
enableColumnResizing?: boolean;
|
|
259
|
-
enableRowPinning?: boolean;
|
|
260
296
|
enableMultiSort?: boolean;
|
|
261
297
|
enableSearch?: boolean;
|
|
262
298
|
enablePagination?: boolean;
|
|
299
|
+
enableRowPinning?: boolean;
|
|
263
300
|
enableColumnPinning?: boolean;
|
|
264
301
|
enableColumnOrdering?: boolean;
|
|
302
|
+
enableColumnSorting?: boolean;
|
|
265
303
|
pagination?: ZTablePaginationConfig;
|
|
266
304
|
initialState?: ZTableInitialState;
|
|
267
305
|
loading?: boolean;
|
|
@@ -289,7 +327,6 @@ declare class ZTableComponent<T> implements AfterViewInit {
|
|
|
289
327
|
readonly zChange: _angular_core.OutputEmitterRef<ZTableChangeEvent<T>>;
|
|
290
328
|
readonly zControl: _angular_core.OutputEmitterRef<ZTableControl<T>>;
|
|
291
329
|
private readonly _destroyRef;
|
|
292
|
-
private readonly _ngZone;
|
|
293
330
|
private readonly _isSyncingScroll;
|
|
294
331
|
private readonly _savedScrollLeft;
|
|
295
332
|
private _resizeObserver;
|
|
@@ -331,6 +368,12 @@ declare class ZTableComponent<T> implements AfterViewInit {
|
|
|
331
368
|
protected readonly hasBodyRowSpan: _angular_core.Signal<boolean>;
|
|
332
369
|
protected readonly hasSelectColumn: _angular_core.Signal<boolean>;
|
|
333
370
|
protected readonly hasExpandColumn: _angular_core.Signal<boolean>;
|
|
371
|
+
protected readonly actionColumnInfo: _angular_core.Signal<{
|
|
372
|
+
columnId: string;
|
|
373
|
+
config: ZTableActionColumnConfig<T>;
|
|
374
|
+
width: number;
|
|
375
|
+
} | null>;
|
|
376
|
+
protected readonly hasActionColumn: _angular_core.Signal<boolean>;
|
|
334
377
|
protected readonly hasFiltering: _angular_core.Signal<boolean>;
|
|
335
378
|
protected readonly hasSorting: _angular_core.Signal<boolean>;
|
|
336
379
|
private readonly _data;
|
|
@@ -390,6 +433,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
|
|
|
390
433
|
}, emitType?: 'user' | 'auto'): void;
|
|
391
434
|
onSearchChange(value: string | number | null): void;
|
|
392
435
|
toggleHeaderFooterShadow(): void;
|
|
436
|
+
onActionClick(event: ZTableActionClickEvent<T>): void;
|
|
393
437
|
openSettingsDrawer(): void;
|
|
394
438
|
onPendingColumnDrop(event: CdkDragDrop<string[]>): void;
|
|
395
439
|
onVisibleColumnsChange(values: (string | number)[]): void;
|
|
@@ -426,6 +470,10 @@ declare class ZTableFilterComponent<T> implements OnDestroy {
|
|
|
426
470
|
protected readonly maxPlaceholder: _angular_core.Signal<any>;
|
|
427
471
|
protected readonly searchPlaceholder: _angular_core.Signal<any>;
|
|
428
472
|
protected readonly allLabel: _angular_core.Signal<any>;
|
|
473
|
+
protected readonly datePlaceholder: _angular_core.Signal<any>;
|
|
474
|
+
protected readonly dateRangePlaceholder: _angular_core.Signal<any>;
|
|
475
|
+
readonly dateValue: _angular_core.Signal<Date | null>;
|
|
476
|
+
readonly dateRangeValue: _angular_core.Signal<ZDateRange | null>;
|
|
429
477
|
readonly selectOptions: _angular_core.Signal<(ZSelectOption<unknown> | {
|
|
430
478
|
label: string;
|
|
431
479
|
value: string;
|
|
@@ -435,6 +483,8 @@ declare class ZTableFilterComponent<T> implements OnDestroy {
|
|
|
435
483
|
onMaxChangeDebounced(value: string | number | null): void;
|
|
436
484
|
onTextChangeDebounced(value: string | number | null): void;
|
|
437
485
|
onSelectChange(value: unknown): void;
|
|
486
|
+
onDateChange(value: Date | null): void;
|
|
487
|
+
onDateRangeChange(value: ZDateRange | null): void;
|
|
438
488
|
private _debounce;
|
|
439
489
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTableFilterComponent<any>, never>;
|
|
440
490
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTableFilterComponent<any>, "z-table-filter", never, { "zColumn": { "alias": "zColumn"; "required": true; "isSignal": true; }; "zTable": { "alias": "zTable"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -452,6 +502,28 @@ declare class ZTableIconTextComponent {
|
|
|
452
502
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTableIconTextComponent, "z-table-icon-text", never, { "zText": { "alias": "zText"; "required": false; "isSignal": true; }; "zTooltip": { "alias": "zTooltip"; "required": false; "isSignal": true; }; "zTriggerElement": { "alias": "zTriggerElement"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
453
503
|
}
|
|
454
504
|
|
|
505
|
+
declare class ZTableActionsComponent<T = unknown> {
|
|
506
|
+
readonly zConfig: _angular_core.InputSignal<ZTableActionColumnConfig<T>>;
|
|
507
|
+
readonly zRow: _angular_core.InputSignal<T>;
|
|
508
|
+
readonly zRowId: _angular_core.InputSignal<string>;
|
|
509
|
+
readonly zDropdownButtonSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "xl" | null | undefined>;
|
|
510
|
+
readonly zActionClick: _angular_core.OutputEmitterRef<ZTableActionClickEvent<T>>;
|
|
511
|
+
protected readonly allActions: _angular_core.Signal<ZTableActionItem<T>[]>;
|
|
512
|
+
protected readonly shouldShowAsButtons: _angular_core.Signal<boolean>;
|
|
513
|
+
protected readonly actionStates: _angular_core.Signal<Record<string, {
|
|
514
|
+
visible: boolean;
|
|
515
|
+
disabled: boolean;
|
|
516
|
+
buttonClass: string;
|
|
517
|
+
tooltip: string;
|
|
518
|
+
}>>;
|
|
519
|
+
protected readonly dropdownItems: _angular_core.Signal<ZDropdownMenuItem[]>;
|
|
520
|
+
protected _onActionClick(action: ZTableActionItem<T>, event: Event): void;
|
|
521
|
+
protected _onDropdownItemClick(item: ZDropdownMenuItem): void;
|
|
522
|
+
private _emitActionClick;
|
|
523
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTableActionsComponent<any>, never>;
|
|
524
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTableActionsComponent<any>, "z-table-actions", never, { "zConfig": { "alias": "zConfig"; "required": true; "isSignal": true; }; "zRow": { "alias": "zRow"; "required": true; "isSignal": true; }; "zRowId": { "alias": "zRowId"; "required": true; "isSignal": true; }; "zDropdownButtonSize": { "alias": "zDropdownButtonSize"; "required": false; "isSignal": true; }; }, { "zActionClick": "zActionClick"; }, never, never, true, never>;
|
|
525
|
+
}
|
|
526
|
+
|
|
455
527
|
declare const isHeaderConfig: <T>(config: ZTableHeaderColumnConfig<T> | ZTableHeaderContent<T> | undefined) => config is ZTableHeaderColumnConfig<T>;
|
|
456
528
|
declare const isBodyConfig: <T>(config: ZTableBodyColumnConfig<T> | ZTableCellContent<T> | undefined) => config is ZTableBodyColumnConfig<T>;
|
|
457
529
|
declare const isFooterConfig: <T>(config: ZTableFooterColumnConfig<T> | ZTableHeaderContent<T> | undefined) => config is ZTableFooterColumnConfig<T>;
|
|
@@ -463,6 +535,18 @@ declare const getHeaderConfig: <T>(col: ZTableColumnConfig<T> | undefined) => {
|
|
|
463
535
|
tooltip: string | object | undefined;
|
|
464
536
|
rowSpan: number | undefined;
|
|
465
537
|
colSpan: number | undefined;
|
|
538
|
+
contentClass: string | ((info: unknown) => string) | undefined;
|
|
539
|
+
contentStyle: Record<string, string> | ((info: unknown) => Record<string, string>) | undefined;
|
|
540
|
+
} | {
|
|
541
|
+
content: ZTableHeaderContent<T> | undefined;
|
|
542
|
+
class: string | undefined;
|
|
543
|
+
style: Record<string, string> | undefined;
|
|
544
|
+
align: ZTableAlign | undefined;
|
|
545
|
+
tooltip: string | _shival99_z_ui_components_z_tooltip.ZTooltipConfig | undefined;
|
|
546
|
+
rowSpan: number | undefined;
|
|
547
|
+
colSpan: number | undefined;
|
|
548
|
+
contentClass: string | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => string) | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => string) | undefined;
|
|
549
|
+
contentStyle: Record<string, string> | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => Record<string, string>) | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => Record<string, string>) | undefined;
|
|
466
550
|
};
|
|
467
551
|
declare const getBodyConfig: <T>(col: ZTableColumnConfig<T> | undefined, ctx?: CellContext<T, unknown>) => {
|
|
468
552
|
content: ZTableCellContent<T> | undefined;
|
|
@@ -493,9 +577,21 @@ declare const getFooterConfig: <T>(col: ZTableColumnConfig<T> | undefined) => {
|
|
|
493
577
|
tooltip: string | object | undefined;
|
|
494
578
|
rowSpan: number | undefined;
|
|
495
579
|
colSpan: number | undefined;
|
|
580
|
+
contentClass: string | ((info: unknown) => string) | undefined;
|
|
581
|
+
contentStyle: Record<string, string> | ((info: unknown) => Record<string, string>) | undefined;
|
|
582
|
+
} | {
|
|
583
|
+
content: ZTableHeaderContent<T> | undefined;
|
|
584
|
+
class: string | undefined;
|
|
585
|
+
style: Record<string, string> | undefined;
|
|
586
|
+
align: ZTableAlign | undefined;
|
|
587
|
+
tooltip: string | _shival99_z_ui_components_z_tooltip.ZTooltipConfig | undefined;
|
|
588
|
+
rowSpan: number | undefined;
|
|
589
|
+
colSpan: number | undefined;
|
|
590
|
+
contentClass: string | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => string) | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => string) | undefined;
|
|
591
|
+
contentStyle: Record<string, string> | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => Record<string, string>) | ((info: _tanstack_angular_table.HeaderContext<T, unknown>) => Record<string, string>) | undefined;
|
|
496
592
|
};
|
|
497
593
|
declare const findColumnConfig: <T>(columnId: string, columns: ZTableColumnConfig<T>[]) => ZTableColumnConfig<T> | undefined;
|
|
498
594
|
declare function columnConfigToColumnDef<T>(config: ZTableColumnConfig<T>): ColumnDef<T>;
|
|
499
595
|
|
|
500
|
-
export { ZTableComponent, ZTableFilterComponent, ZTableIconTextComponent, columnConfigToColumnDef, findColumnConfig, getBodyConfig, getFooterConfig, getHeaderConfig, isBodyConfig, isFooterConfig, isHeaderConfig };
|
|
501
|
-
export type { ZTableChangeEvent, ZTableColumn, ZTableColumnConfig, ZTableConfig, ZTableControl, ZTableFilterChangeEvent, ZTableFilterConfig, ZTableFilterType, ZTablePageChangeEvent, ZTablePaginationConfig, ZTableRowExpandEvent, ZTableRowSelectEvent, ZTableSavedConfig, ZTableSearchChangeEvent, ZTableSortChangeEvent, ZTableSortConfig };
|
|
596
|
+
export { ZTableActionsComponent, ZTableComponent, ZTableFilterComponent, ZTableIconTextComponent, columnConfigToColumnDef, findColumnConfig, getBodyConfig, getFooterConfig, getHeaderConfig, isBodyConfig, isFooterConfig, isHeaderConfig };
|
|
597
|
+
export type { ZTableActionClickEvent, ZTableActionColumnConfig, ZTableActionItem, ZTableChangeEvent, ZTableColumn, ZTableColumnConfig, ZTableConfig, ZTableControl, ZTableFilterChangeEvent, ZTableFilterConfig, ZTableFilterType, ZTablePageChangeEvent, ZTablePaginationConfig, ZTableRowExpandEvent, ZTableRowSelectEvent, ZTableSavedConfig, ZTableSearchChangeEvent, ZTableSortChangeEvent, ZTableSortConfig };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { InjectionToken, EnvironmentProviders, OnDestroy } from '@angular/core';
|
|
3
3
|
import { ClassValue } from 'clsx';
|
|
4
|
-
import { ExternalToast } from 'ngx-sonner';
|
|
4
|
+
import { ExternalToast } from '@shival99/ngx-sonner';
|
|
5
5
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
6
6
|
import { VariantProps } from 'class-variance-authority';
|
|
7
7
|
|