@shival99/z-ui 1.9.22 → 1.9.24

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

@@ -1,8 +1,9 @@
 import * as _angular_core from '@angular/core';
-import { AfterViewInit } from '@angular/core';
+import { AfterViewInit, EventEmitter } from '@angular/core';
 import { ZIcon } from '@shival99/z-ui/components/z-icon';
 import { ClassValue } from 'clsx';
 import * as _shival99_z_ui_components_z_gallery from '@shival99/z-ui/components/z-gallery';
+import { OverlayRef } from '@angular/cdk/overlay';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 
@@ -60,6 +61,16 @@ interface ZGallerySelectionChange {
     addedFiles?: ZGalleryFile[];
     removedFiles?: ZGalleryFile[];
 }
+interface ZGalleryPreviewOptions {
+    file: ZGalleryFile;
+    files?: ZGalleryFile[];
+    zDownload?: boolean;
+    zShowRemove?: boolean;
+    zOnClose?: () => void;
+    zOnDownload?: (file: ZGalleryFile) => void;
+    zOnNavigate?: (file: ZGalleryFile) => void;
+    zOnRemove?: (file: ZGalleryFile) => void;
+}
 
 declare class ZGalleryComponent implements AfterViewInit {
     readonly zFiles: _angular_core.InputSignal<ZGalleryFile[]>;
@@ -216,6 +227,30 @@ declare class ZGalleryPreviewComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZGalleryPreviewComponent, "z-gallery-preview", never, { "file": { "alias": "file"; "required": true; "isSignal": true; }; "files": { "alias": "files"; "required": false; "isSignal": true; }; "zShowRemove": { "alias": "zShowRemove"; "required": false; "isSignal": true; }; }, { "zOnClose": "zOnClose"; "zOnDownload": "zOnDownload"; "zOnNavigate": "zOnNavigate"; "zOnRemove": "zOnRemove"; }, never, never, true, never>;
 }
 
+declare class ZGalleryPreviewRef {
+    private readonly _overlayRef;
+    private _closed;
+    componentInstance: ZGalleryPreviewComponent | null;
+    readonly zAfterClose: EventEmitter<void>;
+    constructor(_overlayRef: OverlayRef | null);
+    close(): void;
+}
+
+declare class ZGalleryPreviewService {
+    private readonly _document;
+    private readonly _injector;
+    private readonly _overlay;
+    private readonly _platformId;
+    private readonly _zIndexService;
+    open(file: ZGalleryFile, options?: Omit<ZGalleryPreviewOptions, 'file'>): ZGalleryPreviewRef;
+    open(options: ZGalleryPreviewOptions): ZGalleryPreviewRef;
+    private _createOverlay;
+    private _normalizeOptions;
+    private _handleDownload;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZGalleryPreviewService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ZGalleryPreviewService>;
+}
+
 declare const getFileCategory: (file: ZGalleryFile) => ZFileCategory;
 declare const formatFileSize: (bytes: number) => string;
 declare const isPreviewable: (file: ZGalleryFile) => boolean;
@@ -236,5 +271,5 @@ declare const zGalleryFileIconVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZGalleryFileIconVariants = VariantProps<typeof zGalleryFileIconVariants>;
 
-export { FILE_CATEGORY_STYLES, ZGalleryComponent, ZGalleryFileIconComponent, ZGalleryItemComponent, ZGalleryPreviewComponent, formatFileSize, getFileCategory, isImage, isPreviewable, zGalleryFileIconVariants, zGalleryItemVariants, zGalleryVariants };
-export type { ZFileCategory, ZFileCategoryStyle, ZGalleryActionEvent, ZGalleryActionType, ZGalleryControl, ZGalleryFile, ZGalleryFileIconVariants, ZGalleryItemVariants, ZGalleryMode, ZGallerySelectionChange, ZGallerySize, ZGalleryToggleSize, ZGalleryVariants };
+export { FILE_CATEGORY_STYLES, ZGalleryComponent, ZGalleryFileIconComponent, ZGalleryItemComponent, ZGalleryPreviewComponent, ZGalleryPreviewRef, ZGalleryPreviewService, formatFileSize, getFileCategory, isImage, isPreviewable, zGalleryFileIconVariants, zGalleryItemVariants, zGalleryVariants };
+export type { ZFileCategory, ZFileCategoryStyle, ZGalleryActionEvent, ZGalleryActionType, ZGalleryControl, ZGalleryFile, ZGalleryFileIconVariants, ZGalleryItemVariants, ZGalleryMode, ZGalleryPreviewOptions, ZGallerySelectionChange, ZGallerySize, ZGalleryToggleSize, ZGalleryVariants };

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

