@shival99/z-ui 2.1.29 → 2.1.30

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

@@ -0,0 +1,35 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { ClassValue } from 'clsx';
+
+type ZMarqueeDirection = 'left' | 'right' | 'up' | 'down';
+type ZMarqueeFade = 'none' | 'left' | 'right' | 'top' | 'bottom' | 'both';
+
+declare class ZMarqueeComponent {
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zDirection: _angular_core.InputSignal<ZMarqueeDirection>;
+    readonly zPauseOnHover: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zRepeat: _angular_core.InputSignal<number>;
+    readonly zDuration: _angular_core.InputSignal<number>;
+    readonly zGap: _angular_core.InputSignal<string>;
+    readonly zFade: _angular_core.InputSignal<ZMarqueeFade>;
+    protected readonly contentTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    protected readonly isVertical: _angular_core.Signal<boolean>;
+    protected readonly isReverse: _angular_core.Signal<boolean>;
+    protected readonly showLeftFade: _angular_core.Signal<boolean>;
+    protected readonly showRightFade: _angular_core.Signal<boolean>;
+    protected readonly showTopFade: _angular_core.Signal<boolean>;
+    protected readonly showBottomFade: _angular_core.Signal<boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly repeatItems: _angular_core.Signal<number[]>;
+    protected readonly copyItems: readonly [0, 1];
+    protected readonly runnerClasses: _angular_core.Signal<string>;
+    protected readonly animationClasses: _angular_core.Signal<string>;
+    protected readonly trackClasses: _angular_core.Signal<string>;
+    protected readonly contentClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZMarqueeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZMarqueeComponent, "z-marquee", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zDirection": { "alias": "zDirection"; "required": false; "isSignal": true; }; "zPauseOnHover": { "alias": "zPauseOnHover"; "required": false; "isSignal": true; }; "zRepeat": { "alias": "zRepeat"; "required": false; "isSignal": true; }; "zDuration": { "alias": "zDuration"; "required": false; "isSignal": true; }; "zGap": { "alias": "zGap"; "required": false; "isSignal": true; }; "zFade": { "alias": "zFade"; "required": false; "isSignal": true; }; }, {}, ["contentTemplate"], never, true, never>;
+}
+
+export { ZMarqueeComponent };
+export type { ZMarqueeDirection, ZMarqueeFade };

package/types/shival99-z-ui-components-z-media-player.d.ts

