@oxyvn/ngx-gallery
Version:
A simple responsive native gallery component for Angular 8+ and 13+.
66 lines (65 loc) • 3.85 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";
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": { "alias": "images"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "arrows": { "alias": "arrows"; "required": false; }; "arrowsAutoHide": { "alias": "arrowsAutoHide"; "required": false; }; "swipe": { "alias": "swipe"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "size": { "alias": "size"; "required": false; }; "arrowPrevIcon": { "alias": "arrowPrevIcon"; "required": false; }; "arrowNextIcon": { "alias": "arrowNextIcon"; "required": false; }; "autoPlay": { "alias": "autoPlay"; "required": false; }; "autoPlayInterval": { "alias": "autoPlayInterval"; "required": false; }; "autoPlayPauseOnHover": { "alias": "autoPlayPauseOnHover"; "required": false; }; "infinityMove": { "alias": "infinityMove"; "required": false; }; "lazyLoading": { "alias": "lazyLoading"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "descriptions": { "alias": "descriptions"; "required": false; }; "showDescription": { "alias": "showDescription"; "required": false; }; "bullets": { "alias": "bullets"; "required": false; }; }, { "imageClick": "imageClick"; "activeChange": "activeChange"; "animating": "animating"; }, never, never, false, never>;
}
export {};