@shival99/z-ui 1.3.27 → 1.3.29
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-calendar.mjs +92 -30
- package/fesm2022/shival99-z-ui-components-z-calendar.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-table.mjs +13 -13
- package/fesm2022/shival99-z-ui-components-z-table.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-services.mjs.map +1 -1
- package/package.json +5 -2
- package/types/shival99-z-ui-components-z-calendar.d.ts +17 -2
- package/types/shival99-z-ui-components-z-table.d.ts +10 -10
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shival99/z-ui",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.29",
|
|
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",
|
|
@@ -57,7 +57,10 @@
|
|
|
57
57
|
"rxjs": ">=7.8.0",
|
|
58
58
|
"tailwind-merge": ">=3.0.0",
|
|
59
59
|
"@angular/platform-browser": "~21.0.6",
|
|
60
|
-
"quill-resize-image": "^1.0.0"
|
|
60
|
+
"quill-resize-image": "^1.0.0",
|
|
61
|
+
"exceljs": "^4.4.0",
|
|
62
|
+
"file-saver": "^2.0.5",
|
|
63
|
+
"xlsx": "^0.18.5"
|
|
61
64
|
},
|
|
62
65
|
"peerDependenciesMeta": {
|
|
63
66
|
"@ngx-translate/core": {
|
|
@@ -92,6 +92,16 @@ interface ZEndYearDisabledContext {
|
|
|
92
92
|
isRangeMode: boolean;
|
|
93
93
|
disabledDateFn: ((date: Date) => boolean) | null;
|
|
94
94
|
}
|
|
95
|
+
interface ZCalendarTimeConfig {
|
|
96
|
+
hour: number;
|
|
97
|
+
minute: number;
|
|
98
|
+
second: number;
|
|
99
|
+
}
|
|
100
|
+
type ZCalendarDefaultTime = 'current' | 'start' | 'end' | ZCalendarTimeConfig;
|
|
101
|
+
interface ZCalendarRangeDefaultTime {
|
|
102
|
+
start?: ZCalendarDefaultTime;
|
|
103
|
+
end?: ZCalendarDefaultTime;
|
|
104
|
+
}
|
|
95
105
|
|
|
96
106
|
declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
|
|
97
107
|
readonly class: _angular_core.InputSignal<ClassValue>;
|
|
@@ -122,6 +132,8 @@ declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
|
|
|
122
132
|
readonly zCancelText: _angular_core.InputSignal<string | null>;
|
|
123
133
|
readonly zDisabledDate: _angular_core.InputSignal<((date: Date) => boolean) | null>;
|
|
124
134
|
readonly zScrollClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
135
|
+
readonly zDefaultTime: _angular_core.InputSignal<ZCalendarDefaultTime | null>;
|
|
136
|
+
readonly zRangeDefaultTime: _angular_core.InputSignal<ZCalendarRangeDefaultTime | null>;
|
|
125
137
|
readonly zControl: _angular_core.OutputEmitterRef<ZCalendarControl>;
|
|
126
138
|
readonly zChange: _angular_core.OutputEmitterRef<ZCalendarValue>;
|
|
127
139
|
protected readonly triggerRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
@@ -309,6 +321,9 @@ declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
|
|
|
309
321
|
protected onTimeBlurEnd(event: Event): void;
|
|
310
322
|
protected togglePeriodEnd(): void;
|
|
311
323
|
private _updateEndTimeToDate;
|
|
324
|
+
private _resolveDefaultTime;
|
|
325
|
+
private _resolveRangeStartTime;
|
|
326
|
+
private _resolveRangeEndTime;
|
|
312
327
|
private _handleSingleSelection;
|
|
313
328
|
private _handleRangeSelection;
|
|
314
329
|
private _updateTimeToDate;
|
|
@@ -360,7 +375,7 @@ declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
|
|
|
360
375
|
protected scrollToSelectedTime(container: HTMLElement | null, value: number, itemHeight?: number): void;
|
|
361
376
|
private _scrollToTimeValue;
|
|
362
377
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZCalendarComponent, never>;
|
|
363
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZCalendarComponent, "z-calendar", ["zCalendar"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zLabelClass": { "alias": "zLabelClass"; "required": false; "isSignal": true; }; "zPlaceholder": { "alias": "zPlaceholder"; "required": false; "isSignal": true; }; "zRequired": { "alias": "zRequired"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zReadonly": { "alias": "zReadonly"; "required": false; "isSignal": true; }; "zShowTime": { "alias": "zShowTime"; "required": false; "isSignal": true; }; "zTimeFormat": { "alias": "zTimeFormat"; "required": false; "isSignal": true; }; "zShowHour": { "alias": "zShowHour"; "required": false; "isSignal": true; }; "zShowMinute": { "alias": "zShowMinute"; "required": false; "isSignal": true; }; "zShowSecond": { "alias": "zShowSecond"; "required": false; "isSignal": true; }; "zQuickSelect": { "alias": "zQuickSelect"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zFormat": { "alias": "zFormat"; "required": false; "isSignal": true; }; "zMinDate": { "alias": "zMinDate"; "required": false; "isSignal": true; }; "zMaxDate": { "alias": "zMaxDate"; "required": false; "isSignal": true; }; "zValueType": { "alias": "zValueType"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; "zLocale": { "alias": "zLocale"; "required": false; "isSignal": true; }; "zShowOk": { "alias": "zShowOk"; "required": false; "isSignal": true; }; "zOkText": { "alias": "zOkText"; "required": false; "isSignal": true; }; "zShowCancel": { "alias": "zShowCancel"; "required": false; "isSignal": true; }; "zCancelText": { "alias": "zCancelText"; "required": false; "isSignal": true; }; "zDisabledDate": { "alias": "zDisabledDate"; "required": false; "isSignal": true; }; "zScrollClose": { "alias": "zScrollClose"; "required": false; "isSignal": true; }; }, { "zControl": "zControl"; "zChange": "zChange"; }, never, never, true, never>;
|
|
378
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZCalendarComponent, "z-calendar", ["zCalendar"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zLabelClass": { "alias": "zLabelClass"; "required": false; "isSignal": true; }; "zPlaceholder": { "alias": "zPlaceholder"; "required": false; "isSignal": true; }; "zRequired": { "alias": "zRequired"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zReadonly": { "alias": "zReadonly"; "required": false; "isSignal": true; }; "zShowTime": { "alias": "zShowTime"; "required": false; "isSignal": true; }; "zTimeFormat": { "alias": "zTimeFormat"; "required": false; "isSignal": true; }; "zShowHour": { "alias": "zShowHour"; "required": false; "isSignal": true; }; "zShowMinute": { "alias": "zShowMinute"; "required": false; "isSignal": true; }; "zShowSecond": { "alias": "zShowSecond"; "required": false; "isSignal": true; }; "zQuickSelect": { "alias": "zQuickSelect"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zFormat": { "alias": "zFormat"; "required": false; "isSignal": true; }; "zMinDate": { "alias": "zMinDate"; "required": false; "isSignal": true; }; "zMaxDate": { "alias": "zMaxDate"; "required": false; "isSignal": true; }; "zValueType": { "alias": "zValueType"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; "zLocale": { "alias": "zLocale"; "required": false; "isSignal": true; }; "zShowOk": { "alias": "zShowOk"; "required": false; "isSignal": true; }; "zOkText": { "alias": "zOkText"; "required": false; "isSignal": true; }; "zShowCancel": { "alias": "zShowCancel"; "required": false; "isSignal": true; }; "zCancelText": { "alias": "zCancelText"; "required": false; "isSignal": true; }; "zDisabledDate": { "alias": "zDisabledDate"; "required": false; "isSignal": true; }; "zScrollClose": { "alias": "zScrollClose"; "required": false; "isSignal": true; }; "zDefaultTime": { "alias": "zDefaultTime"; "required": false; "isSignal": true; }; "zRangeDefaultTime": { "alias": "zRangeDefaultTime"; "required": false; "isSignal": true; }; }, { "zControl": "zControl"; "zChange": "zChange"; }, never, never, true, never>;
|
|
364
379
|
}
|
|
365
380
|
|
|
366
381
|
declare const zCalendarVariants: (props?: ({
|
|
@@ -378,4 +393,4 @@ declare const zCalendarYearVariants: (props?: ({
|
|
|
378
393
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
379
394
|
|
|
380
395
|
export { ZCalendarComponent, zCalendarDayVariants, zCalendarMonthVariants, zCalendarVariants, zCalendarYearVariants };
|
|
381
|
-
export type { ZCalendarControl, ZCalendarMode, ZCalendarSize, ZCalendarValidator, ZCalendarValue, ZCalendarValueType, ZCalendarView, ZDateRange };
|
|
396
|
+
export type { ZCalendarControl, ZCalendarDefaultTime, ZCalendarMode, ZCalendarRangeDefaultTime, ZCalendarSize, ZCalendarTimeConfig, ZCalendarValidator, ZCalendarValue, ZCalendarValueType, ZCalendarView, ZDateRange };
|
|
@@ -190,6 +190,14 @@ interface ZTableSearchChangeEvent {
|
|
|
190
190
|
sorting: SortingState;
|
|
191
191
|
pagination: PaginationState;
|
|
192
192
|
}
|
|
193
|
+
interface ZActionTooltipState {
|
|
194
|
+
content: ZTooltipContent;
|
|
195
|
+
alwaysShow: boolean;
|
|
196
|
+
position?: string;
|
|
197
|
+
arrow?: boolean;
|
|
198
|
+
offset?: number;
|
|
199
|
+
maxWidth?: string;
|
|
200
|
+
}
|
|
193
201
|
interface ZTableActionItem<T = unknown> {
|
|
194
202
|
key: string;
|
|
195
203
|
label?: string;
|
|
@@ -554,26 +562,18 @@ declare class ZTableIconTextComponent {
|
|
|
554
562
|
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>;
|
|
555
563
|
}
|
|
556
564
|
|
|
557
|
-
interface ActionTooltipState {
|
|
558
|
-
content: ZTooltipContent;
|
|
559
|
-
alwaysShow: boolean;
|
|
560
|
-
position?: string;
|
|
561
|
-
arrow?: boolean;
|
|
562
|
-
offset?: number;
|
|
563
|
-
maxWidth?: string;
|
|
564
|
-
}
|
|
565
565
|
declare class ZTableActionsComponent<T = unknown> {
|
|
566
566
|
readonly zConfig: _angular_core.InputSignal<ZTableActionColumnConfig<T>>;
|
|
567
567
|
readonly zRow: _angular_core.InputSignal<T>;
|
|
568
568
|
readonly zRowId: _angular_core.InputSignal<string>;
|
|
569
|
-
readonly zDropdownButtonSize: _angular_core.InputSignal<"
|
|
569
|
+
readonly zDropdownButtonSize: _angular_core.InputSignal<"sm" | "default" | "xs" | "lg" | "xl" | null | undefined>;
|
|
570
570
|
readonly zActionClick: _angular_core.OutputEmitterRef<ZTableActionClickEvent<T>>;
|
|
571
571
|
protected readonly allActions: _angular_core.Signal<ZTableActionItem<T>[]>;
|
|
572
572
|
protected readonly shouldShowAsButtons: _angular_core.Signal<boolean>;
|
|
573
573
|
protected readonly actionStates: _angular_core.Signal<Record<string, {
|
|
574
574
|
visible: boolean;
|
|
575
575
|
disabled: boolean;
|
|
576
|
-
tooltipState:
|
|
576
|
+
tooltipState: ZActionTooltipState;
|
|
577
577
|
}>>;
|
|
578
578
|
protected readonly dropdownItems: _angular_core.Signal<ZDropdownMenuItem[]>;
|
|
579
579
|
private _getTooltipState;
|