@shival99/z-ui 1.9.13 → 1.9.14
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-accordion.mjs +129 -12
- package/fesm2022/shival99-z-ui-components-z-accordion.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs +142 -8
- package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-breadcrumb.mjs +65 -16
- package/fesm2022/shival99-z-ui-components-z-breadcrumb.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-chat.mjs +18 -7
- package/fesm2022/shival99-z-ui-components-z-chat.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-filter.mjs +1 -1
- package/fesm2022/shival99-z-ui-components-z-filter.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-skeleton-auto.mjs +61 -0
- package/fesm2022/shival99-z-ui-components-z-skeleton-auto.mjs.map +1 -0
- package/fesm2022/shival99-z-ui-components-z-skeleton.mjs +13 -33
- package/fesm2022/shival99-z-ui-components-z-skeleton.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-switch.mjs +16 -6
- package/fesm2022/shival99-z-ui-components-z-switch.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-table.mjs +291 -24
- package/fesm2022/shival99-z-ui-components-z-table.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-tabs.mjs +27 -2
- package/fesm2022/shival99-z-ui-components-z-tabs.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-timeline.mjs +5 -3
- package/fesm2022/shival99-z-ui-components-z-timeline.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-providers.mjs +1 -0
- package/fesm2022/shival99-z-ui-providers.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-services.mjs +371 -179
- package/fesm2022/shival99-z-ui-services.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-utils.mjs +6 -1
- package/fesm2022/shival99-z-ui-utils.mjs.map +1 -1
- package/package.json +5 -1
- package/types/shival99-z-ui-components-z-accordion.d.ts +22 -4
- package/types/shival99-z-ui-components-z-autocomplete.d.ts +34 -8
- package/types/shival99-z-ui-components-z-breadcrumb.d.ts +13 -3
- package/types/shival99-z-ui-components-z-calendar.d.ts +4 -4
- package/types/shival99-z-ui-components-z-chat.d.ts +1 -0
- package/types/shival99-z-ui-components-z-editor.d.ts +1 -1
- 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-skeleton-auto.d.ts +35 -0
- package/types/shival99-z-ui-components-z-skeleton.d.ts +3 -7
- package/types/shival99-z-ui-components-z-switch.d.ts +7 -1
- package/types/shival99-z-ui-components-z-table.d.ts +65 -7
- package/types/shival99-z-ui-components-z-tabs.d.ts +3 -3
- package/types/shival99-z-ui-components-z-timeline.d.ts +7 -1
- package/types/shival99-z-ui-components-z-upload.d.ts +3 -3
- package/types/shival99-z-ui-services.d.ts +18 -1
- package/types/shival99-z-ui-utils.d.ts +2 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit
|
|
2
|
+
import { AfterViewInit } from '@angular/core';
|
|
3
3
|
import { ClassValue } from 'clsx';
|
|
4
4
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
5
|
import { VariantProps } from 'class-variance-authority';
|
|
@@ -11,7 +11,7 @@ interface ZSkeletonRowItem {
|
|
|
11
11
|
height: string;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
declare class ZSkeletonComponent implements AfterViewInit
|
|
14
|
+
declare class ZSkeletonComponent implements AfterViewInit {
|
|
15
15
|
private readonly _elementRef;
|
|
16
16
|
readonly class: _angular_core.InputSignal<ClassValue>;
|
|
17
17
|
readonly zType: _angular_core.InputSignal<ZSkeletonType>;
|
|
@@ -23,11 +23,9 @@ declare class ZSkeletonComponent implements AfterViewInit, OnDestroy {
|
|
|
23
23
|
readonly zAnimated: _angular_core.InputSignal<boolean>;
|
|
24
24
|
readonly zRadius: _angular_core.InputSignal<string>;
|
|
25
25
|
private readonly _calculatedRows;
|
|
26
|
-
private _parentElement;
|
|
27
|
-
private _originalOverflow;
|
|
28
26
|
ngAfterViewInit(): void;
|
|
29
|
-
ngOnDestroy(): void;
|
|
30
27
|
protected readonly containerClass: _angular_core.Signal<string>;
|
|
28
|
+
protected readonly hostHeight: _angular_core.Signal<string | undefined>;
|
|
31
29
|
protected readonly skeletonClasses: _angular_core.Signal<string>;
|
|
32
30
|
protected readonly circleStyles: _angular_core.Signal<{
|
|
33
31
|
width: string;
|
|
@@ -38,8 +36,6 @@ declare class ZSkeletonComponent implements AfterViewInit, OnDestroy {
|
|
|
38
36
|
}>;
|
|
39
37
|
protected readonly shouldShowMultipleRows: _angular_core.Signal<boolean>;
|
|
40
38
|
protected readonly rowsArray: _angular_core.Signal<ZSkeletonRowItem[]>;
|
|
41
|
-
private _setParentOverflowHidden;
|
|
42
|
-
private _restoreParentOverflow;
|
|
43
39
|
private _calculateBarRows;
|
|
44
40
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZSkeletonComponent, never>;
|
|
45
41
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSkeletonComponent, "z-skeleton", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zWidth": { "alias": "zWidth"; "required": false; "isSignal": true; }; "zHeight": { "alias": "zHeight"; "required": false; "isSignal": true; }; "zRows": { "alias": "zRows"; "required": false; "isSignal": true; }; "zGap": { "alias": "zGap"; "required": false; "isSignal": true; }; "zAnimated": { "alias": "zAnimated"; "required": false; "isSignal": true; }; "zRadius": { "alias": "zRadius"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { ZIcon } from '@shival99/z-ui/components/z-icon';
|
|
3
4
|
import { ZEvent } from '@shival99/z-ui/utils';
|
|
4
5
|
import { ClassValue } from 'clsx';
|
|
5
6
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
@@ -16,12 +17,16 @@ declare class ZSwitchComponent implements ControlValueAccessor {
|
|
|
16
17
|
readonly zOnFocus: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
17
18
|
readonly zEvent: _angular_core.OutputEmitterRef<ZEvent>;
|
|
18
19
|
readonly class: _angular_core.InputSignal<ClassValue>;
|
|
20
|
+
readonly zSwitchClass: _angular_core.InputSignal<ClassValue>;
|
|
21
|
+
readonly zThumbClass: _angular_core.InputSignal<ClassValue>;
|
|
19
22
|
readonly zSize: _angular_core.InputSignal<ZSwitchSize>;
|
|
20
23
|
readonly zMode: _angular_core.InputSignal<ZSwitchMode>;
|
|
21
24
|
readonly zLabel: _angular_core.InputSignal<string>;
|
|
22
25
|
readonly zText: _angular_core.InputSignal<string>;
|
|
23
26
|
readonly zCheckedText: _angular_core.InputSignal<string>;
|
|
24
27
|
readonly zUncheckedText: _angular_core.InputSignal<string>;
|
|
28
|
+
readonly zCheckedIcon: _angular_core.InputSignal<ZIcon | null>;
|
|
29
|
+
readonly zUncheckedIcon: _angular_core.InputSignal<ZIcon | null>;
|
|
25
30
|
readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
26
31
|
readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
27
32
|
readonly zTextPosition: _angular_core.InputSignal<"left" | "right">;
|
|
@@ -37,6 +42,7 @@ declare class ZSwitchComponent implements ControlValueAccessor {
|
|
|
37
42
|
protected readonly switchState: _angular_core.Signal<"checked" | "unchecked">;
|
|
38
43
|
protected readonly innerLeftClasses: _angular_core.Signal<string>;
|
|
39
44
|
protected readonly innerRightClasses: _angular_core.Signal<string>;
|
|
45
|
+
protected readonly currentThumbIcon: _angular_core.Signal<ZIcon | null>;
|
|
40
46
|
protected readonly displayCheckedText: _angular_core.Signal<string>;
|
|
41
47
|
protected readonly displayUncheckedText: _angular_core.Signal<string>;
|
|
42
48
|
protected readonly loadingIconSize: _angular_core.Signal<"10" | "16" | "12">;
|
|
@@ -51,7 +57,7 @@ declare class ZSwitchComponent implements ControlValueAccessor {
|
|
|
51
57
|
protected onSwitchClick(event: MouseEvent): void;
|
|
52
58
|
private _triggerWaveEffect;
|
|
53
59
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZSwitchComponent, never>;
|
|
54
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSwitchComponent, "z-switch", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zText": { "alias": "zText"; "required": false; "isSignal": true; }; "zCheckedText": { "alias": "zCheckedText"; "required": false; "isSignal": true; }; "zUncheckedText": { "alias": "zUncheckedText"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zTextPosition": { "alias": "zTextPosition"; "required": false; "isSignal": true; }; "zWave": { "alias": "zWave"; "required": false; "isSignal": true; }; "zChecked": { "alias": "zChecked"; "required": false; "isSignal": true; }; }, { "zChange": "zChange"; "zOnBlur": "zOnBlur"; "zOnFocus": "zOnFocus"; "zEvent": "zEvent"; "zChecked": "zCheckedChange"; }, never, never, true, never>;
|
|
60
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSwitchComponent, "z-switch", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zSwitchClass": { "alias": "zSwitchClass"; "required": false; "isSignal": true; }; "zThumbClass": { "alias": "zThumbClass"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zText": { "alias": "zText"; "required": false; "isSignal": true; }; "zCheckedText": { "alias": "zCheckedText"; "required": false; "isSignal": true; }; "zUncheckedText": { "alias": "zUncheckedText"; "required": false; "isSignal": true; }; "zCheckedIcon": { "alias": "zCheckedIcon"; "required": false; "isSignal": true; }; "zUncheckedIcon": { "alias": "zUncheckedIcon"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zTextPosition": { "alias": "zTextPosition"; "required": false; "isSignal": true; }; "zWave": { "alias": "zWave"; "required": false; "isSignal": true; }; "zChecked": { "alias": "zChecked"; "required": false; "isSignal": true; }; }, { "zChange": "zChange"; "zOnBlur": "zOnBlur"; "zOnFocus": "zOnFocus"; "zEvent": "zEvent"; "zChecked": "zCheckedChange"; }, never, never, true, never>;
|
|
55
61
|
}
|
|
56
62
|
|
|
57
63
|
declare const zSwitchVariants: (props?: ({
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as _shival99_angular_virtual from '@shival99/angular-virtual';
|
|
2
1
|
import * as _tanstack_angular_table from '@tanstack/angular-table';
|
|
3
|
-
import { RowData, SortingState, ColumnFiltersState, PaginationState, RowSelectionState, ExpandedState, HeaderContext, CellContext, FlexRenderComponent, Row, ColumnPinningState, RowPinningState, VisibilityState, ColumnOrderState,
|
|
2
|
+
import { RowData, SortingState, ColumnFiltersState, PaginationState, RowSelectionState, ExpandedState, HeaderContext, CellContext, FlexRenderComponent, Row, ColumnPinningState, RowPinningState, VisibilityState, ColumnOrderState, Column, createAngularTable, Table, ColumnDef } from '@tanstack/angular-table';
|
|
3
|
+
import * as _shival99_angular_virtual from '@shival99/angular-virtual';
|
|
4
4
|
import * as _shival99_z_ui_components_z_input from '@shival99/z-ui/components/z-input';
|
|
5
5
|
import { ZInputSize } from '@shival99/z-ui/components/z-input';
|
|
6
6
|
import * as _angular_core from '@angular/core';
|
|
7
7
|
import { TemplateRef, Type, AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
8
|
-
import { CdkDragDrop } from '@angular/cdk/drag-drop';
|
|
8
|
+
import { CdkDragDrop, CdkDragEnd } from '@angular/cdk/drag-drop';
|
|
9
9
|
import { ClassValue } from 'clsx';
|
|
10
10
|
import { NgScrollbar } from 'ngx-scrollbar';
|
|
11
11
|
import { ZAutocompleteType, ZAutocompleteOption } from '@shival99/z-ui/components/z-autocomplete';
|
|
@@ -322,6 +322,13 @@ interface ZTableCellEditEvent<T> {
|
|
|
322
322
|
oldValue: unknown;
|
|
323
323
|
newValue: unknown;
|
|
324
324
|
}
|
|
325
|
+
interface ZTableRowDragEvent<T> {
|
|
326
|
+
row: T;
|
|
327
|
+
rowId: string;
|
|
328
|
+
previousIndex: number;
|
|
329
|
+
currentIndex: number;
|
|
330
|
+
data: T[];
|
|
331
|
+
}
|
|
325
332
|
interface ZTableSortChangeEvent {
|
|
326
333
|
sorting: SortingState;
|
|
327
334
|
}
|
|
@@ -368,7 +375,7 @@ interface ZTableActionColumnConfig<T = unknown> {
|
|
|
368
375
|
maxVisible?: number;
|
|
369
376
|
}
|
|
370
377
|
/** All possible change event types — used as discriminant in ZTableChangeEvent */
|
|
371
|
-
type ZTableChangeType = 'page' | 'sort' | 'filter' | 'search' | 'select' | 'expand' | 'rowSelect' | 'rowSelectAll' | 'rowExpand' | 'cellClick' | 'cellEdit' | 'action';
|
|
378
|
+
type ZTableChangeType = 'page' | 'sort' | 'filter' | 'search' | 'select' | 'expand' | 'rowSelect' | 'rowSelectAll' | 'rowExpand' | 'rowDrag' | 'cellClick' | 'cellEdit' | 'action';
|
|
372
379
|
interface ZTableChangeEventBase {
|
|
373
380
|
type: ZTableChangeType;
|
|
374
381
|
}
|
|
@@ -396,6 +403,10 @@ interface ZTableRowExpandChange<T> extends ZTableChangeEventBase {
|
|
|
396
403
|
type: 'rowExpand';
|
|
397
404
|
data: ZTableRowExpandEvent<T>;
|
|
398
405
|
}
|
|
406
|
+
interface ZTableRowDragChange<T> extends ZTableChangeEventBase {
|
|
407
|
+
type: 'rowDrag';
|
|
408
|
+
data: ZTableRowDragEvent<T>;
|
|
409
|
+
}
|
|
399
410
|
interface ZTableCellClickChange<T> extends ZTableChangeEventBase {
|
|
400
411
|
type: 'cellClick';
|
|
401
412
|
data: ZTableCellClickEvent<T>;
|
|
@@ -437,7 +448,7 @@ interface ZTableCellEditChange<T> extends ZTableChangeEventBase {
|
|
|
437
448
|
* }
|
|
438
449
|
* ```
|
|
439
450
|
*/
|
|
440
|
-
type ZTableChangeEvent<T> = ZTablePageChange | ZTableSortChange | ZTableFilterChange | ZTableSearchChange | ZTableSelectChange | ZTableExpandChange | ZTableRowSelectChange<T> | ZTableRowSelectAllChange<T> | ZTableRowExpandChange<T> | ZTableCellClickChange<T> | ZTableCellEditChange<T> | ZTableActionChange<T>;
|
|
451
|
+
type ZTableChangeEvent<T> = ZTablePageChange | ZTableSortChange | ZTableFilterChange | ZTableSearchChange | ZTableSelectChange | ZTableExpandChange | ZTableRowSelectChange<T> | ZTableRowSelectAllChange<T> | ZTableRowExpandChange<T> | ZTableRowDragChange<T> | ZTableCellClickChange<T> | ZTableCellEditChange<T> | ZTableActionChange<T>;
|
|
441
452
|
/** Initial table state — applied on first render, before any cached config is loaded */
|
|
442
453
|
interface ZTableInitialState {
|
|
443
454
|
columnPinning?: ColumnPinningState;
|
|
@@ -517,6 +528,12 @@ interface ZTableSearchConfig {
|
|
|
517
528
|
width?: string;
|
|
518
529
|
size?: ZInputSize;
|
|
519
530
|
}
|
|
531
|
+
interface ZTableVirtualColumnConfig {
|
|
532
|
+
/** Enable horizontal column virtualization for center columns only */
|
|
533
|
+
enabled: boolean;
|
|
534
|
+
/** Number of columns to render outside the visible range */
|
|
535
|
+
overscan?: number;
|
|
536
|
+
}
|
|
520
537
|
/**
|
|
521
538
|
* Top-level configuration passed via `[zConfig]` input.
|
|
522
539
|
* This is the primary API surface for consumers of z-table.
|
|
@@ -526,6 +543,8 @@ interface ZTableConfig<T> {
|
|
|
526
543
|
mode?: ZTableMode;
|
|
527
544
|
/** Row data array — for server mode, this is the current page's data */
|
|
528
545
|
data: T[];
|
|
546
|
+
/** Enables drag-and-drop row reordering for compatible local-table states */
|
|
547
|
+
enableRowDragging?: boolean;
|
|
529
548
|
/** Total row count for server-side pagination (aliased as totalRows) */
|
|
530
549
|
totalCount?: number;
|
|
531
550
|
/** Column definitions */
|
|
@@ -538,6 +557,8 @@ interface ZTableConfig<T> {
|
|
|
538
557
|
totalRows?: number;
|
|
539
558
|
/** true = enable with defaults; object = full virtual scroll config */
|
|
540
559
|
virtual?: ZTableVirtualConfig | boolean;
|
|
560
|
+
/** true = enable with defaults; object = full horizontal column virtualization config */
|
|
561
|
+
virtualColumns?: ZTableVirtualColumnConfig | boolean;
|
|
541
562
|
showHorizontalBorder?: boolean;
|
|
542
563
|
showVerticalBorder?: boolean;
|
|
543
564
|
showHeaderShadow?: boolean;
|
|
@@ -631,6 +652,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
|
|
|
631
652
|
protected readonly isLoading: _angular_core.Signal<boolean>;
|
|
632
653
|
/** True during debounced async state transitions (sort/filter processing) */
|
|
633
654
|
protected readonly isProcessing: _angular_core.WritableSignal<boolean>;
|
|
655
|
+
protected readonly isDraggingRow: _angular_core.WritableSignal<boolean>;
|
|
634
656
|
protected readonly theadWrapper: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
635
657
|
protected readonly tbodyContainer: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
636
658
|
protected readonly tbodyWrapper: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
@@ -678,6 +700,10 @@ declare class ZTableComponent<T> implements AfterViewInit {
|
|
|
678
700
|
private readonly _columnPinVersion;
|
|
679
701
|
/** Bumped to trigger data refresh (e.g., after addItem/deleteItem via control API) */
|
|
680
702
|
private readonly _dataForceUpdate;
|
|
703
|
+
/** Stores a temporary locally reordered dataset until parent pushes a new data reference */
|
|
704
|
+
private readonly _rowDragDataOverride;
|
|
705
|
+
/** Tracks the latest external data array reference to detect parent-driven refreshes */
|
|
706
|
+
private _lastExternalDataRef;
|
|
681
707
|
/** Set when a single row is updated via control API (for targeted re-render) */
|
|
682
708
|
protected readonly _rowUpdate: _angular_core.WritableSignal<{
|
|
683
709
|
rowId: string;
|
|
@@ -697,6 +723,10 @@ declare class ZTableComponent<T> implements AfterViewInit {
|
|
|
697
723
|
protected readonly hasBodyRowSpan: _angular_core.Signal<boolean>;
|
|
698
724
|
protected readonly hasSelectColumn: _angular_core.Signal<boolean>;
|
|
699
725
|
protected readonly hasExpandColumn: _angular_core.Signal<boolean>;
|
|
726
|
+
protected readonly hasRowDragColumn: _angular_core.Signal<boolean>;
|
|
727
|
+
protected readonly canUseRowDrag: _angular_core.Signal<boolean>;
|
|
728
|
+
protected readonly isVirtualRowDragEnabled: _angular_core.Signal<boolean>;
|
|
729
|
+
protected readonly isRowDragEnabled: _angular_core.Signal<boolean>;
|
|
700
730
|
protected readonly actionColumnInfo: _angular_core.Signal<{
|
|
701
731
|
columnId: string;
|
|
702
732
|
config: ZTableActionColumnConfig<T>;
|
|
@@ -730,6 +760,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
|
|
|
730
760
|
private readonly _virtualConfig;
|
|
731
761
|
protected readonly virtualRowHeight: _angular_core.Signal<number>;
|
|
732
762
|
protected readonly dynamicSize: _angular_core.Signal<boolean>;
|
|
763
|
+
private readonly _virtualColumnsConfig;
|
|
733
764
|
protected readonly groupSize: _angular_core.Signal<number>;
|
|
734
765
|
protected readonly groupHeight: _angular_core.Signal<number>;
|
|
735
766
|
private readonly _dynamicGroupsVersion;
|
|
@@ -743,7 +774,22 @@ declare class ZTableComponent<T> implements AfterViewInit {
|
|
|
743
774
|
protected readonly isEmpty: _angular_core.Signal<boolean>;
|
|
744
775
|
protected readonly isEmptyData: _angular_core.Signal<boolean>;
|
|
745
776
|
protected readonly isNoSearchResults: _angular_core.Signal<boolean>;
|
|
746
|
-
protected readonly
|
|
777
|
+
protected readonly leftLeafColumns: _angular_core.Signal<Column<T, unknown>[]>;
|
|
778
|
+
protected readonly centerLeafColumns: _angular_core.Signal<Column<T, unknown>[]>;
|
|
779
|
+
protected readonly rightLeafColumns: _angular_core.Signal<Column<T, unknown>[]>;
|
|
780
|
+
protected readonly hasComplexColumnLayout: _angular_core.Signal<boolean>;
|
|
781
|
+
protected readonly canUseVirtualColumns: _angular_core.Signal<boolean>;
|
|
782
|
+
protected readonly columnVirtualizer: _shival99_angular_virtual.AngularVirtualizer<HTMLDivElement, Element>;
|
|
783
|
+
protected readonly virtualCenterColumnItems: _angular_core.Signal<_shival99_angular_virtual.VirtualItem[]>;
|
|
784
|
+
protected readonly virtualCenterColumns: _angular_core.Signal<Column<T, unknown>[]>;
|
|
785
|
+
protected readonly virtualCenterColumnVisibilityMap: _angular_core.Signal<Record<string, boolean>>;
|
|
786
|
+
protected readonly firstVirtualCenterColumnId: _angular_core.Signal<string>;
|
|
787
|
+
protected readonly lastVirtualCenterColumnId: _angular_core.Signal<string>;
|
|
788
|
+
protected readonly virtualLeftSpacerWidth: _angular_core.Signal<number>;
|
|
789
|
+
protected readonly virtualCenterTotalWidth: _angular_core.Signal<number>;
|
|
790
|
+
protected readonly virtualRightSpacerWidth: _angular_core.Signal<number>;
|
|
791
|
+
protected readonly renderedColumnCount: _angular_core.Signal<number>;
|
|
792
|
+
protected readonly orderedLeafColumns: _angular_core.Signal<Column<T, unknown>[]>;
|
|
747
793
|
protected readonly orderedHeaderGroups: _angular_core.Signal<{
|
|
748
794
|
id: string;
|
|
749
795
|
headers: _tanstack_angular_table.Header<T, unknown>[];
|
|
@@ -754,6 +800,14 @@ declare class ZTableComponent<T> implements AfterViewInit {
|
|
|
754
800
|
headers: _tanstack_angular_table.Header<T, unknown>[];
|
|
755
801
|
}[]>;
|
|
756
802
|
protected readonly bottomRowsReversed: _angular_core.Signal<Row<T>[]>;
|
|
803
|
+
protected readonly leftHeaderRow: _angular_core.Signal<_tanstack_angular_table.Header<T, unknown>[]>;
|
|
804
|
+
protected readonly centerHeaderRow: _angular_core.Signal<_tanstack_angular_table.Header<T, unknown>[]>;
|
|
805
|
+
protected readonly rightHeaderRow: _angular_core.Signal<_tanstack_angular_table.Header<T, unknown>[]>;
|
|
806
|
+
protected readonly leftFooterRow: _angular_core.Signal<_tanstack_angular_table.Header<T, unknown>[]>;
|
|
807
|
+
protected readonly centerFooterRow: _angular_core.Signal<_tanstack_angular_table.Header<T, unknown>[]>;
|
|
808
|
+
protected readonly rightFooterRow: _angular_core.Signal<_tanstack_angular_table.Header<T, unknown>[]>;
|
|
809
|
+
protected readonly virtualCenterHeaderRow: _angular_core.Signal<_tanstack_angular_table.Header<T, unknown>[]>;
|
|
810
|
+
protected readonly virtualCenterFooterRow: _angular_core.Signal<_tanstack_angular_table.Header<T, unknown>[]>;
|
|
757
811
|
protected readonly totalWidth: _angular_core.Signal<number>;
|
|
758
812
|
protected readonly shouldHeaderShowShadow: _angular_core.Signal<boolean>;
|
|
759
813
|
protected readonly shouldFooterShowShadow: _angular_core.Signal<boolean>;
|
|
@@ -799,6 +853,10 @@ declare class ZTableComponent<T> implements AfterViewInit {
|
|
|
799
853
|
/** Handles sort click; auto-adds shiftKey for multi-sort when enabled */
|
|
800
854
|
handleSort(event: Event, handler?: (event: unknown) => void): void;
|
|
801
855
|
onColumnDrop(event: CdkDragDrop<string[]>): void;
|
|
856
|
+
onRowDragStarted(): void;
|
|
857
|
+
onRowDragEnded(_event: CdkDragEnd<Row<T>>): void;
|
|
858
|
+
onRowDrop(event: CdkDragDrop<Row<T>[]>): void;
|
|
859
|
+
private _resolveRowDragDropIndex;
|
|
802
860
|
onToggleAllColumns(): void;
|
|
803
861
|
onPageChange(event: {
|
|
804
862
|
pageIndex: number;
|
|
@@ -895,7 +953,7 @@ declare class ZTableActionsComponent<T = unknown> {
|
|
|
895
953
|
readonly zConfig: _angular_core.InputSignal<ZTableActionColumnConfig<T>>;
|
|
896
954
|
readonly zRow: _angular_core.InputSignal<T>;
|
|
897
955
|
readonly zRowId: _angular_core.InputSignal<string>;
|
|
898
|
-
readonly zDropdownButtonSize: _angular_core.InputSignal<"
|
|
956
|
+
readonly zDropdownButtonSize: _angular_core.InputSignal<"sm" | "default" | "lg" | "xs" | "xl" | null | undefined>;
|
|
899
957
|
readonly zActionClick: _angular_core.OutputEmitterRef<ZTableActionClickEvent<T>>;
|
|
900
958
|
protected readonly allActions: _angular_core.Signal<ZTableActionItem<T>[]>;
|
|
901
959
|
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' | 'enclosed' | 'enclosed-solid' | 'soft' | 'pill' | 'solid' | 'underline';
|
|
23
|
+
type ZTabsType = 'line' | 'enclosed' | 'enclosed-solid' | 'soft' | 'pill' | 'solid' | 'underline' | 'code-line';
|
|
24
24
|
type ZTabsSize = 'sm' | 'default' | 'lg';
|
|
25
25
|
type ZTabsOrientation = 'horizontal' | 'vertical';
|
|
26
26
|
|
|
@@ -62,11 +62,11 @@ declare class ZTabsComponent implements AfterViewInit, OnDestroy {
|
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
declare const zTabsVariants: (props?: ({
|
|
65
|
-
zType?: "line" | "enclosed" | "enclosed-solid" | "soft" | "pill" | "solid" | "underline" | null | undefined;
|
|
65
|
+
zType?: "line" | "enclosed" | "enclosed-solid" | "soft" | "pill" | "solid" | "underline" | "code-line" | null | undefined;
|
|
66
66
|
zOrientation?: "horizontal" | "vertical" | null | undefined;
|
|
67
67
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
68
68
|
declare const zTabItemVariants: (props?: ({
|
|
69
|
-
zType?: "line" | "enclosed" | "enclosed-solid" | "soft" | "pill" | "solid" | "underline" | null | undefined;
|
|
69
|
+
zType?: "line" | "enclosed" | "enclosed-solid" | "soft" | "pill" | "solid" | "underline" | "code-line" | null | undefined;
|
|
70
70
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
71
71
|
zOrientation?: "horizontal" | "vertical" | null | undefined;
|
|
72
72
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { TemplateRef } from '@angular/core';
|
|
3
3
|
import { ClassValue } from 'clsx';
|
|
4
|
+
import { ZIcon } from '@shival99/z-ui/components/z-icon';
|
|
4
5
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
6
|
import { VariantProps } from 'class-variance-authority';
|
|
6
7
|
|
|
@@ -10,11 +11,15 @@ interface ZTimelineItem {
|
|
|
10
11
|
description?: string;
|
|
11
12
|
time?: string;
|
|
12
13
|
subtitle?: string;
|
|
14
|
+
company?: string;
|
|
15
|
+
period?: string;
|
|
16
|
+
technologies?: string[];
|
|
17
|
+
icon?: ZIcon;
|
|
13
18
|
active?: boolean;
|
|
14
19
|
contentTemplate?: TemplateRef<unknown>;
|
|
15
20
|
}
|
|
16
21
|
type ZTimelineSize = 'sm' | 'default' | 'lg';
|
|
17
|
-
type ZTimelineLayout = 'default' | 'alternate';
|
|
22
|
+
type ZTimelineLayout = 'default' | 'alternate' | 'career';
|
|
18
23
|
|
|
19
24
|
declare class ZTimelineComponent {
|
|
20
25
|
readonly class: _angular_core.InputSignal<ClassValue>;
|
|
@@ -27,6 +32,7 @@ declare class ZTimelineComponent {
|
|
|
27
32
|
protected readonly badgeClasses: _angular_core.Signal<string>;
|
|
28
33
|
protected readonly titleClasses: _angular_core.Signal<string>;
|
|
29
34
|
protected readonly descriptionClasses: _angular_core.Signal<string>;
|
|
35
|
+
protected readonly isCareer: _angular_core.Signal<boolean>;
|
|
30
36
|
protected readonly isAlternate: _angular_core.Signal<boolean>;
|
|
31
37
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTimelineComponent, never>;
|
|
32
38
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTimelineComponent, "z-timeline", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zItems": { "alias": "zItems"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLayout": { "alias": "zLayout"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -93,7 +93,7 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
|
|
|
93
93
|
protected readonly hasError: _angular_core.Signal<boolean>;
|
|
94
94
|
protected readonly showError: _angular_core.Signal<boolean>;
|
|
95
95
|
protected readonly errorMessage: _angular_core.Signal<string>;
|
|
96
|
-
protected readonly currentStatus: _angular_core.Signal<"default" | "
|
|
96
|
+
protected readonly currentStatus: _angular_core.Signal<"default" | "error" | "disabled" | "readonly" | "active">;
|
|
97
97
|
protected readonly dropzoneClasses: _angular_core.Signal<string>;
|
|
98
98
|
protected readonly acceptTypes: _angular_core.Signal<string>;
|
|
99
99
|
protected readonly formatFileSize: (bytes: number) => string;
|
|
@@ -132,11 +132,11 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
|
|
|
132
132
|
|
|
133
133
|
declare const zUploadDropzoneVariants: (props?: ({
|
|
134
134
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
135
|
-
zStatus?: "default" | "
|
|
135
|
+
zStatus?: "default" | "error" | "active" | "disabled" | "readonly" | null | undefined;
|
|
136
136
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
137
137
|
type ZUploadDropzoneVariants = VariantProps<typeof zUploadDropzoneVariants>;
|
|
138
138
|
declare const zUploadFileItemVariants: (props?: ({
|
|
139
|
-
zStatus?: "
|
|
139
|
+
zStatus?: "pending" | "uploading" | "success" | "error" | null | undefined;
|
|
140
140
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
141
141
|
type ZUploadFileItemVariants = VariantProps<typeof zUploadFileItemVariants>;
|
|
142
142
|
|
|
@@ -24,8 +24,12 @@ declare class ZCacheService {
|
|
|
24
24
|
static configure(config: ZCacheConfig): void;
|
|
25
25
|
private static _encode;
|
|
26
26
|
private static _decode;
|
|
27
|
+
private static _normalizeLegacyKey;
|
|
27
28
|
private static _normalizeKey;
|
|
29
|
+
private static _toStorageKey;
|
|
28
30
|
private static _getFullKey;
|
|
31
|
+
private static _getLegacyFullKey;
|
|
32
|
+
private static _getCandidateStorageKeys;
|
|
29
33
|
private static _decodeStorageKey;
|
|
30
34
|
private static _isManagedStorageKey;
|
|
31
35
|
private static _safeOperation;
|
|
@@ -305,6 +309,7 @@ interface ZIndexDbSetOptions {
|
|
|
305
309
|
declare class ZIndexDbService {
|
|
306
310
|
private _db;
|
|
307
311
|
private _dbName;
|
|
312
|
+
private _legacyDbName;
|
|
308
313
|
private _version;
|
|
309
314
|
private _mode;
|
|
310
315
|
private _dbReady;
|
|
@@ -321,13 +326,19 @@ declare class ZIndexDbService {
|
|
|
321
326
|
* @param perCallEncrypt - Per-call encrypt override (highest priority)
|
|
322
327
|
*/
|
|
323
328
|
private _shouldEncrypt;
|
|
329
|
+
private _normalizeLegacyKey;
|
|
324
330
|
private _normalizeKey;
|
|
331
|
+
private _resolveLegacyNormalizedKey;
|
|
332
|
+
private _buildStorageKeys;
|
|
325
333
|
private _encryptData;
|
|
326
334
|
private _decryptData;
|
|
327
335
|
private _closeConnection;
|
|
328
336
|
private _reconnect;
|
|
329
337
|
private _withRetry;
|
|
330
338
|
private _initDb;
|
|
339
|
+
private _adoptLegacyDbNameIfNeeded;
|
|
340
|
+
private _getExistingDbVersion;
|
|
341
|
+
private _probeDbMetadataByOpen;
|
|
331
342
|
private _getCurrentDbVersion;
|
|
332
343
|
private _triggerUpgrade;
|
|
333
344
|
private _resetDatabase;
|
|
@@ -574,6 +585,10 @@ declare class ZThemeService {
|
|
|
574
585
|
static ɵprov: i0.ɵɵInjectableDeclaration<ZThemeService>;
|
|
575
586
|
}
|
|
576
587
|
|
|
588
|
+
declare function zBuildScopedCacheKey(baseKey: string): string;
|
|
589
|
+
declare function zBuildScopedDbName(baseDbName: string): string;
|
|
590
|
+
declare function zStripScopedCacheKey(key: string): string;
|
|
591
|
+
|
|
577
592
|
declare const Z_EXCEL_COLORS: {
|
|
578
593
|
readonly 'green-50': "FFF0FDF4";
|
|
579
594
|
readonly 'green-100': "FFDCFCE7";
|
|
@@ -634,6 +649,8 @@ declare const Z_INDEXDB_DEFAULT_CONFIG: Required<Pick<ZIndexDbConfig, 'dbName' |
|
|
|
634
649
|
declare const Z_INDEXDB_BATCH_SIZE = 100;
|
|
635
650
|
declare const Z_INDEXDB_MAX_VERSION = 1000;
|
|
636
651
|
|
|
652
|
+
declare const Z_LANG_TO_LOCALE: Record<string, string>;
|
|
653
|
+
|
|
637
654
|
interface ZTranslateConfig {
|
|
638
655
|
/** Default language */
|
|
639
656
|
defaultLang?: string;
|
|
@@ -650,5 +667,5 @@ interface ZTranslateI18nConfig {
|
|
|
650
667
|
}
|
|
651
668
|
declare const Z_LANG_CACHE_KEY = "Z_LANGUAGE";
|
|
652
669
|
|
|
653
|
-
export { ZCacheService, ZExcelService, ZHttpAbstractService, ZIndexDbService, ZOverlayContainerService, ZOverlayZIndexService, ZSubjectService, ZThemeService, ZTranslateService, Z_DEFAULT_THEME, Z_EXCEL_BORDER_THIN, Z_EXCEL_CHAR_WIDTH_MAP, Z_EXCEL_COLORS, Z_EXCEL_DEFAULT_CONFIG, Z_EXCEL_FONT_MULTIPLIERS, Z_EXCEL_WIDTH_LIMITS, Z_HTTP_DEFAULT_CONFIG, Z_INDEXDB_BATCH_SIZE, Z_INDEXDB_DEFAULT_CONFIG, Z_INDEXDB_MAX_VERSION, Z_LANG_CACHE_KEY, Z_THEME_CONFIG, Z_THEME_CSS_MAP, Z_THEME_PREFERENCES_CACHE_KEY };
|
|
670
|
+
export { ZCacheService, ZExcelService, ZHttpAbstractService, ZIndexDbService, ZOverlayContainerService, ZOverlayZIndexService, ZSubjectService, ZThemeService, ZTranslateService, Z_DEFAULT_THEME, Z_EXCEL_BORDER_THIN, Z_EXCEL_CHAR_WIDTH_MAP, Z_EXCEL_COLORS, Z_EXCEL_DEFAULT_CONFIG, Z_EXCEL_FONT_MULTIPLIERS, Z_EXCEL_WIDTH_LIMITS, Z_HTTP_DEFAULT_CONFIG, Z_INDEXDB_BATCH_SIZE, Z_INDEXDB_DEFAULT_CONFIG, Z_INDEXDB_MAX_VERSION, Z_LANG_CACHE_KEY, Z_LANG_TO_LOCALE, Z_THEME_CONFIG, Z_THEME_CSS_MAP, Z_THEME_PREFERENCES_CACHE_KEY, zBuildScopedCacheKey, zBuildScopedDbName, zStripScopedCacheKey };
|
|
654
671
|
export type { ZCacheConfig, ZCacheEntry, ZExcelAlign, ZExcelCell, ZExcelCellContext, ZExcelColumnConfig, ZExcelConfig, ZExcelDefaultConfig, ZExcelExportOptions, ZExcelExportResult, ZExcelFontConfig, ZExcelFromTableConfig, ZExcelHeaderColors, ZExcelHeaderContext, ZExcelSheetSource, ZExcelTableColumnConfig, ZExcelTableHeaderConfig, ZExcelToastHandler, ZHttpBaseOptions, ZHttpCacheEntry, ZHttpConfig, ZHttpContentType, ZHttpError, ZHttpNetworkCheck, ZHttpOptions, ZHttpParamsType, ZIndexDbConfig, ZIndexDbGetOptions, ZIndexDbSetOptions, ZIndexDbStoreConfig, ZTableToExcelColumn, ZThemeConfig, ZThemeName, ZThemePreferences, ZTranslateConfig, ZTranslateI18nConfig };
|
|
@@ -49,6 +49,7 @@ declare global {
|
|
|
49
49
|
type ZCapitalizeType = 'all' | 'sentence' | 'first';
|
|
50
50
|
|
|
51
51
|
declare const zMergeClasses: (...inputs: ClassValue[]) => string;
|
|
52
|
+
declare const zNormalize: (value: string) => string;
|
|
52
53
|
declare const zTransform: (value: boolean | string) => boolean;
|
|
53
54
|
declare const zUuid: (prefix?: string) => string;
|
|
54
55
|
declare const zNoop: () => undefined;
|
|
@@ -151,5 +152,5 @@ interface ZFormDebugOptions {
|
|
|
151
152
|
logLevel?: 'error' | 'warn' | 'log';
|
|
152
153
|
}
|
|
153
154
|
|
|
154
|
-
export { VIETNAMESE_MAP, Z_DIVIDE_SCALE, Z_EXCEL_NUMBER_FORMAT_MAP, Z_LOCALE_MAP, zCapitalCase, zCleanObject, zConvertColorToArgb, zCreateEvent, zDebugFormInvalid, zDecodeUnicode, zDetectBrowser, zFormatNum, zFormatNumExcel, zMergeClasses, zMiniSearch, zMiniSearch$, zNoop, zRandomColor, zRegisterEchartsTheme, zRemoveVietnamese, zTransform, zTreeBuild, zTreeFlatten, zUuid, zValidForm };
|
|
155
|
+
export { VIETNAMESE_MAP, Z_DIVIDE_SCALE, Z_EXCEL_NUMBER_FORMAT_MAP, Z_LOCALE_MAP, zCapitalCase, zCleanObject, zConvertColorToArgb, zCreateEvent, zDebugFormInvalid, zDecodeUnicode, zDetectBrowser, zFormatNum, zFormatNumExcel, zMergeClasses, zMiniSearch, zMiniSearch$, zNoop, zNormalize, zRandomColor, zRegisterEchartsTheme, zRemoveVietnamese, zTransform, zTreeBuild, zTreeFlatten, zUuid, zValidForm };
|
|
155
156
|
export type { ZBlurEventData, ZBrowserInfo, ZBrowserName, ZCapitalizeType, ZChangeEventData, ZClickEventData, ZCopyEventData, ZCutEventData, ZDblclickEventData, ZDeviceType, ZDragenterEventData, ZDragleaveEventData, ZDragoverEventData, ZDropEventData, ZEchartsThemeOptions, ZEmptyCheck, ZEvent, ZEventType, ZFocusEventData, ZFormDebugOptions, ZFormSubmitResult, ZFormatNumExcelOptions, ZFormatNumOptions, ZInputEventData, ZKeydownEventData, ZKeypressEventData, ZKeyupEventData, ZMousedownEventData, ZMouseenterEventData, ZMouseleaveEventData, ZMouseoutEventData, ZMouseoverEventData, ZMouseupEventData, ZNavigatorUABrandVersion, ZNavigatorUAData, ZNumberDivide, ZPasteEventData, ZTouchendEventData, ZTouchmoveEventData, ZTouchstartEventData };
|