UNPKG

@vinlos/ngx-gallery

Version:

A simple responsive native gallery component for Angular 18.

github.com/vinlos/ngx-gallery

vinlos/ngx-gallery

114 lines (113 loc) • 7.84 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core'; import { SafeResourceUrl, SafeStyle, SafeUrl } from '@angular/platform-browser'; import { NgxGalleryAction } from '../ngx-gallery-action'; import * as i0 from "@angular/core"; export declare class NgxGalleryPreviewComponent implements OnInit, OnDestroy, OnChanges { private sanitization; private elementRef; private helperService; private renderer; private changeDetectorRef; src: SafeUrl; srcIndex: number; description: string; type: string; showSpinner: boolean; positionLeft: number; positionTop: number; zoomValue: number; loading: boolean; rotateValue: number; index: number; readonly images: import("@angular/core").InputSignal<string[] | SafeResourceUrl[]>; readonly descriptions: import("@angular/core").InputSignal<string[]>; readonly showDescription: import("@angular/core").InputSignal<boolean>; arrows: boolean; readonly arrowsAutoHide: import("@angular/core").InputSignal<boolean>; readonly swipe: import("@angular/core").InputSignal<boolean>; readonly fullscreen: import("@angular/core").InputSignal<boolean>; readonly forceFullscreen: import("@angular/core").InputSignal<boolean>; readonly closeOnClick: import("@angular/core").InputSignal<boolean>; readonly closeOnEsc: import("@angular/core").InputSignal<boolean>; readonly keyboardNavigation: import("@angular/core").InputSignal<boolean>; readonly arrowPrevIcon: import("@angular/core").InputSignal<string>; readonly arrowNextIcon: import("@angular/core").InputSignal<string>; readonly closeIcon: import("@angular/core").InputSignal<string>; readonly fullscreenIcon: import("@angular/core").InputSignal<string>; readonly spinnerIcon: 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 zoom: import("@angular/core").InputSignal<boolean>; readonly zoomStep: import("@angular/core").InputSignal<number>; readonly zoomMax: import("@angular/core").InputSignal<number>; readonly zoomMin: import("@angular/core").InputSignal<number>; readonly zoomInIcon: import("@angular/core").InputSignal<string>; readonly zoomOutIcon: import("@angular/core").InputSignal<string>; readonly animation: import("@angular/core").InputSignal<boolean>; readonly actions: import("@angular/core").InputSignal<NgxGalleryAction[]>; readonly rotate: import("@angular/core").InputSignal<boolean>; readonly rotateLeftIcon: import("@angular/core").InputSignal<string>; readonly rotateRightIcon: import("@angular/core").InputSignal<string>; readonly download: import("@angular/core").InputSignal<boolean>; readonly downloadIcon: import("@angular/core").InputSignal<string>; readonly bullets: import("@angular/core").InputSignal<boolean>; readonly previewOpen: import("@angular/core").OutputEmitterRef<void>; readonly previewClose: import("@angular/core").OutputEmitterRef<void>; readonly activeChange: import("@angular/core").OutputEmitterRef<number>; readonly previewImage: import("@angular/core").Signal<any>; private isOpen; private timer; private initialX; private initialY; private initialLeft; private initialTop; private isMove; private keyDownListener; ngOnInit(): void; ngOnChanges(changes: SimpleChanges): void; ngOnDestroy(): void; onMouseEnter(): void; onMouseLeave(): void; onKeyDown(e: any): void; open(index: number): void; close(): void; imageMouseEnter(): void; imageMouseLeave(): void; startAutoPlay(): void; stopAutoPlay(): void; showAtIndex(index: number): void; showNext(): boolean; showPrev(): void; canShowNext(): boolean; canShowPrev(): boolean; manageFullscreen(): void; getSafeUrl(image: string): SafeUrl; getFileType(fileSource: string): string; zoomIn(): void; zoomOut(): void; rotateLeft(): void; rotateRight(): void; getTransform(): SafeStyle; canZoomIn(): boolean; canZoomOut(): boolean; canDragOnZoom(): boolean; mouseDownHandler(e: any): void; mouseUpHandler(e: any): void; mouseMoveHandler(e: any): void; private getClientX; private getClientY; private resetPosition; private isKeyboardNext; private isKeyboardPrev; private isKeyboardEsc; private openFullscreen; private closeFullscreen; private isFullscreen; private show; private _show; private isLoaded; static ɵfac: i0.ɵɵFactoryDeclaration<NgxGalleryPreviewComponent, never>; static ɵcmp: i0.ɵɵComponentDeclaration<NgxGalleryPreviewComponent, "ngx-gallery-preview", never, { "images": { "alias": "images"; "required": false; "isSignal": true; }; "descriptions": { "alias": "descriptions"; "required": false; "isSignal": true; }; "showDescription": { "alias": "showDescription"; "required": false; "isSignal": true; }; "arrows": { "alias": "arrows"; "required": false; }; "arrowsAutoHide": { "alias": "arrowsAutoHide"; "required": false; "isSignal": true; }; "swipe": { "alias": "swipe"; "required": false; "isSignal": true; }; "fullscreen": { "alias": "fullscreen"; "required": false; "isSignal": true; }; "forceFullscreen": { "alias": "forceFullscreen"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "closeOnEsc": { "alias": "closeOnEsc"; "required": false; "isSignal": true; }; "keyboardNavigation": { "alias": "keyboardNavigation"; "required": false; "isSignal": true; }; "arrowPrevIcon": { "alias": "arrowPrevIcon"; "required": false; "isSignal": true; }; "arrowNextIcon": { "alias": "arrowNextIcon"; "required": false; "isSignal": true; }; "closeIcon": { "alias": "closeIcon"; "required": false; "isSignal": true; }; "fullscreenIcon": { "alias": "fullscreenIcon"; "required": false; "isSignal": true; }; "spinnerIcon": { "alias": "spinnerIcon"; "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; }; "zoom": { "alias": "zoom"; "required": false; "isSignal": true; }; "zoomStep": { "alias": "zoomStep"; "required": false; "isSignal": true; }; "zoomMax": { "alias": "zoomMax"; "required": false; "isSignal": true; }; "zoomMin": { "alias": "zoomMin"; "required": false; "isSignal": true; }; "zoomInIcon": { "alias": "zoomInIcon"; "required": false; "isSignal": true; }; "zoomOutIcon": { "alias": "zoomOutIcon"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "rotate": { "alias": "rotate"; "required": false; "isSignal": true; }; "rotateLeftIcon": { "alias": "rotateLeftIcon"; "required": false; "isSignal": true; }; "rotateRightIcon": { "alias": "rotateRightIcon"; "required": false; "isSignal": true; }; "download": { "alias": "download"; "required": false; "isSignal": true; }; "downloadIcon": { "alias": "downloadIcon"; "required": false; "isSignal": true; }; "bullets": { "alias": "bullets"; "required": false; "isSignal": true; }; }, { "previewOpen": "previewOpen"; "previewClose": "previewClose"; "activeChange": "activeChange"; }, never, never, true, never>; }