@shival99/z-ui 2.4.2 → 2.4.4

package/types/shival99-z-ui-components-z-select.d.ts

@@ -2,8 +2,9 @@ import * as _tanstack_angular_virtual from '@tanstack/angular-virtual';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, Signal, OnInit, ElementRef, PipeTransform } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { ZBreadcrumbItem } from '@shival99/z-ui/components/z-breadcrumb';
 import { ZIcon } from '@shival99/z-ui/components/z-icon';
-import { ZPopoverPosition, ZPopoverControl } from '@shival99/z-ui/components/z-popover';
+import { ZPopoverWidth, ZPopoverPosition, ZPopoverControl } from '@shival99/z-ui/components/z-popover';
 import { ZAsyncOptionsConfig, ZEvent } from '@shival99/z-ui/utils';
 import { ClassValue } from 'clsx';
 import { Observable } from 'rxjs';
@@ -52,6 +53,7 @@ interface ZSelectControl<T = unknown> {
 }
 type ZSelectMode = 'single' | 'multiple' | 'tags';
 type ZSelectSize = 'sm' | 'default' | 'lg';
+type ZSelectVariant = 'default' | 'ghost';
 type ZSelectAsyncValidateOn = 'change' | 'blur';
 interface ZSelectOption<T = unknown> {
     label: string;
@@ -59,6 +61,13 @@ interface ZSelectOption<T = unknown> {
     disabled?: boolean;
     group?: string;
     icon?: string;
+    /** Nested options. When present, clicking this option drills into them (zTree mode) instead of selecting it. */
+    children?: ZSelectOption<T>[];
+}
+/** One level of a zTree navigation stack: the options shown, and the label of the option drilled into to reach it. */
+interface ZSelectTreeLevel<T = unknown> {
+    label: string;
+    options: ZSelectOption<T>[];
 }
 interface ZSelectConfig<T = unknown> {
     /** Số ký tự tối thiểu trước khi gọi async.load khi người dùng search. */
@@ -68,7 +77,6 @@ interface ZSelectConfig<T = unknown> {
     /** Config để component tự search, load-more, loading và append options. */
     async?: ZAsyncOptionsConfig<ZSelectOption<T>>;
 }
-declare const Z_SELECT_DEFAULT_CONFIG: Omit<ZSelectConfig, 'async'>;
 interface ZSelectAsyncValidator<T = unknown> {
     error: string;
     message: string;
@@ -99,7 +107,6 @@ interface ZSelectTagColor {
     text: string;
     border: string;
 }
-declare const TAG_COLORS: ZSelectTagColor[];
 
 declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAccessor {
     private readonly _injector;
@@ -124,6 +131,7 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     readonly zClassSelect: _angular_core.InputSignal<ClassValue>;
     readonly zMode: _angular_core.InputSignal<ZSelectMode>;
     readonly zSize: _angular_core.InputSignal<ZSelectSize>;
+    readonly zVariant: _angular_core.InputSignal<ZSelectVariant>;
     readonly zLabel: _angular_core.InputSignal<string>;
     readonly zLabelClass: _angular_core.InputSignal<string>;
     readonly zPlaceholder: _angular_core.InputSignal<string>;
@@ -144,6 +152,8 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     readonly zEmptyIcon: _angular_core.InputSignal<ZIcon>;
     readonly zMaxTagCount: _angular_core.InputSignal<number>;
     readonly zDropdownMaxHeight: _angular_core.InputSignal<number>;
+    /** Match the trigger by default; use `auto` or a number for an independent dropdown width. */
+    readonly zDropdownWidth: _angular_core.InputSignal<ZPopoverWidth>;
     readonly zOptionHeight: _angular_core.InputSignal<number>;
     readonly zVirtualScroll: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zDynamicSize: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
@@ -160,6 +170,8 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     readonly zScrollClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zSticky: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zPosition: _angular_core.InputSignal<ZPopoverPosition>;
+    readonly zTree: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zTreeRootLabel: _angular_core.InputSignal<string>;
     readonly zSelectedTemplate: _angular_core.InputSignal<ZSelectLabelTemplate<T> | null>;
     readonly zOptionTemplate: _angular_core.InputSignal<ZSelectOptionTemplate<T> | null>;
     readonly zActionTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
@@ -193,7 +205,12 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     protected readonly dropdownId: string;
     protected readonly searchText: _angular_core.WritableSignal<string>;
     protected readonly dropdownWidth: _angular_core.WritableSignal<number>;
+    protected readonly dropdownWidthStyle: _angular_core.Signal<string | null>;
     protected readonly currentValue: _angular_core.Signal<T | T[] | null>;
+    protected readonly treeStack: _angular_core.WritableSignal<ZSelectTreeLevel<T>[]>;
+    protected readonly treeActiveIndex: _angular_core.WritableSignal<number>;
+    protected readonly treeSearchText: _angular_core.WritableSignal<string>;
+    protected readonly treeDirection: _angular_core.WritableSignal<"none" | "forward" | "back">;
     protected readonly config: _angular_core.Signal<ZSelectConfig<T>>;
     protected readonly hasAsyncOptions: _angular_core.Signal<boolean>;
     protected readonly sourceOptions: _angular_core.Signal<ZSelectOption<T>[]>;
@@ -211,6 +228,10 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     protected readonly effectivePlaceholderSearch: _angular_core.Signal<string>;
     protected readonly effectiveNotFoundText: _angular_core.Signal<string>;
     protected readonly effectiveEmptyText: _angular_core.Signal<string>;
+    protected readonly effectiveTreeRootLabel: _angular_core.Signal<string>;
+    protected readonly treeCurrentLevel: _angular_core.Signal<ZSelectTreeLevel<T>>;
+    protected readonly treeBreadcrumbItems: _angular_core.Signal<ZBreadcrumbItem[]>;
+    protected readonly treeFilteredOptions: _angular_core.Signal<ZSelectOption<T>[]>;
     protected readonly effectiveSelectAllText: _angular_core.Signal<string>;
     protected readonly effectiveClearAllText: _angular_core.Signal<string>;
     protected readonly effectiveRequiredErrorText: _angular_core.Signal<string>;
@@ -237,7 +258,7 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     protected readonly isEmptyData: _angular_core.Signal<boolean>;
     protected readonly isNoSearchResults: _angular_core.Signal<boolean>;
     protected readonly optionsMaxHeight: _angular_core.Signal<number>;
-    protected readonly currentStatus: _angular_core.Signal<"default" | "disabled" | "readonly" | "open" | "error">;
+    protected readonly currentStatus: _angular_core.Signal<"default" | "open" | "error" | "disabled" | "readonly">;
     private readonly _shouldShowValidation;
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly errorMessage: _angular_core.Signal<string>;
@@ -280,6 +301,17 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     protected onSearchChange(value: string): void;
     protected checkScrollShadow(): void;
     protected selectOption(option: ZSelectOption<T>, closeFn?: () => void): void;
+    /** Selects a leaf option, or drills into its children when present (zTree mode). */
+    protected onTreeOptionClick(option: ZSelectOption<T>, closeFn?: () => void): void;
+    /** Jumps back to an ancestor level via the tree breadcrumb. */
+    protected treeNavigateTo(index: number): void;
+    /** Goes up exactly one tree level. */
+    protected treeGoBack(): void;
+    /** Resolves a z-breadcrumb click back to its stack level (matched by label, unique within one drill path). */
+    protected onTreeBreadcrumbClick(item: ZBreadcrumbItem): void;
+    private _drillIntoTree;
+    private _resetTreeStack;
+    private _translateOptionLabel;
     protected removeOption(event: MouseEvent, option: ZSelectOption<T>): void;
     protected clearAll(event: MouseEvent): void;
     protected selectAll(): void;
@@ -287,6 +319,8 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     protected toggleSelectAllAction(): void;
     protected trackByValue: (_index: number, option: ZSelectOption<T>) => unknown;
     private _findOptionByValue;
+    /** Returns the chain of ancestors (ending with the matching option itself) leading to `value`. */
+    private _findTreePath;
     private _getOptionKey;
     private _isValueEqual;
     private _emitControl;
@@ -308,7 +342,7 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     private _cancelAsyncValidation;
     private _triggerAsyncValidation;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZSelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSelectComponent<any>, "z-select", ["zSelect"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zClassSelect": { "alias": "zClassSelect"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zLabelClass": { "alias": "zLabelClass"; "required": false; "isSignal": true; }; "zPlaceholder": { "alias": "zPlaceholder"; "required": false; "isSignal": true; }; "zRequired": { "alias": "zRequired"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zReadonly": { "alias": "zReadonly"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zLoadingOutline": { "alias": "zLoadingOutline"; "required": false; "isSignal": true; }; "zPrefix": { "alias": "zPrefix"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zShowCheck": { "alias": "zShowCheck"; "required": false; "isSignal": true; }; "zWrap": { "alias": "zWrap"; "required": false; "isSignal": true; }; "zShowSearch": { "alias": "zShowSearch"; "required": false; "isSignal": true; }; "zPlaceholderSearch": { "alias": "zPlaceholderSearch"; "required": false; "isSignal": true; }; "zDebounce": { "alias": "zDebounce"; "required": false; "isSignal": true; }; "zNotFoundText": { "alias": "zNotFoundText"; "required": false; "isSignal": true; }; "zEmptyText": { "alias": "zEmptyText"; "required": false; "isSignal": true; }; "zEmptyIcon": { "alias": "zEmptyIcon"; "required": false; "isSignal": true; }; "zMaxTagCount": { "alias": "zMaxTagCount"; "required": false; "isSignal": true; }; "zDropdownMaxHeight": { "alias": "zDropdownMaxHeight"; "required": false; "isSignal": true; }; "zOptionHeight": { "alias": "zOptionHeight"; "required": false; "isSignal": true; }; "zVirtualScroll": { "alias": "zVirtualScroll"; "required": false; "isSignal": true; }; "zDynamicSize": { "alias": "zDynamicSize"; "required": false; "isSignal": true; }; "zShowAction": { "alias": "zShowAction"; "required": false; "isSignal": true; }; "zOptions": { "alias": "zOptions"; "required": false; "isSignal": true; }; "zConfig": { "alias": "zConfig"; "required": false; "isSignal": true; }; "zTranslateLabels": { "alias": "zTranslateLabels"; "required": false; "isSignal": true; }; "zKey": { "alias": "zKey"; "required": false; "isSignal": true; }; "zSearchServer": { "alias": "zSearchServer"; "required": false; "isSignal": true; }; "zLoadingMore": { "alias": "zLoadingMore"; "required": false; "isSignal": true; }; "zEnableLoadMore": { "alias": "zEnableLoadMore"; "required": false; "isSignal": true; }; "zScrollDistance": { "alias": "zScrollDistance"; "required": false; "isSignal": true; }; "zMaxVisible": { "alias": "zMaxVisible"; "required": false; "isSignal": true; }; "zScrollClose": { "alias": "zScrollClose"; "required": false; "isSignal": true; }; "zSticky": { "alias": "zSticky"; "required": false; "isSignal": true; }; "zPosition": { "alias": "zPosition"; "required": false; "isSignal": true; }; "zSelectedTemplate": { "alias": "zSelectedTemplate"; "required": false; "isSignal": true; }; "zOptionTemplate": { "alias": "zOptionTemplate"; "required": false; "isSignal": true; }; "zActionTemplate": { "alias": "zActionTemplate"; "required": false; "isSignal": true; }; "zAsyncValidators": { "alias": "zAsyncValidators"; "required": false; "isSignal": true; }; "zAsyncDebounce": { "alias": "zAsyncDebounce"; "required": false; "isSignal": true; }; "zAsyncValidateOn": { "alias": "zAsyncValidateOn"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; }, { "zOnSearch": "zOnSearch"; "zOnLoadMore": "zOnLoadMore"; "zOnBlur": "zOnBlur"; "zOnFocus": "zOnFocus"; "zControl": "zControl"; "zEvent": "zEvent"; }, ["customSelectedDirective", "customOptionDirective"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSelectComponent<any>, "z-select", ["zSelect"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zClassSelect": { "alias": "zClassSelect"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zVariant": { "alias": "zVariant"; "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; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zLoadingOutline": { "alias": "zLoadingOutline"; "required": false; "isSignal": true; }; "zPrefix": { "alias": "zPrefix"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zShowCheck": { "alias": "zShowCheck"; "required": false; "isSignal": true; }; "zWrap": { "alias": "zWrap"; "required": false; "isSignal": true; }; "zShowSearch": { "alias": "zShowSearch"; "required": false; "isSignal": true; }; "zPlaceholderSearch": { "alias": "zPlaceholderSearch"; "required": false; "isSignal": true; }; "zDebounce": { "alias": "zDebounce"; "required": false; "isSignal": true; }; "zNotFoundText": { "alias": "zNotFoundText"; "required": false; "isSignal": true; }; "zEmptyText": { "alias": "zEmptyText"; "required": false; "isSignal": true; }; "zEmptyIcon": { "alias": "zEmptyIcon"; "required": false; "isSignal": true; }; "zMaxTagCount": { "alias": "zMaxTagCount"; "required": false; "isSignal": true; }; "zDropdownMaxHeight": { "alias": "zDropdownMaxHeight"; "required": false; "isSignal": true; }; "zDropdownWidth": { "alias": "zDropdownWidth"; "required": false; "isSignal": true; }; "zOptionHeight": { "alias": "zOptionHeight"; "required": false; "isSignal": true; }; "zVirtualScroll": { "alias": "zVirtualScroll"; "required": false; "isSignal": true; }; "zDynamicSize": { "alias": "zDynamicSize"; "required": false; "isSignal": true; }; "zShowAction": { "alias": "zShowAction"; "required": false; "isSignal": true; }; "zOptions": { "alias": "zOptions"; "required": false; "isSignal": true; }; "zConfig": { "alias": "zConfig"; "required": false; "isSignal": true; }; "zTranslateLabels": { "alias": "zTranslateLabels"; "required": false; "isSignal": true; }; "zKey": { "alias": "zKey"; "required": false; "isSignal": true; }; "zSearchServer": { "alias": "zSearchServer"; "required": false; "isSignal": true; }; "zLoadingMore": { "alias": "zLoadingMore"; "required": false; "isSignal": true; }; "zEnableLoadMore": { "alias": "zEnableLoadMore"; "required": false; "isSignal": true; }; "zScrollDistance": { "alias": "zScrollDistance"; "required": false; "isSignal": true; }; "zMaxVisible": { "alias": "zMaxVisible"; "required": false; "isSignal": true; }; "zScrollClose": { "alias": "zScrollClose"; "required": false; "isSignal": true; }; "zSticky": { "alias": "zSticky"; "required": false; "isSignal": true; }; "zPosition": { "alias": "zPosition"; "required": false; "isSignal": true; }; "zTree": { "alias": "zTree"; "required": false; "isSignal": true; }; "zTreeRootLabel": { "alias": "zTreeRootLabel"; "required": false; "isSignal": true; }; "zSelectedTemplate": { "alias": "zSelectedTemplate"; "required": false; "isSignal": true; }; "zOptionTemplate": { "alias": "zOptionTemplate"; "required": false; "isSignal": true; }; "zActionTemplate": { "alias": "zActionTemplate"; "required": false; "isSignal": true; }; "zAsyncValidators": { "alias": "zAsyncValidators"; "required": false; "isSignal": true; }; "zAsyncDebounce": { "alias": "zAsyncDebounce"; "required": false; "isSignal": true; }; "zAsyncValidateOn": { "alias": "zAsyncValidateOn"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; }, { "zOnSearch": "zOnSearch"; "zOnLoadMore": "zOnLoadMore"; "zOnBlur": "zOnBlur"; "zOnFocus": "zOnFocus"; "zControl": "zControl"; "zEvent": "zEvent"; }, ["customSelectedDirective", "customOptionDirective"], never, true, never>;
 }
 
 declare class ZIsSelectedPipe implements PipeTransform {
@@ -329,9 +363,13 @@ declare class ZTagClassesPipe implements PipeTransform {
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<ZTagClassesPipe, "zTagClasses", true>;
 }
 
+declare const Z_SELECT_DEFAULT_CONFIG: Omit<ZSelectConfig, 'async'>;
+declare const TAG_COLORS: ZSelectTagColor[];
+
 declare const zSelectVariants: (props?: ({
+    zVariant?: "default" | "ghost" | null | undefined;
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "error" | "disabled" | "readonly" | "open" | null | undefined;
+    zStatus?: "default" | "open" | "error" | "disabled" | "readonly" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zSelectTagVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
@@ -354,4 +392,4 @@ declare function filterOptions<T>(options: {
 }[];
 
 export { TAG_COLORS, ZIsSelectedPipe, ZOptionClassesPipe, ZSelectComponent, ZSelectOptionDirective, ZSelectSelectedDirective, ZTagClassesPipe, Z_SELECT_DEFAULT_CONFIG, filterOptions, getTagColor, zSelectOptionVariants, zSelectTagVariants, zSelectVariants };
-export type { ZSelectAsyncValidateOn, ZSelectAsyncValidator, ZSelectConfig, ZSelectControl, ZSelectLabelTemplate, ZSelectLoadMoreEvent, ZSelectMode, ZSelectOption, ZSelectOptionGroup, ZSelectOptionTemplate, ZSelectSize, ZSelectTagColor, ZSelectValidator };
+export type { ZSelectAsyncValidateOn, ZSelectAsyncValidator, ZSelectConfig, ZSelectControl, ZSelectLabelTemplate, ZSelectLoadMoreEvent, ZSelectMode, ZSelectOption, ZSelectOptionGroup, ZSelectOptionTemplate, ZSelectSize, ZSelectTagColor, ZSelectValidator, ZSelectVariant };

package/types/shival99-z-ui-components-z-switch.d.ts

@@ -3,13 +3,30 @@ import { ControlValueAccessor } from '@angular/forms';
 import { ZIcon } from '@shival99/z-ui/components/z-icon';
 import { ZEvent } from '@shival99/z-ui/utils';
 import { ClassValue } from 'clsx';
-import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const zSwitchVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+    zMode?: "default" | "inner" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zSwitchThumbVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+    zMode?: "default" | "inner" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zSwitchLabelVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zSwitchInnerLeftVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zSwitchInnerRightVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
 
 type ZSwitchSize = 'sm' | 'default' | 'lg';
 type ZSwitchMode = 'default' | 'inner';
-/** Maximum character length for inner text */
-declare const Z_SWITCH_INNER_TEXT_MAX_LENGTH = 8;
+type ZSwitchVariants = VariantProps<typeof zSwitchVariants>;
 
 declare class ZSwitchComponent implements ControlValueAccessor {
     readonly zChange: _angular_core.OutputEmitterRef<boolean>;
@@ -60,24 +77,8 @@ declare class ZSwitchComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSwitchComponent, "z-switch", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zSwitchClass": { "alias": "zSwitchClass"; "required": false; "isSignal": true; }; "zThumbClass": { "alias": "zThumbClass"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zText": { "alias": "zText"; "required": false; "isSignal": true; }; "zCheckedText": { "alias": "zCheckedText"; "required": false; "isSignal": true; }; "zUncheckedText": { "alias": "zUncheckedText"; "required": false; "isSignal": true; }; "zCheckedIcon": { "alias": "zCheckedIcon"; "required": false; "isSignal": true; }; "zUncheckedIcon": { "alias": "zUncheckedIcon"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zTextPosition": { "alias": "zTextPosition"; "required": false; "isSignal": true; }; "zWave": { "alias": "zWave"; "required": false; "isSignal": true; }; "zChecked": { "alias": "zChecked"; "required": false; "isSignal": true; }; }, { "zChange": "zChange"; "zOnBlur": "zOnBlur"; "zOnFocus": "zOnFocus"; "zEvent": "zEvent"; "zChecked": "zCheckedChange"; }, never, never, true, never>;
 }
 
-declare const zSwitchVariants: (props?: ({
-    zSize?: "sm" | "default" | "lg" | null | undefined;
-    zMode?: "default" | "inner" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const zSwitchThumbVariants: (props?: ({
-    zSize?: "sm" | "default" | "lg" | null | undefined;
-    zMode?: "default" | "inner" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const zSwitchLabelVariants: (props?: ({
-    zSize?: "sm" | "default" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const zSwitchInnerLeftVariants: (props?: ({
-    zSize?: "sm" | "default" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const zSwitchInnerRightVariants: (props?: ({
-    zSize?: "sm" | "default" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ZSwitchVariants = VariantProps<typeof zSwitchVariants>;
+/** Maximum character length for inner text */
+declare const Z_SWITCH_INNER_TEXT_MAX_LENGTH = 8;
 
 export { ZSwitchComponent, Z_SWITCH_INNER_TEXT_MAX_LENGTH, zSwitchInnerLeftVariants, zSwitchInnerRightVariants, zSwitchLabelVariants, zSwitchThumbVariants, zSwitchVariants };
 export type { ZSwitchMode, ZSwitchSize, ZSwitchVariants };

package/types/shival99-z-ui-components-z-table.d.ts

@@ -2167,7 +2167,7 @@ declare class ZTableFilterComponent<T> {
     protected readonly filterBadgeCount: _angular_core.Signal<number>;
     protected readonly hasFilterValue: _angular_core.Signal<boolean>;
     protected readonly isActive: _angular_core.Signal<boolean>;
-    protected readonly draftSortValue: _angular_core.Signal<"asc" | "desc" | "none">;
+    protected readonly draftSortValue: _angular_core.Signal<"none" | "asc" | "desc">;
     protected readonly rangeMinValue: _angular_core.Signal<any>;
     protected readonly rangeMaxValue: _angular_core.Signal<any>;
     protected readonly dateValue: _angular_core.Signal<Date | null>;

package/types/shival99-z-ui-components-z-tabs.d.ts

@@ -13,11 +13,11 @@ declare class ZTabPanelDirective {
 }
 
 declare const zTabsVariants: (props?: ({
-    zType?: "line" | "soft" | "segment" | "segment-solid" | "pill-solid" | "pill-blur" | "folder" | "folder-soft" | "folder-solid" | "underline" | "underlined" | "badge" | "sharp" | "sharp-line" | "sharp-line-filled" | "square" | "vertical-sharp" | "code-line" | null | undefined;
+    zType?: "line" | "soft" | "segment" | "segment-solid" | "pill-solid" | "pill-blur" | "pill-float" | "pill-primary" | "assistant" | "underline-hover" | "bar" | "folder" | "folder-soft" | "folder-solid" | "underline" | "underlined" | "badge" | "sharp" | "sharp-line" | "sharp-line-filled" | "square" | "vertical-sharp" | "code-line" | null | undefined;
     zOrientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTabItemVariants: (props?: ({
-    zType?: "line" | "soft" | "segment" | "segment-solid" | "pill-solid" | "pill-blur" | "folder" | "folder-soft" | "folder-solid" | "underline" | "underlined" | "badge" | "sharp" | "sharp-line" | "sharp-line-filled" | "square" | "vertical-sharp" | "code-line" | null | undefined;
+    zType?: "line" | "soft" | "segment" | "segment-solid" | "pill-solid" | "pill-blur" | "pill-float" | "pill-primary" | "assistant" | "underline-hover" | "bar" | "folder" | "folder-soft" | "folder-solid" | "underline" | "underlined" | "badge" | "sharp" | "sharp-line" | "sharp-line-filled" | "square" | "vertical-sharp" | "code-line" | null | undefined;
     zSize?: "xs" | "sm" | "default" | "lg" | null | undefined;
     zOrientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -26,14 +26,22 @@ interface ZTab {
     label: string;
     value: string;
     icon?: ZIcon;
+    /**
+     * Renders the tab's leading mark from a template instead of `icon`, for marks `z-icon` cannot draw —
+     * a multi-colour brand SVG, a flag, an avatar. Receives the `ZTab` as its implicit context, so one
+     * template can serve a whole strip. Takes precedence over `icon`.
+     */
+    iconTemplate?: TemplateRef<unknown>;
     disabled?: boolean;
     badge?: string | number;
     template?: TemplateRef<unknown>;
 }
-type ZTabsType = 'line' | 'soft' | 'segment' | 'segment-solid' | 'pill-solid' | 'pill-blur' | 'folder' | 'folder-soft' | 'folder-solid' | 'underline' | 'underlined' | 'badge' | 'sharp' | 'sharp-line' | 'sharp-line-filled' | 'square' | 'vertical-sharp' | 'code-line';
+type ZTabsType = 'line' | 'soft' | 'segment' | 'segment-solid' | 'pill-solid' | 'pill-blur' | 'pill-float' | 'pill-primary' | 'assistant' | 'underline-hover' | 'bar' | 'folder' | 'folder-soft' | 'folder-solid' | 'underline' | 'underlined' | 'badge' | 'sharp' | 'sharp-line' | 'sharp-line-filled' | 'square' | 'vertical-sharp' | 'code-line';
 type ZTabsSize = 'xs' | 'sm' | 'default' | 'lg';
 type ZTabsOrientation = 'horizontal' | 'vertical';
 type ZTabsContentFit = 'none' | 'screen';
+/** How the entering panel animates in. `slide` and `blur` also read the tab's travel direction. */
+type ZTabsContentAnimation = 'none' | 'fade' | 'slide' | 'blur' | 'scale';
 type ZTabsVariants = VariantProps<typeof zTabsVariants>;
 type ZTabItemVariants = VariantProps<typeof zTabItemVariants>;
 
@@ -42,6 +50,9 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
     readonly tabsListContainer: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
     readonly tabButtons: _angular_core.Signal<readonly ElementRef<HTMLButtonElement>[]>;
     readonly glideIndicator: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    readonly hoverIndicator: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    readonly tabsList: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    readonly panelsHost: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
     readonly panelHost: _angular_core.Signal<ViewContainerRef | undefined>;
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zTabs: _angular_core.InputSignal<ZTab[]>;
@@ -49,6 +60,7 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
     readonly zSize: _angular_core.InputSignal<ZTabsSize>;
     readonly zOrientation: _angular_core.InputSignal<ZTabsOrientation>;
     readonly zContentFit: _angular_core.InputSignal<ZTabsContentFit>;
+    readonly zContentAnimation: _angular_core.InputSignal<ZTabsContentAnimation>;
     readonly zLazy: _angular_core.InputSignal<boolean>;
     readonly zTabsOnly: _angular_core.InputSignal<boolean>;
     readonly zShowNavWrapper: _angular_core.InputSignal<boolean>;
@@ -65,7 +77,15 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
     protected readonly canScrollLeft: _angular_core.WritableSignal<boolean>;
     protected readonly canScrollRight: _angular_core.WritableSignal<boolean>;
     protected readonly bouncingTab: _angular_core.WritableSignal<string | null>;
+    protected readonly hoveredTab: _angular_core.WritableSignal<string | null>;
     protected readonly isGlideType: _angular_core.Signal<boolean>;
+    protected readonly isHoverGlideType: _angular_core.Signal<boolean>;
+    private readonly _hasCollapsingLabel;
+    /**
+     * A vertical rail truncates long labels, so it gets a tooltip. `assistant` never does: it collapses
+     * inactive labels by design, and a tooltip on every icon turns browsing the strip into a popup storm.
+     */
+    protected readonly showsTabTooltip: _angular_core.Signal<boolean>;
     private _resizeObserver?;
     private _scrollFrame?;
     private readonly _zone;
@@ -74,8 +94,12 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
     private _retiredViews;
     private _teardownHandle?;
     private _glideBox?;
+    private _hoverBox?;
     private _glidePending;
     private _glideAnimations;
+    private _contentAnimation?;
+    private _lastActiveIndex;
+    private _contentDirection;
     private _viewReady;
     private readonly _cacheInstanceId;
     constructor();
@@ -95,6 +119,12 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
     private readonly _tabItemClasses;
     protected selectTab(tab: ZTab, scrollToView?: boolean): void;
     protected onTabKeydown(event: KeyboardEvent, currentIndex: number): void;
+    /**
+     * Keyboard focus moves the highlight too, so tabbing through the strip reads the same as hovering.
+     * Every type pays the listener, but only the hover-glide types get past the guard into a signal write.
+     */
+    protected onTabHover(tab: ZTab): void;
+    protected onTabHoverEnd(): void;
     protected checkScroll(): void;
     protected scrollLeft(): void;
     protected scrollRight(): void;
@@ -121,8 +151,30 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
      */
     private _swapPanelView;
     private _scheduleTeardown;
-    /** Re-runs the enter fade on a wrapper that is reused across swaps, without forcing a reflow. */
-    private _fadePanel;
+    /**
+     * Records which way the strip travelled so `slide`/`blur` can enter from the side the user clicked
+     * towards. Effects run after the active-panel binding has updated, so the eager path can animate
+     * immediately and avoid painting one unanimated frame before the enter state is applied.
+     */
+    private _trackContentDirection;
+    /**
+     * Animates the entering panel. Everything but `blur` is transform/opacity only, so the animation
+     * ticks on the compositor and a heavy panel mounting in the same frame cannot stall it.
+     */
+    private _animateContent;
+    /**
+     * `width: auto` cannot be interpolated, so the label's own content width is measured and written as
+     * an explicit pixel width for the stylesheet to transition from zero. `scrollWidth` reports that
+     * content width even while the element is clamped to zero and hidden, so no reflow-forcing dance is
+     * needed. The active surface lives on the tab itself for these types, which is what lets the pill
+     * grow in step with the label rather than chase a box that is still resizing.
+     */
+    private _updateCollapsingLabels;
+    /**
+     * Moves the muted highlight onto the hovered tab. The first placement jumps into position and only
+     * fades in — gliding it in from a stale box would read as a stray rectangle crossing the strip.
+     */
+    private _updateHoverIndicator;
     /**
      * Measurement and imperative DOM work never needs a change-detection tick of its own. With zone.js a
      * plain `requestAnimationFrame` schedules one per callback — wasteful during a smooth scroll, which
@@ -136,8 +188,8 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
     private _getCacheKey;
     protected scrollToActiveDropdownItem(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTabsComponent, never>;
-    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; }; "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>;
+    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; }; "zContentAnimation": { "alias": "zContentAnimation"; "required": false; "isSignal": true; }; "zLazy": { "alias": "zLazy"; "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>;
 }
 
 export { ZTabPanelDirective, ZTabsComponent, zTabItemVariants, zTabsVariants };
-export type { ZTab, ZTabItemVariants, ZTabsContentFit, ZTabsOrientation, ZTabsSize, ZTabsType, ZTabsVariants };
+export type { ZTab, ZTabItemVariants, ZTabsContentAnimation, ZTabsContentFit, ZTabsOrientation, ZTabsSize, ZTabsType, ZTabsVariants };

package/types/shival99-z-ui-components-z-toast.d.ts

@@ -155,7 +155,7 @@ declare class ZToastService implements OnDestroy {
     private _createOverlay;
     private _translate;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZToastService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ZToastService>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 declare const zToastVariants: (props?: ({

package/types/shival99-z-ui-components-z-tooltip.d.ts

@@ -2,8 +2,8 @@ import * as _shival99_z_ui_components_z_overlay from '@shival99/z-ui/components/
 import { ZOverlayPlacement } from '@shival99/z-ui/components/z-overlay';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, OnInit, OnDestroy } from '@angular/core';
-import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
 
 type ZTooltipPosition = ZOverlayPlacement;
 
@@ -12,10 +12,10 @@ declare const zTooltipVariants: (props?: ({
     zSize?: "default" | "sm" | "lg" | null | undefined;
     zPosition?: "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "left" | "left-top" | "left-bottom" | "right" | "right-top" | "right-bottom" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type ZTooltipVariants = VariantProps<typeof zTooltipVariants>;
 
 type ZTooltipTrigger = 'hover' | 'click';
 type ZTooltipContent = string | TemplateRef<unknown>;
+type ZTooltipVariants = VariantProps<typeof zTooltipVariants>;
 interface ZTooltipConfig {
     content?: ZTooltipContent;
     position?: ZTooltipPosition;

package/types/shival99-z-ui-components-z-upload.d.ts

@@ -100,7 +100,7 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly showError: _angular_core.Signal<boolean>;
     protected readonly errorMessage: _angular_core.Signal<string>;
-    protected readonly currentStatus: _angular_core.Signal<"default" | "disabled" | "readonly" | "error" | "active">;
+    protected readonly currentStatus: _angular_core.Signal<"default" | "error" | "disabled" | "readonly" | "active">;
     protected readonly dropzoneClasses: _angular_core.Signal<string>;
     protected readonly acceptTypes: _angular_core.Signal<string>;
     protected readonly formatFileSize: (bytes: number) => string;
@@ -141,11 +141,11 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
 
 declare const zUploadDropzoneVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "disabled" | "readonly" | "error" | "active" | null | undefined;
+    zStatus?: "default" | "error" | "active" | "disabled" | "readonly" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZUploadDropzoneVariants = VariantProps<typeof zUploadDropzoneVariants>;
 declare const zUploadFileItemVariants: (props?: ({
-    zStatus?: "error" | "pending" | "uploading" | "success" | null | undefined;
+    zStatus?: "pending" | "uploading" | "success" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZUploadFileItemVariants = VariantProps<typeof zUploadFileItemVariants>;
 

package/types/shival99-z-ui-services.d.ts

@@ -42,7 +42,7 @@ declare class ZCacheService {
     static clear(): boolean;
     static has(key: string, encrypt?: boolean): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZCacheService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ZCacheService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /** Content accepted by the dynamic overlay service. */
@@ -152,7 +152,7 @@ declare class ZDynamicService {
     private _createOverlay;
     private _isTemplate;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZDynamicService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ZDynamicService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 type ZExcelAlign = 'left' | 'center' | 'right';
@@ -329,7 +329,7 @@ declare class ZExcelService {
     private static _getExcelVerticalAlignment;
     private static _formatTimestamp;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZExcelService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ZExcelService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 interface ZGalleryOfficeRenderResult {
@@ -344,7 +344,7 @@ declare class ZGalleryOfficeRenderService {
     private _toUniverCellData;
     private _observeDocxZoom;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZGalleryOfficeRenderService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ZGalleryOfficeRenderService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 type ZHttpParamsType<T> = {
@@ -528,7 +528,7 @@ declare class ZTranslateService {
     setTranslation(lang: string, translations: TranslationObject, shouldMerge?: boolean): void;
     getNgxTranslate(): TranslateService;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZTranslateService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ZTranslateService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare const Z_HTTP_DEFAULT_CONFIG: Required<ZHttpConfig>;
@@ -579,7 +579,7 @@ declare abstract class ZHttpAbstractService<TApiType extends string = string> {
     private _handleStatusCode;
     private _redirectToLogin;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZHttpAbstractService<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ZHttpAbstractService<any>>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /**
@@ -603,7 +603,7 @@ declare class ZOverlayContainerService {
      */
     notifyClosing(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZOverlayContainerService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ZOverlayContainerService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /**
@@ -644,7 +644,7 @@ declare class ZOverlayZIndexService {
     /** @deprecated Xem ghi chú tại {@link deferMoveToTop}. */
     moveToTop(overlayRef: ZOverlayZIndexTarget): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZOverlayZIndexService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ZOverlayZIndexService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 type ZSubjectType = 'subject' | 'behavior';
@@ -688,7 +688,7 @@ declare class ZSubjectService {
      */
     has(key: string, type: ZSubjectType): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZSubjectService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ZSubjectService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 type ZThemeName = 'green' | 'orange' | 'violet' | 'neutral' | 'stone' | 'zinc' | 'gray' | 'slate' | 'hospital';
@@ -730,7 +730,7 @@ declare class ZThemeService {
     private _savePreferences;
     private _isValidTheme;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZThemeService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ZThemeService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare const Z_CACHE_SCOPE_SEPARATOR = "-";