@shival99/z-ui 2.3.3 → 2.3.5
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/assets/css/overlay.css +18 -8
- package/fesm2022/shival99-z-ui-components-z-calendar.mjs +2 -2
- package/fesm2022/shival99-z-ui-components-z-calendar.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-drawer.mjs +45 -3
- package/fesm2022/shival99-z-ui-components-z-drawer.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-modal.mjs +3 -1
- package/fesm2022/shival99-z-ui-components-z-modal.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-overlay.mjs +106 -15
- package/fesm2022/shival99-z-ui-components-z-overlay.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-tabs.mjs +8 -10
- package/fesm2022/shival99-z-ui-components-z-tabs.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-services.mjs +2 -1
- package/fesm2022/shival99-z-ui-services.mjs.map +1 -1
- package/package.json +1 -1
- package/types/shival99-z-ui-components-z-autocomplete.d.ts +1 -1
- package/types/shival99-z-ui-components-z-drawer.d.ts +12 -0
- package/types/shival99-z-ui-components-z-editor.d.ts +1 -1
- package/types/shival99-z-ui-components-z-gallery.d.ts +4 -4
- package/types/shival99-z-ui-components-z-modal.d.ts +1 -1
- package/types/shival99-z-ui-components-z-overlay.d.ts +60 -4
- 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-tabs.d.ts +3 -2
- package/types/shival99-z-ui-components-z-toast.d.ts +2 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shival99/z-ui",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.5",
|
|
4
4
|
"description": "Z-UI: Modern Angular UI Component Library - A comprehensive, high-performance design system built with Angular 22, featuring 40+ customizable components with dark mode, accessibility, and enterprise-ready features.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -278,7 +278,7 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
|
|
|
278
278
|
|
|
279
279
|
declare const zAutocompleteInputVariants: (props?: ({
|
|
280
280
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
281
|
-
zStatus?: "default" | "
|
|
281
|
+
zStatus?: "default" | "error" | "disabled" | "readonly" | "open" | null | undefined;
|
|
282
282
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
283
283
|
type ZAutocompleteInputVariants = VariantProps<typeof zAutocompleteInputVariants>;
|
|
284
284
|
declare const zAutocompleteOptionVariants: (props?: ({
|
|
@@ -179,6 +179,12 @@ declare class ZDrawerComponent<T, U> implements OnDestroy, AfterViewChecked {
|
|
|
179
179
|
set drawerRef(value: ZDrawerRef<T> | undefined);
|
|
180
180
|
protected readonly contentOutlet: _angular_core.Signal<ViewContainerRef | undefined>;
|
|
181
181
|
protected readonly mainContentRef: _angular_core.Signal<NgScrollbar | undefined>;
|
|
182
|
+
/**
|
|
183
|
+
* Nội dung được yêu cầu gắn khi `#contentOutlet` chưa tồn tại. `@defer` bọc outlet chỉ render sau
|
|
184
|
+
* khi Angular nạp xong dependency của block, nên lần mở drawer ĐẦU TIÊN outlet vẫn còn ở
|
|
185
|
+
* `@placeholder` — giữ lại đây rồi gắn ngay khi outlet xuất hiện. Xem `_attachPendingContent`.
|
|
186
|
+
*/
|
|
187
|
+
private _pendingContent;
|
|
182
188
|
protected readonly config: ZDrawerOptions<T, U>;
|
|
183
189
|
private readonly _platformId;
|
|
184
190
|
private readonly _host;
|
|
@@ -251,6 +257,12 @@ declare class ZDrawerComponent<T, U> implements OnDestroy, AfterViewChecked {
|
|
|
251
257
|
getNativeElement(): HTMLElement;
|
|
252
258
|
attachComponentPortal<C>(component: Type<C>, injector?: Injector): ComponentRef<C>;
|
|
253
259
|
attachTemplatePortal<C>(templateRef: TemplateRef<C>, context: C): EmbeddedViewRef<C>;
|
|
260
|
+
/**
|
|
261
|
+
* Gắn nội dung đã bị hoãn ở `_pendingContent` ngay khi outlet có thật, và cập nhật
|
|
262
|
+
* `drawerRef.componentInstance` — thứ mà `ZDrawerService` không set được vì lúc nó gọi
|
|
263
|
+
* `attachComponentPortal` thì chưa có ref nào để trả về.
|
|
264
|
+
*/
|
|
265
|
+
private _attachPendingContent;
|
|
254
266
|
onOkClick(): void;
|
|
255
267
|
onCloseClick(): void;
|
|
256
268
|
onBackdropClick(): void;
|
|
@@ -328,7 +328,7 @@ declare const Z_EDITOR_DEFAULT_TOOLBAR: readonly ZEditorToolbarItem[];
|
|
|
328
328
|
|
|
329
329
|
declare const zEditorVariants: (props?: ({
|
|
330
330
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
331
|
-
zStatus?: "default" | "
|
|
331
|
+
zStatus?: "default" | "disabled" | "readonly" | "error" | null | undefined;
|
|
332
332
|
zPlaceholderMode?: "firstLine" | "everyLine" | null | undefined;
|
|
333
333
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
334
334
|
type ZEditorVariants = VariantProps<typeof zEditorVariants>;
|
|
@@ -187,7 +187,7 @@ declare class ZGalleryComponent implements AfterViewInit {
|
|
|
187
187
|
protected readonly headerControlHeight: _angular_core.Signal<"1.75rem" | "2rem" | "2.5rem" | "2.25rem">;
|
|
188
188
|
protected readonly skeletonMediaHeight: _angular_core.Signal<"9rem" | "14rem" | "11rem">;
|
|
189
189
|
protected readonly toggleIconSize: _angular_core.Signal<"14" | "16" | "20" | "18">;
|
|
190
|
-
protected readonly searchInputSize: _angular_core.Signal<"
|
|
190
|
+
protected readonly searchInputSize: _angular_core.Signal<"sm" | "default" | "lg">;
|
|
191
191
|
protected readonly filteredFiles: _angular_core.Signal<ZGalleryFile[]>;
|
|
192
192
|
protected readonly selectedIds: _angular_core.Signal<Set<string>>;
|
|
193
193
|
protected readonly isAllSelected: _angular_core.Signal<boolean>;
|
|
@@ -383,16 +383,16 @@ declare const isPreviewable: (file: ZGalleryFile) => boolean;
|
|
|
383
383
|
declare const isImage: (file: ZGalleryFile) => boolean;
|
|
384
384
|
|
|
385
385
|
declare const zGalleryVariants: (props?: ({
|
|
386
|
-
zSize?: "
|
|
386
|
+
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
387
387
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
388
388
|
type ZGalleryVariants = VariantProps<typeof zGalleryVariants>;
|
|
389
389
|
declare const zGalleryItemVariants: (props?: ({
|
|
390
390
|
zMode?: "grid" | "list" | null | undefined;
|
|
391
|
-
zSize?: "
|
|
391
|
+
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
392
392
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
393
393
|
type ZGalleryItemVariants = VariantProps<typeof zGalleryItemVariants>;
|
|
394
394
|
declare const zGalleryFileIconVariants: (props?: ({
|
|
395
|
-
zSize?: "
|
|
395
|
+
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
396
396
|
zMode?: "grid" | "list" | null | undefined;
|
|
397
397
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
398
398
|
type ZGalleryFileIconVariants = VariantProps<typeof zGalleryFileIconVariants>;
|
|
@@ -252,7 +252,7 @@ declare class ZModalComponent<T, U> implements OnDestroy, AfterViewChecked {
|
|
|
252
252
|
protected readonly effectiveOkText: _angular_core.Signal<string | null | undefined>;
|
|
253
253
|
protected readonly effectiveCancelText: _angular_core.Signal<string | null | undefined>;
|
|
254
254
|
protected readonly effectiveOkDestructive: _angular_core.Signal<boolean | undefined>;
|
|
255
|
-
protected readonly effectiveTypeOk: _angular_core.Signal<"info" | "warning" | "error" | "default" | "primary" | "secondary" | "destructive" | "destructive-heartbeat" | "success" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-shimmer" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "outline-primary-soft" | "outline-success-soft" | "outline-info-soft" | "outline-warning-soft" | "outline-error-soft" | "outline-destructive-soft" | "outline-primary-soft-border" | "outline-success-soft-border" | "outline-info-soft-border" | "outline-warning-soft-border" | "outline-error-soft-border" | "outline-destructive-soft-border" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | "subtle-primary" | "subtle-success" | "subtle-info" | "subtle-warning" | "subtle-destructive" | "subtle-outline" | "subtle-primary-outline" | "subtle-success-outline" | "subtle-info-outline" | "subtle-warning-outline" | "subtle-destructive-outline" |
|
|
255
|
+
protected readonly effectiveTypeOk: _angular_core.Signal<"info" | "warning" | "error" | "link" | "default" | "primary" | "secondary" | "destructive" | "destructive-heartbeat" | "success" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-shimmer" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "outline-primary-soft" | "outline-success-soft" | "outline-info-soft" | "outline-warning-soft" | "outline-error-soft" | "outline-destructive-soft" | "outline-primary-soft-border" | "outline-success-soft-border" | "outline-info-soft-border" | "outline-warning-soft-border" | "outline-error-soft-border" | "outline-destructive-soft-border" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | "subtle-primary" | "subtle-success" | "subtle-info" | "subtle-warning" | "subtle-destructive" | "subtle-outline" | "subtle-primary-outline" | "subtle-success-outline" | "subtle-info-outline" | "subtle-warning-outline" | "subtle-destructive-outline" | null | undefined>;
|
|
256
256
|
protected readonly effectiveOkDisabled: _angular_core.Signal<boolean | undefined>;
|
|
257
257
|
protected readonly effectiveLoading: _angular_core.Signal<boolean>;
|
|
258
258
|
protected readonly effectiveContentLoading: _angular_core.Signal<boolean>;
|
|
@@ -46,6 +46,10 @@ interface ZOverlayGlobalConfig {
|
|
|
46
46
|
interface ZOverlayAnchoredConfig {
|
|
47
47
|
panelClass?: string;
|
|
48
48
|
}
|
|
49
|
+
/** Một overlay toàn màn hình đang mở trong `ZOverlayStackService`. */
|
|
50
|
+
interface ZOverlayStackEntry {
|
|
51
|
+
readonly hostElement: HTMLElement;
|
|
52
|
+
}
|
|
49
53
|
|
|
50
54
|
declare function computeZOverlayPlacement(config: ZFloatingPlacementConfig): Promise<ZFloatingPlacementResult>;
|
|
51
55
|
/** Bọc lại `autoUpdate` của Floating UI — thay cho `scrollStrategies.reposition()` của CDK. */
|
|
@@ -72,6 +76,30 @@ declare const Z_OVERLAY_FALLBACK_ORDER: Record<ZOverlayPlacement, ZOverlayPlacem
|
|
|
72
76
|
/** Thứ tự ưu tiên khi vị trí chính còn đủ chỗ (tooltip dùng để giữ đúng cạnh, không nhảy sang cạnh đối diện). */
|
|
73
77
|
declare const Z_OVERLAY_PREFERRED_SIDE_ORDER: Record<ZOverlayPlacement, ZOverlayPlacement[]>;
|
|
74
78
|
|
|
79
|
+
/**
|
|
80
|
+
* Ngăn xếp các overlay toàn màn hình (modal/drawer/dynamic) đang mở, theo đúng thứ tự mở.
|
|
81
|
+
*
|
|
82
|
+
* Mỗi ref (ZModalRef/ZDrawerRef/ZDynamicRef) tự lắng nghe `keydown` ở tầng `document`, nên nếu
|
|
83
|
+
* không hỏi ngăn xếp thì MỘT lần Escape sẽ đóng dồn cả stack — modal-trong-modal hay modal mở từ
|
|
84
|
+
* trong drawer đều biến mất cùng lúc. Có ngăn xếp thì chỉ overlay trên cùng phản hồi Escape.
|
|
85
|
+
*
|
|
86
|
+
* Overlay neo theo trigger (tooltip/popover) không đăng ký ở đây — chúng có cơ chế đóng riêng.
|
|
87
|
+
*/
|
|
88
|
+
declare class ZOverlayStackService {
|
|
89
|
+
private readonly _stack;
|
|
90
|
+
register(entry: ZOverlayStackEntry): void;
|
|
91
|
+
unregister(entry: ZOverlayStackEntry): void;
|
|
92
|
+
/**
|
|
93
|
+
* `true` khi không còn overlay nào mở phía trên `entry`.
|
|
94
|
+
*
|
|
95
|
+
* Ngăn xếp rỗng cũng trả `true`: overlay vừa rời ngăn xếp (đang chạy animation thoát) vẫn được
|
|
96
|
+
* quyền tự xử lý, còn việc chặn đóng hai lần đã do `_isClosing` của từng ref đảm nhiệm.
|
|
97
|
+
*/
|
|
98
|
+
isTopmost(entry: ZOverlayStackEntry): boolean;
|
|
99
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ZOverlayStackService, never>;
|
|
100
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ZOverlayStackService>;
|
|
101
|
+
}
|
|
102
|
+
|
|
75
103
|
/**
|
|
76
104
|
* Thay cho `OverlayRef` của CDK. `overlayElement` là pane được Floating UI định vị
|
|
77
105
|
* (overlay neo theo trigger) hoặc chính `hostElement` (overlay toàn màn hình — modal/drawer).
|
|
@@ -83,9 +111,20 @@ declare class ZOverlayRef {
|
|
|
83
111
|
private readonly _appRef;
|
|
84
112
|
private readonly _envInjector;
|
|
85
113
|
private readonly _onDispose?;
|
|
114
|
+
private readonly _stack?;
|
|
86
115
|
private _componentRef;
|
|
87
116
|
private _embeddedViewRef;
|
|
88
|
-
constructor(hostElement: HTMLElement, overlayElement: HTMLElement, backdropElement: HTMLElement | null, _appRef: ApplicationRef, _envInjector: EnvironmentInjector, _onDispose?: (() => void) | undefined);
|
|
117
|
+
constructor(hostElement: HTMLElement, overlayElement: HTMLElement, backdropElement: HTMLElement | null, _appRef: ApplicationRef, _envInjector: EnvironmentInjector, _onDispose?: (() => void) | undefined, _stack?: ZOverlayStackService | undefined);
|
|
118
|
+
/**
|
|
119
|
+
* `true` khi đây là overlay toàn màn hình trên cùng — dùng để chỉ overlay trên cùng phản hồi
|
|
120
|
+
* Escape. Overlay không tham gia ngăn xếp (tooltip/popover) luôn trả `true`, giữ nguyên hành vi cũ.
|
|
121
|
+
*/
|
|
122
|
+
isTopmost(): boolean;
|
|
123
|
+
/**
|
|
124
|
+
* Rời ngăn xếp ngay khi bắt đầu đóng, trước cả animation thoát, để lần Escape tiếp theo nhắm
|
|
125
|
+
* đúng overlay bên dưới thay vì overlay đang biến mất.
|
|
126
|
+
*/
|
|
127
|
+
markClosing(): void;
|
|
89
128
|
hasAttached(): boolean;
|
|
90
129
|
/**
|
|
91
130
|
* `viewContainerRef`, khi được truyền, cho component tạo ra thừa hưởng injector/vị trí trong
|
|
@@ -118,6 +157,7 @@ declare class ZOverlayService {
|
|
|
118
157
|
private readonly _envInjector;
|
|
119
158
|
private readonly _document;
|
|
120
159
|
private readonly _scrollLock;
|
|
160
|
+
private readonly _stack;
|
|
121
161
|
private _container;
|
|
122
162
|
createAnchored(config?: ZOverlayAnchoredConfig): ZOverlayRef;
|
|
123
163
|
createGlobal(config: ZOverlayGlobalConfig): ZOverlayRef;
|
|
@@ -131,7 +171,23 @@ declare class ZOverlayService {
|
|
|
131
171
|
/**
|
|
132
172
|
* Khoá scroll trang khi overlay toàn màn hình (modal/drawer) mở — thay cho
|
|
133
173
|
* `scrollStrategies.block()` của CDK. Đếm tham chiếu để modal-trong-modal không mở khoá sớm.
|
|
134
|
-
*
|
|
174
|
+
*
|
|
175
|
+
* Chống layout shift theo hai bước:
|
|
176
|
+
*
|
|
177
|
+
* 1. Nếu trang vốn đã dành chỗ cho scrollbar (`html` hẹp hơn `window.innerWidth`), khoá kèm
|
|
178
|
+
* `scrollbar-gutter: stable` để chỗ đó KHÔNG bị nhả ra. Cách này giữ đúng chiều rộng layout
|
|
179
|
+
* cho cả nội dung trong flow lẫn element `position: fixed` (backdrop, drawer, toast...),
|
|
180
|
+
* nên không cần bù padding và không có gì dịch chuyển.
|
|
181
|
+
* 2. Nếu trình duyệt vẫn nhả chỗ đó (không hỗ trợ `scrollbar-gutter`), ĐO đúng hiệu số chiều
|
|
182
|
+
* rộng của `<html>` trước/sau khi khoá rồi bù vào `padding-right` của body.
|
|
183
|
+
*
|
|
184
|
+
* Lưu ý: phải đo bằng `getBoundingClientRect()` của `<html>`, không dùng `documentElement.clientWidth`
|
|
185
|
+
* — với root element thuộc tính đó trả về kích thước viewport nên luôn cộng thêm chiều rộng scrollbar
|
|
186
|
+
* khi `overflow: hidden`, dẫn tới bù thừa và làm UI co lại đúng bằng chiều rộng scrollbar.
|
|
187
|
+
*
|
|
188
|
+
* Hiệu số còn được ghi ra biến CSS `--z-scroll-lock-gutter` (0px khi không nhả) để app bù thêm cho
|
|
189
|
+
* element `position: fixed` của riêng mình trong trường hợp 2.
|
|
190
|
+
*
|
|
135
191
|
* Vị trí scroll vẫn được lưu để khôi phục nếu ứng dụng thay đổi scroll programmatically trong lúc khoá.
|
|
136
192
|
*/
|
|
137
193
|
declare class ZScrollLockService {
|
|
@@ -145,5 +201,5 @@ declare class ZScrollLockService {
|
|
|
145
201
|
static ɵprov: i0.ɵɵInjectableDeclaration<ZScrollLockService>;
|
|
146
202
|
}
|
|
147
203
|
|
|
148
|
-
export { ZOverlayRef, ZOverlayService, ZScrollLockService, Z_OVERLAY_CONTAINER_CLASS, Z_OVERLAY_DEFAULT_ARROW_EDGE_PADDING, Z_OVERLAY_DEFAULT_VIEWPORT_PADDING, Z_OVERLAY_FALLBACK_ORDER, Z_OVERLAY_HOST_CLASS, Z_OVERLAY_PLACEMENT_MAP, Z_OVERLAY_PLACEMENT_REVERSE_MAP, Z_OVERLAY_PREFERRED_SIDE_ORDER, Z_OVERLAY_SCROLLABLE_CLASS, computeZOverlayArrowOffset, computeZOverlayPlacement, startZOverlayAutoUpdate };
|
|
149
|
-
export type { ZFloatingArrowOffsetConfig, ZFloatingPlacementConfig, ZFloatingPlacementResult, ZOverlayAnchoredConfig, ZOverlayGlobalConfig, ZOverlayPlacement, ZOverlaySide, ZOverlaySizeConfig };
|
|
204
|
+
export { ZOverlayRef, ZOverlayService, ZOverlayStackService, ZScrollLockService, Z_OVERLAY_CONTAINER_CLASS, Z_OVERLAY_DEFAULT_ARROW_EDGE_PADDING, Z_OVERLAY_DEFAULT_VIEWPORT_PADDING, Z_OVERLAY_FALLBACK_ORDER, Z_OVERLAY_HOST_CLASS, Z_OVERLAY_PLACEMENT_MAP, Z_OVERLAY_PLACEMENT_REVERSE_MAP, Z_OVERLAY_PREFERRED_SIDE_ORDER, Z_OVERLAY_SCROLLABLE_CLASS, computeZOverlayArrowOffset, computeZOverlayPlacement, startZOverlayAutoUpdate };
|
|
205
|
+
export type { ZFloatingArrowOffsetConfig, ZFloatingPlacementConfig, ZFloatingPlacementResult, ZOverlayAnchoredConfig, ZOverlayGlobalConfig, ZOverlayPlacement, ZOverlaySide, ZOverlaySizeConfig, ZOverlayStackEntry };
|
|
@@ -113,7 +113,7 @@ declare class ZPopoverDirective implements OnInit, OnDestroy {
|
|
|
113
113
|
readonly zHideDelay: _angular_core.InputSignal<number>;
|
|
114
114
|
readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
115
115
|
readonly zOffset: _angular_core.InputSignal<number>;
|
|
116
|
-
readonly zPopoverWidth: _angular_core.InputSignal<number | "
|
|
116
|
+
readonly zPopoverWidth: _angular_core.InputSignal<number | "trigger" | "auto">;
|
|
117
117
|
readonly zTriggerRef: _angular_core.InputSignal<HTMLElement | ElementRef<HTMLElement> | null>;
|
|
118
118
|
readonly zManualClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
119
119
|
readonly zOutsideClickClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
@@ -331,7 +331,7 @@ declare class ZTagClassesPipe implements PipeTransform {
|
|
|
331
331
|
|
|
332
332
|
declare const zSelectVariants: (props?: ({
|
|
333
333
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
334
|
-
zStatus?: "default" | "
|
|
334
|
+
zStatus?: "default" | "error" | "disabled" | "readonly" | "open" | null | undefined;
|
|
335
335
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
336
336
|
declare const zSelectTagVariants: (props?: ({
|
|
337
337
|
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
@@ -52,6 +52,7 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
52
52
|
readonly zTabsOnly: _angular_core.InputSignal<boolean>;
|
|
53
53
|
readonly zShowNavWrapper: _angular_core.InputSignal<boolean>;
|
|
54
54
|
readonly zNavFullWidth: _angular_core.InputSignal<boolean>;
|
|
55
|
+
readonly zClassContent: _angular_core.InputSignal<ClassValue>;
|
|
55
56
|
readonly zShowContentWrapper: _angular_core.InputSignal<boolean>;
|
|
56
57
|
readonly zReloadable: _angular_core.InputSignal<boolean>;
|
|
57
58
|
readonly zEmitOnActiveClick: _angular_core.InputSignal<boolean>;
|
|
@@ -70,7 +71,6 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
70
71
|
height: string;
|
|
71
72
|
} | null>;
|
|
72
73
|
protected readonly glideReady: _angular_core.WritableSignal<boolean>;
|
|
73
|
-
protected readonly glideSquashing: _angular_core.WritableSignal<boolean>;
|
|
74
74
|
protected readonly panelRenderStates: _angular_core.Signal<Map<string, boolean>>;
|
|
75
75
|
private _resizeObserver?;
|
|
76
76
|
private readonly _cacheInstanceId;
|
|
@@ -82,6 +82,7 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
82
82
|
protected readonly contentWrapperFramed: _angular_core.Signal<boolean>;
|
|
83
83
|
protected readonly tabsListHasBottomPadding: _angular_core.Signal<boolean>;
|
|
84
84
|
protected readonly verticalTabsScrollable: _angular_core.Signal<boolean>;
|
|
85
|
+
protected readonly navClasses: _angular_core.Signal<string>;
|
|
85
86
|
protected getTabItemClasses(_tab: ZTab): string;
|
|
86
87
|
protected selectTab(tab: ZTab, scrollToView?: boolean): void;
|
|
87
88
|
protected isTabActive(tab: ZTab): boolean;
|
|
@@ -97,7 +98,7 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
97
98
|
private _getCacheKey;
|
|
98
99
|
protected scrollToActiveDropdownItem(): void;
|
|
99
100
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTabsComponent, never>;
|
|
100
|
-
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; }; "zContentFit": { "alias": "zContentFit"; "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; }; "zShowNavWrapper": { "alias": "zShowNavWrapper"; "required": false; "isSignal": true; }; "zNavFullWidth": { "alias": "zNavFullWidth"; "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>;
|
|
101
|
+
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; }; "zContentFit": { "alias": "zContentFit"; "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; }; "zShowNavWrapper": { "alias": "zShowNavWrapper"; "required": false; "isSignal": true; }; "zNavFullWidth": { "alias": "zNavFullWidth"; "required": false; "isSignal": true; }; "zClassContent": { "alias": "zClassContent"; "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>;
|
|
101
102
|
}
|
|
102
103
|
|
|
103
104
|
export { ZTabPanelDirective, ZTabsComponent, zTabItemVariants, zTabsVariants };
|
|
@@ -57,7 +57,7 @@ declare class ZToastComponent {
|
|
|
57
57
|
private readonly _themeService;
|
|
58
58
|
private readonly _config;
|
|
59
59
|
readonly class: _angular_core.InputSignal<ClassValue>;
|
|
60
|
-
readonly zVariant: _angular_core.InputSignal<"
|
|
60
|
+
readonly zVariant: _angular_core.InputSignal<"default" | "success" | "error" | "warning" | "info" | null | undefined>;
|
|
61
61
|
readonly zTheme: _angular_core.InputSignal<ZToastTheme | undefined>;
|
|
62
62
|
readonly zPosition: _angular_core.InputSignal<ZToastPosition | undefined>;
|
|
63
63
|
readonly zRichColors: _angular_core.InputSignal<boolean | undefined>;
|
|
@@ -159,7 +159,7 @@ declare class ZToastService implements OnDestroy {
|
|
|
159
159
|
}
|
|
160
160
|
|
|
161
161
|
declare const zToastVariants: (props?: ({
|
|
162
|
-
zVariant?: "
|
|
162
|
+
zVariant?: "default" | "success" | "error" | "warning" | "info" | null | undefined;
|
|
163
163
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
164
164
|
type ZToastVariants = VariantProps<typeof zToastVariants>;
|
|
165
165
|
|