@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.
- package/fesm2022/shival99-z-ui-components-z-calendar.mjs +294 -7
- package/fesm2022/shival99-z-ui-components-z-calendar.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-chat.mjs +1 -1
- package/fesm2022/shival99-z-ui-components-z-chat.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-drawer.mjs +11 -3
- package/fesm2022/shival99-z-ui-components-z-drawer.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-editor.mjs +42 -24
- package/fesm2022/shival99-z-ui-components-z-editor.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-gallery.mjs +455 -530
- package/fesm2022/shival99-z-ui-components-z-gallery.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-kanban.mjs +1 -1
- package/fesm2022/shival99-z-ui-components-z-kanban.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-media-player.mjs +658 -0
- package/fesm2022/shival99-z-ui-components-z-media-player.mjs.map +1 -0
- package/fesm2022/shival99-z-ui-components-z-modal.mjs +11 -3
- package/fesm2022/shival99-z-ui-components-z-modal.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-qrcode.mjs +383 -0
- package/fesm2022/shival99-z-ui-components-z-qrcode.mjs.map +1 -0
- package/fesm2022/shival99-z-ui-components-z-scrollarea.mjs +131 -0
- package/fesm2022/shival99-z-ui-components-z-scrollarea.mjs.map +1 -0
- package/fesm2022/shival99-z-ui-components-z-show-more.mjs +121 -0
- package/fesm2022/shival99-z-ui-components-z-show-more.mjs.map +1 -0
- package/fesm2022/shival99-z-ui-components-z-table.mjs +184 -71
- package/fesm2022/shival99-z-ui-components-z-table.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-tabs.mjs +135 -61
- package/fesm2022/shival99-z-ui-components-z-tabs.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-toast.mjs +124 -31
- package/fesm2022/shival99-z-ui-components-z-toast.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-i18n.mjs +70 -0
- package/fesm2022/shival99-z-ui-i18n.mjs.map +1 -1
- package/package.json +17 -1
- package/types/shival99-z-ui-components-z-calendar.d.ts +6 -1
- package/types/shival99-z-ui-components-z-drawer.d.ts +9 -1
- package/types/shival99-z-ui-components-z-editor.d.ts +14 -9
- package/types/shival99-z-ui-components-z-gallery.d.ts +97 -6
- package/types/shival99-z-ui-components-z-media-player.d.ts +123 -0
- package/types/shival99-z-ui-components-z-modal.d.ts +10 -2
- package/types/shival99-z-ui-components-z-qrcode.d.ts +76 -0
- package/types/shival99-z-ui-components-z-scrollarea.d.ts +46 -0
- package/types/shival99-z-ui-components-z-show-more.d.ts +36 -0
- package/types/shival99-z-ui-components-z-table.d.ts +17 -2
- package/types/shival99-z-ui-components-z-tabs.d.ts +10 -6
- 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' | '
|
|
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" | "
|
|
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" | "
|
|
79
|
-
zSize?: "
|
|
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 };
|