import { OnChanges, SimpleChanges } from '@angular/core';
import { SafeResourceUrl, SafeStyle } from '@angular/platform-browser';
import { NgxGalleryAction } from '../ngx-gallery-action';
import * as i0 from "@angular/core";
export declare class NgxGalleryThumbnailsComponent implements OnChanges {
    private sanitization;
    private elementRef;
    private helperService;
    thumbnailsLeft: string;
    thumbnailsMarginLeft: string;
    mouseenter: boolean;
    remainingCountValue: number;
    minStopIndex: number;
    readonly images: import("@angular/core").InputSignal<string[] | SafeResourceUrl[]>;
    readonly isAnimating: import("@angular/core").InputSignal<boolean>;
    readonly links: import("@angular/core").InputSignal<string[]>;
    readonly labels: import("@angular/core").InputSignal<string[]>;
    readonly linkTarget: import("@angular/core").InputSignal<string>;
    readonly columns: import("@angular/core").InputSignal<number>;
    readonly rows: import("@angular/core").InputSignal<number>;
    readonly arrows: import("@angular/core").InputSignal<boolean>;
    readonly arrowsAutoHide: import("@angular/core").InputSignal<boolean>;
    readonly margin: import("@angular/core").InputSignal<number>;
    selectedIndex: number;
    readonly clickable: import("@angular/core").InputSignal<boolean>;
    readonly swipe: import("@angular/core").InputSignal<boolean>;
    readonly size: import("@angular/core").InputSignal<string>;
    readonly arrowPrevIcon: import("@angular/core").InputSignal<string>;
    readonly arrowNextIcon: import("@angular/core").InputSignal<string>;
    readonly moveSize: import("@angular/core").InputSignal<number>;
    readonly order: import("@angular/core").InputSignal<number>;
    readonly remainingCount: import("@angular/core").InputSignal<boolean>;
    readonly lazyLoading: import("@angular/core").InputSignal<boolean>;
    readonly actions: import("@angular/core").InputSignal<NgxGalleryAction[]>;
    readonly activeChange: import("@angular/core").OutputEmitterRef<number>;
    private index;
    ngOnChanges(changes: SimpleChanges): void;
    onMouseEnter(): void;
    onMouseLeave(): void;
    reset(index: number): void;
    getImages(): string[] | SafeResourceUrl[];
    handleClick(event: Event, index: number): void;
    hasLink(index: number): boolean;
    moveRight(): void;
    moveLeft(): void;
    canMoveRight(): boolean;
    canMoveLeft(): boolean;
    getThumbnailLeft(index: number): SafeStyle;
    getThumbnailTop(index: number): SafeStyle;
    getThumbnailWidth(): SafeStyle;
    getThumbnailHeight(): SafeStyle;
    setThumbnailsPosition(): void;
    setDefaultPosition(): void;
    canShowArrows(): boolean;
    validateIndex(): void;
    getSafeUrl(image: string | SafeResourceUrl): SafeStyle;
    getFileType(fileSource: string | SafeResourceUrl): string;
    private getThumbnailPosition;
    private getThumbnailDimension;
    private getMaxIndex;
    private getVisibleCount;
    private getSafeStyle;
    static ɵfac: i0.ɵɵFactoryDeclaration<NgxGalleryThumbnailsComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGalleryThumbnailsComponent, "ngx-gallery-thumbnails", never, { "images": { "alias": "images"; "required": false; "isSignal": true; }; "isAnimating": { "alias": "isAnimating"; "required": false; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "linkTarget": { "alias": "linkTarget"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "arrows": { "alias": "arrows"; "required": false; "isSignal": true; }; "arrowsAutoHide": { "alias": "arrowsAutoHide"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "swipe": { "alias": "swipe"; "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; }; "moveSize": { "alias": "moveSize"; "required": false; "isSignal": true; }; "order": { "alias": "order"; "required": false; "isSignal": true; }; "remainingCount": { "alias": "remainingCount"; "required": false; "isSignal": true; }; "lazyLoading": { "alias": "lazyLoading"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, { "activeChange": "activeChange"; }, never, never, true, never>;
}