import { GalleryItemPassThrough, GalleryHeaderPassThrough, GalleryContentPassThrough, GalleryFooterPassThrough, GalleryBackdropPassThrough, GalleryToolbarPassThrough, GalleryToolbarItemPassThrough, GalleryPrevPassThrough, GalleryNextPassThrough, GalleryZoomInPassThrough, GalleryZoomOutPassThrough, GalleryZoomTogglePassThrough, GalleryRotateLeftPassThrough, GalleryRotateRightPassThrough, GalleryFlipXPassThrough, GalleryFlipYPassThrough, GalleryFullScreenPassThrough, GalleryDownloadPassThrough, GalleryThumbnailPassThrough, GalleryThumbnailContentPassThrough, GalleryPassThrough, GalleryActiveIndexChangeEvent, GalleryPendingAction } from 'primeng/types/gallery'; export * from 'primeng/types/gallery'; import * as _angular_core from '@angular/core'; import { TemplateRef } from '@angular/core'; import { BaseComponent } from 'primeng/basecomponent'; import * as i1 from 'primeng/bind'; import { Bind } from 'primeng/bind'; import { BaseStyle } from 'primeng/base'; import * as i23 from 'primeng/api'; declare class GalleryStyle extends BaseStyle { name: string; style: string; classes: { root: string; backdrop: string; header: string; footer: string; content: string; item: string; next: string; prev: string; toolbar: string; toolbarItem: string; zoomIn: string; zoomOut: string; zoomToggle: string; rotateLeft: string; rotateRight: string; flipX: string; flipY: string; download: string; fullScreen: string; thumbnail: string; thumbnailContent: string; thumbnailItem: string; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } /** * * Gallery groups a collection of contents in items. * * [Live Demo](https://www.primeng.org/gallery/) * * @module gallerystyle * */ declare enum GalleryClasses { /** * Class name of the root element */ root = "p-gallery", /** * Class name of the backdrop element */ backdrop = "p-gallery-backdrop", /** * Class name of the header element */ header = "p-gallery-header", /** * Class name of the footer element */ footer = "p-gallery-footer", /** * Class name of the content element */ content = "p-gallery-content", /** * Class name of the item element */ item = "p-gallery-item", /** * Class name of the next button element */ next = "p-gallery-next", /** * Class name of the prev button element */ prev = "p-gallery-prev", /** * Class name of the toolbar element */ toolbar = "p-gallery-toolbar", /** * Class name of the toolbar item element */ toolbarItem = "p-gallery-toolbar-item", /** * Class name of the action element */ action = "p-gallery-action", /** * Class name of the thumbnail element */ thumbnail = "p-gallery-thumbnail", /** * Class name of the thumbnail content element */ thumbnailContent = "p-gallery-thumbnail-content", /** * Class name of the thumbnail item element */ thumbnailItem = "p-gallery-thumbnail-item" } interface GalleryStyleType extends BaseStyle { } /** * GalleryItem represents an individual item in the gallery. * @group Components */ declare class GalleryItem extends BaseComponent { componentName: string; bindDirectiveInstance: Bind; /** * The normal scale of the gallery item. * @group Props * @defaultValue 1 */ normalScale: _angular_core.InputSignalWithTransform; /** * The zoomed scale of the gallery item. * @group Props * @defaultValue 3 */ zoomedScale: _angular_core.InputSignalWithTransform; gallery: Gallery; private _destroyRef; index: _angular_core.WritableSignal; isActive: _angular_core.Signal; dataActive: _angular_core.Signal<"true" | "false">; stylePositionX: _angular_core.Signal; stylePositionY: _angular_core.Signal; styleRotation: _angular_core.Signal; styleFlipX: _angular_core.Signal; styleFlipY: _angular_core.Signal; position: _angular_core.WritableSignal<{ x: number; y: number; }>; scale: _angular_core.WritableSignal; rotation: _angular_core.WritableSignal; isRotating: _angular_core.WritableSignal; flip: _angular_core.WritableSignal<{ x: number; y: number; }>; private registeredIndex; private pointerData; private pointerStart; private initialPinchDistance; private initialPinchScale; private liveScale; private livePosition; private isDragging; private dragStart; private hasDragged; private wheelSyncTimer; private wheelListener; private resizeListener; private imageLoadListener; constructor(); private rotateTimer; private markRotating; onAfterViewChecked(): void; private setupImageLoadListener; private setupWheelListener; private setupResizeListener; calculateItemSize(): void; calculateConstraints(targetScale?: number): { minX: number; maxX: number; minY: number; maxY: number; }; zoomIn(): void; zoomOut(): void; rotateLeft(): void; rotateRight(): void; flipX(): void; flipY(): void; download(): void; handleClick(e: MouseEvent): void; handleDragStart(e: DragEvent): void; handlePointerDown(e: PointerEvent): void; handlePointerMove(e: PointerEvent): void; handlePointerUp(e: PointerEvent): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * GalleryHeader represents the header section of the gallery. * @group Components */ declare class GalleryHeader extends BaseComponent { componentName: string; bindDirectiveInstance: Bind; gallery: Gallery; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * GalleryContent represents the main content area of the gallery. * @group Components */ declare class GalleryContent extends BaseComponent { componentName: string; bindDirectiveInstance: Bind; gallery: Gallery; onAfterViewChecked(): void; constructor(); static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * GalleryFooter represents the footer section of the gallery. * @group Components */ declare class GalleryFooter extends BaseComponent { componentName: string; bindDirectiveInstance: Bind; gallery: Gallery; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * GalleryBackdrop represents the backdrop element for fullscreen mode. * @group Components */ declare class GalleryBackdrop extends BaseComponent { componentName: string; bindDirectiveInstance: Bind; gallery: Gallery; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * GalleryToolbar represents the toolbar container. * @group Components */ declare class GalleryToolbar extends BaseComponent { componentName: string; bindDirectiveInstance: Bind; gallery: Gallery; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * GalleryToolbarItem represents an individual toolbar item. * @group Components */ declare class GalleryToolbarItem extends BaseComponent { componentName: string; bindDirectiveInstance: Bind; /** * The action to dispatch when the toolbar item is clicked. * @group Props */ action: _angular_core.InputSignal; gallery: Gallery; onAfterViewChecked(): void; onClick(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * GalleryPrev represents the previous navigation button. * @group Components */ declare class GalleryPrev extends BaseComponent { componentName: string; gallery: Gallery; bindDirectiveInstance: Bind; _componentStyle: GalleryStyle; onClick(): void; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } /** * GalleryNext represents the next navigation button. * @group Components */ declare class GalleryNext extends BaseComponent { componentName: string; gallery: Gallery; bindDirectiveInstance: Bind; _componentStyle: GalleryStyle; onClick(): void; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } /** * GalleryZoomIn represents the zoom in action button. * @group Components */ declare class GalleryZoomIn extends BaseComponent { componentName: string; gallery: Gallery; bindDirectiveInstance: Bind; _componentStyle: GalleryStyle; disabledState: _angular_core.Signal; onClick(): void; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } /** * GalleryZoomOut represents the zoom out action button. * @group Components */ declare class GalleryZoomOut extends BaseComponent { componentName: string; gallery: Gallery; bindDirectiveInstance: Bind; _componentStyle: GalleryStyle; disabledState: _angular_core.Signal; onClick(): void; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } /** * GalleryZoomToggle represents the zoom toggle action button. * @group Components */ declare class GalleryZoomToggle extends BaseComponent { componentName: string; gallery: Gallery; bindDirectiveInstance: Bind; _componentStyle: GalleryStyle; onToggle(): void; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } /** * GalleryRotateLeft represents the rotate left action button. * @group Components */ declare class GalleryRotateLeft extends BaseComponent { componentName: string; gallery: Gallery; bindDirectiveInstance: Bind; _componentStyle: GalleryStyle; onClick(): void; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } /** * GalleryRotateRight represents the rotate right action button. * @group Components */ declare class GalleryRotateRight extends BaseComponent { componentName: string; gallery: Gallery; bindDirectiveInstance: Bind; _componentStyle: GalleryStyle; onClick(): void; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } /** * GalleryFlipX represents the horizontal flip action button. * @group Components */ declare class GalleryFlipX extends BaseComponent { componentName: string; gallery: Gallery; bindDirectiveInstance: Bind; _componentStyle: GalleryStyle; onClick(): void; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } /** * GalleryFlipY represents the vertical flip action button. * @group Components */ declare class GalleryFlipY extends BaseComponent { componentName: string; gallery: Gallery; bindDirectiveInstance: Bind; _componentStyle: GalleryStyle; onClick(): void; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } /** * GalleryFullScreen represents the fullscreen toggle button. * @group Components */ declare class GalleryFullScreen extends BaseComponent { componentName: string; gallery: Gallery; bindDirectiveInstance: Bind; _componentStyle: GalleryStyle; dataFullscreen: _angular_core.Signal<"" | null>; onClick(): void; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } /** * GalleryDownload represents the download action button. * @group Components */ declare class GalleryDownload extends BaseComponent { componentName: string; gallery: Gallery; bindDirectiveInstance: Bind; _componentStyle: GalleryStyle; onClick(): void; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } /** * GalleryThumbnailItem represents an individual thumbnail item. * Exposes its content as a TemplateRef so GalleryThumbnail can render it inside a carousel item. * @group Components */ declare class GalleryThumbnailItem { /** * The index of the thumbnail item. * @group Props */ index: _angular_core.InputSignal; gallery: Gallery; templateRef: _angular_core.Signal | undefined>; isActive: _angular_core.Signal; hostClass: _angular_core.Signal; dataActive: _angular_core.Signal<"" | null>; onClick(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * GalleryThumbnail represents the thumbnail carousel wrapper. * @group Components */ declare class GalleryThumbnail extends BaseComponent { componentName: string; bindDirectiveInstance: Bind; gallery: Gallery; /** * Whether the carousel should auto size items. * @group Props * @defaultValue true */ autoSize: _angular_core.InputSignalWithTransform; /** * Whether the carousel should loop. * @group Props * @defaultValue true */ loop: _angular_core.InputSignalWithTransform; /** * Alignment of the carousel items. * @group Props * @defaultValue 'center' */ align: _angular_core.InputSignal<"start" | "center" | "end">; /** * Spacing between carousel items in pixels. * @group Props * @defaultValue 8 */ spacing: _angular_core.InputSignalWithTransform; /** * Orientation of the carousel. * @group Props * @defaultValue 'horizontal' */ orientation: _angular_core.InputSignal<"horizontal" | "vertical">; /** * Scroll snap type applied to the track. * @group Props * @defaultValue 'mandatory' */ snapType: _angular_core.InputSignal<"mandatory" | "proximity">; /** * How many slides are visible per page. * @group Props * @defaultValue 1 */ slidesPerPage: _angular_core.InputSignalWithTransform; thumbnailItems: _angular_core.Signal; slide: _angular_core.Signal; onAfterViewChecked(): void; onItemKeydown(event: KeyboardEvent, index: number): void; private focusItem; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * GalleryThumbnailContent represents the thumbnail carousel content area. * @group Components */ declare class GalleryThumbnailContent extends BaseComponent { componentName: string; bindDirectiveInstance: Bind; gallery: Gallery; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Gallery is the main container component for the Gallery. * @group Components */ declare class Gallery extends BaseComponent { componentName: string; bindDirectiveInstance: Bind; /** * The index of the active item. * @group Props * @defaultValue 0 */ activeIndex: _angular_core.ModelSignal; /** * When defined, puts the fullscreen state in controlled mode; the value drives whether the gallery is fullscreen and changes are reported via onFullscreenChange instead of being handled internally. * @group Props */ fullscreen: _angular_core.InputSignalWithTransform; /** * Whether pressing the Escape key exits fullscreen mode. * @defaultValue true * @group Props */ closeOnEscape: _angular_core.InputSignalWithTransform; /** * Callback fired when the gallery's active index changes. * @param {GalleryActiveIndexChangeEvent} event - Custom active index change event. * @group Emits */ onActiveIndexChange: _angular_core.OutputEmitterRef; /** * Callback fired when the fullscreen state should change (controlled mode). * @param {boolean} value - The next fullscreen state. * @group Emits */ onFullscreenChange: _angular_core.OutputEmitterRef; /** * Callback fired when the active item's zoom scale changes. * @param {number} scale - The current zoom scale. * @group Emits */ onZoomChange: _angular_core.OutputEmitterRef; /** * Callback fired when the active item's rotation changes. * @param {number} rotation - The current rotation in degrees. * @group Emits */ onRotateChange: _angular_core.OutputEmitterRef; /** * Callback fired when the active item's flip state changes. * @param {{ x: number; y: number }} flip - The current flip state. * @group Emits */ onFlipChange: _angular_core.OutputEmitterRef<{ x: number; y: number; }>; _componentStyle: GalleryStyle; private isFullscreenInternal; private fullscreenResizeTimer; private destroyed; isFullscreen: _angular_core.Signal; activeItemTransform: _angular_core.WritableSignal<{ zoomed: boolean; rotated: boolean; flipped: boolean; }>; pendingAction: _angular_core.WritableSignal; itemCounter: number; contentEl: _angular_core.WritableSignal; dataFullscreen: _angular_core.Signal<"" | null>; dataZoomed: _angular_core.Signal<"" | null>; dataRotated: _angular_core.Signal<"" | null>; dataFlipped: _angular_core.Signal<"" | null>; private onNativeFullscreenChange; private prevReported; onAfterViewChecked(): void; registerItem(existingIndex: number | null): number; handleNext(): void; handlePrev(): void; selectItem(index: number): void; dispatchAction(type: GalleryPendingAction['type']): void; clearPendingAction(): void; constructor(); onInit(): void; onDestroy(): void; handleKeyDown(event: KeyboardEvent): void; toggleFullScreen(): void; reportItemState(itemState: { zoomed: boolean; rotated: boolean; flipped: boolean; scale: number; rotation: number; flip: { x: number; y: number; }; }): void; handleClickAction(action?: string): void; setContentEl(el: HTMLElement): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class GalleryModule { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵmod: _angular_core.ɵɵNgModuleDeclaration; static ɵinj: _angular_core.ɵɵInjectorDeclaration; } export { Gallery, GalleryBackdrop, GalleryClasses, GalleryContent, GalleryDownload, GalleryFlipX, GalleryFlipY, GalleryFooter, GalleryFullScreen, GalleryHeader, GalleryItem, GalleryModule, GalleryNext, GalleryPrev, GalleryRotateLeft, GalleryRotateRight, GalleryStyle, GalleryThumbnail, GalleryThumbnailContent, GalleryThumbnailItem, GalleryToolbar, GalleryToolbarItem, GalleryZoomIn, GalleryZoomOut, GalleryZoomToggle }; export type { GalleryStyleType };