@shival99/z-ui 2.0.30 → 2.0.32

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 (43) hide show
  1. package/fesm2022/shival99-z-ui-components-z-calendar.mjs +294 -7
  2. package/fesm2022/shival99-z-ui-components-z-calendar.mjs.map +1 -1
  3. package/fesm2022/shival99-z-ui-components-z-chat.mjs +1 -1
  4. package/fesm2022/shival99-z-ui-components-z-chat.mjs.map +1 -1
  5. package/fesm2022/shival99-z-ui-components-z-drawer.mjs +11 -3
  6. package/fesm2022/shival99-z-ui-components-z-drawer.mjs.map +1 -1
  7. package/fesm2022/shival99-z-ui-components-z-editor.mjs +42 -24
  8. package/fesm2022/shival99-z-ui-components-z-editor.mjs.map +1 -1
  9. package/fesm2022/shival99-z-ui-components-z-gallery.mjs +455 -530
  10. package/fesm2022/shival99-z-ui-components-z-gallery.mjs.map +1 -1
  11. package/fesm2022/shival99-z-ui-components-z-kanban.mjs +1 -1
  12. package/fesm2022/shival99-z-ui-components-z-kanban.mjs.map +1 -1
  13. package/fesm2022/shival99-z-ui-components-z-media-player.mjs +658 -0
  14. package/fesm2022/shival99-z-ui-components-z-media-player.mjs.map +1 -0
  15. package/fesm2022/shival99-z-ui-components-z-modal.mjs +11 -3
  16. package/fesm2022/shival99-z-ui-components-z-modal.mjs.map +1 -1
  17. package/fesm2022/shival99-z-ui-components-z-qrcode.mjs +383 -0
  18. package/fesm2022/shival99-z-ui-components-z-qrcode.mjs.map +1 -0
  19. package/fesm2022/shival99-z-ui-components-z-scrollarea.mjs +131 -0
  20. package/fesm2022/shival99-z-ui-components-z-scrollarea.mjs.map +1 -0
  21. package/fesm2022/shival99-z-ui-components-z-show-more.mjs +121 -0
  22. package/fesm2022/shival99-z-ui-components-z-show-more.mjs.map +1 -0
  23. package/fesm2022/shival99-z-ui-components-z-table.mjs +184 -71
  24. package/fesm2022/shival99-z-ui-components-z-table.mjs.map +1 -1
  25. package/fesm2022/shival99-z-ui-components-z-tabs.mjs +135 -61
  26. package/fesm2022/shival99-z-ui-components-z-tabs.mjs.map +1 -1
  27. package/fesm2022/shival99-z-ui-components-z-toast.mjs +124 -31
  28. package/fesm2022/shival99-z-ui-components-z-toast.mjs.map +1 -1
  29. package/fesm2022/shival99-z-ui-i18n.mjs +70 -0
  30. package/fesm2022/shival99-z-ui-i18n.mjs.map +1 -1
  31. package/package.json +17 -1
  32. package/types/shival99-z-ui-components-z-calendar.d.ts +6 -1
  33. package/types/shival99-z-ui-components-z-drawer.d.ts +9 -1
  34. package/types/shival99-z-ui-components-z-editor.d.ts +14 -9
  35. package/types/shival99-z-ui-components-z-gallery.d.ts +97 -6
  36. package/types/shival99-z-ui-components-z-media-player.d.ts +123 -0
  37. package/types/shival99-z-ui-components-z-modal.d.ts +10 -2
  38. package/types/shival99-z-ui-components-z-qrcode.d.ts +76 -0
  39. package/types/shival99-z-ui-components-z-scrollarea.d.ts +46 -0
  40. package/types/shival99-z-ui-components-z-show-more.d.ts +36 -0
  41. package/types/shival99-z-ui-components-z-table.d.ts +17 -2
  42. package/types/shival99-z-ui-components-z-tabs.d.ts +10 -6
  43. package/types/shival99-z-ui-components-z-toast.d.ts +35 -2
@@ -20,8 +20,8 @@ interface ZTab {
20
20
  badge?: string | number;
21
21
  template?: TemplateRef<unknown>;
22
22
  }
23
- type ZTabsType = 'line' | 'default' | 'enclosed' | 'enclosed-solid' | 'soft' | 'pill' | 'solid' | 'underline' | 'underlined' | 'badge' | 'sharp' | 'vertical-sharp' | 'code-line';
24
- type ZTabsSize = 'sm' | 'default' | 'lg';
23
+ type ZTabsType = 'line' | 'soft' | 'segment' | 'folder' | 'folder-soft' | 'folder-solid' | 'underline' | 'underlined' | 'badge' | 'sharp' | 'sharp-line' | 'vertical-sharp' | 'code-line';
24
+ type ZTabsSize = 'xs' | 'sm' | 'default' | 'lg';
25
25
  type ZTabsOrientation = 'horizontal' | 'vertical';
26
26
 
27
27
  declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
@@ -36,6 +36,7 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
36
36
  readonly zLazy: _angular_core.InputSignal<boolean>;
