UNPKG

@rybos/ngx-gallery

Version:

A simple responsive native gallery component for Angular 15.

84 lines (83 loc) 3.41 kB
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>; }