@fivethree/core
Version:
Fivethree Core Components
89 lines (88 loc) • 3.13 kB
TypeScript
import { FivGalleryToolbar } from './gallery-toolbar/gallery-toolbar.component';
import { IonSlides, DomController, Platform } from '@ionic/angular';
import { FivOverlay } from './../overlay/overlay.component';
import { ElementRef, Renderer2, QueryList, AfterContentInit, ChangeDetectorRef, TemplateRef, EventEmitter, OnDestroy } from '@angular/core';
import { AnimationBuilder } from '@angular/animations';
import { Navigateable } from '../interfaces';
import { FivGalleryImage } from './gallery-image/gallery-image.component';
import { Subject } from 'rxjs';
import { RectPosition } from '@fivethree/ngx-rxjs-animations';
import { ImageService } from './image.service';
export declare class FivGallery implements AfterContentInit, OnDestroy, Navigateable {
private domCtrl;
private renderer;
private animation;
private change;
private platform;
private imageService;
private document;
overlay: FivOverlay;
morphOverlay: FivOverlay;
viewer: ElementRef;
morphImage: ElementRef;
swiper: ElementRef;
slides: IonSlides;
slideImages: QueryList<ElementRef>;
images: QueryList<FivGalleryImage>;
toolbars: QueryList<FivGalleryToolbar>;
topToolbar: TemplateRef<any>;
bottomToolbar: TemplateRef<any>;
initialImage: FivGalleryImage;
activeIndex: number;
inFullscreen: boolean;
zoomedIn: boolean;
controlsVisible: boolean;
slidesLoaded: boolean;
morphing: boolean;
backdrop: boolean;
backdropColor: string;
pagerVisible: boolean;
ambient: boolean;
willOpen: EventEmitter<FivGalleryImage>;
willClose: EventEmitter<FivGalleryImage>;
didOpen: EventEmitter<FivGalleryImage>;
didClose: EventEmitter<FivGalleryImage>;
backdropChange: EventEmitter<FivGalleryImage>;
$onDestroy: Subject<unknown>;
constructor(domCtrl: DomController, renderer: Renderer2, animation: AnimationBuilder, change: ChangeDetectorRef, platform: Platform, imageService: ImageService, document: any);
ngAfterContentInit(): void;
ngOnDestroy(): void;
subscribeToImageEvents(): void;
updateImagesIndex(): void;
setupToolbars(): void;
open(initial: FivGalleryImage): void;
morphIn(): void;
dismiss(): void;
close(emit?: boolean): void;
morphBack(): void;
slideOut(): void;
getActiveImage(): ElementRef<any>;
transformSlides(progress: number): void;
resetSlides(progress: number): void;
slideDidChange(): void;
ionSlideNextStart(): void;
ionSlidePrevStart(): void;
updateBackdrop(index: number): void;
onSlidesLoad(): void;
calculateImagePosition(): RectPosition;
fullscreen(): void;
openFullscreen(): void;
closeFullscreen(): void;
zoom(): void;
zoomIn(): void;
zoomOut(): void;
handleSingleTap(): void;
hideControls(): void;
showControls(): void;
keyEvent(event: KeyboardEvent): void;
handleKeyboardEvents(event: KeyboardEvent): void;
next(): void;
prev(): void;
}
export declare class Position {
top: number;
left: number;
height: number;
width: number;
translate?: number;
}