37
37
  readonly zDestroyInactive: _angular_core.InputSignal<boolean>;
38
38
  readonly zTabsOnly: _angular_core.InputSignal<boolean>;
39
+ readonly zShowContentWrapper: _angular_core.InputSignal<boolean>;
39
40
  readonly zReloadable: _angular_core.InputSignal<boolean>;
40
41
  readonly zEmitOnActiveClick: _angular_core.InputSignal<boolean>;
41
42
  readonly zCache: _angular_core.InputSignal<boolean>;
@@ -53,6 +54,9 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
53
54
  ngAfterViewInit(): void;
54
55
  ngOnDestroy(): void;
55
56
  protected readonly tabsClasses: _angular_core.Signal<string>;
57
+ protected readonly contentWrapperFramed: _angular_core.Signal<boolean>;
58
+ protected readonly tabsListHasBottomPadding: _angular_core.Signal<boolean>;
59
+ protected readonly verticalTabsScrollable: _angular_core.Signal<boolean>;
56
60
  protected getTabItemClasses(_tab: ZTab): string;
57
61
  protected selectTab(tab: ZTab, scrollToView?: boolean): void;
58
62
  protected isTabActive(tab: ZTab): boolean;
@@ -67,16 +71,16 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
67
71
  private _getCacheKey;
68
72
  protected scrollToActiveDropdownItem(): void;
69
73
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTabsComponent, never>;
70
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTabsComponent, "z-tabs", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zTabs": { "alias": "zTabs"; "required": true; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zOrientation": { "alias": "zOrientation"; "required": false; "isSignal": true; }; "zLazy": { "alias": "zLazy"; "required": false; "isSignal": true; }; "zDestroyInactive": { "alias": "zDestroyInactive"; "required": false; "isSignal": true; }; "zTabsOnly": { "alias": "zTabsOnly"; "required": false; "isSignal": true; }; "zReloadable": { "alias": "zReloadable"; "required": false; "isSignal": true; }; "zEmitOnActiveClick": { "alias": "zEmitOnActiveClick"; "required": false; "isSignal": true; }; "zCache": { "alias": "zCache"; "required": false; "isSignal": true; }; "zCacheKey": { "alias": "zCacheKey"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; "zTabChange": "zTabChange"; }, ["tabPanels"], never, true, never>;
74
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTabsComponent, "z-tabs", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zTabs": { "alias": "zTabs"; "required": true; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zOrientation": { "alias": "zOrientation"; "required": false; "isSignal": true; }; "zLazy": { "alias": "zLazy"; "required": false; "isSignal": true; }; "zDestroyInactive": { "alias": "zDestroyInactive"; "required": false; "isSignal": true; }; "zTabsOnly": { "alias": "zTabsOnly"; "required": false; "isSignal": true; }; "zShowContentWrapper": { "alias": "zShowContentWrapper"; "required": false; "isSignal": true; }; "zReloadable": { "alias": "zReloadable"; "required": false; "isSignal": true; }; "zEmitOnActiveClick": { "alias": "zEmitOnActiveClick"; "required": false; "isSignal": true; }; "zCache": { "alias": "zCache"; "required": false; "isSignal": true; }; "zCacheKey": { "alias": "zCacheKey"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; "zTabChange": "zTabChange"; }, ["tabPanels"], never, true, never>;
71
75
  }
72
76
 
73
77
  declare const zTabsVariants: (props?: ({
74
- zType?: "line" | "default" | "enclosed" | "enclosed-solid" | "soft" | "pill" | "solid" | "underline" | "underlined" | "badge" | "sharp" | "vertical-sharp" | "code-line" | null | undefined;
78
+ zType?: "line" | "soft" | "segment" | "folder" | "folder-soft" | "folder-solid" | "underline" | "underlined" | "badge" | "sharp" | "sharp-line" | "vertical-sharp" | "code-line" | null | undefined;
75
79
  zOrientation?: "horizontal" | "vertical" | null | undefined;
76
80
  } & class_variance_authority_types.ClassProp) | undefined) => string;
77
81
  declare const zTabItemVariants: (props?: ({
78
- zType?: "line" | "default" | "enclosed" | "enclosed-solid" | "soft" | "pill" | "solid" | "underline" | "underlined" | "badge" | "sharp" | "vertical-sharp" | "code-line" | null | undefined;
79
- zSize?: "default" | "sm" | "lg" | null | undefined;
82
+ zType?: "line" | "soft" | "segment" | "folder" | "folder-soft" | "folder-solid" | "underline" | "underlined" | "badge" | "sharp" | "sharp-line" | "vertical-sharp" | "code-line" | null | undefined;
83
+ zSize?: "xs" | "sm" | "default" | "lg" | null | undefined;
80
84
  zOrientation?: "horizontal" | "vertical" | null | undefined;
81
85
  } & class_variance_authority_types.ClassProp) | undefined) => string;
82
86
  type ZTabsVariants = VariantProps<typeof zTabsVariants>;
