@sumaris-net/ngx-components 18.25.5 → 18.25.7
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 -1
- package/esm2022/public_api.mjs +3 -1
- package/esm2022/src/app/shared/image/gallery/image-gallery.component.mjs +82 -82
- package/esm2022/src/app/shared/image/gallery/image-gallery.model.mjs +2 -0
- package/esm2022/src/app/shared/image/gallery/image-gallery.module.mjs +8 -3
- package/esm2022/src/app/shared/image/gallery/slideshow/image-gallery-slideshow.component.mjs +685 -0
- package/esm2022/src/app/shared/image/gallery/testing/gallery.testing.mjs +16 -9
- package/fesm2022/sumaris-net.ngx-components.mjs +767 -86
- package/fesm2022/sumaris-net.ngx-components.mjs.map +1 -1
- package/package.json +1 -1
- package/public_api.d.ts +2 -0
- package/src/app/shared/image/gallery/image-gallery.component.d.ts +42 -21
- package/src/app/shared/image/gallery/image-gallery.model.d.ts +11 -0
- package/src/app/shared/image/gallery/image-gallery.module.d.ts +10 -9
- package/src/app/shared/image/gallery/slideshow/image-gallery-slideshow.component.d.ts +149 -0
- package/src/app/shared/image/gallery/testing/gallery.testing.d.ts +6 -1
- package/src/assets/i18n/en-US.json +6 -0
- package/src/assets/i18n/en.json +6 -0
- package/src/assets/i18n/fr.json +6 -0
- package/src/assets/manifest.json +1 -1
|
@@ -4,21 +4,28 @@ import { EntitiesTableDataSource } from '../../../../core/table/entities-table-d
|
|
|
4
4
|
import { Subscription } from 'rxjs';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "./gallery.service.testing";
|
|
7
|
-
import * as i2 from "@
|
|
8
|
-
import * as i3 from "
|
|
9
|
-
import * as i4 from "
|
|
7
|
+
import * as i2 from "@angular/router";
|
|
8
|
+
import * as i3 from "@ionic/angular";
|
|
9
|
+
import * as i4 from "../image-gallery.component";
|
|
10
|
+
import * as i5 from "../../../debug/debug.component";
|
|
10
11
|
export class GalleryTestPage {
|
|
11
12
|
dataService;
|
|
13
|
+
route;
|
|
12
14
|
_subscription = new Subscription();
|
|
13
15
|
dataSource;
|
|
14
|
-
|
|
16
|
+
zoomPresentation = 'modal';
|
|
17
|
+
debug = false;
|
|
18
|
+
constructor(dataService, route) {
|
|
15
19
|
this.dataService = dataService;
|
|
20
|
+
this.route = route;
|
|
16
21
|
this.dataSource = new EntitiesTableDataSource(ImageAttachment, this.dataService, null, {
|
|
17
22
|
saveBeforeDelete: true,
|
|
18
23
|
saveOnlyDirtyRows: false,
|
|
19
24
|
});
|
|
25
|
+
this.debug = this.route.snapshot.queryParamMap.get('debug') === 'true';
|
|
20
26
|
}
|
|
21
27
|
ngOnInit() {
|
|
28
|
+
this.zoomPresentation = this.route.snapshot.queryParamMap.get('zoomPresentation') || 'modal';
|
|
22
29
|
this._subscription.add(this.dataSource.watchAll(0, 100, null, null, null).subscribe());
|
|
23
30
|
}
|
|
24
31
|
ngOnDestroy() {
|
|
@@ -27,11 +34,11 @@ export class GalleryTestPage {
|
|
|
27
34
|
save() {
|
|
28
35
|
this.dataSource.save();
|
|
29
36
|
}
|
|
30
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GalleryTestPage, deps: [{ token: i1.ImageAttachmentService }], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
37
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GalleryTestPage, deps: [{ token: i1.ImageAttachmentService }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GalleryTestPage, selector: "app-gallery-test-page", providers: [{ provide: ImageAttachmentService, useClass: ImageAttachmentService }], ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button></ion-back-button>\n </ion-buttons>\n\n <ion-title>Image gallery</ion-title>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\n <!-- DEBUG -->\n @if (debug) {\n <app-debug title=\"Galley\">\n <ion-grid>\n <ion-row>\n <ion-col>gallery.count: {{ gallery.rows?.length }}</ion-col>\n </ion-row>\n </ion-grid>\n </app-debug>\n }\n\n <app-image-gallery\n #gallery\n [dataSource]=\"dataSource\"\n [zoomPresentation]=\"zoomPresentation\"\n [inlineZoomHeight]=\"'100%'\"\n (onAfterAddRows)=\"save()\"\n (onAfterEditRow)=\"save()\"\n [debug]=\"debug\"\n ></app-image-gallery>\n</ion-content>\n", dependencies: [{ kind: "component", type: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i3.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i3.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i3.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i3.IonRow, selector: "ion-row" }, { kind: "component", type: i3.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i3.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i3.IonBackButton, selector: "ion-back-button" }, { kind: "component", type: i4.AppImageGalleryComponent, selector: "app-image-gallery", inputs: ["cardColor", "debug", "disabled", "readOnly", "mobile", "mode", "confirmBeforeDelete", "showToolbar", "showFabButton", "showTitle", "showAddToolbarButton", "showAddTextButton", "showAddCardButton", "showCardToolbar", "addButtonColor", "addButtonText", "cardTemplate", "imageSizes", "imageSizeQueryParam", "enableMouseZoom", "wheelZoomStep", "maxZoomRatio", "enableRotation", "enableCrop", "imageExportFormat", "imageExportQuality", "zoomPresentation", "inlineZoomHeight", "dataSource"], outputs: ["onBeforeDeleteRows", "onAfterAddRows", "onAfterEditRow", "onAfterEditImage", "click"] }, { kind: "component", type: i5.DebugComponent, selector: "app-debug", inputs: ["titlePrefix", "title", "enable", "expanded"] }] });
|
|
32
39
|
}
|
|
33
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GalleryTestPage, decorators: [{
|
|
34
41
|
type: Component,
|
|
35
|
-
args: [{ selector: 'app-gallery-test-page', providers: [{ provide: ImageAttachmentService, useClass: ImageAttachmentService }], template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button></ion-back-button>\n </ion-buttons>\n\n <ion-title>Image gallery</ion-title>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\n <!-- DEBUG -->\n <app-debug title=\"Galley\">\n
|
|
36
|
-
}], ctorParameters: () => [{ type: i1.ImageAttachmentService }] });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
args: [{ selector: 'app-gallery-test-page', providers: [{ provide: ImageAttachmentService, useClass: ImageAttachmentService }], template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button></ion-back-button>\n </ion-buttons>\n\n <ion-title>Image gallery</ion-title>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\n <!-- DEBUG -->\n @if (debug) {\n <app-debug title=\"Galley\">\n <ion-grid>\n <ion-row>\n <ion-col>gallery.count: {{ gallery.rows?.length }}</ion-col>\n </ion-row>\n </ion-grid>\n </app-debug>\n }\n\n <app-image-gallery\n #gallery\n [dataSource]=\"dataSource\"\n [zoomPresentation]=\"zoomPresentation\"\n [inlineZoomHeight]=\"'100%'\"\n (onAfterAddRows)=\"save()\"\n (onAfterEditRow)=\"save()\"\n [debug]=\"debug\"\n ></app-image-gallery>\n</ion-content>\n" }]
|
|
43
|
+
}], ctorParameters: () => [{ type: i1.ImageAttachmentService }, { type: i2.ActivatedRoute }] });
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS50ZXN0aW5nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9zaGFyZWQvaW1hZ2UvZ2FsbGVyeS90ZXN0aW5nL2dhbGxlcnkudGVzdGluZy50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvc2hhcmVkL2ltYWdlL2dhbGxlcnkvdGVzdGluZy9nYWxsZXJ5LnRlc3RpbmcuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUU3RCxPQUFPLEVBQUUsZUFBZSxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDcEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDakcsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7OztBQVNwQyxNQUFNLE9BQU8sZUFBZTtJQU9kO0lBQ0E7SUFQSixhQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUNsQyxVQUFVLENBQWtFO0lBQ3JGLGdCQUFnQixHQUFpQyxPQUFPLENBQUM7SUFDL0MsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUV4QixZQUNZLFdBQW1DLEVBQ25DLEtBQXFCO1FBRHJCLGdCQUFXLEdBQVgsV0FBVyxDQUF3QjtRQUNuQyxVQUFLLEdBQUwsS0FBSyxDQUFnQjtRQUUvQixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksdUJBQXVCLENBQXlDLGVBQWUsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLElBQUksRUFBRTtZQUM3SCxnQkFBZ0IsRUFBRSxJQUFJO1lBQ3RCLGlCQUFpQixFQUFFLEtBQUs7U0FDekIsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxLQUFLLE1BQU0sQ0FBQztJQUN6RSxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0IsR0FBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLGtCQUFrQixDQUFrQyxJQUFJLE9BQU8sQ0FBQztRQUMvSCxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQztJQUN6RixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUVELElBQUk7UUFDRixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7d0dBNUJVLGVBQWU7NEZBQWYsZUFBZSxnREFGZixDQUFDLEVBQUUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLFFBQVEsRUFBRSxzQkFBc0IsRUFBRSxDQUFDLDBCQ1hwRiwydkJBZ0NBOzs0RkRuQmEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSx1QkFBdUIsYUFFdEIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxRQUFRLEVBQUUsc0JBQXNCLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEltYWdlQXR0YWNobWVudCwgSW1hZ2VBdHRhY2htZW50U2VydmljZSB9IGZyb20gJy4vZ2FsbGVyeS5zZXJ2aWNlLnRlc3RpbmcnO1xuaW1wb3J0IHsgRW50aXRpZXNUYWJsZURhdGFTb3VyY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9jb3JlL3RhYmxlL2VudGl0aWVzLXRhYmxlLWRhdGFzb3VyY2UuY2xhc3MnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBJbWFnZUF0dGFjaG1lbnRGaWx0ZXIgfSBmcm9tICcuL2dhbGxlZ3J5Lm1vZGVsLnRlc3RpbmcnO1xuaW1wb3J0IHsgSW1hZ2VHYWxsZXJ5Wm9vbVByZXNlbnRhdGlvbiB9IGZyb20gJy4uL2ltYWdlLWdhbGxlcnkuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWdhbGxlcnktdGVzdC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dhbGxlcnkudGVzdGluZy5odG1sJyxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBJbWFnZUF0dGFjaG1lbnRTZXJ2aWNlLCB1c2VDbGFzczogSW1hZ2VBdHRhY2htZW50U2VydmljZSB9XSxcbn0pXG5leHBvcnQgY2xhc3MgR2FsbGVyeVRlc3RQYWdlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBwcml2YXRlIF9zdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG4gIHJlYWRvbmx5IGRhdGFTb3VyY2U6IEVudGl0aWVzVGFibGVEYXRhU291cmNlPEltYWdlQXR0YWNobWVudCwgSW1hZ2VBdHRhY2htZW50RmlsdGVyPjtcbiAgem9vbVByZXNlbnRhdGlvbjogSW1hZ2VHYWxsZXJ5Wm9vbVByZXNlbnRhdGlvbiA9ICdtb2RhbCc7XG4gIHByb3RlY3RlZCBkZWJ1ZyA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByb3RlY3RlZCBkYXRhU2VydmljZTogSW1hZ2VBdHRhY2htZW50U2VydmljZSxcbiAgICBwcm90ZWN0ZWQgcm91dGU6IEFjdGl2YXRlZFJvdXRlXG4gICkge1xuICAgIHRoaXMuZGF0YVNvdXJjZSA9IG5ldyBFbnRpdGllc1RhYmxlRGF0YVNvdXJjZTxJbWFnZUF0dGFjaG1lbnQsIEltYWdlQXR0YWNobWVudEZpbHRlcj4oSW1hZ2VBdHRhY2htZW50LCB0aGlzLmRhdGFTZXJ2aWNlLCBudWxsLCB7XG4gICAgICBzYXZlQmVmb3JlRGVsZXRlOiB0cnVlLFxuICAgICAgc2F2ZU9ubHlEaXJ0eVJvd3M6IGZhbHNlLFxuICAgIH0pO1xuICAgIHRoaXMuZGVidWcgPSB0aGlzLnJvdXRlLnNuYXBzaG90LnF1ZXJ5UGFyYW1NYXAuZ2V0KCdkZWJ1ZycpID09PSAndHJ1ZSc7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnpvb21QcmVzZW50YXRpb24gPSAodGhpcy5yb3V0ZS5zbmFwc2hvdC5xdWVyeVBhcmFtTWFwLmdldCgnem9vbVByZXNlbnRhdGlvbicpIGFzIEltYWdlR2FsbGVyeVpvb21QcmVzZW50YXRpb24pIHx8ICdtb2RhbCc7XG4gICAgdGhpcy5fc3Vic2NyaXB0aW9uLmFkZCh0aGlzLmRhdGFTb3VyY2Uud2F0Y2hBbGwoMCwgMTAwLCBudWxsLCBudWxsLCBudWxsKS5zdWJzY3JpYmUoKSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLl9zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIHNhdmUoKSB7XG4gICAgdGhpcy5kYXRhU291cmNlLnNhdmUoKTtcbiAgfVxufVxuIiwiPGlvbi1oZWFkZXI+XG4gIDxpb24tdG9vbGJhciBjb2xvcj1cInByaW1hcnlcIj5cbiAgICA8aW9uLWJ1dHRvbnMgc2xvdD1cInN0YXJ0XCI+XG4gICAgICA8aW9uLWJhY2stYnV0dG9uPjwvaW9uLWJhY2stYnV0dG9uPlxuICAgIDwvaW9uLWJ1dHRvbnM+XG5cbiAgICA8aW9uLXRpdGxlPkltYWdlIGdhbGxlcnk8L2lvbi10aXRsZT5cbiAgPC9pb24tdG9vbGJhcj5cbjwvaW9uLWhlYWRlcj5cblxuPGlvbi1jb250ZW50PlxuICA8IS0tIERFQlVHIC0tPlxuICBAaWYgKGRlYnVnKSB7XG4gICAgPGFwcC1kZWJ1ZyB0aXRsZT1cIkdhbGxleVwiPlxuICAgICAgPGlvbi1ncmlkPlxuICAgICAgICA8aW9uLXJvdz5cbiAgICAgICAgICA8aW9uLWNvbD5nYWxsZXJ5LmNvdW50OiB7eyBnYWxsZXJ5LnJvd3M/Lmxlbmd0aCB9fTwvaW9uLWNvbD5cbiAgICAgICAgPC9pb24tcm93PlxuICAgICAgPC9pb24tZ3JpZD5cbiAgICA8L2FwcC1kZWJ1Zz5cbiAgfVxuXG4gIDxhcHAtaW1hZ2UtZ2FsbGVyeVxuICAgICNnYWxsZXJ5XG4gICAgW2RhdGFTb3VyY2VdPVwiZGF0YVNvdXJjZVwiXG4gICAgW3pvb21QcmVzZW50YXRpb25dPVwiem9vbVByZXNlbnRhdGlvblwiXG4gICAgW2lubGluZVpvb21IZWlnaHRdPVwiJzEwMCUnXCJcbiAgICAob25BZnRlckFkZFJvd3MpPVwic2F2ZSgpXCJcbiAgICAob25BZnRlckVkaXRSb3cpPVwic2F2ZSgpXCJcbiAgICBbZGVidWddPVwiZGVidWdcIlxuICA+PC9hcHAtaW1hZ2UtZ2FsbGVyeT5cbjwvaW9uLWNvbnRlbnQ+XG4iXX0=
|