cocori-ng
Version:
Cocori-ng is an Angular full of great components & utilites based on Material
60 lines (59 loc) • 2.66 kB
TypeScript
import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import { ImageFullscreenViewService } from '../../../core/service/image-fullscreen-view.service';
import * as i0 from "@angular/core";
export declare class ImageFullscreenViewComponent implements OnDestroy {
private cdr;
private sanitizer;
private elRef;
imageFullscreenViewService: ImageFullscreenViewService;
private document;
totalImages: number;
nextImageIndex: number;
popupWidth: number;
marginLeft: number;
imageFullscreenView: boolean;
lightboxPrevDisable: boolean;
lightboxNextDisable: boolean;
showLoading: boolean;
effectStyle: string;
speed: number;
title: string;
currentImageIndex: number;
private swipeLightboxImgCoord?;
private swipeLightboxImgTime?;
lightboxDiv: any;
lightboxImageDiv: any;
images: Array<object>;
set imageIndex(index: number);
set show(visiableFlag: boolean);
videoAutoPlay: boolean;
direction: string;
paginationShow: boolean;
set animationSpeed(data: number);
infinite: boolean;
arrowKeyMove: boolean;
showVideoControls: boolean;
close: EventEmitter<any>;
prevImage: EventEmitter<any>;
nextImage: EventEmitter<any>;
onResize(event: any): void;
handleKeyboardEvent(event: KeyboardEvent): void;
constructor(cdr: ChangeDetectorRef, sanitizer: DomSanitizer, elRef: ElementRef, imageFullscreenViewService: ImageFullscreenViewService, 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;
static ɵfac: i0.ɵɵFactoryDeclaration<ImageFullscreenViewComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ImageFullscreenViewComponent, "image-fullscreen-view", never, { "images": "images"; "imageIndex": "imageIndex"; "show": "show"; "videoAutoPlay": "videoAutoPlay"; "direction": "direction"; "paginationShow": "paginationShow"; "animationSpeed": "animationSpeed"; "infinite": "infinite"; "arrowKeyMove": "arrowKeyMove"; "showVideoControls": "showVideoControls"; }, { "close": "close"; "prevImage": "prevImage"; "nextImage": "nextImage"; }, never, never, false>;
}