@oxyvn/ngx-gallery
Version:
A simple responsive native gallery component for Angular 8+ and 13+.
116 lines (115 loc) • 5.87 kB
TypeScript
import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
import { DomSanitizer, SafeResourceUrl, SafeStyle, SafeUrl } from '@angular/platform-browser';
import { NgxGalleryService } from '../ngx-gallery.service';
import { NgxGalleryAction } from '../ngx-gallery-action';
import * as i0 from "@angular/core";
export declare class NgxGalleryPreviewComponent implements OnInit, OnDestroy, OnChanges {
private sanitization;
private elementRef;
private helperService;
private renderer;
private changeDetectorRef;
src: SafeUrl;
srcIndex: number;
description: string;
type: string;
showSpinner: boolean;
positionLeft: number;
positionTop: number;
zoomValue: number;
loading: boolean;
rotateValue: number;
index: number;
images: string[] | SafeResourceUrl[];
descriptions: string[];
showDescription: boolean;
arrows: boolean;
arrowsAutoHide: boolean;
swipe: boolean;
fullscreen: boolean;
forceFullscreen: boolean;
closeOnClick: boolean;
closeOnEsc: boolean;
keyboardNavigation: boolean;
arrowPrevIcon: string;
arrowNextIcon: string;
closeIcon: string;
fullscreenIcon: string;
spinnerIcon: string;
autoPlay: boolean;
autoPlayInterval: number;
autoPlayPauseOnHover: boolean;
infinityMove: boolean;
zoom: boolean;
zoomStep: number;
zoomMax: number;
zoomMin: number;
zoomInIcon: string;
zoomOutIcon: string;
animation: boolean;
actions: NgxGalleryAction[];
rotate: boolean;
rotateLeftIcon: string;
rotateRightIcon: string;
download: boolean;
downloadIcon: string;
bullets: boolean;
previewOpen: EventEmitter<any>;
previewClose: EventEmitter<any>;
activeChange: EventEmitter<number>;
previewImage: any;
private isOpen;
private timer;
private initialX;
private initialY;
private initialLeft;
private initialTop;
private isMove;
private keyDownListener;
constructor(sanitization: DomSanitizer, elementRef: ElementRef, helperService: NgxGalleryService, renderer: Renderer2, changeDetectorRef: ChangeDetectorRef);
ngOnInit(): void;
ngOnChanges(changes: SimpleChanges): void;
ngOnDestroy(): void;
onMouseEnter(): void;
onMouseLeave(): void;
onKeyDown(e: any): void;
open(index: number): void;
close(): void;
imageMouseEnter(): void;
imageMouseLeave(): void;
startAutoPlay(): void;
stopAutoPlay(): void;
showAtIndex(index: number): void;
showNext(): boolean;
showPrev(): void;
canShowNext(): boolean;
canShowPrev(): boolean;
manageFullscreen(): void;
getSafeUrl(image: string): SafeUrl;
getFileType(fileSource: string): string;
zoomIn(): void;
zoomOut(): void;
rotateLeft(): void;
rotateRight(): void;
getTransform(): SafeStyle;
canZoomIn(): boolean;
canZoomOut(): boolean;
canDragOnZoom(): boolean;
mouseDownHandler(e: any): void;
mouseUpHandler(e: any): void;
mouseMoveHandler(e: any): void;
private getClientX;
private getClientY;
private resetPosition;
private isKeyboardNext;
private isKeyboardPrev;
private isKeyboardEsc;
private openFullscreen;
private closeFullscreen;
private isFullscreen;
private show;
private _show;
private isLoaded;
static ɵfac: i0.ɵɵFactoryDeclaration<NgxGalleryPreviewComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NgxGalleryPreviewComponent, "ngx-gallery-preview", never, { "images": { "alias": "images"; "required": false; }; "descriptions": { "alias": "descriptions"; "required": false; }; "showDescription": { "alias": "showDescription"; "required": false; }; "arrows": { "alias": "arrows"; "required": false; }; "arrowsAutoHide": { "alias": "arrowsAutoHide"; "required": false; }; "swipe": { "alias": "swipe"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "forceFullscreen": { "alias": "forceFullscreen"; "required": false; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; }; "closeOnEsc": { "alias": "closeOnEsc"; "required": false; }; "keyboardNavigation": { "alias": "keyboardNavigation"; "required": false; }; "arrowPrevIcon": { "alias": "arrowPrevIcon"; "required": false; }; "arrowNextIcon": { "alias": "arrowNextIcon"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "fullscreenIcon": { "alias": "fullscreenIcon"; "required": false; }; "spinnerIcon": { "alias": "spinnerIcon"; "required": false; }; "autoPlay": { "alias": "autoPlay"; "required": false; }; "autoPlayInterval": { "alias": "autoPlayInterval"; "required": false; }; "autoPlayPauseOnHover": { "alias": "autoPlayPauseOnHover"; "required": false; }; "infinityMove": { "alias": "infinityMove"; "required": false; }; "zoom": { "alias": "zoom"; "required": false; }; "zoomStep": { "alias": "zoomStep"; "required": false; }; "zoomMax": { "alias": "zoomMax"; "required": false; }; "zoomMin": { "alias": "zoomMin"; "required": false; }; "zoomInIcon": { "alias": "zoomInIcon"; "required": false; }; "zoomOutIcon": { "alias": "zoomOutIcon"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "rotateLeftIcon": { "alias": "rotateLeftIcon"; "required": false; }; "rotateRightIcon": { "alias": "rotateRightIcon"; "required": false; }; "download": { "alias": "download"; "required": false; }; "downloadIcon": { "alias": "downloadIcon"; "required": false; }; "bullets": { "alias": "bullets"; "required": false; }; }, { "previewOpen": "previewOpen"; "previewClose": "previewClose"; "activeChange": "activeChange"; }, never, never, false, never>;
}