@shival99/z-ui 2.1.28 → 2.1.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.
Files changed (68) hide show
  1. package/package.json +1 -1
  2. package/types/shival99-z-ui-components-z-select.d.ts +1 -1
  3. package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs +0 -1079
  4. package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs.map +0 -1
  5. package/fesm2022/shival99-z-ui-components-z-drawer.mjs +0 -742
  6. package/fesm2022/shival99-z-ui-components-z-drawer.mjs.map +0 -1
  7. package/fesm2022/shival99-z-ui-components-z-dropdown-menu.mjs +0 -58
  8. package/fesm2022/shival99-z-ui-components-z-dropdown-menu.mjs.map +0 -1
  9. package/fesm2022/shival99-z-ui-components-z-editor.mjs +0 -1750
  10. package/fesm2022/shival99-z-ui-components-z-editor.mjs.map +0 -1
  11. package/fesm2022/shival99-z-ui-components-z-gallery.mjs +0 -2419
  12. package/fesm2022/shival99-z-ui-components-z-gallery.mjs.map +0 -1
  13. package/fesm2022/shival99-z-ui-components-z-kanban.mjs +0 -981
  14. package/fesm2022/shival99-z-ui-components-z-kanban.mjs.map +0 -1
  15. package/fesm2022/shival99-z-ui-components-z-marquee.mjs +0 -70
  16. package/fesm2022/shival99-z-ui-components-z-marquee.mjs.map +0 -1
  17. package/fesm2022/shival99-z-ui-components-z-media-player.mjs +0 -668
  18. package/fesm2022/shival99-z-ui-components-z-media-player.mjs.map +0 -1
  19. package/fesm2022/shival99-z-ui-components-z-menu.mjs +0 -843
  20. package/fesm2022/shival99-z-ui-components-z-menu.mjs.map +0 -1
  21. package/fesm2022/shival99-z-ui-components-z-metric-card.mjs +0 -128
  22. package/fesm2022/shival99-z-ui-components-z-metric-card.mjs.map +0 -1
  23. package/fesm2022/shival99-z-ui-components-z-pagination.mjs +0 -158
  24. package/fesm2022/shival99-z-ui-components-z-pagination.mjs.map +0 -1
  25. package/fesm2022/shival99-z-ui-components-z-qrcode.mjs +0 -383
  26. package/fesm2022/shival99-z-ui-components-z-qrcode.mjs.map +0 -1
  27. package/fesm2022/shival99-z-ui-components-z-radio.mjs +0 -167
  28. package/fesm2022/shival99-z-ui-components-z-radio.mjs.map +0 -1
  29. package/fesm2022/shival99-z-ui-components-z-scrollarea.mjs +0 -131
  30. package/fesm2022/shival99-z-ui-components-z-scrollarea.mjs.map +0 -1
  31. package/fesm2022/shival99-z-ui-components-z-show-more.mjs +0 -121
  32. package/fesm2022/shival99-z-ui-components-z-show-more.mjs.map +0 -1
  33. package/fesm2022/shival99-z-ui-components-z-skeleton-auto.mjs +0 -61
  34. package/fesm2022/shival99-z-ui-components-z-skeleton-auto.mjs.map +0 -1
  35. package/fesm2022/shival99-z-ui-components-z-steps.mjs +0 -396
  36. package/fesm2022/shival99-z-ui-components-z-steps.mjs.map +0 -1
  37. package/fesm2022/shival99-z-ui-components-z-table.mjs +0 -10508
  38. package/fesm2022/shival99-z-ui-components-z-table.mjs.map +0 -1
  39. package/fesm2022/shival99-z-ui-components-z-tabs.mjs +0 -507
  40. package/fesm2022/shival99-z-ui-components-z-tabs.mjs.map +0 -1
  41. package/fesm2022/shival99-z-ui-components-z-tags.mjs +0 -349
  42. package/fesm2022/shival99-z-ui-components-z-tags.mjs.map +0 -1
  43. package/fesm2022/shival99-z-ui-components-z-timeline.mjs +0 -237
  44. package/fesm2022/shival99-z-ui-components-z-timeline.mjs.map +0 -1
  45. package/fesm2022/shival99-z-ui-components-z-upload.mjs +0 -523
  46. package/fesm2022/shival99-z-ui-components-z-upload.mjs.map +0 -1
  47. package/types/shival99-z-ui-components-z-autocomplete.d.ts +0 -290
  48. package/types/shival99-z-ui-components-z-drawer.d.ts +0 -266
  49. package/types/shival99-z-ui-components-z-dropdown-menu.d.ts +0 -54
  50. package/types/shival99-z-ui-components-z-editor.d.ts +0 -337
  51. package/types/shival99-z-ui-components-z-gallery.d.ts +0 -402
  52. package/types/shival99-z-ui-components-z-kanban.d.ts +0 -237
  53. package/types/shival99-z-ui-components-z-marquee.d.ts +0 -35
  54. package/types/shival99-z-ui-components-z-media-player.d.ts +0 -124
  55. package/types/shival99-z-ui-components-z-menu.d.ts +0 -222
  56. package/types/shival99-z-ui-components-z-metric-card.d.ts +0 -67
  57. package/types/shival99-z-ui-components-z-pagination.d.ts +0 -55
  58. package/types/shival99-z-ui-components-z-qrcode.d.ts +0 -76
  59. package/types/shival99-z-ui-components-z-radio.d.ts +0 -69
  60. package/types/shival99-z-ui-components-z-scrollarea.d.ts +0 -46
  61. package/types/shival99-z-ui-components-z-show-more.d.ts +0 -36
  62. package/types/shival99-z-ui-components-z-skeleton-auto.d.ts +0 -35
  63. package/types/shival99-z-ui-components-z-steps.d.ts +0 -106
  64. package/types/shival99-z-ui-components-z-table.d.ts +0 -1924
  65. package/types/shival99-z-ui-components-z-tabs.d.ts +0 -92
  66. package/types/shival99-z-ui-components-z-tags.d.ts +0 -128
  67. package/types/shival99-z-ui-components-z-timeline.d.ts +0 -71
  68. package/types/shival99-z-ui-components-z-upload.d.ts +0 -153
