rm-image-slider
Version:
Angular Image slider with lightbox. An Angular responsive image slider with lightbox popup. Also support youtube url, image base64 string and mp4 video urls and base64 string.
57 lines (56 loc) • 2.75 kB
TypeScript
import { ChangeDetectorRef, OnInit, AfterViewInit, OnDestroy, EventEmitter, ElementRef } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import { ImageObject } from '../interface';
import * as i0 from "@angular/core";
export declare class SliderLightboxComponent implements OnInit, AfterViewInit, OnDestroy {
private cdRef;
private sanitizer;
private elRef;
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: ElementRef;
lightboxImageDiv: ElementRef;
images: Array<ImageObject>;
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(cdRef: ChangeDetectorRef, sanitizer: DomSanitizer, elRef: ElementRef, document: any);
ngOnInit(): void;
ngAfterViewInit(): void;
ngOnDestroy(): void;
setPopupSliderWidth(): void;
closeLightbox(): void;
prevImageLightbox(): void;
nextImageLightbox(): void;
nextPrevDisable(): void;
applyButtonDisableCondition(): void;
getImageData(): void;
resetState(): void;
swipeLightboxImg(e: TouchEvent, when: string): void;
static ɵfac: i0.ɵɵFactoryDeclaration<SliderLightboxComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SliderLightboxComponent, "slider-lightbox", never, { "images": { "alias": "images"; "required": false; }; "imageIndex": { "alias": "imageIndex"; "required": false; }; "show": { "alias": "show"; "required": false; }; "videoAutoPlay": { "alias": "videoAutoPlay"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "paginationShow": { "alias": "paginationShow"; "required": false; }; "animationSpeed": { "alias": "animationSpeed"; "required": false; }; "infinite": { "alias": "infinite"; "required": false; }; "arrowKeyMove": { "alias": "arrowKeyMove"; "required": false; }; "showVideoControls": { "alias": "showVideoControls"; "required": false; }; }, { "close": "close"; "prevImage": "prevImage"; "nextImage": "nextImage"; }, never, never, true, never>;
}