@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
2
2
  import { InjectionToken, EnvironmentProviders, OnDestroy } from '@angular/core';
3
3
  import { ClassValue } from 'clsx';
4
4
  import { ExternalToast } from '@shival99/ngx-sonner';
5
+ import { ZIcon } from '@shival99/z-ui/components/z-icon';
5
6
  import * as class_variance_authority_types from 'class-variance-authority/types';
6
7
  import { VariantProps } from 'class-variance-authority';
7
8
 
@@ -32,6 +33,25 @@ interface ZToasterConfig {
32
33
  zDir?: ZToastDir;
33
34
  }
34
35
  declare const Z_TOASTER_DEFAULT_CONFIG: ZToasterConfig;
36
+ interface ZCustomToastAction {
37
+ label: string;
38
+ onClick: (toastId: string | number) => void;
39
+ zType?: 'primary' | 'secondary' | 'outline' | 'text' | 'danger';
40
+ }
41
+ interface ZCustomToastConfig {
42
+ title: string;
43
+ description?: string;
44
+ type?: 'success' | 'error' | 'warning' | 'info' | 'avatar' | 'image' | 'progress' | 'default';
45
+ icon?: string;
46
+ avatarUrl?: string;
47
+ avatarOnline?: boolean;
48
+ avatarBadgeIcon?: string;
49
+ imageUrl?: string;
50
+ progress?: number;
51
+ actions?: ZCustomToastAction[];
52
+ closeable?: boolean;
53
+ toastId?: string | number;
54
+ }
35
55
 
36
56
  declare class ZToastComponent {
37
57
  private readonly _themeService;
@@ -61,6 +81,18 @@ declare class ZToastComponent {
61
81
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZToastComponent, "z-toast, z-toaster", ["zToast"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zVariant": { "alias": "zVariant"; "required": false; "isSignal": true; }; "zTheme": { "alias": "zTheme"; "required": false; "isSignal": true; }; "zPosition": { "alias": "zPosition"; "required": false; "isSignal": true; }; "zRichColors": { "alias": "zRichColors"; "required": false; "isSignal": true; }; "zExpand": { "alias": "zExpand"; "required": false; "isSignal": true; }; "zDuration": { "alias": "zDuration"; "required": false; "isSignal": true; }; "zVisibleToasts": { "alias": "zVisibleToasts"; "required": false; "isSignal": true; }; "zCloseButton": { "alias": "zCloseButton"; "required": false; "isSignal": true; }; "zToastOptions": { "alias": "zToastOptions"; "required": false; "isSignal": true; }; "zDir": { "alias": "zDir"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
62
82
  }
63
83
 
84
+ declare class ZToastCustomComponent {
85
+ private readonly _toastService;
86
+ readonly config: _angular_core.InputSignal<ZCustomToastConfig>;
87
+ protected dismiss(): void;
88
+ protected handleAction(action: ZCustomToastAction): void;
89
+ protected getFeaturedIconName(): ZIcon;
90
+ protected getFeaturedIconContainerClasses(): string;
91
+ protected getActionClasses(action: ZCustomToastAction): string;
92
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZToastCustomComponent, never>;
93
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZToastCustomComponent, "z-toast-custom", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
94
+ }
95
+
64
96
  /**
65
97
  * Provides global toast configuration options
66
98
  * Use this in app.config.ts: providers: [provideZToast({ zPosition: 'top-right' })]
@@ -103,6 +135,7 @@ declare class ZToastService implements OnDestroy {
103
135
  info(message: string, options?: ZToastOptions): string | number;
104
136
  loading(message: string, options?: ZToastOptions): string | number;
105
137
  promise<T>(promise: Promise<T>, messages: ZToastPromiseMessages<T>): string | number | undefined;
138
+ custom(config: ZCustomToastConfig, options?: ZToastOptions): string | number;
106
139
  dismiss(toastId?: string | number): void;
107
140
  dismissAll(): void;
108
141
  destroy(): void;
@@ -123,5 +156,5 @@ declare const zToastVariants: (props?: ({
123
156
  } & class_variance_authority_types.ClassProp) | undefined) => string;
124
157
  type ZToastVariants = VariantProps<typeof zToastVariants>;
125
158
 
126
- export { ZToastComponent, ZToastService, Z_TOASTER_CONFIG, Z_TOASTER_DEFAULT_CONFIG, Z_TOAST_DATA, provideZToast, zToastVariants };
127
- export type { ZToastDir, ZToastOptions, ZToastPosition, ZToastPromiseMessages, ZToastTheme, ZToastType, ZToastVariants, ZToasterConfig };
159
+ export { ZToastComponent, ZToastCustomComponent, ZToastService, Z_TOASTER_CONFIG, Z_TOASTER_DEFAULT_CONFIG, Z_TOAST_DATA, provideZToast, zToastVariants };
160
+ export type { ZCustomToastAction, ZCustomToastConfig, ZToastDir, ZToastOptions, ZToastPosition, ZToastPromiseMessages, ZToastTheme, ZToastType, ZToastVariants, ZToasterConfig };