@vinlos/ngx-gallery
Version:
A simple responsive native gallery component for Angular 18.
66 lines (65 loc) • 4.83 kB
TypeScript
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>;
}