ng-image-fullscreen-view
Version:
An Angular responsive image full screen viewer. Also support youtube and mp4 video urls, captures swipes from phones and tablets, Compatible with Angular Universal, Captures keyboard next/previous arrow.
55 lines (54 loc) • 1.89 kB
TypeScript
import { ChangeDetectorRef, OnDestroy, EventEmitter, ElementRef } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import { NgImageFullscreenViewService } from './ng-image-fullscreen-view.service';
export declare class NgImageFullscreenViewComponent implements OnDestroy {
private cdRef;
private sanitizer;
private elRef;
imageFullscreenViewService: NgImageFullscreenViewService;
private document;
totalImages: any;
nextImageIndex: any;
popupWidth: any;
marginLeft: any;
imageFullscreenView: boolean;
lightboxPrevDisable: boolean;
lightboxNextDisable: boolean;
showLoading: boolean;
effectStyle: string;
speed: any;
title: string;
currentImageIndex: any;
private swipeLightboxImgCoord?;
private swipeLightboxImgTime?;
images: Array<object>;
set imageIndex(index: any);
set show(visiableFlag: any);
videoAutoPlay: boolean;
direction: string;
paginationShow: boolean;
set animationSpeed(data: any);
infinite: boolean;
arrowKeyMove: boolean;
showVideoControls: boolean;
close: EventEmitter<any>;
prevImage: EventEmitter<any>;
nextImage: EventEmitter<any>;
onResize(event: any): void;
handleKeyboardEvent(event: KeyboardEvent): void;
constructor(cdRef: ChangeDetectorRef, sanitizer: DomSanitizer, elRef: ElementRef, imageFullscreenViewService: NgImageFullscreenViewService, document: any);
ngOnDestroy(): void;
setPopupSliderWidth(): void;
closeLightbox(): void;
prevImageLightbox(): void;
nextImageLightbox(): void;
nextPrevDisable(): void;
applyButtonDisableCondition(): void;
getImageData(): void;
resetState(): void;
/**
* Swipe event handler
* Reference from https://stackoverflow.com/a/44511007/2067646
*/
swipeLightboxImg(e: TouchEvent, when: string): void;
}