@vinlos/ngx-gallery/lib/ngx-gallery-image/ngx-gallery-image.component.d.ts

A simple responsive native gallery component for Angular 18.

import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
import { SafeResourceUrl, SafeStyle } from '@angular/platform-browser';
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;
    readonly images: import("@angular/core").InputSignal<NgxGalleryOrderedImage[]>;
    readonly clickable: import("@angular/core").InputSignal<boolean>;
    _selectedIndex: any;
    set selectedIndex(index: number);
    arrows: boolean;
    readonly arrowsAutoHide: import("@angular/core").InputSignal<boolean>;
    readonly swipe: import("@angular/core").InputSignal<boolean>;
    readonly animation: import("@angular/core").InputSignal<string>;
    readonly size: import("@angular/core").InputSignal<string>;
    readonly arrowPrevIcon: import("@angular/core").InputSignal<string>;
    readonly arrowNextIcon: import("@angular/core").InputSignal<string>;
    readonly autoPlay: import("@angular/core").InputSignal<boolean>;
    readonly autoPlayInterval: import("@angular/core").InputSignal<number>;
    readonly autoPlayPauseOnHover: import("@angular/core").InputSignal<boolean>;
    readonly infinityMove: import("@angular/core").InputSignal<boolean>;
    readonly lazyLoading: import("@angular/core").InputSignal<boolean>;
    readonly actions: import("@angular/core").InputSignal<NgxGalleryAction[]>;
    descriptions: string[];
    readonly showDescription: import("@angular/core").InputSignal<boolean>;
    readonly bullets: import("@angular/core").InputSignal<boolean>;
    readonly imageClick: import("@angular/core").OutputEmitterRef<number>;
    readonly activeChange: import("@angular/core").OutputEmitterRef<number>;
    readonly animating: import("@angular/core").OutputEmitterRef<boolean>;
    canChangeImage: boolean;
    action: Orientation;
    isAnimating: boolean;
    private timer;
    constructor();
    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; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "arrows": { "alias": "arrows"; "required": false; }; "arrowsAutoHide": { "alias": "arrowsAutoHide"; "required": false; "isSignal": true; }; "swipe": { "alias": "swipe"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "arrowPrevIcon": { "alias": "arrowPrevIcon"; "required": false; "isSignal": true; }; "arrowNextIcon": { "alias": "arrowNextIcon"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "autoPlayInterval": { "alias": "autoPlayInterval"; "required": false; "isSignal": true; }; "autoPlayPauseOnHover": { "alias": "autoPlayPauseOnHover"; "required": false; "isSignal": true; }; "infinityMove": { "alias": "infinityMove"; "required": false; "isSignal": true; }; "lazyLoading": { "alias": "lazyLoading"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "descriptions": { "alias": "descriptions"; "required": false; }; "showDescription": { "alias": "showDescription"; "required": false; "isSignal": true; }; "bullets": { "alias": "bullets"; "required": false; "isSignal": true; }; }, { "imageClick": "imageClick"; "activeChange": "activeChange"; "animating": "animating"; }, never, never, true, never>;
}
export {};