@sumaris-net/ngx-components 18.25.9 → 18.25.11
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/doc/changelog.md +3 -0
- package/esm2022/src/app/shared/image/gallery/image-gallery.component.mjs +8 -11
- package/esm2022/src/app/shared/image/gallery/image-gallery.model.mjs +1 -1
- package/esm2022/src/app/shared/image/gallery/slideshow/image-gallery-slideshow.component.mjs +22 -22
- package/esm2022/src/app/shared/image/gallery/testing/gallery.testing.mjs +1 -1
- package/fesm2022/sumaris-net.ngx-components.mjs +29 -32
- 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 +5 -8
- package/src/app/shared/image/gallery/image-gallery.model.d.ts +2 -2
- package/src/app/shared/image/gallery/slideshow/image-gallery-slideshow.component.d.ts +10 -10
- package/src/app/shared/inputs.d.ts +1 -1
- package/src/assets/manifest.json +1 -1
package/package.json
CHANGED
|
@@ -12,7 +12,7 @@ import { FormGroup } from '@angular/forms';
|
|
|
12
12
|
import { PromiseEvent } from '../../events';
|
|
13
13
|
import { PredefinedColors } from '@ionic/core';
|
|
14
14
|
import { ImageOptions } from '@capacitor/camera';
|
|
15
|
-
import { GalleryMode, ImageEditEvent,
|
|
15
|
+
import { GalleryMode, ImageEditEvent, ImageEditFormat } from './image-gallery.model';
|
|
16
16
|
import * as i0 from "@angular/core";
|
|
17
17
|
export type ImageGalleryZoomPresentation = 'modal' | 'inline';
|
|
18
18
|
export interface ImageGallerySizes {
|
|
@@ -39,9 +39,6 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
|
|
|
39
39
|
protected _slidesSubscription: Subscription;
|
|
40
40
|
protected zoomActive: boolean;
|
|
41
41
|
protected zoomScale: number;
|
|
42
|
-
protected _mouseZoomEnabled: boolean;
|
|
43
|
-
protected _rotationEnabled: boolean;
|
|
44
|
-
protected _cropEnabled: boolean;
|
|
45
42
|
/** Whether the inline slideshow overlay is currently shown (only relevant when zoomPresentation === 'inline'). */
|
|
46
43
|
protected _inlineSlideshowActive: boolean;
|
|
47
44
|
viewChange: BehaviorSubject<ListRange>;
|
|
@@ -75,11 +72,11 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
|
|
|
75
72
|
/** Maximum zoom ratio reachable via mouse wheel (default 3). */
|
|
76
73
|
maxZoomRatio: number;
|
|
77
74
|
/** Enable 90° rotation buttons in the slideshow (defaults to true). */
|
|
78
|
-
|
|
75
|
+
enableRotate: boolean;
|
|
79
76
|
/** Enable the crop tool in the slideshow (defaults to true). */
|
|
80
77
|
enableCrop: boolean;
|
|
81
78
|
/** Image format used when emitting the edited (cropped/rotated) image. */
|
|
82
|
-
imageExportFormat:
|
|
79
|
+
imageExportFormat: ImageEditFormat;
|
|
83
80
|
/** Export quality, applied only when imageExportFormat is 'jpeg' (0 to 1). */
|
|
84
81
|
imageExportQuality: number;
|
|
85
82
|
/** Where to show the slideshow: in a full-screen modal (default), or inline, as an overlay over the gallery itself (desktop only). */
|
|
@@ -142,7 +139,7 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
|
|
|
142
139
|
};
|
|
143
140
|
protected markForCheck(): void;
|
|
144
141
|
static ɵfac: i0.ɵɵFactoryDeclaration<AppImageGalleryComponent<any>, [null, null, null, null, null, { optional: true; }]>;
|
|
145
|
-
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; }; "
|
|
142
|
+
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; }; "zoomPresentation": { "alias": "zoomPresentation"; "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>;
|
|
146
143
|
static ngAcceptInputType_debug: unknown;
|
|
147
144
|
static ngAcceptInputType_disabled: unknown;
|
|
148
145
|
static ngAcceptInputType_readOnly: unknown;
|
|
@@ -155,6 +152,6 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
|
|
|
155
152
|
static ngAcceptInputType_showAddCardButton: unknown;
|
|
156
153
|
static ngAcceptInputType_showCardToolbar: unknown;
|
|
157
154
|
static ngAcceptInputType_enableMouseZoom: unknown;
|
|
158
|
-
static
|
|
155
|
+
static ngAcceptInputType_enableRotate: unknown;
|
|
159
156
|
static ngAcceptInputType_enableCrop: unknown;
|
|
160
157
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { Image } from '../image.model';
|
|
2
2
|
import { TableElement } from '@e-is/ngx-material-table';
|
|
3
3
|
export type GalleryMode = 'mosaic' | 'list';
|
|
4
|
-
export type
|
|
4
|
+
export type ImageEditFormat = 'png' | 'jpeg';
|
|
5
5
|
export interface ImageEditEvent<T extends Image = Image> {
|
|
6
6
|
row: TableElement<T>;
|
|
7
7
|
image: T;
|
|
8
8
|
dataUrl: string;
|
|
9
9
|
blob: Blob;
|
|
10
|
-
format:
|
|
10
|
+
format: ImageEditFormat;
|
|
11
11
|
}
|
|
@@ -4,7 +4,7 @@ import { AlertController } from '@ionic/angular';
|
|
|
4
4
|
import { TranslateService } from '@ngx-translate/core';
|
|
5
5
|
import { Swiper } from 'swiper/types';
|
|
6
6
|
import { Image, ImageSize } from '../../image.model';
|
|
7
|
-
import { ImageEditEvent,
|
|
7
|
+
import { ImageEditEvent, ImageEditFormat } from '../image-gallery.model';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
interface CropRect {
|
|
10
10
|
x: number;
|
|
@@ -58,13 +58,13 @@ export declare class AppImageGallerySlideshowComponent<T extends Image = Image>
|
|
|
58
58
|
readOnly: boolean;
|
|
59
59
|
disabled: boolean;
|
|
60
60
|
debug: boolean;
|
|
61
|
-
|
|
61
|
+
enableMouseZoom: boolean;
|
|
62
62
|
wheelZoomStep: number;
|
|
63
63
|
maxZoomRatio: number;
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
64
|
+
enableRotate: boolean;
|
|
65
|
+
enableCrop: boolean;
|
|
66
|
+
editOutputFormat: ImageEditFormat;
|
|
67
|
+
editOutputQuality: number;
|
|
68
68
|
imageSizeQueryParam: string;
|
|
69
69
|
modalImageSize: ImageSize | string;
|
|
70
70
|
/** Requests deletion of the given row. The caller (gallery) owns the confirmation/deletion logic and resolves the promise with whether it actually happened. */
|
|
@@ -137,13 +137,13 @@ export declare class AppImageGallerySlideshowComponent<T extends Image = Image>
|
|
|
137
137
|
protected _getActiveZoomWrapEl(swiperElement: any): HTMLElement | null;
|
|
138
138
|
protected markForCheck(): void;
|
|
139
139
|
static ɵfac: i0.ɵɵFactoryDeclaration<AppImageGallerySlideshowComponent<any>, never>;
|
|
140
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AppImageGallerySlideshowComponent<any>, "app-image-gallery-slideshow", never, { "rows": { "alias": "rows"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "
|
|
140
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AppImageGallerySlideshowComponent<any>, "app-image-gallery-slideshow", never, { "rows": { "alias": "rows"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "debug": { "alias": "debug"; "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; }; "editOutputFormat": { "alias": "editOutputFormat"; "required": false; }; "editOutputQuality": { "alias": "editOutputQuality"; "required": false; }; "imageSizeQueryParam": { "alias": "imageSizeQueryParam"; "required": false; }; "modalImageSize": { "alias": "modalImageSize"; "required": false; }; }, { "deleteRequested": "deleteRequested"; "closeRequested": "closeRequested"; "afterEditImage": "afterEditImage"; "afterEditRow": "afterEditRow"; }, never, never, false, never>;
|
|
141
141
|
static ngAcceptInputType_mobile: unknown;
|
|
142
142
|
static ngAcceptInputType_readOnly: unknown;
|
|
143
143
|
static ngAcceptInputType_disabled: unknown;
|
|
144
144
|
static ngAcceptInputType_debug: unknown;
|
|
145
|
-
static
|
|
146
|
-
static
|
|
147
|
-
static
|
|
145
|
+
static ngAcceptInputType_enableMouseZoom: unknown;
|
|
146
|
+
static ngAcceptInputType_enableRotate: unknown;
|
|
147
|
+
static ngAcceptInputType_enableCrop: unknown;
|
|
148
148
|
}
|
|
149
149
|
export {};
|
|
@@ -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.11",
|
|
6
6
|
"default_locale": "fr",
|
|
7
7
|
"description": "Angular components for building beautiful and responsive Apps",
|
|
8
8
|
"icons": [{
|