@kolkov/ngx-gallery
Version:
A simple responsive native gallery component for Angular 8+ and 13+.
66 lines (65 loc) • 3.22 kB
TypeScript
import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
import { DomSanitizer, SafeResourceUrl, SafeStyle } from '@angular/platform-browser';
import { NgxGalleryService } from '../ngx-gallery.service';
import { NgxGalleryOrderedImage } from '../ngx-gallery-ordered-image';
import { NgxGalleryAction } from '../ngx-gallery-action';
import { AnimationEvent } from '@angular/animations';
import * as i0 from "@angular/core";
declare type Orientation = ('slideLeft' | 'slideRight' | 'fade' | 'rotateLeft' | 'rotateRight' | 'zoom' | 'none');
export declare class NgxGalleryImageComponent implements OnInit, OnChanges {
private sanitization;
private changeDetectorRef;
private elementRef;
private helperService;
images: NgxGalleryOrderedImage[];
clickable: boolean;
_selectedIndex: any;
set selectedIndex(index: number);
arrows: boolean;
arrowsAutoHide: boolean;
swipe: boolean;
animation: string;
size: string;
arrowPrevIcon: string;
arrowNextIcon: string;
autoPlay: boolean;
autoPlayInterval: number;
autoPlayPauseOnHover: boolean;
infinityMove: boolean;
lazyLoading: boolean;
actions: NgxGalleryAction[];
descriptions: string[];
showDescription: boolean;
bullets: boolean;
imageClick: EventEmitter<any>;
activeChange: EventEmitter<any>;
animating: EventEmitter<any>;
canChangeImage: boolean;
action: Orientation;
isAnimating: boolean;
private timer;
constructor(sanitization: DomSanitizer, changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, helperService: NgxGalleryService);
ngOnInit(): void;
ngOnChanges(changes: SimpleChanges): void;
onMouseEnter(): void;
onMouseLeave(): void;
reset(index: number): void;
getImages(): NgxGalleryOrderedImage[];
startAutoPlay(): void;
stopAutoPlay(): void;
handleClick(event: Event, index: number): void;
show(index: number): void;
setAction(action: Orientation): void;
showNext(): boolean;
showPrev(): void;
setChangeTimeout(): void;
canShowNext(): boolean;
canShowPrev(): boolean;
getSafeUrl(image: string | SafeResourceUrl): SafeStyle;
getFileType(fileSource: string): string;
onStart(event: AnimationEvent): void;
onDone(event: AnimationEvent): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NgxGalleryImageComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NgxGalleryImageComponent, "ngx-gallery-image", never, { "images": "images"; "clickable": "clickable"; "selectedIndex": "selectedIndex"; "arrows": "arrows"; "arrowsAutoHide": "arrowsAutoHide"; "swipe": "swipe"; "animation": "animation"; "size": "size"; "arrowPrevIcon": "arrowPrevIcon"; "arrowNextIcon": "arrowNextIcon"; "autoPlay": "autoPlay"; "autoPlayInterval": "autoPlayInterval"; "autoPlayPauseOnHover": "autoPlayPauseOnHover"; "infinityMove": "infinityMove"; "lazyLoading": "lazyLoading"; "actions": "actions"; "descriptions": "descriptions"; "showDescription": "showDescription"; "bullets": "bullets"; }, { "imageClick": "imageClick"; "activeChange": "activeChange"; "animating": "animating"; }, never, never>;
}
export {};