@@ -1,266 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import { TemplateRef, Type, WritableSignal, EventEmitter, ViewContainerRef, InjectionToken, OnDestroy, AfterViewChecked, ComponentRef, EmbeddedViewRef } from '@angular/core';
3
- import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
4
- import { ClassValue } from 'clsx';
5
- import { NgScrollbar } from 'ngx-scrollbar';
6
- import { ComponentType, OverlayRef } from '@angular/cdk/overlay';
7
- import { ZIcon } from '@shival99/z-ui/components/z-icon';
8
- import { Observable } from 'rxjs';
9
- import * as class_variance_authority_types from 'class-variance-authority/types';
10
-
11
- declare class ZDrawerContentDirective {
12
- readonly templateRef: TemplateRef<any>;
13
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZDrawerContentDirective, never>;
14
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZDrawerContentDirective, "[z-drawer-content], [zDrawerContent]", never, {}, {}, never, never, true, never>;
15
- }
16
-
17
- declare class ZDrawerFooterDirective {
18
- readonly templateRef: TemplateRef<any>;
19
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZDrawerFooterDirective, never>;
20
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZDrawerFooterDirective, "[z-drawer-footer], [zDrawerFooter]", never, {}, {}, never, never, true, never>;
21
- }
22
-
23
- declare class ZDrawerHeaderDirective {
24
- readonly templateRef: TemplateRef<any>;
25
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZDrawerHeaderDirective, never>;
26
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZDrawerHeaderDirective, "[z-drawer-header], [zDrawerHeader]", never, {}, {}, never, never, true, never>;
27
- }
28
-
29
- type ZDrawerContentType<T> = ComponentType<T> | TemplateRef<T> | string;
30
- type ZDrawerPlacement = 'left' | 'right' | 'top' | 'bottom';
31
- declare const Z_DRAWER_DATA: InjectionToken<any>;
32
- type ZDrawerOnClickCallBack<T> = (instance: T, drawerRef?: unknown) => false | void | object;
33
- /**
34
- * Configuration options for z-drawer component.
35
- *
36
- * @template T - The type of the content component
37
- * @template U - The type of the data passed to the drawer
38
- */
39
- declare class ZDrawerOptions<T, U> {
40
- /** Icon for the cancel button */
41
- zCancelIcon?: ZIcon;
42
- /** Text for the cancel button. Set to null to hide the button */
43
- zCancelText?: string | null;
44
- /** Whether the drawer is closable (shows close button) */
45
- zClosable?: boolean;
46
- /** Drawer content - can be a component, template, or string */
47
- zContent?: string | TemplateRef<T> | Type<T>;
48
- /** Custom CSS classes for the drawer */
49
- class?: ClassValue;
50
- /** Custom CSS classes for the drawer body */
51
- zBodyClass?: ClassValue;
52
- /** Data to be passed to the content component via Z_DRAWER_DATA token */
53
- zData?: U;
54
- /**
55
- * Observable for deferred data loading before showing drawer content.
56
- * Drawer will show a loading spinner until the Observable completes.
57
- * The resolved data will be available via Z_DRAWER_DATA.
58
- */
59
- zDefer?: Observable<U>;
60
- /** Description text shown below the title */
61
- zDescription?: string;
62
- /** Whether to disable the header and footer shadows */
63
- zDisableShadow?: boolean;
64
- /** Whether to show a border below the header */
65
- zHeaderBorder?: boolean;
66
- /** Whether to show a border above the footer */
67
- zFooterBorder?: boolean;
68
- /** Whether to hide the default footer */
69
- zHideFooter?: boolean;
70
- /** Whether to hide the default header */
71
- zHideHeader?: boolean;
72
- /**
73
- * WritableSignal to control loading state of the OK button.
74
- * Use this when submitting forms or calling APIs.
75
- */
76
- readonly zLoading?: WritableSignal<boolean>;
77
- /** Whether clicking mask closes the drawer */
78
- zMaskClosable?: boolean;
79
- /** Whether OK button has destructive (red) style */
80
- zOkDestructive?: boolean;
81
- /** Whether OK button is disabled */
82
- zOkDisabled?: boolean;
83
- /** Overlay style: 'dark' (black overlay) or 'blur' (backdrop blur) */
84
- zOverlay?: 'dark' | 'blur';
85
- /** Icon for the OK button */
86
- zOkIcon?: ZIcon;
87
- /** Text for the OK button. Set to null to hide the button */
88
- zOkText?: string | null;
89
- /** Callback or EventEmitter when cancel is clicked */
90
- zOnCancel?: EventEmitter<T> | ZDrawerOnClickCallBack<T>;
91
- /** Callback or EventEmitter when OK is clicked */
92
- zOnOk?: EventEmitter<T> | ZDrawerOnClickCallBack<T>;
93
- /** Drawer title - supports string, HTML string, or TemplateRef */
94
- zTitle?: string | TemplateRef<T>;
95
- /** ViewContainerRef for the drawer portal */
96
- zViewContainerRef?: ViewContainerRef;
97
- /** Drawer width for left/right placement (e.g., '400px', '80%') */
98
- zWidth?: string;
99
- /** Drawer height for top/bottom placement (e.g., '400px', '50%') */
100
- zHeight?: string;
101
- /** Placement of the drawer: 'left', 'right', 'top', 'bottom' */
102
- zPlacement?: ZDrawerPlacement;
103
- /** Force shadow on header/footer regardless of scroll state */
104
- zShadow?: boolean;
105
- /** Shape of the drawer: 'rounded' (with border-radius) or 'square' (no border-radius) */
106
- zShape?: 'rounded' | 'square';
107
- /** WritableSignal to control content loading state (shows skeleton when true) */
108
- readonly zContentLoading?: WritableSignal<boolean>;
109
- /** Number of skeleton rows to show when content is loading (default: 5 for left/right, 3 for top/bottom) */
110
- zSkeletonRows?: number;
111
- }
112
-
113
- declare class ZDrawerRef<T = any, R = any, U = any> {
114
- private readonly _overlayRef;
115
- private readonly _config;
116
- private readonly _containerInstance;
117
- private readonly _platformId;
118
- private readonly _destroy$;
119
- private _isClosing;
120
- private _result?;
121
- componentInstance: T | null;
122
- readonly loading: _angular_core.WritableSignal<boolean>;
123
- readonly zAfterClose: EventEmitter<R | undefined>;
124
- constructor(_overlayRef: OverlayRef, _config: ZDrawerOptions<T, U>, _containerInstance: ZDrawerComponent<T, U>, _platformId: object);
125
- setLoading(value: boolean): void;
126
- close(result?: R): void;
127
- private _trigger;
128
- private _getContentComponent;
129
- private _closeWithResult;
130
- }
131
-
132
- type ZDrawerShape = 'rounded' | 'square';
133
- declare const zDrawerVariants: (props?: ({
134
- placement?: "left" | "right" | "top" | "bottom" | null | undefined;
135
- shape?: "rounded" | "square" | null | undefined;
136
- } & class_variance_authority_types.ClassProp) | undefined) => string;
137
-
138
- declare class ZDrawerComponent<T, U> extends BasePortalOutlet implements OnDestroy, AfterViewChecked {
139
- readonly zOnOk: _angular_core.OutputEmitterRef<void>;
140
- readonly zOnCancel: _angular_core.OutputEmitterRef<void>;
141
- readonly zAfterClose: _angular_core.OutputEmitterRef<void>;
142
- readonly zScrollbar: _angular_core.OutputEmitterRef<NgScrollbar>;
143
- readonly class: _angular_core.InputSignal<ClassValue>;
144
- readonly zBodyClass: _angular_core.InputSignal<ClassValue>;
145
- readonly zVisible: _angular_core.ModelSignal<boolean>;
146
- readonly zTitle: _angular_core.InputSignal<string | TemplateRef<unknown> | undefined>;
147
- readonly zDescription: _angular_core.InputSignal<string | TemplateRef<unknown> | undefined>;
148
- readonly zWidth: _angular_core.InputSignal<string>;
149
- readonly zHeight: _angular_core.InputSignal<string>;
150
- readonly zPlacement: _angular_core.InputSignal<ZDrawerPlacement>;
151
- readonly zClosable: _angular_core.InputSignal<boolean>;
152
- readonly zMaskClosable: _angular_core.InputSignal<boolean>;
153
- readonly zDisableShadow: _angular_core.InputSignal<boolean>;
154
- readonly zHeaderBorder: _angular_core.InputSignal<boolean>;
155
- readonly zFooterBorder: _angular_core.InputSignal<boolean>;
156
- readonly zHideFooter: _angular_core.InputSignal<boolean>;
157
- readonly zHideHeader: _angular_core.InputSignal<boolean>;
158
- readonly zOkText: _angular_core.InputSignal<string | null>;
159
- readonly zCancelText: _angular_core.InputSignal<string | null>;
160
- readonly zOkDestructive: _angular_core.InputSignal<boolean>;
161
- readonly zOkDisabled: _angular_core.InputSignal<boolean>;
162
- readonly zLoading: _angular_core.InputSignal<boolean>;
163
- readonly zOverlay: _angular_core.InputSignal<"dark" | "blur">;
164
- readonly zShadow: _angular_core.InputSignal<boolean>;
165
- readonly zShape: _angular_core.InputSignal<ZDrawerShape>;
166
- readonly zContentLoading: _angular_core.InputSignal<boolean>;
167
- readonly zSkeletonRows: _angular_core.InputSignal<number | null>;
168
- protected readonly customHeader: _angular_core.Signal<ZDrawerHeaderDirective | undefined>;
169
- protected readonly customContent: _angular_core.Signal<ZDrawerContentDirective | undefined>;
170
- protected readonly customFooter: _angular_core.Signal<ZDrawerFooterDirective | undefined>;
171
- drawerRef?: ZDrawerRef<T>;
172
- readonly portalOutlet: _angular_core.Signal<CdkPortalOutlet | undefined>;
173
- protected readonly dummyTemplateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
174
- protected readonly mainContentRef: _angular_core.Signal<NgScrollbar | undefined>;
175
- protected readonly config: ZDrawerOptions<T, U>;
176
- private readonly _platformId;
177
- private readonly _host;
178
- private readonly _overlay;
179
- private readonly _viewContainerRef;
180
- private readonly _cdr;
181
- private readonly _destroyRef;
182
- private readonly _zTranslate;
183
- private readonly _overlayContainerService;
184
- private readonly _zIndexService;
185
- private _templateOverlayRef;
186
- private _originalParent;
187
- private _originalNextSibling;
188
- private _backdropSubscription;
189
- private _closeTimeout;
190
- protected readonly isLeaving: _angular_core.WritableSignal<boolean>;
191
- protected readonly hasScrollableContent: _angular_core.WritableSignal<boolean>;
192
- protected readonly isScrolledFromTop: _angular_core.WritableSignal<boolean>;
193
- protected readonly isScrolledToBottom: _angular_core.WritableSignal<boolean>;
194
- protected readonly isServiceMode: _angular_core.Signal<boolean>;
195
- protected readonly isTemplateMode: _angular_core.Signal<boolean>;
196
- protected readonly shouldRenderContent: _angular_core.Signal<boolean>;
197
- protected readonly isStringContent: _angular_core.Signal<boolean>;
198
- private _lastScrollHeight;
199
- ngAfterViewChecked(): void;
200
- private _checkScrollState;
201
- onContentScroll(event: Event): void;
202
- protected readonly effectiveTitle: _angular_core.Signal<string | TemplateRef<unknown> | undefined>;
203
- protected readonly effectiveDescription: _angular_core.Signal<string | TemplateRef<unknown> | undefined>;
204
- protected readonly hasEffectiveDescription: _angular_core.Signal<boolean>;
205
- protected readonly headerContentClasses: _angular_core.Signal<string>;
206
- protected readonly effectiveBodyClass: _angular_core.Signal<ClassValue>;
207
- protected readonly bodyClasses: _angular_core.Signal<string>;
208
- protected readonly effectiveClosable: _angular_core.Signal<boolean>;
209
- protected readonly effectiveDisableShadow: _angular_core.Signal<boolean>;
210
- protected readonly shouldShowShadow: _angular_core.Signal<boolean>;
211
- protected readonly effectiveHeaderBorder: _angular_core.Signal<boolean>;
212
- protected readonly effectiveFooterBorder: _angular_core.Signal<boolean>;
213
- protected readonly effectiveHideFooter: _angular_core.Signal<boolean | undefined>;
214
- protected readonly effectiveHideHeader: _angular_core.Signal<boolean>;
215
- protected readonly effectiveOkText: _angular_core.Signal<string | null | undefined>;
216
- protected readonly effectiveCancelText: _angular_core.Signal<string | null | undefined>;
217
- protected readonly effectiveOkDestructive: _angular_core.Signal<boolean | undefined>;
218
- protected readonly effectiveOkDisabled: _angular_core.Signal<boolean | undefined>;
219
- protected readonly effectiveLoading: _angular_core.Signal<boolean>;
220
- protected readonly effectiveContentLoading: _angular_core.Signal<boolean>;
221
- protected readonly effectiveSkeletonRows: _angular_core.Signal<number>;
222
- protected readonly effectivePlacement: _angular_core.Signal<ZDrawerPlacement>;
223
- protected readonly effectiveShadow: _angular_core.Signal<boolean>;
224
- protected readonly effectiveShape: _angular_core.Signal<ZDrawerShape>;
225
- protected readonly effectiveWidth: _angular_core.Signal<string | null>;
226
- protected readonly effectiveHeight: _angular_core.Signal<string | null>;
227
- protected readonly isDeferLoading: _angular_core.Signal<boolean>;
228
- protected readonly classes: _angular_core.Signal<string>;
229
- protected readonly hostClasses: _angular_core.Signal<string>;
230
- constructor();
231
- ngOnDestroy(): void;
232
- isDestroyed(): boolean;
233
- getNativeElement(): HTMLElement;
234
- attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
235
- attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
236
- onOkClick(): void;
237
- onCloseClick(): void;
238
- onBackdropClick(): void;
239
- open(): void;
240
- close(): void;
241
- private _createOverlay;
242
- private _openTemplateOverlay;
243
- private _closeWithAnimation;
244
- private _clearCloseTimeout;
245
- private _disposeTemplateOverlay;
246
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZDrawerComponent<any, any>, never>;
247
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZDrawerComponent<any, any>, "z-drawer", ["zDrawer"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zBodyClass": { "alias": "zBodyClass"; "required": false; "isSignal": true; }; "zVisible": { "alias": "zVisible"; "required": false; "isSignal": true; }; "zTitle": { "alias": "zTitle"; "required": false; "isSignal": true; }; "zDescription": { "alias": "zDescription"; "required": false; "isSignal": true; }; "zWidth": { "alias": "zWidth"; "required": false; "isSignal": true; }; "zHeight": { "alias": "zHeight"; "required": false; "isSignal": true; }; "zPlacement": { "alias": "zPlacement"; "required": false; "isSignal": true; }; "zClosable": { "alias": "zClosable"; "required": false; "isSignal": true; }; "zMaskClosable": { "alias": "zMaskClosable"; "required": false; "isSignal": true; }; "zDisableShadow": { "alias": "zDisableShadow"; "required": false; "isSignal": true; }; "zHeaderBorder": { "alias": "zHeaderBorder"; "required": false; "isSignal": true; }; "zFooterBorder": { "alias": "zFooterBorder"; "required": false; "isSignal": true; }; "zHideFooter": { "alias": "zHideFooter"; "required": false; "isSignal": true; }; "zHideHeader": { "alias": "zHideHeader"; "required": false; "isSignal": true; }; "zOkText": { "alias": "zOkText"; "required": false; "isSignal": true; }; "zCancelText": { "alias": "zCancelText"; "required": false; "isSignal": true; }; "zOkDestructive": { "alias": "zOkDestructive"; "required": false; "isSignal": true; }; "zOkDisabled": { "alias": "zOkDisabled"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zOverlay": { "alias": "zOverlay"; "required": false; "isSignal": true; }; "zShadow": { "alias": "zShadow"; "required": false; "isSignal": true; }; "zShape": { "alias": "zShape"; "required": false; "isSignal": true; }; "zContentLoading": { "alias": "zContentLoading"; "required": false; "isSignal": true; }; "zSkeletonRows": { "alias": "zSkeletonRows"; "required": false; "isSignal": true; }; }, { "zOnOk": "zOnOk"; "zOnCancel": "zOnCancel"; "zAfterClose": "zAfterClose"; "zScrollbar": "zScrollbar"; "zVisible": "zVisibleChange"; }, ["customHeader", "customContent", "customFooter"], ["*"], true, never>;
248
- }
249
-
250
- declare class ZDrawerService {
251
- private readonly _overlay;
252
- private readonly _injector;
253
- private readonly _platformId;
254
- private readonly _zIndexService;
255
- create<T, U>(config: ZDrawerOptions<T, U>): ZDrawerRef<T>;
256
- private _open;
257
- private _createOverlay;
258
- private _attachDrawerContainer;
259
- private _attachDrawerContent;
260
- private _createInjector;
261
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZDrawerService, never>;
262
- static ɵprov: _angular_core.ɵɵInjectableDeclaration<ZDrawerService>;
263
- }
264
-
265
- export { ZDrawerComponent, ZDrawerContentDirective, ZDrawerFooterDirective, ZDrawerHeaderDirective, ZDrawerOptions, ZDrawerRef, ZDrawerService, Z_DRAWER_DATA, zDrawerVariants };
266
- export type { ZDrawerContentType, ZDrawerPlacement };
@@ -1,54 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import { AfterContentInit, ElementRef } from '@angular/core';
3
- import { ZIcon, ZIconVariants } from '@shival99/z-ui/components/z-icon';
4
- import { ZPopoverPosition } from '@shival99/z-ui/components/z-popover';
5
-
6
- interface ZDropdownMenuItem {
7
- label: string;
8
- icon?: ZIcon;
9
- iconSize?: ZIconVariants['zSize'];
10
- shortcut?: string;
11
- class?: string;
12
- loading?: boolean;
13
- disabled?: boolean;
14
- hidden?: boolean;
15
- onClick?: () => void;
16
- divide?: 'before' | 'after';
17
- submenu?: ZDropdownMenuItem[];
18
- submenuPosition?: ZPopoverPosition;
19
- subMinWidth?: number;
20
- subMaxWidth?: number;
21
- }
22
-
23
- declare class ZDropdownMenuComponent implements AfterContentInit {
24
- protected readonly contentWrapper: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
25
- readonly zOnItemClick: _angular_core.OutputEmitterRef<ZDropdownMenuItem>;
26
- readonly zItems: _angular_core.InputSignal<ZDropdownMenuItem[]>;
27
- readonly zLabel: _angular_core.InputSignal<string | undefined>;
28
- readonly zIcon: _angular_core.InputSignal<ZIcon>;
29
- readonly zButtonType: _angular_core.InputSignal<"primary" | "secondary" | "outline" | "ghost">;
30
- readonly zPosition: _angular_core.InputSignal<ZPopoverPosition>;
31
- readonly zButtonSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "xl" | null | undefined>;
32
- readonly zOffset: _angular_core.InputSignal<number>;
33
- readonly zMinWidth: _angular_core.InputSignal<number>;
34
- readonly zMaxWidth: _angular_core.InputSignal<number>;
35
- readonly zDisabled: _angular_core.InputSignal<boolean>;
36
- readonly zWave: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
37
- protected readonly hasContent: _angular_core.WritableSignal<boolean>;
38
- protected readonly popoverControl: _angular_core.WritableSignal<{
39
- close: () => void;
40
- closeImmediate: () => void;
41
- } | null>;
42
- protected readonly visibleItems: _angular_core.Signal<ZDropdownMenuItem[]>;
43
- ngAfterContentInit(): void;
44
- protected onItemClick(item: ZDropdownMenuItem): void;
45
- protected onControl(control: {
46
- close: () => void;
47
- closeImmediate: () => void;
48
- }): void;
49
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZDropdownMenuComponent, never>;
50
- 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; }; "zWave": { "alias": "zWave"; "required": false; "isSignal": true; }; }, { "zOnItemClick": "zOnItemClick"; }, never, ["*"], true, never>;
51
- }
52
-
53
- export { ZDropdownMenuComponent };
54
- export type { ZDropdownMenuItem };
@@ -1,337 +0,0 @@
1
- import * as _shival99_z_ui_utils from '@shival99/z-ui/utils';
2
- import { ZEvent, ZEmojiCategory } from '@shival99/z-ui/utils';
3
- import * as _angular_core from '@angular/core';
4
- import { Signal, OnInit } from '@angular/core';
5
- import { ControlValueAccessor } from '@angular/forms';
6
- import { ZIcon } from '@shival99/z-ui/components/z-icon';
7
- import { ZInputValidator } from '@shival99/z-ui/components/z-input';
8
- import { ZPopoverControl } from '@shival99/z-ui/components/z-popover';
9
- import { Content, Editor, Extension } from '@tiptap/core';
10
- import { ClassValue } from 'clsx';
11
- import { LinkOptions } from '@tiptap/extension-link';
12
- import { MentionOptions } from '@tiptap/extension-mention';
13
- import { PlaceholderOptions } from '@tiptap/extension-placeholder';
14
- import { StarterKitOptions } from '@tiptap/starter-kit';
15
- import * as class_variance_authority_types from 'class-variance-authority/types';
16
- import { VariantProps } from 'class-variance-authority';
17
-
18
- type ZEditorSize = 'sm' | 'default' | 'lg';
19
- type ZEditorContentType = 'html' | 'json' | 'markdown';
20
- type ZEditorToolbarCommand = 'bold' | 'italic' | 'underline' | 'strike' | 'code' | 'blockStyle' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'small' | 'paragraph' | 'bulletList' | 'orderedList' | 'blockquote' | 'codeBlock' | 'horizontalRule' | 'link' | 'image' | 'emoji' | 'textColor' | 'backgroundColor' | 'align' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'undo' | 'redo' | 'clearFormatting';
21
- interface ZEditorToolbarItem {
22
- id: ZEditorToolbarCommand;
23
- icon: ZIcon;
24
- label: string;
25
- }
26
- interface ZEditorSlashCommandItem {
27
- id: string;
28
- command: ZEditorToolbarCommand;
29
- icon: ZIcon;
30
- label: string;
31
- description: string;
32
- group: string;
33
- aliases: readonly string[];
34
- }
35
- interface ZEditorSlashCommandViewItem extends ZEditorSlashCommandItem {
36
- showGroupLabel: boolean;
37
- }
38
- interface ZEditorResolvedToolbarItem extends ZEditorToolbarItem {
39
- active: boolean;
40
- disabled: boolean;
41
- }
42
- interface ZEditorControl {
43
- /** Focus the editor */
44
- focus: () => void;
45
- /** Blur the editor */
46
- blur: () => void;
47
- /** Clear the editor content */
48
- clear: () => void;
49
- /** Set content programmatically */
50
- setContent: (content: Content) => void;
51
- /** Get current serialized content */
52
- getContent: () => string | Content;
53
- /** Get current HTML content */
54
- getHTML: () => string;
55
- /** Get current JSON content */
56
- getJSON: () => Content;
57
- /** Get current Markdown content when markdown mode is enabled */
58
- getMarkdown: () => string;
59
- /** Get plain text content */
60
- getText: () => string;
61
- /** Get content length */
62
- getLength: () => number;
63
- /** Access the TipTap editor instance */
64
- getEditor: () => Editor | null;
65
- /** Trigger validation and return true if valid */
66
- valid: () => boolean;
67
- /**
68
- * Trigger validation and return true if has error.
69
- * @deprecated Use `valid()` for boolean form-submit checks.
70
- */
71
- validate: () => boolean;
72
- /** Reset component to initial state */
73
- reset: () => void;
74
- /** Set value programmatically (alias for setContent) */
75
- setValue: (content: Content) => void;
76
- /** Set custom error message (useful for server-side validation). Pass null to clear. */
77
- setErrorMessage: (message: string | null) => void;
78
- /** Signal indicating if component has validation error */
79
- hasError: Signal<boolean>;
80
- /** Signal with current serialized value */
81
- value: Signal<string | Content>;
82
- /** Signal with current error message */
83
- errorMessage: Signal<string>;
84
- }
85
- interface ZEditorValidator {
86
- error: string;
87
- message: string;
88
- pattern?: RegExp;
89
- minLength?: number;
90
- maxLength?: number;
91
- }
92
- interface ZEditorPlaceholderOptions extends Partial<PlaceholderOptions> {
93
- mode?: 'firstLine' | 'everyLine';
94
- }
95
- interface ZEditorTipTapOptions {
96
- starterKit?: Partial<StarterKitOptions>;
97
- placeholder?: string | ZEditorPlaceholderOptions;
98
- image?: boolean | Record<string, unknown>;
99
- link?: Partial<LinkOptions>;
100
- mention?: boolean | Partial<Omit<MentionOptions, 'suggestion' | 'suggestions'>>;
101
- extensions?: Extension[];
102
- }
103
-
104
- declare class ZEditorComponent implements OnInit, ControlValueAccessor {
105
- private static readonly _bubbleMenuOffset;
106
- private readonly _injector;
107
- private readonly _destroyRef;
108
- private readonly _zTranslate;
109
- private readonly _editorHost;
110
- private readonly _floatingToolbar;
111
- private readonly _slashMenuTrigger;
112
- private readonly _linkPopoverTrigger;
113
- private readonly _slashMenuScrollHost;
114
- readonly zOnChange: _angular_core.OutputEmitterRef<Content>;
115
- readonly zOnFocus: _angular_core.OutputEmitterRef<FocusEvent>;
116
- readonly zOnBlur: _angular_core.OutputEmitterRef<FocusEvent>;
117
- readonly zControl: _angular_core.OutputEmitterRef<ZEditorControl>;
118
- readonly zEvent: _angular_core.OutputEmitterRef<ZEvent>;
119
- readonly class: _angular_core.InputSignal<ClassValue>;
120
- readonly zSize: _angular_core.InputSignal<ZEditorSize>;
121
- readonly zLabel: _angular_core.InputSignal<string>;
122
- readonly zLabelClass: _angular_core.InputSignal<string>;
123
- readonly zPlaceholder: _angular_core.InputSignal<string>;
124
- readonly zRequired: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
125
- readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
126
- readonly zReadonly: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
127
- readonly zContentType: _angular_core.InputSignal<ZEditorContentType>;
128
- readonly zToolbar: _angular_core.InputSignal<false | readonly ZEditorToolbarItem[]>;
129
- readonly zTipTap: _angular_core.InputSignal<ZEditorTipTapOptions>;
130
- readonly zValidators: _angular_core.InputSignal<ZEditorValidator[]>;
131
- protected readonly editorId: string;
132
- protected readonly linkInputId: string;
133
- protected readonly _value: _angular_core.WritableSignal<Content>;
134
- private readonly _disabled;
135
- private readonly _formControl;
136
- private readonly _formStateVersion;
137
- private readonly _isNgModel;
138
- private readonly _selectionVersion;
139
- private readonly _plainText;
140
- protected readonly slashMenuState: _angular_core.WritableSignal<{
141
- visible: boolean;
142
- query: string;
143
- from: number;
144
- to: number;
145
- left: number;
146
- top: number;
147
- }>;
148
- protected readonly slashMenuActiveIndex: _angular_core.WritableSignal<number>;
149
- protected readonly linkPopoverState: _angular_core.WritableSignal<{
150
- visible: boolean;
151
- left: number;
152
- top: number;
153
- width: number;
154
- height: number;
155
- }>;
156
- protected readonly linkUrl: _angular_core.WritableSignal<string>;
157
- protected readonly activeLinkHref: _angular_core.WritableSignal<string>;
158
- protected readonly linkValidators: ZInputValidator[];
159
- protected readonly textColorSwatches: readonly string[];
160
- protected readonly backgroundColorSwatches: readonly string[];
161
- protected readonly slashCommands: readonly ZEditorSlashCommandItem[];
162
- protected readonly blockStyleOptions: readonly {
163
- command: Extract<ZEditorToolbarCommand, 'paragraph' | 'heading1' | 'heading2' | 'heading3' | 'heading4'>;
164
- icon: ZEditorToolbarItem['icon'];
165
- label: string;
166
- }[];
167
- protected readonly alignOptions: readonly {
168
- command: Extract<ZEditorToolbarCommand, 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify'>;
169
- icon: ZEditorToolbarItem['icon'];
170
- label: string;
171
- }[];
172
- private readonly _toolbarShortcutLabels;
173
- protected readonly uiState: _angular_core.WritableSignal<{
174
- touched: boolean;
175
- dirty: boolean;
176
- }>;
177
- private readonly _customError;
178
- private _onChange;
179
- private _onTouched;
180
- private _ngControl;
181
- private _editor;
182
- private _pendingValue;
183
- private _linkSelection;
184
- private _linkAnchorElement;
185
- private _emojiPopoverControl;
186
- private _blockStylePopoverControl;
187
- private _alignPopoverControl;
188
- private _textColorPopoverControl;
189
- private _backgroundColorPopoverControl;
190
- private _slashMenuPopoverControl;
191
- private _dismissedSlashMenu;
192
- private _linkPopoverControl;
193
- private _resizeObserver;
194
- private _resizeListenerCleanup;
195
- private _bubbleMenuPositionFrame;
196
- protected readonly emojiCategories: readonly (Omit<ZEmojiCategory, "icon"> & {
197
- icon: ZIcon;
198
- })[];
199
- protected readonly activeEmojiCategoryId: _angular_core.WritableSignal<string>;
200
- protected readonly emojiSearch: _angular_core.WritableSignal<string>;
201
- protected readonly activeEmojiCategory: _angular_core.Signal<Omit<ZEmojiCategory, "icon"> & {
202
- icon: ZIcon;
203
- }>;
204
- protected readonly activeEmojiCategoryLabel: _angular_core.Signal<string>;
205
- protected readonly emojiSearchQuery: _angular_core.Signal<string>;
206
- protected readonly activeEmojis: _angular_core.Signal<readonly (string | _shival99_z_ui_utils.ZEmojiEntry)[]>;
207
- protected readonly hasEmojiResults: _angular_core.Signal<boolean>;
208
- protected readonly isDisabled: _angular_core.Signal<boolean>;
209
- protected readonly showToolbar: _angular_core.Signal<boolean>;
210
- protected readonly normalizedLinkUrl: _angular_core.Signal<string>;
211
- protected readonly activeTextColor: _angular_core.Signal<string>;
212
- protected readonly activeBackgroundColor: _angular_core.Signal<string>;
213
- protected readonly activeBlockStyle: _angular_core.Signal<"heading1" | "heading2" | "heading3" | "heading4" | "paragraph">;
214
- protected readonly activeBlockStyleLabel: _angular_core.Signal<string>;
215
- protected readonly activeAlign: _angular_core.Signal<"alignLeft" | "alignCenter" | "alignRight" | "alignJustify">;
216
- protected readonly activeAlignLabel: _angular_core.Signal<string>;
217
- protected readonly activeAlignIcon: _angular_core.Signal<ZIcon>;
218
- protected readonly filteredSlashCommands: _angular_core.Signal<ZEditorSlashCommandViewItem[]>;
219
- protected readonly canApplyLink: _angular_core.Signal<boolean>;
220
- protected readonly effectivePlaceholder: _angular_core.Signal<string>;
221
- protected readonly toolbarItems: _angular_core.Signal<ZEditorResolvedToolbarItem[]>;
222
- protected readonly floatingToolbarItems: _angular_core.Signal<(ZEditorResolvedToolbarItem & {
223
- shortcut: string;
224
- tooltip: string;
225
- })[]>;
226
- private readonly _shouldShowValidation;
227
- private _getValidationErrors;
228
- protected readonly hasError: _angular_core.Signal<boolean>;
229
- protected readonly errorMessage: _angular_core.Signal<string>;
230
- protected readonly currentStatus: _angular_core.Signal<"default" | "disabled" | "readonly" | "error">;
231
- protected readonly wrapperClasses: _angular_core.Signal<string>;
232
- protected readonly editorClasses: _angular_core.Signal<string>;
233
- constructor();
234
- ngOnInit(): void;
235
- writeValue(value: string | Content): void;
236
- registerOnChange(fn: (value: string | Content) => void): void;
237
- registerOnTouched(fn: () => void): void;
238
- setDisabledState(isDisabled: boolean): void;
239
- protected onToolbarClick(command: ZEditorToolbarCommand): void;
240
- private _createEditor;
241
- private _handleEditorUpdate;
242
- private _handleFocus;
243
- private _handleBlur;
244
- private _emitControl;
245
- private _setEditorContent;
246
- private _validateControl;
247
- private _getSerializedContent;
248
- private _getMarkdown;
249
- private _serializeValueAsText;
250
- private _refreshEditorState;
251
- private _searchEmojis;
252
- private _setupBubbleMenuPositionUpdates;
253
- private _listenWindowResize;
254
- private _teardownBubbleMenuPositionUpdates;
255
- private _requestBubbleMenuPositionUpdate;
256
- private _isAnyBubbleMenuPopoverOpen;
257
- private _syncLinkPopoverPosition;
258
- private _getSelectionFloatingElement;
259
- private _getFrozenBubbleMenuReferenceRect;
260
- private _createVirtualElement;
261
- private _isEditorEmpty;
262
- private _isCurrentEditorContent;
263
- private _isToolbarCommandActive;
264
- private _isToolbarCommandDisabled;
265
- protected onFloatingToolbarClick(command: ZEditorToolbarCommand): void;
266
- private _getToolbarTooltip;
267
- protected applySlashCommand(item: ZEditorSlashCommandItem): void;
268
- protected applyBlockStyle(command: Extract<ZEditorToolbarCommand, 'paragraph' | 'heading1' | 'heading2' | 'heading3' | 'heading4'>, closePopover?: () => void): void;
269
- protected applyAlign(command: Extract<ZEditorToolbarCommand, 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify'>, closePopover?: () => void): void;
270
- protected insertEmoji(emoji: string): void;
271
- protected setEmojiCategory(categoryId: string): void;
272
- protected onEmojiPopoverControl(control: ZPopoverControl): void;
273
- protected onEmojiPopoverShow(): void;
274
- protected onBlockStylePopoverControl(control: ZPopoverControl): void;
275
- protected onAlignPopoverControl(control: ZPopoverControl): void;
276
- protected onTextColorPopoverControl(control: ZPopoverControl): void;
277
- protected onBackgroundColorPopoverControl(control: ZPopoverControl): void;
278
- protected onSlashMenuPopoverControl(control: ZPopoverControl): void;
279
- protected onSlashMenuPopoverHide(): void;
280
- protected onLinkPopoverControl(control: ZPopoverControl): void;
281
- protected onLinkPopoverHide(): void;
282
- protected onFloatingPopoverHide(): void;
283
- protected setTextColor(color: string, closePopover?: () => void): void;
284
- protected setTextColorFromEvent(event: Event, closePopover?: () => void): void;
285
- protected unsetTextColor(closePopover?: () => void): void;
286
- protected setBackgroundColor(color: string, closePopover?: () => void): void;
287
- protected setBackgroundColorFromEvent(event: Event, closePopover?: () => void): void;
288
- protected unsetBackgroundColor(closePopover?: () => void): void;
289
- private _closePopover;
290
- private _handleSlashMenuKeyDown;
291
- private _handleEditorShortcutKeyDown;
292
- private _getShortcutCommand;
293
- private _isPrimaryShortcut;
294
- private _syncSlashMenu;
295
- private _scrollActiveSlashMenuItemIntoView;
296
- private _hideSlashMenu;
297
- private _dismissCurrentSlashMenu;
298
- private _getCurrentSlashMenuMatch;
299
- private _isDismissedSlashStillPresent;
300
- private _toggleLink;
301
- protected closeLinkPopover(): void;
302
- protected onLinkUrlChange(value: string | number | null): void;
303
- protected applyLink(): void;
304
- private _normalizeUrl;
305
- protected removeLink(): void;
306
- protected openActiveLink(): void;
307
- private _handleEditorClick;
308
- private _showLinkPopover;
309
- private _alignFixedTrigger;
310
- private _getLinkPopoverReferenceRect;
311
- private _getLinkAnchorRect;
312
- private _insertImage;
313
- private _setTextAlign;
314
- private _collapseSelectionToAnchor;
315
- private _getTextStyleAttribute;
316
- private _getActiveBlockStyle;
317
- private _getActiveAlign;
318
- private _getActiveAlignFromEditor;
319
- private _createImageExtension;
320
- private static _getImageAlignStyle;
321
- private _placeholderConfig;
322
- private _placeholderMode;
323
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZEditorComponent, never>;
324
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZEditorComponent, "z-editor", ["zEditor"], { "class": { "alias": "class"; "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; }; "zContentType": { "alias": "zContentType"; "required": false; "isSignal": true; }; "zToolbar": { "alias": "zToolbar"; "required": false; "isSignal": true; }; "zTipTap": { "alias": "zTipTap"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; }, { "zOnChange": "zOnChange"; "zOnFocus": "zOnFocus"; "zOnBlur": "zOnBlur"; "zControl": "zControl"; "zEvent": "zEvent"; }, never, never, true, never>;
325
- }
326
-
327
- declare const Z_EDITOR_DEFAULT_TOOLBAR: readonly ZEditorToolbarItem[];
328
-
329
- declare const zEditorVariants: (props?: ({
330
- zSize?: "sm" | "default" | "lg" | null | undefined;
331
- zStatus?: "default" | "error" | "disabled" | "readonly" | null | undefined;
332
- zPlaceholderMode?: "firstLine" | "everyLine" | null | undefined;
333
- } & class_variance_authority_types.ClassProp) | undefined) => string;
334
- type ZEditorVariants = VariantProps<typeof zEditorVariants>;
335
-
336
- export { ZEditorComponent, Z_EDITOR_DEFAULT_TOOLBAR, zEditorVariants };
337
- export type { ZEditorContentType, ZEditorControl, ZEditorResolvedToolbarItem, ZEditorSize, ZEditorTipTapOptions, ZEditorToolbarCommand, ZEditorToolbarItem, ZEditorValidator, ZEditorVariants };