@@ -10,7 +10,12 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 interface ZInputControl {
-    /** Trigger validation and return true if has error */
+    /** Trigger validation and return true if valid */
+    valid: () => boolean;
+    /**
+     * Trigger validation and return true if has error.
+     * @deprecated Use `valid()` for boolean form-submit checks.
+     */
     validate: () => boolean;
     /** Reset component to initial state */
     reset: () => void;
@@ -202,7 +207,9 @@ declare class ZInputComponent implements OnInit, ControlValueAccessor {
     setDisabledState(isDisabled: boolean): void;
     focus(): void;
     blur(): void;
+    /** @deprecated Use `valid()` for boolean form-submit checks. */
     validate(): boolean;
+    valid(): boolean;
     reset(): void;
     setValue(value: string | number | null): void;
     setErrorMessage(message: string | null): void;

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

@@ -24,6 +24,9 @@ interface ZMenuItem {
     menuTemplate?: TemplateRef<ZMenuItemTemplateContext>;
     menuTemplateWidth?: number;
 }
+type ZMenuV2Item = Omit<ZMenuItem, 'children' | 'menuTemplate' | 'menuTemplateWidth'> & {
+    children?: ZMenuV2Item[];
+};
 interface ZMenuProcessed {
     tree: ZMenuItem[];
     flat: Map<string, ZMenuItem>;
@@ -61,6 +64,7 @@ interface ZMenuControl {
     selectedParent: Signal<ZMenuItem | null>;
     menuProcessed: Signal<ZMenuProcessed>;
 }
+type ZMenuV2Control = Omit<ZMenuControl, 'openMobileTemplateDrawer' | 'closeMobileTemplateDrawer' | 'mobileTemplateDrawerOpen'>;
 
 declare class ZMenuComponent {
     private readonly _breakpointObserver;
@@ -137,5 +141,66 @@ declare class ZMenuComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZMenuComponent, "z-menu", never, { "zLogo": { "alias": "zLogo"; "required": false; "isSignal": true; }; "zLogoMobile": { "alias": "zLogoMobile"; "required": false; "isSignal": true; }; "zMenus": { "alias": "zMenus"; "required": false; "isSignal": true; }; "zUser": { "alias": "zUser"; "required": false; "isSignal": true; }; "zUserActions": { "alias": "zUserActions"; "required": false; "isSignal": true; }; "zActionsTemplate": { "alias": "zActionsTemplate"; "required": false; "isSignal": true; }; "zCurrentPath": { "alias": "zCurrentPath"; "required": false; "isSignal": true; }; "zKey": { "alias": "zKey"; "required": false; "isSignal": true; }; }, { "zOnSelect": "zOnSelect"; "zOnMenuAction": "zOnMenuAction"; "zControl": "zControl"; }, never, never, true, never>;
 }
 
-export { ZMenuComponent };
-export type { ZMenuControl, ZMenuItem, ZMenuItemTemplateContext, ZMenuProcessed, ZMenuUser, ZMenuUserAction };
+declare class ZMenuV2Component {
+    private readonly _breakpointObserver;
+    private readonly _destroyRef;
+    private readonly _platformId;
+    private readonly _router;
+    readonly zOnSelect: _angular_core.OutputEmitterRef<ZMenuItem>;
+    readonly zOnMenuAction: _angular_core.OutputEmitterRef<ZMenuUserAction>;
+    readonly zControl: _angular_core.OutputEmitterRef<ZMenuV2Control>;
+    readonly zLogo: _angular_core.InputSignal<string>;
+    readonly zLogoMobile: _angular_core.InputSignal<string>;
+    readonly zMenus: _angular_core.InputSignal<ZMenuV2Item[]>;
+    readonly zUser: _angular_core.InputSignal<ZMenuUser | null>;
+    readonly zUserActions: _angular_core.InputSignal<ZMenuUserAction[]>;
+    readonly zCurrentPath: _angular_core.InputSignal<string>;
+    readonly zKey: _angular_core.InputSignal<string>;
+    readonly zClass: _angular_core.InputSignal<string>;
+    readonly zCollapsedWidth: _angular_core.InputSignal<number>;
+    readonly zExpandedWidth: _angular_core.InputSignal<number>;
+    readonly selectedParent: _angular_core.WritableSignal<ZMenuItem | null>;
+    readonly selectedMenuItem: _angular_core.WritableSignal<ZMenuItem | null>;
+    readonly mobileMenuOpen: _angular_core.WritableSignal<boolean>;
+    readonly sidebarCollapsed: _angular_core.WritableSignal<boolean>;
+    private readonly _expandedIds;
+    private readonly _collapsedIds;
+    private readonly _activeCacheKey;
+    protected readonly zClasses: _angular_core.Signal<string>;
+    private readonly _isMobile$;
+    readonly isMobile: _angular_core.Signal<boolean>;
+    protected readonly mobileLogo: _angular_core.Signal<string>;
+    protected readonly avatarSrc: _angular_core.Signal<string>;
+    protected readonly visibleUserActions: _angular_core.Signal<ZMenuUserAction[]>;
+    private readonly _routerPath;
+    private readonly _currentPath;
+    protected readonly overlayType: _angular_core.Signal<ZMenuOverlayType>;
+    protected readonly menuProcessed: _angular_core.Signal<ZMenuProcessed>;
+    protected readonly menuParents: _angular_core.Signal<ZMenuItem[]>;
+    protected readonly parentWithActiveChild: _angular_core.Signal<ZMenuItem | null>;
+    constructor();
+    openMobileMenu(): void;
+    closeMobileMenu(): void;
+    toggleMobileMenu(): void;
+    setSelectedMenuItem(menuId: string): void;
+    clearActiveItem(): void;
+    protected toggleSidebar(): void;
+    protected onMenuItemClick(item: ZMenuItem): void;
+    protected onCollapsedLeafClick(item: ZMenuItem, close: () => void): void;
+    protected onCollapsedParentClick(item: ZMenuItem): void;
+    protected onMobileBackdropClick(): void;
+    protected onUserActionClick(action: ZMenuUserAction): void;
+    private _emitControl;
+    private _selectLeafItem;
+    private _toggleExpanded;
+    private _expandParentsOfItem;
+    private _processMenus;
+    private _findMenuItemByPath;
+    private _findDeepestPrefixMatch;
+    private _getStateMenuCollapsed;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZMenuV2Component, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZMenuV2Component, "z-menu-v2", never, { "zLogo": { "alias": "zLogo"; "required": false; "isSignal": true; }; "zLogoMobile": { "alias": "zLogoMobile"; "required": false; "isSignal": true; }; "zMenus": { "alias": "zMenus"; "required": false; "isSignal": true; }; "zUser": { "alias": "zUser"; "required": false; "isSignal": true; }; "zUserActions": { "alias": "zUserActions"; "required": false; "isSignal": true; }; "zCurrentPath": { "alias": "zCurrentPath"; "required": false; "isSignal": true; }; "zKey": { "alias": "zKey"; "required": false; "isSignal": true; }; "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; "zCollapsedWidth": { "alias": "zCollapsedWidth"; "required": false; "isSignal": true; }; "zExpandedWidth": { "alias": "zExpandedWidth"; "required": false; "isSignal": true; }; }, { "zOnSelect": "zOnSelect"; "zOnMenuAction": "zOnMenuAction"; "zControl": "zControl"; }, never, never, true, never>;
+}
+
+export { ZMenuComponent, ZMenuV2Component };
+export type { ZMenuControl, ZMenuItem, ZMenuItemTemplateContext, ZMenuProcessed, ZMenuUser, ZMenuUserAction, ZMenuV2Control, ZMenuV2Item };

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

@@ -22,7 +22,12 @@ declare class ZSelectSelectedDirective<T = unknown> {
 }
 
 interface ZSelectControl<T = unknown> {
-    /** Trigger validation and return true if has error */
+    /** Trigger validation and return true if valid */
+    valid: () => boolean;
+    /**
+     * Trigger validation and return true if has error.
+     * @deprecated Use `valid()` for boolean form-submit checks.
+     */
     validate: () => boolean;
     /** Reset component to initial state */
     reset: () => void;
@@ -250,7 +255,9 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     reset(): void;
     focus(): void;
     blur(): void;
+    /** @deprecated Use `valid()` for boolean form-submit checks. */
     validate(): boolean;
+    valid(): boolean;
     setErrorMessage(message: string | null): void;
     protected onTriggerKeydown(event: KeyboardEvent): void;
     protected onTriggerMousedown(): void;

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

@@ -34,6 +34,7 @@ declare class ZTabsComponent implements AfterViewInit, OnDestroy {
     readonly zSize: _angular_core.InputSignal<ZTabsSize>;
     readonly zOrientation: _angular_core.InputSignal<ZTabsOrientation>;
     readonly zLazy: _angular_core.InputSignal<boolean>;
+    readonly zDestroyInactive: _angular_core.InputSignal<boolean>;
     readonly zTabsOnly: _angular_core.InputSignal<boolean>;
     readonly zReloadable: _angular_core.InputSignal<boolean>;
     readonly activeTab: _angular_core.ModelSignal<string>;
@@ -41,6 +42,7 @@ declare class ZTabsComponent implements AfterViewInit, OnDestroy {
     protected readonly loadedTabs: _angular_core.WritableSignal<Set<string>>;
     protected readonly canScrollLeft: _angular_core.WritableSignal<boolean>;
     protected readonly canScrollRight: _angular_core.WritableSignal<boolean>;
+    protected readonly panelRenderStates: _angular_core.Signal<Map<string, boolean>>;
     private _resizeObserver?;
     constructor();
     ngAfterViewInit(): void;
@@ -49,7 +51,6 @@ declare class ZTabsComponent implements AfterViewInit, OnDestroy {
     protected getTabItemClasses(_tab: ZTab): string;
     protected selectTab(tab: ZTab, scrollToView?: boolean): void;
     protected isTabActive(tab: ZTab): boolean;
-    protected shouldRenderPanel(tabValue: string): boolean;
     protected onTabKeydown(event: KeyboardEvent, currentIndex: number): void;
     protected checkScroll(): void;
     protected scrollLeft(): void;
@@ -58,7 +59,7 @@ declare class ZTabsComponent implements AfterViewInit, OnDestroy {
     private _setupResizeObserver;
     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; }; "zLazy": { "alias": "zLazy"; "required": false; "isSignal": true; }; "zTabsOnly": { "alias": "zTabsOnly"; "required": false; "isSignal": true; }; "zReloadable": { "alias": "zReloadable"; "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; }; "zLazy": { "alias": "zLazy"; "required": false; "isSignal": true; }; "zDestroyInactive": { "alias": "zDestroyInactive"; "required": false; "isSignal": true; }; "zTabsOnly": { "alias": "zTabsOnly"; "required": false; "isSignal": true; }; "zReloadable": { "alias": "zReloadable"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; "zTabChange": "zTabChange"; }, ["tabPanels"], never, true, never>;
 }
 
 declare const zTabsVariants: (props?: ({

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

@@ -28,6 +28,12 @@ interface ZUploadValidator {
     validate?: (files: ZUploadFile[]) => boolean;
 }
 interface ZUploadControl {
+    /** Trigger validation and return true if valid */
+    valid: () => boolean;
+    /**
+     * Trigger validation and return true if has error.
+     * @deprecated Use `valid()` for boolean form-submit checks.
+     */
     validate: () => boolean;
     reset: () => void;
     clearFiles: () => void;
@@ -106,7 +112,9 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
     updateProgress(fileId: string, progress: number): void;
     setFileStatus(fileId: string, status: ZUploadFile['status']): void;
     clearFiles(): void;
+    /** @deprecated Use `valid()` for boolean form-submit checks. */
     validate(): boolean;
+    valid(): boolean;
     reset(): void;
     markAsTouched(): void;
     markAsUntouched(): void;