angular-x-image-viewer
Version:
A configurable Angular image viewer component, compatible with Angular 7.x+
57 lines (56 loc) • 1.83 kB
TypeScript
import { OnInit, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
import { ImageViewerConfig } from './models/image-viewer-config.model';
import { CustomImageEvent } from './models/custom-image-event-model';
import { DomSanitizer } from '@angular/platform-browser';
export declare class AngularImageViewerComponent implements OnInit, OnChanges {
moduleConfig: ImageViewerConfig;
private sanitizer;
src: string[];
screenHeightOccupied: 0;
index: number;
config: ImageViewerConfig;
indexChange: EventEmitter<number>;
configChange: EventEmitter<ImageViewerConfig>;
customImageEvent: EventEmitter<CustomImageEvent>;
styleHeight: string;
style: {
transform: string;
msTransform: string;
oTransform: string;
webkitTransform: string;
};
fullscreen: boolean;
loading: boolean;
private scale;
private rotation;
private translateX;
private translateY;
private prevX;
private prevY;
private hovered;
constructor(moduleConfig: ImageViewerConfig, sanitizer: DomSanitizer);
ngOnChanges(changes: SimpleChanges): void;
ngOnInit(): void;
nextImage(event: any): void;
prevImage(event: any): void;
zoomIn(): void;
zoomOut(): void;
scrollZoom(evt: any): boolean;
rotateClockwise(): void;
rotateCounterClockwise(): void;
onLoad(url: any): void;
onLoadStart(url: any): void;
imageNotFound(url: any): void;
onDragOver(evt: any): void;
onDragStart(evt: any): void;
toggleFullscreen(): void;
triggerIndexBinding(): void;
triggerConfigBinding(): void;
fireCustomEvent(name: any, imageIndex: any): void;
reset(): void;
onMouseOver(): void;
onMouseLeave(): void;
private canNavigate;
private updateStyle;
private mergeConfig;
}