@@ -0,0 +1,124 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy, ElementRef } from '@angular/core';
+import { ClassValue } from 'clsx';
+
+interface ZMediaPlayerSubtitleTrack {
+    label: string;
+    src: string;
+    srclang: string;
+    default?: boolean;
+}
+interface ZMediaPlayerSource {
+    label: string;
+    src: string;
+}
+interface ZMediaPlayerPlaybackSpeed {
+    label: string;
+    value: number;
+}
+
+type ZMediaPlayerSettingsPanel = 'main' | 'quality' | 'speed';
+declare class ZMediaPlayerComponent implements OnDestroy {
+    private readonly _elementRef;
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zSrc: _angular_core.InputSignal<string>;
+    readonly zSources: _angular_core.InputSignal<ZMediaPlayerSource[]>;
+    readonly zPoster: _angular_core.InputSignal<string>;
+    readonly zAutoplay: _angular_core.InputSignal<boolean>;
+    readonly zLoop: _angular_core.InputSignal<boolean>;
+    readonly zMuted: _angular_core.InputSignal<boolean>;
+    readonly zVolume: _angular_core.InputSignal<number>;
+    readonly zSubtitles: _angular_core.InputSignal<ZMediaPlayerSubtitleTrack[]>;
+    readonly zPlay: _angular_core.OutputEmitterRef<boolean>;
+    readonly zTimeUpdate: _angular_core.OutputEmitterRef<number>;
+    readonly zVolumeChange: _angular_core.OutputEmitterRef<number>;
+    readonly zFullscreenChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly zTheaterModeChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly zMiniplayerChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly zQualityChange: _angular_core.OutputEmitterRef<ZMediaPlayerSource>;
+    readonly videoElement: _angular_core.Signal<ElementRef<HTMLVideoElement> | undefined>;
+    readonly timelineContainer: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    protected readonly isPlaying: _angular_core.WritableSignal<boolean>;
+    protected readonly currentTime: _angular_core.WritableSignal<number>;
+    protected readonly duration: _angular_core.WritableSignal<number>;
+    protected readonly volume: _angular_core.WritableSignal<number>;
+    protected readonly isMuted: _angular_core.WritableSignal<boolean>;
+    protected readonly playbackSpeed: _angular_core.WritableSignal<number>;
+    protected readonly activeSourceSrc: _angular_core.WritableSignal<string | null>;
+    protected readonly showControls: _angular_core.WritableSignal<boolean>;
+    protected readonly isBuffering: _angular_core.WritableSignal<boolean>;
+    protected readonly captionsEnabled: _angular_core.WritableSignal<boolean>;
+    protected readonly isTheaterMode: _angular_core.WritableSignal<boolean>;
+    protected readonly isFullscreen: _angular_core.WritableSignal<boolean>;
+    protected readonly isMiniplayer: _angular_core.WritableSignal<boolean>;
+    protected readonly showSettings: _angular_core.WritableSignal<boolean>;
+    protected readonly settingsPanel: _angular_core.WritableSignal<ZMediaPlayerSettingsPanel>;
+    protected readonly isDragging: _angular_core.WritableSignal<boolean>;
+    protected readonly bufferedProgress: _angular_core.WritableSignal<number>;
+    protected readonly progress: _angular_core.Signal<number>;
+    protected readonly playPauseFlash: _angular_core.WritableSignal<"play" | "pause" | null>;
+    protected readonly hoverTimeLabel: _angular_core.WritableSignal<string | null>;
+    protected readonly hoverX: _angular_core.WritableSignal<number>;
+    protected readonly skipOverlayDirection: _angular_core.WritableSignal<"left" | "right" | null>;
+    protected readonly skipOverlayValue: _angular_core.WritableSignal<number>;
+    protected readonly skipOverlayPulse: _angular_core.WritableSignal<number>;
+    protected readonly isPiPSupported: _angular_core.Signal<boolean>;
+    protected readonly playbackSpeeds: readonly ZMediaPlayerPlaybackSpeed[];
+    private _controlsTimeout;
+    private _flashTimeout;
+    private _skipOverlayTimeout;
+    private _clickTimeout;
+    private _accumulatedSkip;
+    protected readonly zClasses: _angular_core.Signal<string>;
+    protected readonly currentTimeLabel: _angular_core.Signal<string>;
+    protected readonly durationLabel: _angular_core.Signal<string>;
+    protected readonly effectiveSrc: _angular_core.Signal<string>;
+    protected readonly qualitySources: _angular_core.Signal<ZMediaPlayerSource[]>;
+    protected readonly activeQualityLabel: _angular_core.Signal<string>;
+    constructor();
+    ngOnDestroy(): void;
+    private _initializeVideoState;
+    protected togglePlay(): void;
+    private _triggerFlashIcon;
+    protected toggleMute(): void;
+    protected onVolumeChange(val: number): void;
+    protected setPlaybackSpeed(speed: number): void;
+    protected openSettingsPanel(panel: ZMediaPlayerSettingsPanel): void;
+    protected closeSettingsPanel(): void;
+    protected onSettingsHidden(): void;
+    protected toggleInlineSettings(): void;
+    protected setQualitySource(source: ZMediaPlayerSource): void;
+    protected seekTo(time: number): void;
+    protected toggleTheaterMode(): void;
+    protected toggleFullscreen(): void;
+    protected onFullscreenStateChange(): void;
+    protected toggleMiniplayer(): Promise<void>;
+    protected onEnterPiP(): void;
+    protected onLeavePiP(): void;
+    protected onWebkitPresentationModeChanged(): void;
+    protected toggleSubtitles(): void;
+    protected onPlayStateChange(playing: boolean): void;
+    protected onTimeUpdate(): void;
+    protected onDurationChange(): void;
+    protected onSeeking(seeking: boolean): void;
+    protected updateBufferedProgress(): void;
+    protected onTimelineDragStart(event: MouseEvent): void;
+    protected onTimelineHover(event: MouseEvent): void;
+    protected onTimelineHoverEnd(): void;
+    private _updateTimeFromCoords;
+    protected onMouseMove(): void;
+    protected onMouseLeave(): void;
+    private _resetControlsTimer;
+    protected onVideoClick(event: MouseEvent): void;
+    private _handleVideoDoubleClick;
+    protected triggerSkip(seconds: number, direction: 'left' | 'right'): void;
+    private _triggerSkipOverlay;
+    protected onKeyDown(event: KeyboardEvent): void;
+    protected toggleSettings(): void;
+    private _formatTime;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZMediaPlayerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZMediaPlayerComponent, "z-media-player", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zSrc": { "alias": "zSrc"; "required": true; "isSignal": true; }; "zSources": { "alias": "zSources"; "required": false; "isSignal": true; }; "zPoster": { "alias": "zPoster"; "required": false; "isSignal": true; }; "zAutoplay": { "alias": "zAutoplay"; "required": false; "isSignal": true; }; "zLoop": { "alias": "zLoop"; "required": false; "isSignal": true; }; "zMuted": { "alias": "zMuted"; "required": false; "isSignal": true; }; "zVolume": { "alias": "zVolume"; "required": false; "isSignal": true; }; "zSubtitles": { "alias": "zSubtitles"; "required": false; "isSignal": true; }; }, { "zPlay": "zPlay"; "zTimeUpdate": "zTimeUpdate"; "zVolumeChange": "zVolumeChange"; "zFullscreenChange": "zFullscreenChange"; "zTheaterModeChange": "zTheaterModeChange"; "zMiniplayerChange": "zMiniplayerChange"; "zQualityChange": "zQualityChange"; }, never, never, true, never>;
+}
+
+export { ZMediaPlayerComponent };
+export type { ZMediaPlayerPlaybackSpeed, ZMediaPlayerSource, ZMediaPlayerSubtitleTrack };

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

