@rybos/ngx-gallery
Version:
A simple responsive native gallery component for Angular 15.
84 lines (83 loc) • 3.41 kB
TypeScript
import { AfterViewInit, DoCheck, ElementRef, EventEmitter, OnInit } from '@angular/core';
import { NgxGalleryPreviewComponent } from './ngx-gallery-preview/ngx-gallery-preview.component';
import { NgxGalleryImageComponent } from './ngx-gallery-image/ngx-gallery-image.component';
import { NgxGalleryThumbnailsComponent } from './ngx-gallery-thumbnails/ngx-gallery-thumbnails.component';
import { SafeResourceUrl } from '@angular/platform-browser';
import { NgxGalleryService } from './ngx-gallery.service';
import { NgxGalleryOptions } from './ngx-gallery-options';
import { NgxGalleryImage } from './ngx-gallery-image';
import { NgxGalleryOrderedImage } from './ngx-gallery-ordered-image';
import * as i0 from "@angular/core";
export declare class NgxGalleryComponent implements OnInit, DoCheck, AfterViewInit {
private myElement;
private helperService;
options: NgxGalleryOptions[];
images: NgxGalleryImage[];
imagesReady: EventEmitter<any>;
change: EventEmitter<{
index: number;
image: NgxGalleryImage;
}>;
previewOpen: EventEmitter<any>;
previewClose: EventEmitter<any>;
previewChange: EventEmitter<{
index: number;
image: NgxGalleryImage;
}>;
smallImages: string[] | SafeResourceUrl[];
mediumImages: NgxGalleryOrderedImage[];
bigImages: string[] | SafeResourceUrl[];
descriptions: string[];
links: string[];
labels: string[];
oldImages: NgxGalleryImage[];
oldImagesLength: number;
selectedIndex: number;
isAnimating: boolean;
previewEnabled: boolean;
currentOptions: NgxGalleryOptions;
private breakpoint;
private prevBreakpoint;
private fullWidthTimeout;
preview: NgxGalleryPreviewComponent;
image: NgxGalleryImageComponent;
thumbnails: NgxGalleryThumbnailsComponent;
width: string;
height: string;
left: string;
constructor(myElement: ElementRef, helperService: NgxGalleryService);
ngOnInit(): void;
ngDoCheck(): void;
ngAfterViewInit(): void;
onResize(): void;
getImageHeight(): string;
getThumbnailsHeight(): string;
getThumbnailsMarginTop(): string;
getThumbnailsMarginBottom(): string;
openPreview(index: number): void;
onPreviewOpen(): void;
onPreviewClose(): void;
selectFromImage(index: number): void;
selectFromThumbnails(index: number): void;
show(index: number): void;
showNext(): void;
showPrev(): void;
canShowNext(): boolean;
canShowPrev(): boolean;
previewSelect(index: number): void;
moveThumbnailsRight(): void;
moveThumbnailsLeft(): void;
canMoveThumbnailsRight(): boolean;
canMoveThumbnailsLeft(): boolean;
private resetThumbnails;
private select;
private checkFullWidth;
private setImages;
private setBreakpoint;
private sortOptions;
private setOptions;
private combineOptions;
setAnimating(event: boolean): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NgxGalleryComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NgxGalleryComponent, "ngx-gallery", never, { "options": "options"; "images": "images"; }, { "imagesReady": "imagesReady"; "change": "change"; "previewOpen": "previewOpen"; "previewClose": "previewClose"; "previewChange": "previewChange"; }, never, never, false, never>;
}