@sumaris-net/ngx-components 18.25.13 → 18.25.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/src/app/shared/image/gallery/image-gallery.component.mjs +24 -24
- package/esm2022/src/app/shared/image/gallery/testing/gallery.testing.mjs +6 -6
- package/fesm2022/sumaris-net.ngx-components.mjs +28 -28
- package/fesm2022/sumaris-net.ngx-components.mjs.map +1 -1
- package/package.json +1 -1
- package/src/app/shared/image/gallery/image-gallery.component.d.ts +6 -6
- package/src/app/shared/image/gallery/testing/gallery.testing.d.ts +2 -2
- package/src/app/shared/inputs.d.ts +1 -1
- package/src/assets/manifest.json +1 -1
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@ import { PredefinedColors } from '@ionic/core';
|
|
|
14
14
|
import { ImageOptions } from '@capacitor/camera';
|
|
15
15
|
import { GalleryMode, ImageEditEvent, ImageEditFormat } from './image-gallery.model';
|
|
16
16
|
import * as i0 from "@angular/core";
|
|
17
|
-
export type
|
|
17
|
+
export type ImageGallerySlideshowMode = 'modal' | 'inline';
|
|
18
18
|
export interface ImageGallerySizes {
|
|
19
19
|
mosaic: ImageSize | string;
|
|
20
20
|
list: ImageSize | string;
|
|
@@ -40,7 +40,7 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
|
|
|
40
40
|
protected zoomActive: boolean;
|
|
41
41
|
protected zoomScale: number;
|
|
42
42
|
/** Whether the inline slideshow overlay is currently shown (only relevant when zoomPresentation === 'inline'). */
|
|
43
|
-
protected
|
|
43
|
+
protected _enableInlineSlideshow: boolean;
|
|
44
44
|
viewChange: BehaviorSubject<ListRange>;
|
|
45
45
|
cardColor: string | PredefinedColors;
|
|
46
46
|
debug: boolean;
|
|
@@ -80,7 +80,7 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
|
|
|
80
80
|
/** Export quality, applied only when imageExportFormat is 'jpeg' (0 to 1). */
|
|
81
81
|
imageExportQuality: number;
|
|
82
82
|
/** Where to show the slideshow: in a full-screen modal (default), or inline, as an overlay over the gallery itself (desktop only). */
|
|
83
|
-
|
|
83
|
+
slideshowMode: ImageGallerySlideshowMode;
|
|
84
84
|
/** Height of the inline slideshow overlay (CSS value, e.g. '60vh'). Only used when zoomPresentation is 'inline'. */
|
|
85
85
|
inlineZoomHeight: string;
|
|
86
86
|
set dataSource(dataSource: TableDataSource<T, any, any, any>);
|
|
@@ -121,12 +121,12 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
|
|
|
121
121
|
protected _switchDataSource(dataSource: TableDataSource<T>): void;
|
|
122
122
|
protected _observeRenderChanges(): void;
|
|
123
123
|
protected getTableUnknownDataSourceError(): Error;
|
|
124
|
+
clickRow(row: TableElement<T>, index: number): Promise<void>;
|
|
124
125
|
/**
|
|
125
126
|
* Opens the slideshow (inline overlay, or full-screen modal, depending on `zoomPresentation`) on the row at the given index.
|
|
126
127
|
* Can be called from outside the component (e.g. to open the gallery directly on a given image).
|
|
127
128
|
*/
|
|
128
|
-
|
|
129
|
-
clickRow(row: TableElement<T>, index: number): Promise<void>;
|
|
129
|
+
openSlideshow(index?: number): Promise<void>;
|
|
130
130
|
protected closeInlineSlideshow(): void;
|
|
131
131
|
/**
|
|
132
132
|
* Handles a delete request coming from the slideshow component (either inline or in the modal):
|
|
@@ -144,7 +144,7 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
|
|
|
144
144
|
};
|
|
145
145
|
protected markForCheck(): void;
|
|
146
146
|
static ɵfac: i0.ɵɵFactoryDeclaration<AppImageGalleryComponent<any>, [null, null, null, null, null, { optional: true; }]>;
|
|
147
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AppImageGalleryComponent<any>, "app-image-gallery", never, { "cardColor": { "alias": "cardColor"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "confirmBeforeDelete": { "alias": "confirmBeforeDelete"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "showFabButton": { "alias": "showFabButton"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "showAddToolbarButton": { "alias": "showAddToolbarButton"; "required": false; }; "showAddTextButton": { "alias": "showAddTextButton"; "required": false; }; "showAddCardButton": { "alias": "showAddCardButton"; "required": false; }; "showCardToolbar": { "alias": "showCardToolbar"; "required": false; }; "addButtonColor": { "alias": "addButtonColor"; "required": false; }; "addButtonText": { "alias": "addButtonText"; "required": false; }; "cardTemplate": { "alias": "cardTemplate"; "required": false; }; "imageSizes": { "alias": "imageSizes"; "required": false; }; "imageSizeQueryParam": { "alias": "imageSizeQueryParam"; "required": false; }; "enableMouseZoom": { "alias": "enableMouseZoom"; "required": false; }; "wheelZoomStep": { "alias": "wheelZoomStep"; "required": false; }; "maxZoomRatio": { "alias": "maxZoomRatio"; "required": false; }; "enableRotate": { "alias": "enableRotate"; "required": false; }; "enableCrop": { "alias": "enableCrop"; "required": false; }; "imageExportFormat": { "alias": "imageExportFormat"; "required": false; }; "imageExportQuality": { "alias": "imageExportQuality"; "required": false; }; "
|
|
147
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AppImageGalleryComponent<any>, "app-image-gallery", never, { "cardColor": { "alias": "cardColor"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "confirmBeforeDelete": { "alias": "confirmBeforeDelete"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "showFabButton": { "alias": "showFabButton"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "showAddToolbarButton": { "alias": "showAddToolbarButton"; "required": false; }; "showAddTextButton": { "alias": "showAddTextButton"; "required": false; }; "showAddCardButton": { "alias": "showAddCardButton"; "required": false; }; "showCardToolbar": { "alias": "showCardToolbar"; "required": false; }; "addButtonColor": { "alias": "addButtonColor"; "required": false; }; "addButtonText": { "alias": "addButtonText"; "required": false; }; "cardTemplate": { "alias": "cardTemplate"; "required": false; }; "imageSizes": { "alias": "imageSizes"; "required": false; }; "imageSizeQueryParam": { "alias": "imageSizeQueryParam"; "required": false; }; "enableMouseZoom": { "alias": "enableMouseZoom"; "required": false; }; "wheelZoomStep": { "alias": "wheelZoomStep"; "required": false; }; "maxZoomRatio": { "alias": "maxZoomRatio"; "required": false; }; "enableRotate": { "alias": "enableRotate"; "required": false; }; "enableCrop": { "alias": "enableCrop"; "required": false; }; "imageExportFormat": { "alias": "imageExportFormat"; "required": false; }; "imageExportQuality": { "alias": "imageExportQuality"; "required": false; }; "slideshowMode": { "alias": "slideshowMode"; "required": false; }; "inlineZoomHeight": { "alias": "inlineZoomHeight"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; }, { "onBeforeDeleteRows": "onBeforeDeleteRows"; "onAfterAddRows": "onAfterAddRows"; "onAfterEditRow": "onAfterEditRow"; "onAfterEditImage": "onAfterEditImage"; "click": "click"; }, never, ["ion-buttons[slot=start]", "ion-buttons[slot=end]"], false, never>;
|
|
148
148
|
static ngAcceptInputType_debug: unknown;
|
|
149
149
|
static ngAcceptInputType_disabled: unknown;
|
|
150
150
|
static ngAcceptInputType_readOnly: unknown;
|
|
@@ -3,14 +3,14 @@ import { ActivatedRoute } from '@angular/router';
|
|
|
3
3
|
import { ImageAttachment, ImageAttachmentService } from './gallery.service.testing';
|
|
4
4
|
import { EntitiesTableDataSource } from '../../../../core/table/entities-table-datasource.class';
|
|
5
5
|
import { ImageAttachmentFilter } from './gallegry.model.testing';
|
|
6
|
-
import {
|
|
6
|
+
import { ImageGallerySlideshowMode } from '../image-gallery.component';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare class GalleryTestPage implements OnInit, OnDestroy {
|
|
9
9
|
protected dataService: ImageAttachmentService;
|
|
10
10
|
protected route: ActivatedRoute;
|
|
11
11
|
private _subscription;
|
|
12
12
|
readonly dataSource: EntitiesTableDataSource<ImageAttachment, ImageAttachmentFilter>;
|
|
13
|
-
protected
|
|
13
|
+
protected slideshowMode: ImageGallerySlideshowMode;
|
|
14
14
|
protected debug: boolean;
|
|
15
15
|
constructor(dataService: ImageAttachmentService, route: ActivatedRoute);
|
|
16
16
|
ngOnInit(): void;
|
|
@@ -18,7 +18,7 @@ export interface InputElement extends FocusableElement {
|
|
|
18
18
|
}
|
|
19
19
|
export declare function isInputElement(object: any): object is InputElement;
|
|
20
20
|
export declare function asInputElement<T = any>(object: ElementRef<T>): InputElement | undefined;
|
|
21
|
-
export declare function tabindexComparator(a: InputElement, b: InputElement):
|
|
21
|
+
export declare function tabindexComparator(a: InputElement, b: InputElement): 1 | 0 | -1;
|
|
22
22
|
export interface CanGainFocusOptions {
|
|
23
23
|
minTabindex?: number;
|
|
24
24
|
maxTabindex?: number;
|
package/src/assets/manifest.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "ngx-sumaris-components",
|
|
3
3
|
"short_name": "ngx-sumaris-components",
|
|
4
4
|
"manifest_version": 1,
|
|
5
|
-
"version": "18.25.
|
|
5
|
+
"version": "18.25.14",
|
|
6
6
|
"default_locale": "fr",
|
|
7
7
|
"description": "Angular components for building beautiful and responsive Apps",
|
|
8
8
|
"icons": [{
|