@@ -0,0 +1,222 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, Signal } from '@angular/core';
+import { ZIcon } from '@shival99/z-ui/components/z-icon';
+
+interface ZMenuItemTemplateContext {
+    $implicit: ZMenuItem;
+    close: () => void;
+}
+type ZMenuOverlayType = 'dark' | 'blur';
+interface ZMenuItem {
+    id: string;
+    name: string;
+    icon?: ZIcon;
+    iconSvg?: string;
+    parent?: string[];
+    active?: boolean;
+    expanded?: boolean;
+    children?: ZMenuItem[];
+    permission?: string[];
+    path: string;
+    level?: number;
+    subPaths?: string[];
+    projects?: string[];
+    menuTemplate?: TemplateRef<ZMenuItemTemplateContext>;
+    menuTemplateWidth?: number;
+    renderChildren?: boolean;
+    renderExpanded?: boolean;
+    groupLabel?: string;
+}
+type ZMenuV2Item = Omit<ZMenuItem, 'children' | 'menuTemplate' | 'menuTemplateWidth' | 'renderChildren' | 'renderExpanded'> & {
+    children?: ZMenuV2Item[];
+};
+type ZMenuV2ExpandMode = 'accordion' | 'multiple';
+interface ZMenuProcessed {
+    tree: ZMenuItem[];
+    flat: Map<string, ZMenuItem>;
+    pathMap: Map<string, ZMenuItem>;
+    subPathMap: Map<string, ZMenuItem>;
+    parentMap: Map<string, ZMenuItem>;
+}
+interface ZMenuUser {
+    name: string;
+    email: string;
+    avatar?: string;
+}
+interface ZMenuUserAction {
+    id: string;
+    label: string;
+    icon?: ZIcon;
+    disabled?: boolean;
+    hidden?: boolean;
+    divide?: 'before' | 'after';
+    class?: string;
+}
+interface ZMenuControl {
+    openMobileMenu: () => void;
+    closeMobileMenu: () => void;
+    toggleMobileMenu: () => void;
+    setSelectedMenuItem: (menuId: string) => void;
+    clearActiveItem: () => void;
+    toggleSidebar: () => void;
+    openMobileTemplateDrawer: (parentId: string) => void;
+    closeMobileTemplateDrawer: () => void;
+    sidebarCollapsed: Signal<boolean>;
+    mobileMenuOpen: Signal<boolean>;
+    mobileTemplateDrawerOpen: Signal<boolean>;
+    selectedMenuItem: Signal<ZMenuItem | null>;
+    selectedParent: Signal<ZMenuItem | null>;
+    menuProcessed: Signal<ZMenuProcessed>;
+}
+type ZMenuV2Control = Omit<ZMenuControl, 'openMobileTemplateDrawer' | 'closeMobileTemplateDrawer' | 'mobileTemplateDrawerOpen'>;
+
+declare class ZMenuComponent {
+    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<ZMenuControl>;
+    readonly zLogo: _angular_core.InputSignal<string>;
+    readonly zLogoMobile: _angular_core.InputSignal<string>;
+    readonly zMenus: _angular_core.InputSignal<ZMenuItem[]>;
+    readonly zUser: _angular_core.InputSignal<ZMenuUser | null>;
+    readonly zUserActions: _angular_core.InputSignal<ZMenuUserAction[]>;
+    readonly zActionsTemplate: _angular_core.InputSignal<TemplateRef<{
+        close: () => void;
+    }> | null>;
+    readonly zCurrentPath: _angular_core.InputSignal<string>;
+    readonly zKey: _angular_core.InputSignal<string>;
+    readonly selectedParent: _angular_core.WritableSignal<ZMenuItem | null>;
+    readonly selectedMenuItem: _angular_core.WritableSignal<ZMenuItem | null>;
+    readonly mobileMenuOpen: _angular_core.WritableSignal<boolean>;
+    readonly mobileTemplateDrawerOpen: _angular_core.WritableSignal<boolean>;
+    readonly sidebarCollapsed: _angular_core.WritableSignal<boolean>;
+    private readonly _templateDrawerParentId;
+    protected readonly closeSidebarFn: () => void;
+    protected readonly closeMobileDrawerFn: () => void;
+    private readonly _isMobile$;
+    readonly isMobile: _angular_core.Signal<boolean>;
+    protected readonly mobileLogo: _angular_core.Signal<string>;
+    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 menuChildren: _angular_core.Signal<ZMenuItem[]>;
+    protected readonly selectedParentHasNoChild: _angular_core.Signal<boolean>;
+    protected readonly parentWithActiveChild: _angular_core.Signal<ZMenuItem | null>;
+    protected isParentOfActiveItem(item: ZMenuItem): boolean;
+    protected readonly avatarSrc: _angular_core.Signal<string>;
+    protected readonly customDrawerParent: _angular_core.Signal<ZMenuItem | null>;
+    private readonly _defaultSidebarChildWidth;
+    private readonly _defaultMobileDrawerWidth;
+    protected readonly sidebarChildWidth: _angular_core.Signal<number>;
+    protected readonly mobileCustomDrawerWidth: _angular_core.Signal<number>;
+    constructor();
+    private _emitControl;
+    openMobileMenu(): void;
+    closeMobileMenu(): void;
+    toggleMobileMenu(): void;
+    openMobileTemplateDrawer(parentId: string): void;
+    closeMobileTemplateDrawer(): void;
+    setSelectedMenuItem(menuId: string): void;
+    clearActiveItem(): void;
+    protected selectParent(item: ZMenuItem): void;
+    protected onDesktopParentClick(item: ZMenuItem): void;
+    protected onMenuItemClick(item: ZMenuItem): void;
+    protected onMobileParentClick(item: ZMenuItem): void;
+    protected toggleSidebar(): void;
+    protected closeSidebar(): void;
+    protected onUserActionClick(action: ZMenuUserAction): void;
+    protected getVisibleUserActions(): ZMenuUserAction[];
+    protected shouldShowDividerBefore(action: ZMenuUserAction, index: number): boolean;
+    protected shouldShowDividerAfter(action: ZMenuUserAction, index: number): boolean;
+    protected onBackdropClick(): void;
+    private _findMenuItemById;
+    private _findParentOfMenuItem;
+    private _isChildOf;
+    private _expandParentsOfItem;
+    private _processMenus;
+    private _findMenuItemByPath;
+    private _getStateMenuCollapsed;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZMenuComponent, never>;
+    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>;
+}
+
+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 zTitle: _angular_core.InputSignal<string>;
+    readonly zCollapsedWidth: _angular_core.InputSignal<number>;
+    readonly zExpandedWidth: _angular_core.InputSignal<number>;
+    readonly zExpandMode: _angular_core.InputSignal<ZMenuV2ExpandMode>;
+    readonly zShowMobileBar: _angular_core.InputSignal<boolean>;
+    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 _renderedOpeningIds;
+    private readonly _renderedClosingIds;
+    private readonly _activeCacheKey;
+    private readonly _hasSyncedInitialPath;
+    private readonly _openingRenderTimers;
+    private readonly _closingRenderTimers;
+    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 effectiveTitle: _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 _startOpeningRender;
+    private _keepSubmenuRenderedDuringClose;
+    private _stopClosingRender;
+    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; }; "zTitle": { "alias": "zTitle"; "required": false; "isSignal": true; }; "zCollapsedWidth": { "alias": "zCollapsedWidth"; "required": false; "isSignal": true; }; "zExpandedWidth": { "alias": "zExpandedWidth"; "required": false; "isSignal": true; }; "zExpandMode": { "alias": "zExpandMode"; "required": false; "isSignal": true; }; "zShowMobileBar": { "alias": "zShowMobileBar"; "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, ZMenuV2ExpandMode, ZMenuV2Item };

package/types/shival99-z-ui-components-z-metric-card.d.ts

@@ -0,0 +1,67 @@
+import * as _angular_core from '@angular/core';
+import { ZIcon } from '@shival99/z-ui/components/z-icon';
+import { ClassValue } from 'clsx';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type ZMetricCardSize = 'sm' | 'default' | 'lg';
+type ZMetricCardVariant = 'default' | 'bordered' | 'soft';
+type ZMetricCardTrendDirection = 'up' | 'down' | 'neutral';
+type ZMetricCardDecor = 'none' | 'wave' | 'grid' | 'rings' | 'bars' | 'dots' | 'spark';
+interface ZMetricCardTrend {
+    value: string | number;
+    direction?: ZMetricCardTrendDirection;
+    label?: string;
+}
+interface ZMetricCardAction {
+    label: string;
+    icon?: ZIcon;
+}
+
+declare class ZMetricCardComponent {
+    readonly zActionClick: _angular_core.OutputEmitterRef<ZMetricCardAction>;
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zTitle: _angular_core.InputSignal<string>;
+    readonly zValue: _angular_core.InputSignal<string | number>;
+    readonly zDescription: _angular_core.InputSignal<string>;
+    readonly zIcon: _angular_core.InputSignal<ZIcon | undefined>;
+    readonly zTrend: _angular_core.InputSignal<ZMetricCardTrend | undefined>;
+    readonly zProgress: _angular_core.InputSignal<number | undefined>;
+    readonly zAction: _angular_core.InputSignal<ZMetricCardAction | undefined>;
+    readonly zSize: _angular_core.InputSignal<ZMetricCardSize>;
+    readonly zVariant: _angular_core.InputSignal<ZMetricCardVariant>;
+    readonly zDecor: _angular_core.InputSignal<ZMetricCardDecor>;
+    readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly iconClasses: _angular_core.Signal<string>;
+    protected readonly valueClasses: _angular_core.Signal<string>;
+    protected readonly decorClasses: _angular_core.Signal<string>;
+    protected readonly trendDirection: _angular_core.Signal<ZMetricCardTrendDirection>;
+    protected readonly trendClasses: _angular_core.Signal<string>;
+    protected readonly trendIcon: _angular_core.Signal<ZIcon>;
+    protected readonly normalizedProgress: _angular_core.Signal<number | null>;
+    protected onActionClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZMetricCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZMetricCardComponent, "z-metric-card", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zTitle": { "alias": "zTitle"; "required": false; "isSignal": true; }; "zValue": { "alias": "zValue"; "required": false; "isSignal": true; }; "zDescription": { "alias": "zDescription"; "required": false; "isSignal": true; }; "zIcon": { "alias": "zIcon"; "required": false; "isSignal": true; }; "zTrend": { "alias": "zTrend"; "required": false; "isSignal": true; }; "zProgress": { "alias": "zProgress"; "required": false; "isSignal": true; }; "zAction": { "alias": "zAction"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zVariant": { "alias": "zVariant"; "required": false; "isSignal": true; }; "zDecor": { "alias": "zDecor"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; }, { "zActionClick": "zActionClick"; }, never, ["*"], true, never>;
+}
+
+declare const zMetricCardVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+    zVariant?: "default" | "bordered" | "soft" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zMetricCardIconVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+    zVariant?: "default" | "bordered" | "soft" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zMetricCardValueVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zMetricCardTrendVariants: (props?: ({
+    zTrendDirection?: "up" | "down" | "neutral" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ZMetricCardVariants = VariantProps<typeof zMetricCardVariants>;
+type ZMetricCardIconVariants = VariantProps<typeof zMetricCardIconVariants>;
+type ZMetricCardTrendVariants = VariantProps<typeof zMetricCardTrendVariants>;
+
+export { ZMetricCardComponent, zMetricCardIconVariants, zMetricCardTrendVariants, zMetricCardValueVariants, zMetricCardVariants };
+export type { ZMetricCardAction, ZMetricCardDecor, ZMetricCardIconVariants, ZMetricCardSize, ZMetricCardTrend, ZMetricCardTrendDirection, ZMetricCardTrendVariants, ZMetricCardVariant, ZMetricCardVariants };

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

@@ -0,0 +1,55 @@
+import * as _angular_core from '@angular/core';
+
+type ZPaginationSize = 'sm' | 'default' | 'lg';
+interface ZPaginationConfig {
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showSizeChanger?: boolean;
+    showQuickJumper?: boolean;
+    showTotal?: boolean;
+    simple?: boolean;
+}
+interface ZPageChangeEvent {
+    pageIndex: number;
+    pageSize: number;
+}
+
+declare class ZPaginationComponent {
+    private readonly _zTranslate;
+    readonly zOnPageChange: _angular_core.OutputEmitterRef<ZPageChangeEvent>;
+    readonly zPageIndex: _angular_core.ModelSignal<number>;
+    readonly zPageSize: _angular_core.ModelSignal<number>;
+    readonly zTotal: _angular_core.InputSignal<number>;
+    readonly zPageSizeOptions: _angular_core.InputSignal<number[]>;
+    readonly zShowSizeChanger: _angular_core.InputSignal<boolean>;
+    readonly zShowQuickJumper: _angular_core.InputSignal<boolean>;
+    readonly zShowTotal: _angular_core.InputSignal<boolean>;
+    readonly zSimple: _angular_core.InputSignal<boolean>;
+    readonly zSize: _angular_core.InputSignal<ZPaginationSize>;
+    readonly zDisabled: _angular_core.InputSignal<boolean>;
+    readonly zTotalLabel: _angular_core.InputSignal<string | null>;
+    readonly zPerPageLabel: _angular_core.InputSignal<string | null>;
+    readonly zGoToLabel: _angular_core.InputSignal<string | null>;
+    protected readonly totalLabelText: _angular_core.Signal<string>;
+    protected readonly perPageLabelText: _angular_core.Signal<string>;
+    protected readonly goToLabelText: _angular_core.Signal<string>;
+    protected readonly totalPages: _angular_core.Signal<number>;
+    protected readonly pageSizeOptions: _angular_core.Signal<{
+        label: string;
+        value: number;
+    }[]>;
+    protected readonly visiblePages: _angular_core.Signal<(number | "ellipsis")[]>;
+    protected readonly canGoPrev: _angular_core.Signal<boolean>;
+    protected readonly canGoNext: _angular_core.Signal<boolean>;
+    protected goToPage(page: number): void;
+    protected goToPrev(): void;
+    protected goToNext(): void;
+    protected onPageSizeChange(size: unknown): void;
+    protected onQuickJump(event: Event): void;
+    private _emitChange;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZPaginationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZPaginationComponent, "z-pagination", never, { "zPageIndex": { "alias": "zPageIndex"; "required": false; "isSignal": true; }; "zPageSize": { "alias": "zPageSize"; "required": false; "isSignal": true; }; "zTotal": { "alias": "zTotal"; "required": true; "isSignal": true; }; "zPageSizeOptions": { "alias": "zPageSizeOptions"; "required": false; "isSignal": true; }; "zShowSizeChanger": { "alias": "zShowSizeChanger"; "required": false; "isSignal": true; }; "zShowQuickJumper": { "alias": "zShowQuickJumper"; "required": false; "isSignal": true; }; "zShowTotal": { "alias": "zShowTotal"; "required": false; "isSignal": true; }; "zSimple": { "alias": "zSimple"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zTotalLabel": { "alias": "zTotalLabel"; "required": false; "isSignal": true; }; "zPerPageLabel": { "alias": "zPerPageLabel"; "required": false; "isSignal": true; }; "zGoToLabel": { "alias": "zGoToLabel"; "required": false; "isSignal": true; }; }, { "zOnPageChange": "zOnPageChange"; "zPageIndex": "zPageIndexChange"; "zPageSize": "zPageSizeChange"; }, never, never, true, never>;
+}
+
+export { ZPaginationComponent };
+export type { ZPageChangeEvent, ZPaginationConfig, ZPaginationSize };

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

@@ -0,0 +1,76 @@
+import * as _angular_core from '@angular/core';
+
+type ZQrCodeErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H';
+type ZQrCodeDotStyle = 'square' | 'dots' | 'rounded';
+type ZQrCodeEyeStyle = 'square' | 'circle' | 'rounded';
+type ZQrCodeFrame = 'none' | 'border' | 'text-bottom' | 'text-top';
+interface ZQrCodeGradient {
+    type: 'linear' | 'radial';
+    colors: string[];
+    angle?: number;
+}
+
+declare class ZQrCodeComponent {
+    readonly zValue: _angular_core.InputSignal<string>;
+    readonly zSize: _angular_core.InputSignal<number>;
+    readonly zLevel: _angular_core.InputSignal<ZQrCodeErrorCorrectionLevel>;
+    readonly zLogo: _angular_core.InputSignal<string>;
+    readonly zLogoSize: _angular_core.InputSignal<number>;
+    readonly zLogoBgColor: _angular_core.InputSignal<string>;
+    readonly zLogoBgShape: _angular_core.InputSignal<"square" | "circle" | "none">;
+    readonly zLogoPadding: _angular_core.InputSignal<number>;
+    readonly zFgColor: _angular_core.InputSignal<string>;
+    readonly zBgColor: _angular_core.InputSignal<string>;
+    readonly zDotStyle: _angular_core.InputSignal<ZQrCodeDotStyle>;
+    readonly zEyeStyle: _angular_core.InputSignal<ZQrCodeEyeStyle>;
+    readonly zEyeColor: _angular_core.InputSignal<string>;
+    readonly zMargin: _angular_core.InputSignal<number>;
+    readonly zFgGradient: _angular_core.InputSignal<ZQrCodeGradient | undefined>;
+    readonly zFrame: _angular_core.InputSignal<ZQrCodeFrame>;
+    readonly zFrameText: _angular_core.InputSignal<string>;
+    readonly zFrameColor: _angular_core.InputSignal<string>;
+    readonly zFramePadding: _angular_core.InputSignal<number>;
+    readonly zFrameBorderRadius: _angular_core.InputSignal<number>;
+    readonly zDownloadable: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zDownloadButton: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zShadow: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    private readonly _canvasRef;
+    private readonly _platformId;
+    protected readonly downloadText: _angular_core.WritableSignal<string>;
+    constructor();
+    /**
+     * Renders the stylized QR code onto the canvas element
+     */
+    renderQrCode(): Promise<void>;
+    /**
+     * Helper function to get gradient style fill (no else branches)
+     */
+    private _getGradientStyle;
+    /**
+     * Helper function to draw dynamic dot module style (no else branches)
+     */
+    private _drawDot;
+    /**
+     * Helper path function for rounded corners (no else branches)
+     */
+    private _drawRoundedRectPath;
+    /**
+     * Draw eye pattern (no else branches)
+     */
+    private _drawEye;
+    /**
+     * Load and render the central logo on canvas (no else branches)
+     */
+    private _drawLogo;
+    private _drawFrame;
+    /**
+     * Download the generated canvas QR Code as a PNG image file
+     */
+    protected downloadQr(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZQrCodeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZQrCodeComponent, "z-qrcode", never, { "zValue": { "alias": "zValue"; "required": true; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLevel": { "alias": "zLevel"; "required": false; "isSignal": true; }; "zLogo": { "alias": "zLogo"; "required": false; "isSignal": true; }; "zLogoSize": { "alias": "zLogoSize"; "required": false; "isSignal": true; }; "zLogoBgColor": { "alias": "zLogoBgColor"; "required": false; "isSignal": true; }; "zLogoBgShape": { "alias": "zLogoBgShape"; "required": false; "isSignal": true; }; "zLogoPadding": { "alias": "zLogoPadding"; "required": false; "isSignal": true; }; "zFgColor": { "alias": "zFgColor"; "required": false; "isSignal": true; }; "zBgColor": { "alias": "zBgColor"; "required": false; "isSignal": true; }; "zDotStyle": { "alias": "zDotStyle"; "required": false; "isSignal": true; }; "zEyeStyle": { "alias": "zEyeStyle"; "required": false; "isSignal": true; }; "zEyeColor": { "alias": "zEyeColor"; "required": false; "isSignal": true; }; "zMargin": { "alias": "zMargin"; "required": false; "isSignal": true; }; "zFgGradient": { "alias": "zFgGradient"; "required": false; "isSignal": true; }; "zFrame": { "alias": "zFrame"; "required": false; "isSignal": true; }; "zFrameText": { "alias": "zFrameText"; "required": false; "isSignal": true; }; "zFrameColor": { "alias": "zFrameColor"; "required": false; "isSignal": true; }; "zFramePadding": { "alias": "zFramePadding"; "required": false; "isSignal": true; }; "zFrameBorderRadius": { "alias": "zFrameBorderRadius"; "required": false; "isSignal": true; }; "zDownloadable": { "alias": "zDownloadable"; "required": false; "isSignal": true; }; "zDownloadButton": { "alias": "zDownloadButton"; "required": false; "isSignal": true; }; "zShadow": { "alias": "zShadow"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { ZQrCodeComponent };
+export type { ZQrCodeDotStyle, ZQrCodeErrorCorrectionLevel, ZQrCodeEyeStyle, ZQrCodeFrame, ZQrCodeGradient };