@shival99/z-ui 1.8.13 → 1.9.1

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

@@ -1,3 +1,5 @@
+import * as _dayflow_blossom_color_picker_angular from '@dayflow/blossom-color-picker-angular';
+import { ColorInput, BlossomColorPickerValue, SliderPosition, BlossomColorPickerColor } from '@dayflow/blossom-color-picker-angular';
 import * as _angular_core from '@angular/core';
 import { Signal, OnInit, ElementRef, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
@@ -64,6 +66,20 @@ interface ZInputMaskConfig {
     effectiveType: ZInputType;
     effectiveDecimalMarker: '.' | ',' | ['.', ','];
 }
+interface ZInputColorConfig {
+    count?: number | null;
+    colors?: ColorInput[];
+    defaultValue?: BlossomColorPickerValue;
+    openOnHover?: boolean;
+    initialExpanded?: boolean;
+    animationDuration?: number;
+    showAlphaSlider?: boolean;
+    showCoreColor?: boolean;
+    adaptivePositioning?: boolean;
+    sliderPosition?: SliderPosition;
+    coreSize?: number;
+    petalSize?: number;
+}
 
 declare class ZInputComponent implements OnInit, ControlValueAccessor {
     private readonly _injector;
@@ -77,6 +93,7 @@ declare class ZInputComponent implements OnInit, ControlValueAccessor {
     readonly zOnFocus: _angular_core.OutputEmitterRef<FocusEvent>;
     readonly zOnKeydown: _angular_core.OutputEmitterRef<KeyboardEvent>;
     readonly zOnEnter: _angular_core.OutputEmitterRef<string | number | null>;
+    readonly zOnColorCollapse: _angular_core.OutputEmitterRef<BlossomColorPickerColor>;
     readonly zControl: _angular_core.OutputEmitterRef<ZInputControl>;
     readonly zEvent: _angular_core.OutputEmitterRef<ZEvent>;
     readonly class: _angular_core.InputSignal<ClassValue>;
@@ -115,6 +132,7 @@ declare class ZInputComponent implements OnInit, ControlValueAccessor {
     readonly zResize: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zMaxLength: _angular_core.InputSignal<number | undefined>;
     readonly zAutoSuggest: _angular_core.InputSignal<string | undefined>;
+    readonly zColorConfig: _angular_core.InputSignal<ZInputColorConfig>;
     private readonly _value;
     private readonly _disabled;
     private readonly _formControl;
@@ -122,6 +140,7 @@ declare class ZInputComponent implements OnInit, ControlValueAccessor {
     private readonly _isNgModel;
     private readonly _asyncErrors;
     private readonly _customError;
+    private readonly _blossomColor;
     protected readonly inputId: string;
     protected readonly suggestHistory: _angular_core.WritableSignal<string[]>;
     protected readonly suggestActiveIndex: _angular_core.WritableSignal<number>;
@@ -138,6 +157,23 @@ declare class ZInputComponent implements OnInit, ControlValueAccessor {
     protected readonly slotConfig: _angular_core.Signal<ZInputSlotConfig>;
     protected readonly maskConfig: _angular_core.Signal<ZInputMaskConfig>;
     protected readonly displayValue: _angular_core.Signal<string>;
+    protected readonly normalizedColorValue: _angular_core.Signal<string>;
+    protected readonly blossomCoreBorderColor: _angular_core.Signal<string>;
+    protected readonly blossomColor: _angular_core.Signal<BlossomColorPickerValue>;
+    protected readonly blossomCoreSize: _angular_core.Signal<22 | 30 | 26>;
+    protected readonly blossomOptions: _angular_core.Signal<{
+        defaultValue: BlossomColorPickerValue | undefined;
+        openOnHover: boolean;
+        initialExpanded: boolean;
+        animationDuration: number;
+        showAlphaSlider: boolean;
+        showCoreColor: boolean;
+        adaptivePositioning: boolean;
+        sliderPosition: _dayflow_blossom_color_picker_angular.SliderPosition;
+        coreSize: number;
+        petalSize: number;
+    }>;
+    protected readonly blossomColors: _angular_core.Signal<ColorInput[] | undefined>;
     protected readonly hasValue: _angular_core.Signal<boolean>;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly showArrows: _angular_core.Signal<boolean>;
@@ -184,6 +220,8 @@ declare class ZInputComponent implements OnInit, ControlValueAccessor {
     protected onArrowClick(event: MouseEvent, direction: 'up' | 'down'): void;
     protected togglePasswordVisibility(): void;
     protected copyColorToClipboard(): void;
+    protected onBlossomColorChange(color: BlossomColorPickerColor): void;
+    protected onBlossomColorCollapse(color: BlossomColorPickerColor): void;
     private _emitControl;
     private _runAsyncValidation;
     private _cancelAsyncValidation;
@@ -196,8 +234,11 @@ declare class ZInputComponent implements OnInit, ControlValueAccessor {
     private _getEffectiveType;
     private _getEffectiveDecimalMarker;
     private _getValidationErrors;
+    private _normalizeHexColor;
+    private _syncBlossomColorFromHex;
+    private _generateColorPalette;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZInputComponent, "z-input", ["zInput"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zAlign": { "alias": "zAlign"; "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; }; "zPrefix": { "alias": "zPrefix"; "required": false; "isSignal": true; }; "zSuffix": { "alias": "zSuffix"; "required": false; "isSignal": true; }; "zMin": { "alias": "zMin"; "required": false; "isSignal": true; }; "zMax": { "alias": "zMax"; "required": false; "isSignal": true; }; "zStep": { "alias": "zStep"; "required": false; "isSignal": true; }; "zShowArrows": { "alias": "zShowArrows"; "required": false; "isSignal": true; }; "zMask": { "alias": "zMask"; "required": false; "isSignal": true; }; "zDecimalPlaces": { "alias": "zDecimalPlaces"; "required": false; "isSignal": true; }; "zAllowNegative": { "alias": "zAllowNegative"; "required": false; "isSignal": true; }; "zThousandSeparator": { "alias": "zThousandSeparator"; "required": false; "isSignal": true; }; "zDecimalMarker": { "alias": "zDecimalMarker"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "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; }; "zShowPasswordToggle": { "alias": "zShowPasswordToggle"; "required": false; "isSignal": true; }; "zSearch": { "alias": "zSearch"; "required": false; "isSignal": true; }; "zDebounce": { "alias": "zDebounce"; "required": false; "isSignal": true; }; "zAutofocus": { "alias": "zAutofocus"; "required": false; "isSignal": true; }; "zAutoComplete": { "alias": "zAutoComplete"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zAutoSizeContent": { "alias": "zAutoSizeContent"; "required": false; "isSignal": true; }; "zRows": { "alias": "zRows"; "required": false; "isSignal": true; }; "zResize": { "alias": "zResize"; "required": false; "isSignal": true; }; "zMaxLength": { "alias": "zMaxLength"; "required": false; "isSignal": true; }; "zAutoSuggest": { "alias": "zAutoSuggest"; "required": false; "isSignal": true; }; }, { "zOnSearch": "zOnSearch"; "zOnChange": "zOnChange"; "zOnBlur": "zOnBlur"; "zOnFocus": "zOnFocus"; "zOnKeydown": "zOnKeydown"; "zOnEnter": "zOnEnter"; "zControl": "zControl"; "zEvent": "zEvent"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZInputComponent, "z-input", ["zInput"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zAlign": { "alias": "zAlign"; "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; }; "zPrefix": { "alias": "zPrefix"; "required": false; "isSignal": true; }; "zSuffix": { "alias": "zSuffix"; "required": false; "isSignal": true; }; "zMin": { "alias": "zMin"; "required": false; "isSignal": true; }; "zMax": { "alias": "zMax"; "required": false; "isSignal": true; }; "zStep": { "alias": "zStep"; "required": false; "isSignal": true; }; "zShowArrows": { "alias": "zShowArrows"; "required": false; "isSignal": true; }; "zMask": { "alias": "zMask"; "required": false; "isSignal": true; }; "zDecimalPlaces": { "alias": "zDecimalPlaces"; "required": false; "isSignal": true; }; "zAllowNegative": { "alias": "zAllowNegative"; "required": false; "isSignal": true; }; "zThousandSeparator": { "alias": "zThousandSeparator"; "required": false; "isSignal": true; }; "zDecimalMarker": { "alias": "zDecimalMarker"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "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; }; "zShowPasswordToggle": { "alias": "zShowPasswordToggle"; "required": false; "isSignal": true; }; "zSearch": { "alias": "zSearch"; "required": false; "isSignal": true; }; "zDebounce": { "alias": "zDebounce"; "required": false; "isSignal": true; }; "zAutofocus": { "alias": "zAutofocus"; "required": false; "isSignal": true; }; "zAutoComplete": { "alias": "zAutoComplete"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zAutoSizeContent": { "alias": "zAutoSizeContent"; "required": false; "isSignal": true; }; "zRows": { "alias": "zRows"; "required": false; "isSignal": true; }; "zResize": { "alias": "zResize"; "required": false; "isSignal": true; }; "zMaxLength": { "alias": "zMaxLength"; "required": false; "isSignal": true; }; "zAutoSuggest": { "alias": "zAutoSuggest"; "required": false; "isSignal": true; }; "zColorConfig": { "alias": "zColorConfig"; "required": false; "isSignal": true; }; }, { "zOnSearch": "zOnSearch"; "zOnChange": "zOnChange"; "zOnBlur": "zOnBlur"; "zOnFocus": "zOnFocus"; "zOnKeydown": "zOnKeydown"; "zOnEnter": "zOnEnter"; "zOnColorCollapse": "zOnColorCollapse"; "zControl": "zControl"; "zEvent": "zEvent"; }, never, never, true, never>;
 }
 
 declare const zInputVariants: (props?: ({

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

@@ -154,6 +154,7 @@ declare class ZModalRef<T = any, R = any, U = any> {
     private _result?;
     componentInstance: T | null;
     readonly loading: _angular_core.WritableSignal<boolean>;
+    readonly zAfterClose: EventEmitter<R | undefined>;
     constructor(_overlayRef: OverlayRef, _config: ZModalOptions<T, U>, _containerInstance: ZModalComponent<T, U>, _platformId: object);
     setLoading(value: boolean): void;
     close(result?: R): void;
@@ -165,6 +166,7 @@ declare class ZModalRef<T = any, R = any, U = any> {
 declare class ZModalComponent<T, U> extends BasePortalOutlet implements OnDestroy, AfterViewChecked {
     zOk: _angular_core.OutputEmitterRef<void>;
     zCancel: _angular_core.OutputEmitterRef<void>;
+    zAfterClose: _angular_core.OutputEmitterRef<void>;
     readonly zScrollbar: _angular_core.OutputEmitterRef<NgScrollbar>;
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zVisible: _angular_core.ModelSignal<boolean>;
@@ -225,7 +227,7 @@ declare class ZModalComponent<T, U> extends BasePortalOutlet implements OnDestro
     protected readonly effectiveOkText: _angular_core.Signal<string | null | undefined>;
     protected readonly effectiveCancelText: _angular_core.Signal<string | null | undefined>;
     protected readonly effectiveOkDestructive: _angular_core.Signal<boolean | undefined>;
-    protected readonly effectiveTypeOk: _angular_core.Signal<"info" | "warning" | "error" | "link" | "default" | "primary" | "secondary" | "destructive" | "success" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | null | undefined>;
+    protected readonly effectiveTypeOk: _angular_core.Signal<"info" | "warning" | "error" | "link" | "default" | "primary" | "secondary" | "destructive" | "success" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | "subtle-primary" | "subtle-success" | "subtle-info" | "subtle-warning" | "subtle-destructive" | null | undefined>;
     protected readonly effectiveOkDisabled: _angular_core.Signal<boolean | undefined>;
     protected readonly effectiveLoading: _angular_core.Signal<boolean>;
     protected readonly effectiveContentLoading: _angular_core.Signal<boolean>;
@@ -249,7 +251,7 @@ declare class ZModalComponent<T, U> extends BasePortalOutlet implements OnDestro
     private _closeWithAnimation;
     private _disposeTemplateOverlay;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZModalComponent<any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZModalComponent<any, any>, "z-modal", ["zModal"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zVisible": { "alias": "zVisible"; "required": false; "isSignal": true; }; "zTitle": { "alias": "zTitle"; "required": false; "isSignal": true; }; "zDescription": { "alias": "zDescription"; "required": false; "isSignal": true; }; "zWidth": { "alias": "zWidth"; "required": false; "isSignal": true; }; "zClosable": { "alias": "zClosable"; "required": false; "isSignal": true; }; "zMaskClosable": { "alias": "zMaskClosable"; "required": false; "isSignal": true; }; "zHideHeader": { "alias": "zHideHeader"; "required": false; "isSignal": true; }; "zHideFooter": { "alias": "zHideFooter"; "required": false; "isSignal": true; }; "zOkText": { "alias": "zOkText"; "required": false; "isSignal": true; }; "zCancelText": { "alias": "zCancelText"; "required": false; "isSignal": true; }; "zOkDestructive": { "alias": "zOkDestructive"; "required": false; "isSignal": true; }; "zOkDisabled": { "alias": "zOkDisabled"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zContentLoading": { "alias": "zContentLoading"; "required": false; "isSignal": true; }; "zSkeletonRows": { "alias": "zSkeletonRows"; "required": false; "isSignal": true; }; "zOverlay": { "alias": "zOverlay"; "required": false; "isSignal": true; }; }, { "zOk": "zOk"; "zCancel": "zCancel"; "zScrollbar": "zScrollbar"; "zVisible": "zVisibleChange"; }, ["customHeader", "customContent", "customFooter"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZModalComponent<any, any>, "z-modal", ["zModal"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zVisible": { "alias": "zVisible"; "required": false; "isSignal": true; }; "zTitle": { "alias": "zTitle"; "required": false; "isSignal": true; }; "zDescription": { "alias": "zDescription"; "required": false; "isSignal": true; }; "zWidth": { "alias": "zWidth"; "required": false; "isSignal": true; }; "zClosable": { "alias": "zClosable"; "required": false; "isSignal": true; }; "zMaskClosable": { "alias": "zMaskClosable"; "required": false; "isSignal": true; }; "zHideHeader": { "alias": "zHideHeader"; "required": false; "isSignal": true; }; "zHideFooter": { "alias": "zHideFooter"; "required": false; "isSignal": true; }; "zOkText": { "alias": "zOkText"; "required": false; "isSignal": true; }; "zCancelText": { "alias": "zCancelText"; "required": false; "isSignal": true; }; "zOkDestructive": { "alias": "zOkDestructive"; "required": false; "isSignal": true; }; "zOkDisabled": { "alias": "zOkDisabled"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zContentLoading": { "alias": "zContentLoading"; "required": false; "isSignal": true; }; "zSkeletonRows": { "alias": "zSkeletonRows"; "required": false; "isSignal": true; }; "zOverlay": { "alias": "zOverlay"; "required": false; "isSignal": true; }; }, { "zOk": "zOk"; "zCancel": "zCancel"; "zAfterClose": "zAfterClose"; "zScrollbar": "zScrollbar"; "zVisible": "zVisibleChange"; }, ["customHeader", "customContent", "customFooter"], ["*"], true, never>;
 }
 
 declare class ZModalService {

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

@@ -2,6 +2,7 @@ import * as _shival99_angular_virtual from '@shival99/angular-virtual';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, Signal, OnInit, ElementRef, PipeTransform } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { ZIcon } from '@shival99/z-ui/components/z-icon';
 import { ZPopoverPosition, ZPopoverControl } from '@shival99/z-ui/components/z-popover';
 import { ZEvent } from '@shival99/z-ui/utils';
 import { ClassValue } from 'clsx';
@@ -116,7 +117,7 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zReadonly: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly zPrefix: _angular_core.InputSignal<"" | "lucideLayers2" | "lucideStore" | "lucideChartBarStacked" | "lucideBookCheck" | "lucideAlarmClock" | "lucideClipboardPlus" | "lucideSave" | "lucideSaveAll" | "lucideFlag" | "lucideFlagTriangleRight" | "lucideMessageSquareDot" | "lucideCheckCheck" | "lucideTriangleAlert" | "lucideMessageSquareWarning" | "lucideCheck" | "lucidePencil" | "lucideMail" | "lucideLayoutGrid" | "lucideArrowLeft" | "lucideArrowRight" | "lucideMenu" | "lucideLock" | "lucideLogOut" | "lucideUser" | "lucideSettings" | "lucidePill" | "lucideCalendarFold" | "lucideSettings2" | "lucideChevronLeft" | "lucideChevronRight" | "lucideChevronDown" | "lucidePlus" | "lucideSearch" | "lucideUsers" | "lucideEye" | "lucideEyeOff" | "lucideEllipsis" | "lucidePanelLeftClose" | "lucidePanelLeftOpen" | "lucideLayoutDashboard" | "lucideChartColumn" | "lucideUsersRound" | "lucideLogs" | "lucideChevronUp" | "lucideTrendingUp" | "lucidePackage" | "lucideShoppingCart" | "lucideUserCheck" | "lucideActivity" | "lucideZap" | "lucideMousePointer" | "lucideInfo" | "lucideLayers" | "lucideBriefcase" | "lucideTarget" | "lucideWorkflow" | "lucideWarehouse" | "lucideLoaderCircle" | "lucideChevronsLeft" | "lucideChevronsRight" | "lucideBellRing" | "lucideSlidersHorizontal" | "lucideTrash2" | "lucideFileDown" | "lucideFunnel" | "lucideAlignJustify" | "lucideX" | "lucideFiles" | "lucideCrown" | "lucideBadgeInfo" | "lucideMinus" | "lucideBox" | "lucideCog" | "lucideBellMinus" | "lucidePackageOpen" | "lucideInbox" | "lucideClock" | "lucideBookOpen" | "lucideCalendar" | "lucideCalculator" | "lucideClipboardList" | "lucideDatabase" | "lucideDollarSign" | "lucideFileText" | "lucideGraduationCap" | "lucideHeart" | "lucideHospital" | "lucideMapPin" | "lucideMonitor" | "lucidePhone" | "lucideShield" | "lucideStar" | "lucideStethoscope" | "lucideTimer" | "lucideTrendingDown" | "lucideUserPlus" | "lucideVideo" | "lucideWallet" | "lucideWrench" | "lucideBuilding2" | "lucideCar" | "lucideCreditCard" | "lucideFileSpreadsheet" | "lucideGlobe" | "lucideLanguages" | "lucideHeadphones" | "lucideKey" | "lucideLightbulb" | "lucideMailCheck" | "lucideNetwork" | "lucidePalette" | "lucidePhoneCall" | "lucidePrinter" | "lucideRadio" | "lucideServer" | "lucideServerCrash" | "lucideSmartphone" | "lucideTablet" | "lucideTerminal" | "lucideTruck" | "lucideWifi" | "lucideRefreshCcw" | "lucideLockKeyhole" | "lucideArrowDown" | "lucideArrowUp" | "lucideUserLock" | "lucideCircleCheck" | "lucideHouse" | "lucideChartBar" | "lucideChartPie" | "lucideChartLine" | "lucideCalendarRange" | "lucideCalendar1" | "lucideCalendarCheck" | "lucideNotepadText" | "lucideFileUp" | "lucideTableOfContents" | "lucideBot" | "lucideSend" | "lucidePause" | "lucidePaperclip" | "saxPauseBold" | "lucideCopy" | "lucideUserRoundPen" | "lucideFilePenLine" | "lucideArrowDownUp" | "lucideCircleX" | "lucideCheckLine" | "lucideBadgeCheck" | "lucideShieldCheck" | "lucideCircleCheckBig" | "lucideBadgeX" | "lucideLockKeyholeOpen" | "lucideFileSymlink" | "lucideWifiZero" | "lucideCloudCheck" | "lucideMailPlus" | "lucideHardDriveDownload" | "saxCloudChangeBold" | "saxRefreshBold" | "lucideBarcode" | "lucideCode" | "lucideScanQrCode" | "lucideQrCode" | "lucideScanLine" | "lucideListPlus" | "lucideFilePlus" | "lucideFilePlus2" | "lucideBookUp2" | "lucideFileClock" | "lucideRefreshCwOff" | "lucideListChecks" | "lucideFastForward" | "lucideBrushCleaning" | "lucideChartColumnIncreasing" | "lucideBell" | "lucideCheckCircle2" | "lucideAlertCircle" | "lucideXCircle" | "lucideLink" | "lucideDatabaseBackup" | "lucideFileCheck" | "lucideListChevronsDownUp" | "lucideListChevronsUpDown" | "lucideSun" | "lucideMoon" | "lucideLoader" | "lucideAlertOctagon" | "lucideMessageCircle" | "lucideCircleAlert" | "lucideMessageCircleQuestion" | "lucideComponent" | "lucidePanelRightOpen" | "lucideLoader2" | "lucideGithub" | "lucideLifeBuoy" | "lucideCloud" | "lucideBarChart" | "lucideHome" | "lucideFolderOpen" | "lucideSquarePen" | "lucideLayoutTemplate" | "lucideFileOutput" | "lucideCircleHelp" | "lucideGripHorizontal" | "lucideImage" | "lucideList" | "lucideHash" | "lucideMegaphone" | "lucidePenTool" | "lucideSquare" | "lucideRocket" | "lucideBarChart3" | "lucideUsers2" | "lucideGrid3x3" | "lucideFolderTree" | "lucideCheckCircle" | "lucideSliders" | "lucideFileEdit" | "lucideNavigation" | "lucideListFilter" | "lucideTextCursor" | "lucidePieChart" | "lucideUserSearch" | "lucideFolders" | "lucideSparkles" | "lucideSquareCheck" | "lucideCircleDot" | "lucideToggleLeft" | "lucideUpload" | "lucideUploadCloud" | "lucideDownload" | "lucideFile" | "lucideMusic" | "lucideFileCode" | "lucideFileJson" | "lucideFileArchive" | "lucideTable2" | "lucideGripVertical" | "lucidePin" | "lucideSearchX" | "lucideMoreVertical" | "lucideGitBranch" | "lucideAlertTriangle" | "lucideFilter" | "lucideFunnelX" | "lucideBan" | "lucideBuilding" | "lucideType" | "lucidePercent" | "lucideReceipt" | "lucideClipboardPen" | "lucidePackageCheck" | "lucideShoppingBag" | "lucideTag" | "lucideTags" | "lucideTicket" | "lucideWand2" | "lucideZoomIn" | "lucideZoomOut" | "lucideBadge" | "lucideClipboardCopy" | "lucideContact" | "lucideIdCard" | "lucideRecycle" | "lucidePlug" | "lucidePlug2" | "lucideBotMessageSquare" | "lucideBotOff" | "lucideBrain" | "lucideBrainCircuit" | "lucideBrainCog" | "lucideCpu" | "lucideDumbbell" | "lucideSparkle" | "lucideWandSparkles" | "lucideMessageSquareText" | "lucideMic" | "lucideAudioLines" | "lucidePlay" | "lucideSquarePlay" | "lucideEllipsisVertical" | "saxEditOutline" | "lucideUserSquare" | "lucideCircle" | "lucideFolder" | "lucideHelpCircle" | "lucideCalendarDays" | "lucideMessageSquare" | "lucideHistory" | "lucideRefreshCw" | "lucideRotateCcw" | "lucideBanknote" | "lucideRedo" | "lucideUndo" | "lucidePackage2" | "lucideTestTube">;
+    readonly zPrefix: _angular_core.InputSignal<"" | ZIcon>;
     readonly zAllowClear: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zWrap: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zShowSearch: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
@@ -124,7 +125,7 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     readonly zDebounce: _angular_core.InputSignal<number>;
     readonly zNotFoundText: _angular_core.InputSignal<string>;
     readonly zEmptyText: _angular_core.InputSignal<string>;
-    readonly zEmptyIcon: _angular_core.InputSignal<"lucideLayers2" | "lucideStore" | "lucideChartBarStacked" | "lucideBookCheck" | "lucideAlarmClock" | "lucideClipboardPlus" | "lucideSave" | "lucideSaveAll" | "lucideFlag" | "lucideFlagTriangleRight" | "lucideMessageSquareDot" | "lucideCheckCheck" | "lucideTriangleAlert" | "lucideMessageSquareWarning" | "lucideCheck" | "lucidePencil" | "lucideMail" | "lucideLayoutGrid" | "lucideArrowLeft" | "lucideArrowRight" | "lucideMenu" | "lucideLock" | "lucideLogOut" | "lucideUser" | "lucideSettings" | "lucidePill" | "lucideCalendarFold" | "lucideSettings2" | "lucideChevronLeft" | "lucideChevronRight" | "lucideChevronDown" | "lucidePlus" | "lucideSearch" | "lucideUsers" | "lucideEye" | "lucideEyeOff" | "lucideEllipsis" | "lucidePanelLeftClose" | "lucidePanelLeftOpen" | "lucideLayoutDashboard" | "lucideChartColumn" | "lucideUsersRound" | "lucideLogs" | "lucideChevronUp" | "lucideTrendingUp" | "lucidePackage" | "lucideShoppingCart" | "lucideUserCheck" | "lucideActivity" | "lucideZap" | "lucideMousePointer" | "lucideInfo" | "lucideLayers" | "lucideBriefcase" | "lucideTarget" | "lucideWorkflow" | "lucideWarehouse" | "lucideLoaderCircle" | "lucideChevronsLeft" | "lucideChevronsRight" | "lucideBellRing" | "lucideSlidersHorizontal" | "lucideTrash2" | "lucideFileDown" | "lucideFunnel" | "lucideAlignJustify" | "lucideX" | "lucideFiles" | "lucideCrown" | "lucideBadgeInfo" | "lucideMinus" | "lucideBox" | "lucideCog" | "lucideBellMinus" | "lucidePackageOpen" | "lucideInbox" | "lucideClock" | "lucideBookOpen" | "lucideCalendar" | "lucideCalculator" | "lucideClipboardList" | "lucideDatabase" | "lucideDollarSign" | "lucideFileText" | "lucideGraduationCap" | "lucideHeart" | "lucideHospital" | "lucideMapPin" | "lucideMonitor" | "lucidePhone" | "lucideShield" | "lucideStar" | "lucideStethoscope" | "lucideTimer" | "lucideTrendingDown" | "lucideUserPlus" | "lucideVideo" | "lucideWallet" | "lucideWrench" | "lucideBuilding2" | "lucideCar" | "lucideCreditCard" | "lucideFileSpreadsheet" | "lucideGlobe" | "lucideLanguages" | "lucideHeadphones" | "lucideKey" | "lucideLightbulb" | "lucideMailCheck" | "lucideNetwork" | "lucidePalette" | "lucidePhoneCall" | "lucidePrinter" | "lucideRadio" | "lucideServer" | "lucideServerCrash" | "lucideSmartphone" | "lucideTablet" | "lucideTerminal" | "lucideTruck" | "lucideWifi" | "lucideRefreshCcw" | "lucideLockKeyhole" | "lucideArrowDown" | "lucideArrowUp" | "lucideUserLock" | "lucideCircleCheck" | "lucideHouse" | "lucideChartBar" | "lucideChartPie" | "lucideChartLine" | "lucideCalendarRange" | "lucideCalendar1" | "lucideCalendarCheck" | "lucideNotepadText" | "lucideFileUp" | "lucideTableOfContents" | "lucideBot" | "lucideSend" | "lucidePause" | "lucidePaperclip" | "saxPauseBold" | "lucideCopy" | "lucideUserRoundPen" | "lucideFilePenLine" | "lucideArrowDownUp" | "lucideCircleX" | "lucideCheckLine" | "lucideBadgeCheck" | "lucideShieldCheck" | "lucideCircleCheckBig" | "lucideBadgeX" | "lucideLockKeyholeOpen" | "lucideFileSymlink" | "lucideWifiZero" | "lucideCloudCheck" | "lucideMailPlus" | "lucideHardDriveDownload" | "saxCloudChangeBold" | "saxRefreshBold" | "lucideBarcode" | "lucideCode" | "lucideScanQrCode" | "lucideQrCode" | "lucideScanLine" | "lucideListPlus" | "lucideFilePlus" | "lucideFilePlus2" | "lucideBookUp2" | "lucideFileClock" | "lucideRefreshCwOff" | "lucideListChecks" | "lucideFastForward" | "lucideBrushCleaning" | "lucideChartColumnIncreasing" | "lucideBell" | "lucideCheckCircle2" | "lucideAlertCircle" | "lucideXCircle" | "lucideLink" | "lucideDatabaseBackup" | "lucideFileCheck" | "lucideListChevronsDownUp" | "lucideListChevronsUpDown" | "lucideSun" | "lucideMoon" | "lucideLoader" | "lucideAlertOctagon" | "lucideMessageCircle" | "lucideCircleAlert" | "lucideMessageCircleQuestion" | "lucideComponent" | "lucidePanelRightOpen" | "lucideLoader2" | "lucideGithub" | "lucideLifeBuoy" | "lucideCloud" | "lucideBarChart" | "lucideHome" | "lucideFolderOpen" | "lucideSquarePen" | "lucideLayoutTemplate" | "lucideFileOutput" | "lucideCircleHelp" | "lucideGripHorizontal" | "lucideImage" | "lucideList" | "lucideHash" | "lucideMegaphone" | "lucidePenTool" | "lucideSquare" | "lucideRocket" | "lucideBarChart3" | "lucideUsers2" | "lucideGrid3x3" | "lucideFolderTree" | "lucideCheckCircle" | "lucideSliders" | "lucideFileEdit" | "lucideNavigation" | "lucideListFilter" | "lucideTextCursor" | "lucidePieChart" | "lucideUserSearch" | "lucideFolders" | "lucideSparkles" | "lucideSquareCheck" | "lucideCircleDot" | "lucideToggleLeft" | "lucideUpload" | "lucideUploadCloud" | "lucideDownload" | "lucideFile" | "lucideMusic" | "lucideFileCode" | "lucideFileJson" | "lucideFileArchive" | "lucideTable2" | "lucideGripVertical" | "lucidePin" | "lucideSearchX" | "lucideMoreVertical" | "lucideGitBranch" | "lucideAlertTriangle" | "lucideFilter" | "lucideFunnelX" | "lucideBan" | "lucideBuilding" | "lucideType" | "lucidePercent" | "lucideReceipt" | "lucideClipboardPen" | "lucidePackageCheck" | "lucideShoppingBag" | "lucideTag" | "lucideTags" | "lucideTicket" | "lucideWand2" | "lucideZoomIn" | "lucideZoomOut" | "lucideBadge" | "lucideClipboardCopy" | "lucideContact" | "lucideIdCard" | "lucideRecycle" | "lucidePlug" | "lucidePlug2" | "lucideBotMessageSquare" | "lucideBotOff" | "lucideBrain" | "lucideBrainCircuit" | "lucideBrainCog" | "lucideCpu" | "lucideDumbbell" | "lucideSparkle" | "lucideWandSparkles" | "lucideMessageSquareText" | "lucideMic" | "lucideAudioLines" | "lucidePlay" | "lucideSquarePlay" | "lucideEllipsisVertical" | "saxEditOutline" | "lucideUserSquare" | "lucideCircle" | "lucideFolder" | "lucideHelpCircle" | "lucideCalendarDays" | "lucideMessageSquare" | "lucideHistory" | "lucideRefreshCw" | "lucideRotateCcw" | "lucideBanknote" | "lucideRedo" | "lucideUndo" | "lucidePackage2" | "lucideTestTube">;
+    readonly zEmptyIcon: _angular_core.InputSignal<ZIcon>;
     readonly zMaxTagCount: _angular_core.InputSignal<number>;
     readonly zDropdownMaxHeight: _angular_core.InputSignal<number>;
     readonly zOptionHeight: _angular_core.InputSignal<number>;
@@ -190,6 +191,7 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     protected readonly displayedTags: _angular_core.Signal<ZSelectOption<T>[]>;
     protected readonly remainingCount: _angular_core.Signal<number>;
     protected readonly hasValue: _angular_core.Signal<boolean>;
+    protected readonly isAllSelected: _angular_core.Signal<boolean>;
     protected readonly filteredOptions: _angular_core.Signal<{
         label: string;
         value: T;
@@ -238,6 +240,7 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     protected clearAll(event: MouseEvent): void;
     protected selectAll(): void;
     protected removeAll(): void;
+    protected toggleSelectAllAction(): void;
     protected trackByValue: (_index: number, option: ZSelectOption<T>) => unknown;
     private _emitControl;
     private _setupLoadMoreObserver;

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

@@ -53,16 +53,16 @@ declare class ZStepsComponent implements AfterViewInit {
     protected readonly effectiveOrientation: _angular_core.Signal<ZStepsOrientation>;
     protected readonly containerClasses: _angular_core.Signal<string>;
     protected readonly getItemClasses: _angular_core.Signal<string>;
-    protected readonly getIconClassesByStatus: _angular_core.Signal<string[]>;
+    protected readonly iconClassesMap: _angular_core.Signal<Map<number, string>>;
     protected readonly lineClasses: _angular_core.Signal<string>;
     protected readonly getConnectorClassesByIndex: _angular_core.Signal<string[]>;
     protected readonly stepStatuses: _angular_core.Signal<ZStepsStatus[]>;
     protected readonly getArrowClassesByIndex: _angular_core.Signal<string[]>;
     protected readonly getDotClassesByIndex: _angular_core.Signal<string[]>;
     protected readonly getDotLineClassesByIndex: _angular_core.Signal<string[]>;
-    protected readonly defaultIconSize: _angular_core.Signal<NonNullable<"10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "20" | "21" | "22" | "23" | "24" | "25" | "26" | "27" | "28" | "29" | "30" | "31" | "32" | "33" | "34" | "35" | "36" | "37" | "38" | "39" | "40" | "41" | "42" | "43" | "44" | "45" | "46" | "47" | "48" | "49" | "50" | null | undefined>>;
-    protected readonly getIconSizeByIndex: _angular_core.Signal<NonNullable<"10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "20" | "21" | "22" | "23" | "24" | "25" | "26" | "27" | "28" | "29" | "30" | "31" | "32" | "33" | "34" | "35" | "36" | "37" | "38" | "39" | "40" | "41" | "42" | "43" | "44" | "45" | "46" | "47" | "48" | "49" | "50" | null | undefined>[]>;
-    protected readonly iconWidth: _angular_core.Signal<24 | 40 | 32>;
+    protected readonly defaultIconSize: _angular_core.Signal<NonNullable<string | number | null | undefined>>;
+    protected readonly getIconSizeByIndex: _angular_core.Signal<NonNullable<string | number | null | undefined>[]>;
+    protected readonly iconWidth: _angular_core.Signal<32 | 44 | 36>;
     ngAfterViewInit(): void;
     private _updateStepOverride;
     private _setupResizeObserver;

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

@@ -6,6 +6,9 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 type ZSwitchSize = 'sm' | 'default' | 'lg';
+type ZSwitchMode = 'default' | 'inner';
+/** Maximum character length for inner text */
+declare const Z_SWITCH_INNER_TEXT_MAX_LENGTH = 8;
 
 declare class ZSwitchComponent implements ControlValueAccessor {
     readonly zChange: _angular_core.OutputEmitterRef<boolean>;
@@ -14,12 +17,17 @@ declare class ZSwitchComponent implements ControlValueAccessor {
     readonly zEvent: _angular_core.OutputEmitterRef<ZEvent>;
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zSize: _angular_core.InputSignal<ZSwitchSize>;
+    readonly zMode: _angular_core.InputSignal<ZSwitchMode>;
     readonly zLabel: _angular_core.InputSignal<string>;
     readonly zText: _angular_core.InputSignal<string>;
+    readonly zCheckedText: _angular_core.InputSignal<string>;
+    readonly zUncheckedText: _angular_core.InputSignal<string>;
     readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zTextPosition: _angular_core.InputSignal<"left" | "right">;
+    readonly zWave: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zChecked: _angular_core.ModelSignal<boolean>;
+    protected readonly isInnerMode: _angular_core.Signal<boolean>;
     private readonly _disabled;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly hostClasses: _angular_core.Signal<string>;
@@ -27,6 +35,10 @@ declare class ZSwitchComponent implements ControlValueAccessor {
     protected readonly thumbClasses: _angular_core.Signal<string>;
     protected readonly labelClasses: _angular_core.Signal<string>;
     protected readonly switchState: _angular_core.Signal<"checked" | "unchecked">;
+    protected readonly innerLeftClasses: _angular_core.Signal<string>;
+    protected readonly innerRightClasses: _angular_core.Signal<string>;
+    protected readonly displayCheckedText: _angular_core.Signal<string>;
+    protected readonly displayUncheckedText: _angular_core.Signal<string>;
     protected readonly loadingIconSize: _angular_core.Signal<"10" | "16" | "12">;
     private _onChange;
     private _onTouched;
@@ -36,21 +48,30 @@ declare class ZSwitchComponent implements ControlValueAccessor {
     setDisabledState(isDisabled: boolean): void;
     protected onFocus(event: FocusEvent): void;
     protected onBlur(event: FocusEvent): void;
-    protected onSwitchClick(): void;
+    protected onSwitchClick(event: MouseEvent): void;
+    private _triggerWaveEffect;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZSwitchComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSwitchComponent, "z-switch", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zText": { "alias": "zText"; "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; }; "zChecked": { "alias": "zChecked"; "required": false; "isSignal": true; }; }, { "zChange": "zChange"; "zOnBlur": "zOnBlur"; "zOnFocus": "zOnFocus"; "zEvent": "zEvent"; "zChecked": "zCheckedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSwitchComponent, "z-switch", never, { "class": { "alias": "class"; "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; }; "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>;
 
-export { ZSwitchComponent, zSwitchLabelVariants, zSwitchThumbVariants, zSwitchVariants };
-export type { ZSwitchSize, ZSwitchVariants };
+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

@@ -530,6 +530,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
     protected readonly showHeaderFooterShadow: _angular_core.WritableSignal<boolean>;
     protected readonly hasScrollLeft: _angular_core.WritableSignal<boolean>;
     protected readonly hasScrollRight: _angular_core.WritableSignal<boolean>;
+    protected readonly pinnedRowHeights: _angular_core.WritableSignal<Record<string, number>>;
     private readonly _columnPinVersion;
     private readonly _dataForceUpdate;
     protected readonly _rowUpdate: _angular_core.WritableSignal<{
@@ -613,6 +614,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
     private _runAsyncStateUpdate;
     private _emitFilterChangeDebounced;
     private _checkScrollState;
+    private _refreshPinnedRowHeights;
     private _checkVerticalScroll;
     private _checkLastRowTouchesBottom;
     private _checkHorizontalScroll;

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

@@ -54,7 +54,9 @@ declare class ZSafeHtmlPipe implements PipeTransform {
  */
 declare class ZSafeResourceUrlPipe implements PipeTransform {
     private readonly _sanitizer;
+    private readonly _allowedProtocols;
     transform(value: string | null | undefined): SafeResourceUrl | null;
+    private _isAllowedResourceUrl;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZSafeResourceUrlPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ZSafeResourceUrlPipe, "zSafeResourceUrl", true>;
 }

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

@@ -103,6 +103,7 @@ declare function provideZScrollbar(): EnvironmentProviders;
  */
 declare function provideZTheme(config?: ZThemeConfig): EnvironmentProviders;
 
+type ZUITranslationsLoader = (lang: string) => Promise<ZUITranslations>;
 interface ZTranslateProviderConfig {
     /** Default language (default: 'vi') */
     defaultLang?: string;
@@ -113,13 +114,14 @@ interface ZTranslateProviderConfig {
     /**
      * Whether to include Z-UI default translations (default: true)
      * Z-UI translations are merged with user translations,
-     * user translations take precedence
+     * user translations take precedence.
      */
     includeZUITranslations?: boolean;
     /**
      * Path to Z-UI translation override files (optional)
-     * If set, will load translations from this path to override Z-UI defaults
-     * Example: './assets/i18n/z-ui/' will load './assets/i18n/z-ui/vi.json'
+     * If set, will load translations from this path to override Z-UI defaults.
+     * Example: './assets/i18n/z-ui/' will load './assets/i18n/z-ui/vi.json'.
+     * Recommended for file-based customization of built-in Z-UI keys.
      *
      * File format:
      * ```json
@@ -130,22 +132,14 @@ interface ZTranslateProviderConfig {
      */
     zuiOverridePath?: string;
     /**
-     * Inline custom translations to override Z-UI defaults (optional)
-     * Use this for simple overrides without creating separate files
-     *
-     * @example
-     * ```typescript
-     * customZUITranslations: {
-     *   vi: { i18n_z_ui_table_noData: 'Bảng trống' },
-     *   en: { i18n_z_ui_table_noData: 'Empty table' },
-     * }
-     * ```
+     * Custom loader for Z-UI built-in translations.
+     * Useful when you want to control how default translations are loaded (dynamic import, remote source, etc.)
      */
-    customZUITranslations?: Partial<Record<string, ZUITranslations>>;
+    zuiTranslationsLoader?: ZUITranslationsLoader;
 }
 
-declare function zCreateTranslateLoader(http: HttpClient, path?: string, extension?: string, includeZUI?: boolean, zuiOverridePath?: string, customZUI?: Partial<Record<string, ZUITranslations>>): TranslateLoader;
+declare function zCreateTranslateLoader(http: HttpClient, path?: string, extension?: string, includeZUI?: boolean, zuiOverridePath?: string, zuiLoader?: ZUITranslationsLoader): TranslateLoader;
 declare function provideZTranslate(config?: ZTranslateProviderConfig): EnvironmentProviders;
 
 export { Z_CACHE_CONFIG, Z_INDEXDB_SERVICE, provideZCache, provideZIndexDb, provideZNgxMask, provideZScrollbar, provideZTheme, provideZTranslate, zCreateTranslateLoader };
-export type { ZNgxMaskConfig, ZTranslateProviderConfig };
+export type { ZNgxMaskConfig, ZTranslateProviderConfig, ZUITranslationsLoader };

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

@@ -25,6 +25,8 @@ declare class ZCacheService {
     private static _decode;
     private static _normalizeKey;
     private static _getFullKey;
+    private static _decodeStorageKey;
+    private static _isManagedStorageKey;
     private static _safeOperation;
     static get<T>(key: string, defaultValue?: T, encrypt?: boolean): T | undefined;
     static set<T>(key: string, data: T, encrypt?: boolean): boolean;
@@ -32,7 +34,6 @@ declare class ZCacheService {
     static deleteMultiple(keys: string[]): boolean;
     static clear(): boolean;
     static has(key: string, encrypt?: boolean): boolean;
-    static keys(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ZCacheService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ZCacheService>;
 }
@@ -349,10 +350,14 @@ declare class ZIndexDbService {
 
 declare class ZTranslateService {
     private readonly _translate;
+    private readonly _destroyRef;
     readonly currentLang: i0.WritableSignal<string>;
     readonly availableLangs: i0.WritableSignal<string[]>;
     constructor();
     private _initialize;
+    private _bindTranslateEvents;
+    private _setCurrentLang;
+    private _syncAvailableLangs;
     use(lang: string): void;
     getLang(): string;
     getLocale(): string;

package/types/z-ui.d.ts

@@ -1,3 +1,2 @@
-declare const Z_UI_VERSION = "1.0.1";
 
-export { Z_UI_VERSION };
+export { };