UNPKG

ng-image-video-gallery

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.

134 lines (133 loc) 4.73 kB
import { ChangeDetectorRef, OnInit, OnChanges, DoCheck, SimpleChanges, AfterViewInit, OnDestroy, EventEmitter, ElementRef } from '@angular/core'; import { NgImageSliderService } from './ng-image-slider.service'; export declare class NgImageSliderComponent implements OnChanges, OnInit, DoCheck, AfterViewInit, OnDestroy { private cdRef; private platformId; imageSliderService: NgImageSliderService; private elRef; sliderMainDivWidth: number; thumbnailSliderMainDivWidth: number; imageParentDivWidth: number; thumbnailParentDivWidth: number; imageObj: Array<object>; ligthboxImageObj: Array<object>; totalImages: number; leftPos: number; thumbnailLeftPos: number; effectStyle: string; speed: number; sliderPrevDisable: boolean; sliderThumbnailPrevDisable: boolean; sliderNextDisable: boolean; sliderThumbnailNextDisable: boolean; slideImageCount: number; slideThumbnailCount: number; sliderImageWidth: number; sliderThumbnailWidth: number; sliderImageReceivedWidth: number | string; sliderThumbnailReceivedWidth: number | string; sliderImageHeight: number; sliderHeight: number | string; sliderImageReceivedHeight: number | string; sliderThumbnailReceivedHeight: number | string; sliderImageSizeWithPadding: number; sliderThumbnailSizeWithPadding: number; autoSlideCount: number; stopSlideOnHover: boolean; autoSlideInterval: any; showArrowButton: boolean; textDirection: string; imageMargin: number; thumbnailMargin: number; sliderOrderType: string; thumbnailImages: any[]; thmbnailImageIndex: number; thumbnailLastIndex: number; sliderLastIndex: number; sliderIndex: number; thumbnailIndex: number; infiniteSliderThumbnail: any[]; infiniteThumbnailImageIndex: number; leftPosition: number; closeLightbox: boolean; private swipeCoord?; private swipeTime?; ligthboxShow: boolean; activeImageIndex: number; visiableImageIndex: number; visiableThumbnailIndex: number; sliderMain: any; imageDiv: any; thumnailSliderMain: any; isShowThumbnailImage: boolean; isThumbnailbSlider: boolean; set imageSize(data: any); set thumbnailSize(data: any); infinite: boolean; imagePopup: boolean; set direction(dir: string); set animationSpeed(data: number); images: Array<object>; set slideImage(count: any); set autoSlide(count: any); set showArrow(flag: any); set orderType(data: string); videoAutoPlay: boolean; paginationShow: boolean; arrowKeyMove: boolean; manageImageRatio: boolean; showVideoControls: boolean; set defaultActiveImage(activeIndex: number); lazyLoading: boolean; imageClick: EventEmitter<number>; arrowClick: EventEmitter<object>; thumbnailArrowClick: EventEmitter<object>; lightboxArrowClick: EventEmitter<object>; lightboxClose: EventEmitter<object>; onResize(event: any): void; handleKeyboardEvent(event: KeyboardEvent): void; constructor(cdRef: ChangeDetectorRef, platformId: Object, imageSliderService: NgImageSliderService, elRef: ElementRef); ngOnInit(): void; ngAfterViewInit(): void; ngOnDestroy(): void; ngOnChanges(changes: SimpleChanges): void; ngDoCheck(): void; setSliderImages(imgObj: any): void; setSliderWidth(): void; setThumbnailSliderWidth(): void; imageOnClick(index: any): void; imageAutoSlide(): void; closeLightBox(event: any): void; imageMouseEnterHandler(): void; prev(): void; prevThumbnail(): void; next(): void; nextThumbnail(): void; prevImg(): void; prevThumbnailImg(): void; infinitePrevThumbnailImg(): void; nextImg(): void; nextThumbnailImg(): void; infiniteNextThumbnailImg(): void; infinitePrevImg(): void; infiniteNextImg(): void; getVisiableIndex(): void; getVisiableThumbnailIndex(): void; /** * Disable slider left/right arrow when image moving */ sliderArrowDisableTeam(msg: any): void; sliderThumbnailArrowDisableTeam(msg: any): void; nextPrevSliderButtonDisable(msg?: any): void; nextPrevThumnailSliderButtonDisable(msg?: any): void; showLightbox(): void; close(): void; lightboxArrowClickHandler(event: any): void; /** * Swipe event handler * Reference from https://stackoverflow.com/a/44511007/2067646 */ swipe(e: TouchEvent, when: string): void; getThumbnailImages(event: any): void; clickOnThumbnail(index: any): void; }