@shival99/z-ui 1.0.1 → 1.0.3

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

@@ -0,0 +1,232 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, Type, WritableSignal, EventEmitter, ViewContainerRef, InjectionToken, OnDestroy, AfterViewChecked, ComponentRef, EmbeddedViewRef } from '@angular/core';
+import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
+import { ClassValue } from 'clsx';
+import { NgScrollbar } from 'ngx-scrollbar';
+import { ComponentType, OverlayRef } from '@angular/cdk/overlay';
+import { ZIcon } from '@shival99/z-ui/components/z-icon';
+import { Observable } from 'rxjs';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare class ZDrawerContentDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZDrawerContentDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZDrawerContentDirective, "[z-drawer-content], [zDrawerContent]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ZDrawerFooterDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZDrawerFooterDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZDrawerFooterDirective, "[z-drawer-footer], [zDrawerFooter]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ZDrawerHeaderDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZDrawerHeaderDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZDrawerHeaderDirective, "[z-drawer-header], [zDrawerHeader]", never, {}, {}, never, never, true, never>;
+}
+
+type ZDrawerContentType<T> = ComponentType<T> | TemplateRef<T> | string;
+type ZDrawerPlacement = 'left' | 'right' | 'top' | 'bottom';
+declare const Z_DRAWER_DATA: InjectionToken<any>;
+type ZDrawerOnClickCallBack<T> = (instance: T, drawerRef?: unknown) => false | void | object;
+/**
+ * Configuration options for z-drawer component.
+ *
+ * @template T - The type of the content component
+ * @template U - The type of the data passed to the drawer
+ */
+declare class ZDrawerOptions<T, U> {
+    /** Icon for the cancel button */
+    zCancelIcon?: ZIcon;
+    /** Text for the cancel button. Set to null to hide the button */
+    zCancelText?: string | null;
+    /** Whether the drawer is closable (shows close button) */
+    zClosable?: boolean;
+    /** Drawer content - can be a component, template, or string */
+    zContent?: string | TemplateRef<T> | Type<T>;
+    /** Custom CSS classes for the drawer */
+    class?: ClassValue;
+    /** Data to be passed to the content component via Z_DRAWER_DATA token */
+    zData?: U;
+    /**
+     * Observable for deferred data loading before showing drawer content.
+     * Drawer will show a loading spinner until the Observable completes.
+     * The resolved data will be available via Z_DRAWER_DATA.
+     */
+    zDefer?: Observable<U>;
+    /** Description text shown below the title */
+    zDescription?: string;
+    /** Whether to hide the default footer */
+    zHideFooter?: boolean;
+    /**
+     * WritableSignal to control loading state of the OK button.
+     * Use this when submitting forms or calling APIs.
+     */
+    readonly zLoading?: WritableSignal<boolean>;
+    /** Whether clicking mask closes the drawer */
+    zMaskClosable?: boolean;
+    /** Whether OK button has destructive (red) style */
+    zOkDestructive?: boolean;
+    /** Whether OK button is disabled */
+    zOkDisabled?: boolean;
+    /** Overlay style: 'dark' (black overlay) or 'blur' (backdrop blur) */
+    zOverlay?: 'dark' | 'blur';
+    /** Icon for the OK button */
+    zOkIcon?: ZIcon;
+    /** Text for the OK button. Set to null to hide the button */
+    zOkText?: string | null;
+    /** Callback or EventEmitter when cancel is clicked */
+    zOnCancel?: EventEmitter<T> | ZDrawerOnClickCallBack<T>;
+    /** Callback or EventEmitter when OK is clicked */
+    zOnOk?: EventEmitter<T> | ZDrawerOnClickCallBack<T>;
+    /** Drawer title - supports string, HTML string, or TemplateRef */
+    zTitle?: string | TemplateRef<T>;
+    /** ViewContainerRef for the drawer portal */
+    zViewContainerRef?: ViewContainerRef;
+    /** Drawer width for left/right placement (e.g., '400px', '80%') */
+    zWidth?: string;
+    /** Drawer height for top/bottom placement (e.g., '400px', '50%') */
+    zHeight?: string;
+    /** Placement of the drawer: 'left', 'right', 'top', 'bottom' */
+    zPlacement?: ZDrawerPlacement;
+    /** Force shadow on header/footer regardless of scroll state */
+    zShadow?: boolean;
+    /** Shape of the drawer: 'rounded' (with border-radius) or 'square' (no border-radius) */
+    zShape?: 'rounded' | 'square';
+    /** WritableSignal to control content loading state (shows skeleton when true) */
+    readonly zContentLoading?: WritableSignal<boolean>;
+    /** Number of skeleton rows to show when content is loading (default: 5 for left/right, 3 for top/bottom) */
+    zSkeletonRows?: number;
+}
+
+declare class ZDrawerRef<T = any, R = any, U = any> {
+    private readonly _overlayRef;
+    private readonly _config;
+    private readonly _containerInstance;
+    private readonly _platformId;
+    private readonly _destroy$;
+    private _isClosing;
+    private _result?;
+    componentInstance: T | null;
+    readonly loading: _angular_core.WritableSignal<boolean>;
+    constructor(_overlayRef: OverlayRef, _config: ZDrawerOptions<T, U>, _containerInstance: ZDrawerComponent<T, U>, _platformId: object);
+    setLoading(value: boolean): void;
+    close(result?: R): void;
+    private _trigger;
+    private _getContentComponent;
+    private _closeWithResult;
+}
+
+type ZDrawerShape = 'rounded' | 'square';
+declare const zDrawerVariants: (props?: ({
+    placement?: "left" | "right" | "top" | "bottom" | null | undefined;
+    shape?: "rounded" | "square" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+declare class ZDrawerComponent<T, U> extends BasePortalOutlet implements OnDestroy, AfterViewChecked {
+    zOnOk: _angular_core.OutputEmitterRef<void>;
+    zOnCancel: _angular_core.OutputEmitterRef<void>;
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zVisible: _angular_core.ModelSignal<boolean>;
+    readonly zTitle: _angular_core.InputSignal<string | TemplateRef<unknown> | undefined>;
+    readonly zDescription: _angular_core.InputSignal<string | TemplateRef<unknown> | undefined>;
+    readonly zWidth: _angular_core.InputSignal<string>;
+    readonly zHeight: _angular_core.InputSignal<string>;
+    readonly zPlacement: _angular_core.InputSignal<ZDrawerPlacement>;
+    readonly zClosable: _angular_core.InputSignal<boolean>;
+    readonly zMaskClosable: _angular_core.InputSignal<boolean>;
+    readonly zHideFooter: _angular_core.InputSignal<boolean>;
+    readonly zOkText: _angular_core.InputSignal<string | null>;
+    readonly zCancelText: _angular_core.InputSignal<string | null>;
+    readonly zOkDestructive: _angular_core.InputSignal<boolean>;
+    readonly zOkDisabled: _angular_core.InputSignal<boolean>;
+    readonly zLoading: _angular_core.InputSignal<boolean>;
+    readonly zOverlay: _angular_core.InputSignal<"dark" | "blur">;
+    readonly zShadow: _angular_core.InputSignal<boolean>;
+    readonly zShape: _angular_core.InputSignal<ZDrawerShape>;
+    readonly zContentLoading: _angular_core.InputSignal<boolean>;
+    readonly zSkeletonRows: _angular_core.InputSignal<number | null>;
+    protected readonly customHeader: _angular_core.Signal<ZDrawerHeaderDirective | undefined>;
+    protected readonly customContent: _angular_core.Signal<ZDrawerContentDirective | undefined>;
+    protected readonly customFooter: _angular_core.Signal<ZDrawerFooterDirective | undefined>;
+    drawerRef?: ZDrawerRef<T>;
+    readonly portalOutlet: _angular_core.Signal<CdkPortalOutlet | undefined>;
+    protected readonly dummyTemplateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    protected readonly mainContentRef: _angular_core.Signal<NgScrollbar | undefined>;
+    protected readonly config: ZDrawerOptions<T, U>;
+    private readonly _platformId;
+    private readonly _host;
+    private readonly _overlay;
+    private readonly _viewContainerRef;
+    private readonly _cdr;
+    private _templateOverlayRef;
+    private _originalParent;
+    private _originalNextSibling;
+    private _backdropSubscription;
+    protected readonly isLeaving: _angular_core.WritableSignal<boolean>;
+    protected readonly hasScrollableContent: _angular_core.WritableSignal<boolean>;
+    protected readonly isScrolledFromTop: _angular_core.WritableSignal<boolean>;
+    protected readonly isScrolledToBottom: _angular_core.WritableSignal<boolean>;
+    protected readonly isServiceMode: _angular_core.Signal<boolean>;
+    protected readonly isTemplateMode: _angular_core.Signal<boolean>;
+    protected readonly shouldRenderContent: _angular_core.Signal<boolean>;
+    protected readonly isStringContent: _angular_core.Signal<boolean>;
+    protected readonly shouldShowShadow: _angular_core.Signal<boolean>;
+    private _lastScrollHeight;
+    ngAfterViewChecked(): void;
+    private _checkScrollState;
+    onContentScroll(event: Event): void;
+    protected readonly effectiveTitle: _angular_core.Signal<string | TemplateRef<unknown> | undefined>;
+    protected readonly effectiveDescription: _angular_core.Signal<string | TemplateRef<unknown> | undefined>;
+    protected readonly effectiveClosable: _angular_core.Signal<boolean>;
+    protected readonly effectiveHideFooter: _angular_core.Signal<boolean | undefined>;
+    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 effectiveOkDisabled: _angular_core.Signal<boolean | undefined>;
+    protected readonly effectiveLoading: _angular_core.Signal<boolean>;
+    protected readonly effectiveContentLoading: _angular_core.Signal<boolean>;
+    protected readonly effectiveSkeletonRows: _angular_core.Signal<number>;
+    protected readonly effectivePlacement: _angular_core.Signal<ZDrawerPlacement>;
+    protected readonly effectiveShadow: _angular_core.Signal<boolean>;
+    protected readonly effectiveShape: _angular_core.Signal<ZDrawerShape>;
+    protected readonly effectiveWidth: _angular_core.Signal<string | null>;
+    protected readonly effectiveHeight: _angular_core.Signal<string | null>;
+    protected readonly isDeferLoading: _angular_core.Signal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    constructor();
+    ngOnDestroy(): void;
+    getNativeElement(): HTMLElement;
+    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
+    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
+    onOkClick(): void;
+    onCloseClick(): void;
+    onBackdropClick(): void;
+    open(): void;
+    close(): void;
+    private _createOverlay;
+    private _openTemplateOverlay;
+    private _closeWithAnimation;
+    private _disposeTemplateOverlay;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZDrawerComponent<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZDrawerComponent<any, any>, "z-drawer", ["zDrawer"], { "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; }; "zHeight": { "alias": "zHeight"; "required": false; "isSignal": true; }; "zPlacement": { "alias": "zPlacement"; "required": false; "isSignal": true; }; "zClosable": { "alias": "zClosable"; "required": false; "isSignal": true; }; "zMaskClosable": { "alias": "zMaskClosable"; "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; }; "zOverlay": { "alias": "zOverlay"; "required": false; "isSignal": true; }; "zShadow": { "alias": "zShadow"; "required": false; "isSignal": true; }; "zShape": { "alias": "zShape"; "required": false; "isSignal": true; }; "zContentLoading": { "alias": "zContentLoading"; "required": false; "isSignal": true; }; "zSkeletonRows": { "alias": "zSkeletonRows"; "required": false; "isSignal": true; }; }, { "zOnOk": "zOnOk"; "zOnCancel": "zOnCancel"; "zVisible": "zVisibleChange"; }, ["customHeader", "customContent", "customFooter"], ["*"], true, never>;
+}
+
+declare class ZDrawerService {
+    private readonly _overlay;
+    private readonly _injector;
+    private readonly _platformId;
+    create<T, U>(config: ZDrawerOptions<T, U>): ZDrawerRef<T>;
+    private _open;
+    private _createOverlay;
+    private _attachDrawerContainer;
+    private _attachDrawerContent;
+    private _createInjector;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZDrawerService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ZDrawerService>;
+}
+
+export { ZDrawerComponent, ZDrawerContentDirective, ZDrawerFooterDirective, ZDrawerHeaderDirective, ZDrawerOptions, ZDrawerRef, ZDrawerService, Z_DRAWER_DATA, zDrawerVariants };
+export type { ZDrawerContentType, ZDrawerPlacement };

package/types/shival99-z-ui-components-z-dropdown-menu.d.ts

@@ -0,0 +1,50 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { ZPopoverPosition } from '@shival99/z-ui/components/z-popover';
+import { ZIcon } from '@shival99/z-ui/components/z-icon';
+
+interface ZDropdownMenuItem {
+    label: string;
+    icon?: ZIcon;
+    shortcut?: string;
+    class?: string;
+    disabled?: boolean;
+    hidden?: boolean;
+    onClick?: () => void;
+    divide?: 'before' | 'after';
+    submenu?: ZDropdownMenuItem[];
+    submenuPosition?: ZPopoverPosition;
+    subMinWidth?: number;
+    subMaxWidth?: number;
+}
+
+declare class ZDropdownMenuComponent {
+    readonly zItems: _angular_core.InputSignal<ZDropdownMenuItem[]>;
+    readonly zLabel: _angular_core.InputSignal<string | undefined>;
+    readonly zIcon: _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" | "lucideHeadphones" | "lucideKey" | "lucideLightbulb" | "lucideMailCheck" | "lucideNetwork" | "lucidePalette" | "lucidePhoneCall" | "lucidePrinter" | "lucideRadio" | "lucideServer" | "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">;
+    readonly zButtonType: _angular_core.InputSignal<"primary" | "secondary" | "outline" | "ghost">;
+    readonly zPosition: _angular_core.InputSignal<ZPopoverPosition>;
+    readonly zOffset: _angular_core.InputSignal<number>;
+    readonly zMinWidth: _angular_core.InputSignal<number>;
+    readonly zMaxWidth: _angular_core.InputSignal<number>;
+    readonly zDisabled: _angular_core.InputSignal<boolean>;
+    readonly triggerTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    readonly zOnItemClick: _angular_core.OutputEmitterRef<ZDropdownMenuItem>;
+    protected readonly popoverControl: _angular_core.WritableSignal<{
+        close: () => void;
+        closeImmediate: () => void;
+    } | null>;
+    protected onItemClick(item: ZDropdownMenuItem): void;
+    protected onControl(control: {
+        close: () => void;
+        closeImmediate: () => void;
+    }): void;
+    protected shouldShowDividerBefore(item: ZDropdownMenuItem, index: number): boolean;
+    protected shouldShowDividerAfter(item: ZDropdownMenuItem, index: number): boolean;
+    protected getVisibleItems(): ZDropdownMenuItem[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZDropdownMenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZDropdownMenuComponent, "z-dropdown-menu", never, { "zItems": { "alias": "zItems"; "required": true; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zIcon": { "alias": "zIcon"; "required": false; "isSignal": true; }; "zButtonType": { "alias": "zButtonType"; "required": false; "isSignal": true; }; "zPosition": { "alias": "zPosition"; "required": false; "isSignal": true; }; "zOffset": { "alias": "zOffset"; "required": false; "isSignal": true; }; "zMinWidth": { "alias": "zMinWidth"; "required": false; "isSignal": true; }; "zMaxWidth": { "alias": "zMaxWidth"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; }, { "zOnItemClick": "zOnItemClick"; }, ["triggerTemplate"], never, true, never>;
+}
+
+export { ZDropdownMenuComponent };
+export type { ZDropdownMenuItem };

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

@@ -0,0 +1,115 @@
+import * as _angular_core from '@angular/core';
+import { Signal, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ClassValue } from 'clsx';
+import { QuillModules, ContentChange } from 'ngx-quill';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type ZEditorSize = 'sm' | 'default' | 'lg';
+interface ZEditorControl {
+    focus: () => void;
+    blur: () => void;
+    clear: () => void;
+    setContent: (content: string) => void;
+    getContent: () => string;
+    getText: () => string;
+    getLength: () => number;
+    validate: () => void;
+    reset: () => void;
+    markAsTouched: () => void;
+    markAsUntouched: () => void;
+    markAsDirty: () => void;
+    markAsPristine: () => void;
+    setValue: (content: string) => void;
+    hasError: Signal<boolean>;
+    value: Signal<string>;
+    errorMessage: Signal<string>;
+}
+interface ZEditorValidator {
+    error: string;
+    message: string;
+    pattern?: RegExp;
+    minLength?: number;
+    maxLength?: number;
+}
+
+declare class ZEditorComponent implements OnInit, ControlValueAccessor {
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zSize: _angular_core.InputSignal<ZEditorSize>;
+    readonly zLabel: _angular_core.InputSignal<string>;
+    readonly zLabelClass: _angular_core.InputSignal<string>;
+    readonly zPlaceholder: _angular_core.InputSignal<string>;
+    readonly zRequired: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zReadonly: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zModules: _angular_core.InputSignal<QuillModules | null>;
+    readonly zFormats: _angular_core.InputSignal<string[] | null>;
+    readonly zBounds: _angular_core.InputSignal<string | HTMLElement>;
+    readonly zTheme: _angular_core.InputSignal<"snow" | "bubble">;
+    readonly zValidators: _angular_core.InputSignal<ZEditorValidator[]>;
+    readonly zOnChange: _angular_core.OutputEmitterRef<string>;
+    readonly zOnFocus: _angular_core.OutputEmitterRef<void>;
+    readonly zOnBlur: _angular_core.OutputEmitterRef<void>;
+    readonly zControl: _angular_core.OutputEmitterRef<ZEditorControl>;
+    protected readonly editorId: string;
+    private readonly _value;
+    private readonly _touched;
+    private readonly _disabled;
+    private readonly _dirty;
+    private readonly _formControl;
+    private readonly _formStateVersion;
+    private readonly _isNgModel;
+    private readonly _injector;
+    private readonly _destroyRef;
+    private _onChange;
+    private _onTouched;
+    private _ngControl;
+    private _editorInstance;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly internalValue: _angular_core.Signal<string>;
+    protected readonly effectiveModules: _angular_core.Signal<QuillModules>;
+    private readonly _shouldShowValidation;
+    private _getValidationErrors;
+    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">;
+    protected readonly wrapperClasses: _angular_core.Signal<string>;
+    protected readonly labelClasses: _angular_core.Signal<string>;
+    protected readonly editorClasses: _angular_core.Signal<string>;
+    ngOnInit(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onContentChange(event: ContentChange): void;
+    protected onFocus(): void;
+    protected onBlur(): void;
+    focus(): void;
+    blur(): void;
+    clear(): void;
+    setContent(content: string): void;
+    getContent(): string;
+    getText(): string;
+    getLength(): number;
+    markAsTouched(): void;
+    markAsDirty(): void;
+    markAsPristine(): void;
+    markAsUntouched(): void;
+    setValue(content: string): void;
+    validate(): void;
+    reset(): void;
+    private _emitControl;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZEditorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZEditorComponent, "z-editor", ["zEditor"], { "class": { "alias": "class"; "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; }; "zModules": { "alias": "zModules"; "required": false; "isSignal": true; }; "zFormats": { "alias": "zFormats"; "required": false; "isSignal": true; }; "zBounds": { "alias": "zBounds"; "required": false; "isSignal": true; }; "zTheme": { "alias": "zTheme"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; }, { "zOnChange": "zOnChange"; "zOnFocus": "zOnFocus"; "zOnBlur": "zOnBlur"; "zControl": "zControl"; }, never, never, true, never>;
+}
+
+declare const zEditorVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+    zStatus?: "default" | "error" | "disabled" | "readonly" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ZEditorVariants = VariantProps<typeof zEditorVariants>;
+
+export { ZEditorComponent, zEditorVariants };
+export type { ZEditorControl, ZEditorSize, ZEditorValidator, ZEditorVariants };