@shival99/z-ui 2.0.30 → 2.0.31

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

@@ -2,8 +2,9 @@ import * as _angular_core from '@angular/core';
 import { AfterViewInit, EventEmitter } from '@angular/core';
 import { ZIcon } from '@shival99/z-ui/components/z-icon';
 import { ClassValue } from 'clsx';
+import { LayoutConfig, ThemeConfig, ControlVisibilityConfig, GroupVisibilityConfig, AutoActionConfig, ViewerConfig, PdfJsViewerComponent } from 'ng2-pdfjs-viewer';
 import * as _shival99_z_ui_components_z_gallery from '@shival99/z-ui/components/z-gallery';
-import { SafeHtml, SafeResourceUrl } from '@angular/platform-browser';
+import { SafeHtml } from '@angular/platform-browser';
 import { OverlayRef } from '@angular/cdk/overlay';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -11,6 +12,68 @@ import { VariantProps } from 'class-variance-authority';
 type ZGalleryMode = 'grid' | 'list';
 type ZGallerySize = 'sm' | 'default' | 'lg';
 type ZGalleryToggleSize = 'xs' | 'sm' | 'default' | 'lg';
+type ZGalleryPdfViewerZoom = 'auto' | 'page-fit' | 'page-width' | 'page-actual' | `${number}%`;
+type ZGalleryPdfViewerCursor = 'select' | 'hand' | 'zoom';
+type ZGalleryPdfViewerScroll = 'vertical' | 'horizontal' | 'wrapped' | 'page';
+type ZGalleryPdfViewerSpread = 'none' | 'odd' | 'even';
+type ZGalleryPdfViewerPageMode = 'none' | 'thumbs' | 'bookmarks' | 'attachments';
+interface ZGalleryPdfViewerConfig {
+    viewerFolder?: string;
+    locale?: string;
+    showSpinner?: boolean;
+    useOnlyCssZoom?: boolean;
+    diagnosticLogs?: boolean;
+    showOpenFile?: boolean;
+    showAnnotations?: boolean;
+    showDownload?: boolean;
+    showViewBookmark?: boolean;
+    showPrint?: boolean;
+    showFullScreen?: boolean;
+    showFind?: boolean;
+    downloadOnLoad?: boolean;
+    printOnLoad?: boolean;
+    rotateCW?: boolean;
+    rotateCCW?: boolean;
+    showLastPageOnLoad?: boolean;
+    showToolbarLeft?: boolean;
+    showToolbarMiddle?: boolean;
+    showToolbarRight?: boolean;
+    showSecondaryToolbarToggle?: boolean;
+    showSidebar?: boolean;
+    showSidebarLeft?: boolean;
+    showSidebarRight?: boolean;
+    toolbarDensity?: LayoutConfig['toolbarDensity'];
+    sidebarWidth?: string;
+    toolbarPosition?: LayoutConfig['toolbarPosition'];
+    sidebarPosition?: LayoutConfig['sidebarPosition'];
+    responsiveBreakpoint?: string | number;
+    zoom?: ZGalleryPdfViewerZoom;
+    rotation?: 0 | 90 | 180 | 270;
+    cursor?: ZGalleryPdfViewerCursor;
+    scroll?: ZGalleryPdfViewerScroll;
+    spread?: ZGalleryPdfViewerSpread;
+    pageMode?: ZGalleryPdfViewerPageMode;
+    page?: number;
+    iframeBorder?: string | number;
+    theme?: ThemeConfig['theme'];
+    primaryColor?: string;
+    backgroundColor?: string;
+    pageBorderColor?: string;
+    pageSpacing?: ThemeConfig['pageSpacing'];
+    toolbarColor?: string;
+    textColor?: string;
+    borderRadius?: string;
+    customCSS?: string;
+    cspNonce?: string;
+    iframeTitle?: string;
+    urlValidation?: boolean;
+    controlVisibility?: ControlVisibilityConfig;
+    groupVisibility?: GroupVisibilityConfig;
+    autoActions?: AutoActionConfig;
+    viewerConfig?: ViewerConfig;
+    themeConfig?: ThemeConfig;
+    layoutConfig?: LayoutConfig;
+}
 interface ZGalleryFile {
     id: string;
     name: string;
@@ -67,12 +130,14 @@ interface ZGalleryPreviewOptions {
     files?: ZGalleryFile[];
     zDownload?: boolean;
     zShowRemove?: boolean;
+    zPdfViewerConfig?: ZGalleryPdfViewerConfig;
     zTrustedResourceOrigins?: string[];
     zOnClose?: () => void;
     zOnDownload?: (file: ZGalleryFile) => void;
     zOnNavigate?: (file: ZGalleryFile) => void;
     zOnRemove?: (file: ZGalleryFile) => void;
 }
+type ZGalleryPreviewItemOptions = Omit<ZGalleryPreviewOptions, 'file' | 'files'>;
 
 declare class ZGalleryComponent implements AfterViewInit {
     readonly zFiles: _angular_core.InputSignal<ZGalleryFile[]>;
@@ -86,6 +151,7 @@ declare class ZGalleryComponent implements AfterViewInit {
     readonly zShowDownload: _angular_core.InputSignal<boolean>;
     readonly zShowPreview: _angular_core.InputSignal<boolean>;
     readonly zShowRemove: _angular_core.InputSignal<boolean>;
+    readonly zPdfViewerConfig: _angular_core.InputSignal<ZGalleryPdfViewerConfig>;
     readonly zTrustedResourceOrigins: _angular_core.InputSignal<string[]>;
     readonly zShowModeToggle: _angular_core.InputSignal<boolean>;
     readonly zShowSearch: _angular_core.InputSignal<boolean>;
@@ -142,7 +208,7 @@ declare class ZGalleryComponent implements AfterViewInit {
     protected onBulkDelete(): void;
     protected onBulkDownload(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZGalleryComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZGalleryComponent, "z-gallery", ["zGallery"], { "zFiles": { "alias": "zFiles"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zColumns": { "alias": "zColumns"; "required": false; "isSignal": true; }; "zItemWidth": { "alias": "zItemWidth"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zSkeletonRows": { "alias": "zSkeletonRows"; "required": false; "isSignal": true; }; "zSkeletonItems": { "alias": "zSkeletonItems"; "required": false; "isSignal": true; }; "zShowDownload": { "alias": "zShowDownload"; "required": false; "isSignal": true; }; "zShowPreview": { "alias": "zShowPreview"; "required": false; "isSignal": true; }; "zShowRemove": { "alias": "zShowRemove"; "required": false; "isSignal": true; }; "zTrustedResourceOrigins": { "alias": "zTrustedResourceOrigins"; "required": false; "isSignal": true; }; "zShowModeToggle": { "alias": "zShowModeToggle"; "required": false; "isSignal": true; }; "zShowSearch": { "alias": "zShowSearch"; "required": false; "isSignal": true; }; "zServerSearch": { "alias": "zServerSearch"; "required": false; "isSignal": true; }; "zSearchDebounce": { "alias": "zSearchDebounce"; "required": false; "isSignal": true; }; "zSearchPlaceholder": { "alias": "zSearchPlaceholder"; "required": false; "isSignal": true; }; "zToggleSize": { "alias": "zToggleSize"; "required": false; "isSignal": true; }; "zTitle": { "alias": "zTitle"; "required": false; "isSignal": true; }; "zEmptyText": { "alias": "zEmptyText"; "required": false; "isSignal": true; }; "zEmptyIcon": { "alias": "zEmptyIcon"; "required": false; "isSignal": true; }; "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; "zSelectable": { "alias": "zSelectable"; "required": false; "isSignal": true; }; "zSelectedFiles": { "alias": "zSelectedFiles"; "required": false; "isSignal": true; }; }, { "zMode": "zModeChange"; "zSelectedFiles": "zSelectedFilesChange"; "zOnDownload": "zOnDownload"; "zOnPreview": "zOnPreview"; "zOnRemove": "zOnRemove"; "zModeChange": "zModeChange"; "zSearchChange": "zSearchChange"; "zControl": "zControl"; "zSelectionChange": "zSelectionChange"; "zOnAction": "zOnAction"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZGalleryComponent, "z-gallery", ["zGallery"], { "zFiles": { "alias": "zFiles"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zColumns": { "alias": "zColumns"; "required": false; "isSignal": true; }; "zItemWidth": { "alias": "zItemWidth"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zSkeletonRows": { "alias": "zSkeletonRows"; "required": false; "isSignal": true; }; "zSkeletonItems": { "alias": "zSkeletonItems"; "required": false; "isSignal": true; }; "zShowDownload": { "alias": "zShowDownload"; "required": false; "isSignal": true; }; "zShowPreview": { "alias": "zShowPreview"; "required": false; "isSignal": true; }; "zShowRemove": { "alias": "zShowRemove"; "required": false; "isSignal": true; }; "zPdfViewerConfig": { "alias": "zPdfViewerConfig"; "required": false; "isSignal": true; }; "zTrustedResourceOrigins": { "alias": "zTrustedResourceOrigins"; "required": false; "isSignal": true; }; "zShowModeToggle": { "alias": "zShowModeToggle"; "required": false; "isSignal": true; }; "zShowSearch": { "alias": "zShowSearch"; "required": false; "isSignal": true; }; "zServerSearch": { "alias": "zServerSearch"; "required": false; "isSignal": true; }; "zSearchDebounce": { "alias": "zSearchDebounce"; "required": false; "isSignal": true; }; "zSearchPlaceholder": { "alias": "zSearchPlaceholder"; "required": false; "isSignal": true; }; "zToggleSize": { "alias": "zToggleSize"; "required": false; "isSignal": true; }; "zTitle": { "alias": "zTitle"; "required": false; "isSignal": true; }; "zEmptyText": { "alias": "zEmptyText"; "required": false; "isSignal": true; }; "zEmptyIcon": { "alias": "zEmptyIcon"; "required": false; "isSignal": true; }; "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; "zSelectable": { "alias": "zSelectable"; "required": false; "isSignal": true; }; "zSelectedFiles": { "alias": "zSelectedFiles"; "required": false; "isSignal": true; }; }, { "zMode": "zModeChange"; "zSelectedFiles": "zSelectedFilesChange"; "zOnDownload": "zOnDownload"; "zOnPreview": "zOnPreview"; "zOnRemove": "zOnRemove"; "zModeChange": "zModeChange"; "zSearchChange": "zSearchChange"; "zControl": "zControl"; "zSelectionChange": "zSelectionChange"; "zOnAction": "zOnAction"; }, never, never, true, never>;
 }
 
 declare class ZGalleryItemComponent {
@@ -198,11 +264,30 @@ declare class ZGalleryFileIconComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZGalleryFileIconComponent, "z-gallery-file-icon", never, { "file": { "alias": "file"; "required": true; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class ZGalleryPreviewItemDirective {
+    readonly zGalleryPreviewItem: _angular_core.InputSignal<ZGalleryFile>;
+    readonly zGalleryPreviewFiles: _angular_core.InputSignal<ZGalleryFile[] | null>;
+    readonly zGalleryPreviewOptions: _angular_core.InputSignal<ZGalleryPreviewItemOptions>;
+    readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zOnPreview: _angular_core.OutputEmitterRef<ZGalleryFile>;
+    private readonly _elementRef;
+    private readonly _previewService;
+    protected readonly hostRole: _angular_core.Signal<"button" | null>;
+    protected readonly hostTabIndex: _angular_core.Signal<0 | -1 | null>;
+    protected readonly hostAriaDisabled: _angular_core.Signal<true | null>;
+    protected openPreview(event?: Event): void;
+    private _isNativeInteractive;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZGalleryPreviewItemDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZGalleryPreviewItemDirective, "[zGalleryPreviewItem], [z-gallery-preview-item]", ["zGalleryPreviewItem"], { "zGalleryPreviewItem": { "alias": "zGalleryPreviewItem"; "required": true; "isSignal": true; }; "zGalleryPreviewFiles": { "alias": "zGalleryPreviewFiles"; "required": false; "isSignal": true; }; "zGalleryPreviewOptions": { "alias": "zGalleryPreviewOptions"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; }, { "zOnPreview": "zOnPreview"; }, never, never, true, never>;
+}
+
 declare class ZGalleryPreviewComponent {
+    private readonly _document;
     private readonly _sanitizer;
     readonly file: _angular_core.InputSignal<ZGalleryFile>;
     readonly files: _angular_core.InputSignal<ZGalleryFile[]>;
     readonly zShowRemove: _angular_core.InputSignal<boolean>;
+    readonly zPdfViewerConfig: _angular_core.InputSignal<ZGalleryPdfViewerConfig>;
     readonly zTrustedResourceOrigins: _angular_core.InputSignal<string[]>;
     readonly zOnClose: _angular_core.OutputEmitterRef<void>;
     readonly zOnDownload: _angular_core.OutputEmitterRef<ZGalleryFile>;
@@ -213,8 +298,10 @@ declare class ZGalleryPreviewComponent {
     protected readonly rotation: _angular_core.WritableSignal<number>;
     protected readonly isConverting: _angular_core.WritableSignal<boolean>;
     protected readonly conversionError: _angular_core.WritableSignal<string | null>;
+    protected readonly previewError: _angular_core.WritableSignal<boolean>;
     protected readonly docHtmlContent: _angular_core.WritableSignal<SafeHtml | null>;
     protected readonly textContent: _angular_core.WritableSignal<string>;
+    protected readonly pdfViewer: _angular_core.Signal<PdfJsViewerComponent | undefined>;
     private readonly _mediaLoaded;
     private _loadingStartTime;
     private readonly _minLoadingTime;
@@ -230,7 +317,10 @@ declare class ZGalleryPreviewComponent {
     protected readonly hasNext: _angular_core.Signal<boolean>;
     protected readonly isImageFile: _angular_core.Signal<boolean>;
     protected readonly isPdf: _angular_core.Signal<boolean>;
-    protected readonly safePdfUrl: _angular_core.Signal<SafeResourceUrl | null>;
+    protected readonly pdfUrl: _angular_core.Signal<string | null>;
+    protected readonly pdfViewerId: _angular_core.Signal<string>;
+    protected readonly pdfViewerConfig: _angular_core.Signal<ZGalleryPdfViewerConfig>;
+    private _mergePdfViewerCss;
     protected readonly isVideo: _angular_core.Signal<boolean>;
     protected readonly isWordFile: _angular_core.Signal<boolean>;
     protected readonly isExcelFile: _angular_core.Signal<boolean>;
@@ -255,8 +345,9 @@ declare class ZGalleryPreviewComponent {
     protected download(): void;
     protected remove(): void;
     protected onBackdropClick(event: Event): void;
+    private _queueMobilePdfFit;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZGalleryPreviewComponent, never>;
-    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; }; "zTrustedResourceOrigins": { "alias": "zTrustedResourceOrigins"; "required": false; "isSignal": true; }; }, { "zOnClose": "zOnClose"; "zOnDownload": "zOnDownload"; "zOnNavigate": "zOnNavigate"; "zOnRemove": "zOnRemove"; }, never, never, true, never>;
+    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; }; "zPdfViewerConfig": { "alias": "zPdfViewerConfig"; "required": false; "isSignal": true; }; "zTrustedResourceOrigins": { "alias": "zTrustedResourceOrigins"; "required": false; "isSignal": true; }; }, { "zOnClose": "zOnClose"; "zOnDownload": "zOnDownload"; "zOnNavigate": "zOnNavigate"; "zOnRemove": "zOnRemove"; }, never, never, true, never>;
 }
 
 declare class ZGalleryPreviewRef {
@@ -303,5 +394,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, 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 };
+export { FILE_CATEGORY_STYLES, ZGalleryComponent, ZGalleryFileIconComponent, ZGalleryItemComponent, ZGalleryPreviewComponent, ZGalleryPreviewItemDirective, ZGalleryPreviewRef, ZGalleryPreviewService, formatFileSize, getFileCategory, isImage, isPreviewable, zGalleryFileIconVariants, zGalleryItemVariants, zGalleryVariants };
+export type { ZFileCategory, ZFileCategoryStyle, ZGalleryActionEvent, ZGalleryActionType, ZGalleryControl, ZGalleryFile, ZGalleryFileIconVariants, ZGalleryItemVariants, ZGalleryMode, ZGalleryPdfViewerConfig, ZGalleryPdfViewerCursor, ZGalleryPdfViewerPageMode, ZGalleryPdfViewerScroll, ZGalleryPdfViewerSpread, ZGalleryPdfViewerZoom, ZGalleryPreviewItemOptions, ZGalleryPreviewOptions, ZGallerySelectionChange, ZGallerySize, ZGalleryToggleSize, ZGalleryVariants };

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

@@ -0,0 +1,123 @@
+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 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-modal.d.ts

@@ -55,6 +55,10 @@ declare class ZModalOptions<T, U> {
     zDescription?: string;
     /** Whether to disable the header and footer shadows */
     zDisableShadow?: boolean;
+    /** Whether to show a border below the header */
+    zHeaderBorder?: boolean;
+    /** Whether to show a border above the footer */
+    zFooterBorder?: boolean;
     /** Whether to hide the default footer */
     zHideFooter?: boolean;
     /** Whether to hide the default header */
@@ -182,6 +186,8 @@ declare class ZModalComponent<T, U> extends BasePortalOutlet implements OnDestro
     readonly zClosable: _angular_core.InputSignal<boolean>;
     readonly zMaskClosable: _angular_core.InputSignal<boolean>;
     readonly zDisableShadow: _angular_core.InputSignal<boolean>;
+    readonly zHeaderBorder: _angular_core.InputSignal<boolean>;
+    readonly zFooterBorder: _angular_core.InputSignal<boolean>;
     readonly zHideHeader: _angular_core.InputSignal<boolean>;
     readonly zHideFooter: _angular_core.InputSignal<boolean>;
     readonly zOkText: _angular_core.InputSignal<string | null>;
@@ -238,12 +244,14 @@ declare class ZModalComponent<T, U> extends BasePortalOutlet implements OnDestro
     protected readonly effectiveClosable: _angular_core.Signal<boolean>;
     protected readonly effectiveDisableShadow: _angular_core.Signal<boolean>;
     protected readonly shouldShowShadow: _angular_core.Signal<boolean>;
+    protected readonly effectiveHeaderBorder: _angular_core.Signal<boolean>;
+    protected readonly effectiveFooterBorder: _angular_core.Signal<boolean>;
     protected readonly effectiveHideFooter: _angular_core.Signal<boolean | undefined>;
     protected readonly effectiveHideHeader: _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 effectiveTypeOk: _angular_core.Signal<"info" | "warning" | "error" | "default" | "primary" | "secondary" | "destructive" | "destructive-heartbeat" | "success" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-shimmer" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "outline-primary-soft" | "outline-success-soft" | "outline-info-soft" | "outline-warning-soft" | "outline-error-soft" | "outline-destructive-soft" | "outline-primary-soft-border" | "outline-success-soft-border" | "outline-info-soft-border" | "outline-warning-soft-border" | "outline-error-soft-border" | "outline-destructive-soft-border" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | "subtle-primary" | "subtle-success" | "subtle-info" | "subtle-warning" | "subtle-destructive" | "subtle-outline" | "subtle-primary-outline" | "subtle-success-outline" | "subtle-info-outline" | "subtle-warning-outline" | "subtle-destructive-outline" | "link" | null | undefined>;
+    protected readonly effectiveTypeOk: _angular_core.Signal<"info" | "warning" | "error" | "link" | "default" | "primary" | "secondary" | "destructive" | "destructive-heartbeat" | "success" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-shimmer" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "outline-primary-soft" | "outline-success-soft" | "outline-info-soft" | "outline-warning-soft" | "outline-error-soft" | "outline-destructive-soft" | "outline-primary-soft-border" | "outline-success-soft-border" | "outline-info-soft-border" | "outline-warning-soft-border" | "outline-error-soft-border" | "outline-destructive-soft-border" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | "subtle-primary" | "subtle-success" | "subtle-info" | "subtle-warning" | "subtle-destructive" | "subtle-outline" | "subtle-primary-outline" | "subtle-success-outline" | "subtle-info-outline" | "subtle-warning-outline" | "subtle-destructive-outline" | null | undefined>;
     protected readonly effectiveOkDisabled: _angular_core.Signal<boolean | undefined>;
     protected readonly effectiveLoading: _angular_core.Signal<boolean>;
     protected readonly effectiveContentLoading: _angular_core.Signal<boolean>;
@@ -269,7 +277,7 @@ declare class ZModalComponent<T, U> extends BasePortalOutlet implements OnDestro
     private _clearCloseTimeout;
     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; }; "zBodyClass": { "alias": "zBodyClass"; "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; }; "zDisableShadow": { "alias": "zDisableShadow"; "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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZModalComponent<any, any>, "z-modal", ["zModal"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zBodyClass": { "alias": "zBodyClass"; "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; }; "zDisableShadow": { "alias": "zDisableShadow"; "required": false; "isSignal": true; }; "zHeaderBorder": { "alias": "zHeaderBorder"; "required": false; "isSignal": true; }; "zFooterBorder": { "alias": "zFooterBorder"; "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-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 };

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

@@ -0,0 +1,46 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { ClassValue } from 'clsx';
+import { NgScrollbar } from 'ngx-scrollbar';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type ZScrollAreaOrientation = 'vertical' | 'horizontal' | 'auto';
+type ZScrollAreaVisibility = 'hover' | 'visible' | 'native';
+type ZScrollAreaType = 'custom' | 'native';
+type ZScrollAreaSize = 'sm' | 'default' | 'lg';
+
+declare class ZScrollAreaComponent implements AfterViewInit {
+    readonly scrollbarRef: _angular_core.Signal<NgScrollbar | undefined>;
+    readonly nativeViewport: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zType: _angular_core.InputSignal<ZScrollAreaType>;
+    readonly zOrientation: _angular_core.InputSignal<ZScrollAreaOrientation>;
+    readonly zVisibility: _angular_core.InputSignal<ZScrollAreaVisibility>;
+    readonly zSize: _angular_core.InputSignal<ZScrollAreaSize>;
+    readonly zDisableInteraction: _angular_core.InputSignal<boolean>;
+    readonly zSensorThrottleTime: _angular_core.InputSignal<number>;
+    readonly zDisableSensor: _angular_core.InputSignal<boolean>;
+    readonly zScroll: _angular_core.OutputEmitterRef<Event>;
+    readonly zScrollbarInit: _angular_core.OutputEmitterRef<NgScrollbar>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly nativeClasses: _angular_core.Signal<string>;
+    ngAfterViewInit(): void;
+    protected onScroll(event: Event): void;
+    scrollTo(options: ScrollToOptions): void;
+    scrollToElement(selectorOrElement: string | HTMLElement, options?: {
+        top?: number;
+        left?: number;
+        duration?: number;
+    }): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZScrollAreaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZScrollAreaComponent, "z-scrollarea", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zOrientation": { "alias": "zOrientation"; "required": false; "isSignal": true; }; "zVisibility": { "alias": "zVisibility"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zDisableInteraction": { "alias": "zDisableInteraction"; "required": false; "isSignal": true; }; "zSensorThrottleTime": { "alias": "zSensorThrottleTime"; "required": false; "isSignal": true; }; "zDisableSensor": { "alias": "zDisableSensor"; "required": false; "isSignal": true; }; }, { "zScroll": "zScroll"; "zScrollbarInit": "zScrollbarInit"; }, never, ["*"], true, never>;
+}
+
+declare const zScrollAreaVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ZScrollAreaVariants = VariantProps<typeof zScrollAreaVariants>;
+
+export { ZScrollAreaComponent, zScrollAreaVariants };
+export type { ZScrollAreaOrientation, ZScrollAreaSize, ZScrollAreaType, ZScrollAreaVariants, ZScrollAreaVisibility };

package/types/shival99-z-ui-components-z-show-more.d.ts

@@ -0,0 +1,36 @@
+import * as _angular_core from '@angular/core';
+import { ClassValue } from 'clsx';
+
+declare class ZShowMoreComponent {
+    private readonly _destroyRef;
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zMaxHeight: _angular_core.InputSignal<string | number>;
+    readonly zShowMoreLabel: _angular_core.InputSignal<string | undefined>;
+    readonly zShowLessLabel: _angular_core.InputSignal<string | undefined>;
+    readonly zShowLessButton: _angular_core.InputSignal<boolean>;
+    readonly zButtonType: _angular_core.InputSignal<"default" | "primary" | "secondary" | "destructive" | "destructive-heartbeat" | "success" | "info" | "warning" | "error" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-shimmer" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "outline-primary-soft" | "outline-success-soft" | "outline-info-soft" | "outline-warning-soft" | "outline-error-soft" | "outline-destructive-soft" | "outline-primary-soft-border" | "outline-success-soft-border" | "outline-info-soft-border" | "outline-warning-soft-border" | "outline-error-soft-border" | "outline-destructive-soft-border" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | "subtle-primary" | "subtle-success" | "subtle-info" | "subtle-warning" | "subtle-destructive" | "subtle-outline" | "subtle-primary-outline" | "subtle-success-outline" | "subtle-info-outline" | "subtle-warning-outline" | "subtle-destructive-outline" | "link" | null | undefined>;
+    readonly zButtonSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "xl" | null | undefined>;
+    readonly zWave: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zBlurHeight: _angular_core.InputSignal<number>;
+    readonly zBlurColor: _angular_core.InputSignal<string | undefined>;
+    readonly zExpandChange: _angular_core.OutputEmitterRef<boolean>;
+    private readonly _contentContainer;
+    private readonly _contentInner;
+    private readonly _isExpanded;
+    private readonly _isOverflowing;
+    private readonly _scrollHeight;
+    protected readonly isExpanded: _angular_core.Signal<boolean>;
+    protected readonly isOverflowing: _angular_core.Signal<boolean>;
+    protected readonly zClasses: _angular_core.Signal<string>;
+    protected readonly computedMaxHeight: _angular_core.Signal<string>;
+    protected readonly blurGradientStyle: _angular_core.Signal<{
+        'background-image': string;
+        height: string;
+    }>;
+    constructor();
+    protected toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZShowMoreComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZShowMoreComponent, "z-show-more", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zMaxHeight": { "alias": "zMaxHeight"; "required": false; "isSignal": true; }; "zShowMoreLabel": { "alias": "zShowMoreLabel"; "required": false; "isSignal": true; }; "zShowLessLabel": { "alias": "zShowLessLabel"; "required": false; "isSignal": true; }; "zShowLessButton": { "alias": "zShowLessButton"; "required": false; "isSignal": true; }; "zButtonType": { "alias": "zButtonType"; "required": false; "isSignal": true; }; "zButtonSize": { "alias": "zButtonSize"; "required": false; "isSignal": true; }; "zWave": { "alias": "zWave"; "required": false; "isSignal": true; }; "zBlurHeight": { "alias": "zBlurHeight"; "required": false; "isSignal": true; }; "zBlurColor": { "alias": "zBlurColor"; "required": false; "isSignal": true; }; }, { "zExpandChange": "zExpandChange"; }, never, ["*"], true, never>;
+}
+
+export { ZShowMoreComponent };

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

@@ -59,6 +59,7 @@ interface ZTableIconPart {
 }
 type ZTableAlign = 'left' | 'center' | 'right';
 type ZTableBodyContentType = 'default' | 'tag';
+type ZTableColumnType = 'data' | 'select' | 'expand' | 'rowDrag' | 'rowPin' | 'actions';
 type ZTableTagColor = ZTagColor;
 /**
  * Body cell content — supports static values, Angular templates/components,
@@ -285,6 +286,8 @@ interface ZTableFooterColumnConfig<T> {
 interface ZTableColumnConfig<T> {
     /** Unique column identifier — must be stable across re-renders */
     id: string;
+    /** Semantic column role. Falls back to legacy id/body detection when omitted. */
+    type?: ZTableColumnType;
     /** Pre-filter visibility — unlike columnVisibility, this removes the column entirely */
     visible?: boolean | (() => boolean);
     /** Object property key for simple accessor — mutually exclusive with accessorFn */
@@ -656,6 +659,13 @@ interface ZTableConfig<T> {
     getRowId?: (row: T, index: number, parent: T | undefined, data: T[]) => string;
     /** Sub-row accessor for tree/hierarchical data */
     getSubRows?: (row: T, index: number, parent: T | undefined, data: T[]) => T[] | undefined;
+    /** Class applied to the row and its cells. Cell body classes take precedence on conflicts. */
+    rowClass?: string | ((row: Row<T>) => string);
+    /**
+     * Style applied to the row and its cells. Cell body styles take precedence on conflicts.
+     * Fixed-size virtual rows keep the height configured by virtual.size.
+     */
+    rowStyle?: Record<string, string> | ((row: Row<T>) => Record<string, string>);
     /** @deprecated Use totalCount instead */
     totalRows?: number;
     /** true = enable with defaults; object = full virtual scroll config */
@@ -869,6 +879,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
         config: ZTableActionColumnConfig<T>;
         width: number;
     } | null>;
+    private readonly _actionColumnRows;
     protected readonly hasActionColumn: _angular_core.Signal<boolean>;
     private readonly _fixedColumnPinning;
     protected readonly hasFiltering: _angular_core.Signal<boolean>;
@@ -1006,6 +1017,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
     private _refreshPinnedRowHeights;
     private _checkVerticalScroll;
     private _checkLastRowTouchesBottom;
+    private _getTbodyViewportElement;
     private _checkHorizontalScroll;
     private _updateScrollShadowState;
     hasRightPinnedColumns(): boolean;
@@ -1048,6 +1060,9 @@ declare class ZTableComponent<T> implements AfterViewInit {
     moveColumnRight(columnId: string): void;
     isFirstMovableColumn(columnId: string): boolean;
     isLastMovableColumn(columnId: string): boolean;
+    private _isFixedLeadingColumnId;
+    private _isRowPinColumnId;
+    private _isSpecialColumnId;
     /** Saves current column layout, sizing, pinning, and visibility to ZCacheService */
     private _saveConfig;
     private _collectColumnInfo;
@@ -1175,7 +1190,7 @@ declare class ZTableActionsComponent<T = unknown> {
     readonly zConfig: _angular_core.InputSignal<ZTableActionColumnConfig<T>>;
     readonly zRow: _angular_core.InputSignal<T>;
     readonly zRowId: _angular_core.InputSignal<string>;
-    readonly zDropdownButtonSize: _angular_core.InputSignal<"default" | "sm" | "lg" | "xs" | "xl" | null | undefined>;
+    readonly zDropdownButtonSize: _angular_core.InputSignal<"sm" | "default" | "lg" | "xs" | "xl" | null | undefined>;
     readonly zActionClick: _angular_core.OutputEmitterRef<ZTableActionClickEvent<T>>;
     protected readonly allActions: _angular_core.Signal<ZTableActionItem<T>[]>;
     protected readonly shouldShowAsButtons: _angular_core.Signal<boolean>;