@sumaris-net/ngx-components 18.25.12 → 18.25.14

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "18.25.12",
+  "version": "18.25.14",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/src/app/shared/image/gallery/image-gallery.component.d.ts

@@ -14,7 +14,7 @@ import { PredefinedColors } from '@ionic/core';
 import { ImageOptions } from '@capacitor/camera';
 import { GalleryMode, ImageEditEvent, ImageEditFormat } from './image-gallery.model';
 import * as i0 from "@angular/core";
-export type ImageGalleryZoomPresentation = 'modal' | 'inline';
+export type ImageGallerySlideshowMode = 'modal' | 'inline';
 export interface ImageGallerySizes {
     mosaic: ImageSize | string;
     list: ImageSize | string;
@@ -40,7 +40,7 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
     protected zoomActive: boolean;
     protected zoomScale: number;
     /** Whether the inline slideshow overlay is currently shown (only relevant when zoomPresentation === 'inline'). */
-    protected _inlineSlideshowActive: boolean;
+    protected _enableInlineSlideshow: boolean;
     viewChange: BehaviorSubject<ListRange>;
     cardColor: string | PredefinedColors;
     debug: boolean;
@@ -80,7 +80,7 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
     /** Export quality, applied only when imageExportFormat is 'jpeg' (0 to 1). */
     imageExportQuality: number;
     /** Where to show the slideshow: in a full-screen modal (default), or inline, as an overlay over the gallery itself (desktop only). */
-    zoomPresentation: ImageGalleryZoomPresentation;
+    slideshowMode: ImageGallerySlideshowMode;
     /** Height of the inline slideshow overlay (CSS value, e.g. '60vh'). Only used when zoomPresentation is 'inline'. */
     inlineZoomHeight: string;
     set dataSource(dataSource: TableDataSource<T, any, any, any>);
@@ -121,7 +121,12 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
     protected _switchDataSource(dataSource: TableDataSource<T>): void;
     protected _observeRenderChanges(): void;
     protected getTableUnknownDataSourceError(): Error;
-    protected clickRow(row: TableElement<T>, index: number): Promise<void>;
+    clickRow(row: TableElement<T>, index: number): Promise<void>;
+    /**
+     * Opens the slideshow (inline overlay, or full-screen modal, depending on `zoomPresentation`) on the row at the given index.
+     * Can be called from outside the component (e.g. to open the gallery directly on a given image).
+     */
+    openSlideshow(index?: number): Promise<void>;
     protected closeInlineSlideshow(): void;
     /**
      * Handles a delete request coming from the slideshow component (either inline or in the modal):
@@ -139,7 +144,7 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
     };
     protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppImageGalleryComponent<any>, [null, null, null, null, null, { optional: true; }]>;
-    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>;
+    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>;
     static ngAcceptInputType_debug: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_readOnly: unknown;

package/src/app/shared/image/gallery/testing/gallery.testing.d.ts

@@ -3,14 +3,14 @@ import { ActivatedRoute } from '@angular/router';
 import { ImageAttachment, ImageAttachmentService } from './gallery.service.testing';
 import { EntitiesTableDataSource } from '../../../../core/table/entities-table-datasource.class';
 import { ImageAttachmentFilter } from './gallegry.model.testing';
-import { ImageGalleryZoomPresentation } from '../image-gallery.component';
+import { ImageGallerySlideshowMode } from '../image-gallery.component';
 import * as i0 from "@angular/core";
 export declare class GalleryTestPage implements OnInit, OnDestroy {
     protected dataService: ImageAttachmentService;
     protected route: ActivatedRoute;
     private _subscription;
     readonly dataSource: EntitiesTableDataSource<ImageAttachment, ImageAttachmentFilter>;
-    protected zoomPresentation: ImageGalleryZoomPresentation;
+    protected slideshowMode: ImageGallerySlideshowMode;
     protected debug: boolean;
     constructor(dataService: ImageAttachmentService, route: ActivatedRoute);
     ngOnInit(): void;

package/src/app/shared/inputs.d.ts

@@ -18,7 +18,7 @@ export interface InputElement extends FocusableElement {
 }
 export declare function isInputElement(object: any): object is InputElement;
 export declare function asInputElement<T = any>(object: ElementRef<T>): InputElement | undefined;
-export declare function tabindexComparator(a: InputElement, b: InputElement): 0 | 1 | -1;
+export declare function tabindexComparator(a: InputElement, b: InputElement): 1 | 0 | -1;
 export interface CanGainFocusOptions {
     minTabindex?: number;
     maxTabindex?: number;

package/src/assets/manifest.json

@@ -2,7 +2,7 @@
   "name": "ngx-sumaris-components",
   "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "18.25.12",
+  "version": "18.25.14",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{