@sumaris-net/ngx-components 2.0.0-rc44 → 2.0.0-rc46

package/package.json

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

package/src/app/core/form/text-popover/text-popover.component.d.ts

@@ -1,9 +1,10 @@
 import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
-import { PopoverController } from '@ionic/angular';
+import { PopoverController, PopoverOptions } from '@ionic/angular';
 import { Subscription } from 'rxjs';
 import { TranslateService } from '@ngx-translate/core';
 import { TextForm } from './text-form.component';
 import { ValidatorFn } from '@angular/forms';
+import { OverlayEventDetail } from '@ionic/core';
 import * as i0 from "@angular/core";
 export interface TextPopoverOptions {
     text?: string;
@@ -17,6 +18,7 @@ export interface TextPopoverOptions {
 export declare class TextPopover implements OnInit, AfterViewInit, OnDestroy, TextPopoverOptions {
     protected popoverController: PopoverController;
     protected translate: TranslateService;
+    static show(ctrl: PopoverController, event: Event, opts: TextPopoverOptions, popoverOpts?: PopoverOptions): Promise<OverlayEventDetail>;
     form: TextForm;
     text: string;
     placeholder: string;

package/src/app/core/table/entities-table-datasource.class.d.ts

@@ -9,6 +9,7 @@ import * as i0 from "@angular/core";
 export interface EntitiesTableDataSourceConfig<T extends Entity<T, ID>, ID = number, WO extends EntitiesServiceWatchOptions = EntitiesServiceWatchOptions, SO = any> extends TableDataSourceConfig {
     onRowCreated?: (row: TableElement<T>) => Promise<void> | void;
     saveOnlyDirtyRows?: boolean;
+    saveBeforeDelete?: boolean;
     readOnly?: boolean;
     /**
      * @deprecated

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

@@ -4,15 +4,19 @@ import { TableDataSource, TableElement } from '@e-is/ngx-material-table';
 import { Environment } from '../../../../environments/environment.class';
 import { ImageService } from '../image.service';
 import { Image } from '../image.model';
-import { AlertController, IonModal, IonSlides, Platform } from '@ionic/angular';
+import { AlertController, IonModal, IonPopover, IonSlides, Platform, PopoverController } from '@ionic/angular';
 import { CollectionViewer, ListRange } from '@angular/cdk/collections';
 import { TranslateService } from '@ngx-translate/core';
+import { AppColors } from '../../types';
+import { FormGroup } from '@angular/forms';
+import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare type GalleryMode = 'mosaic' | 'list';
 export declare class AppImageGalleryComponent<T extends Image> implements OnInit, OnDestroy, CollectionViewer, AfterContentChecked {
     protected image: ImageService;
     protected platform: Platform;
     protected alterCtrl: AlertController;
+    protected popoverCtrl: PopoverController;
     protected translate: TranslateService;
     protected cd: ChangeDetectorRef;
     protected _destroySubject: Subject<void>;
@@ -23,55 +27,66 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
     protected _colSize: number;
     protected _selectedRowIndex: number;
     protected _presentingElement: Element;
+    protected _titleForm: FormGroup;
+    protected _titleAutofocus: boolean;
     zoomActive: boolean;
     zoomScale: number;
     sliderOpts: {
         allowSlidePrev: boolean;
         allowSlideNext: boolean;
-        zoom: {
-            maxRatio: number;
-        };
-        on: {
-            zoomChange: (scale: any, imageEl: any, slideEl: any) => void;
-        };
+        zoom: boolean;
     };
     modalSliderOpts: {
         zoom: boolean;
     };
     viewChange: BehaviorSubject<ListRange>;
     debug: boolean;
-    readOnly: boolean;
     disabled: boolean;
-    showToolbar: boolean;
+    readOnly: boolean;
     mobile: boolean;
     mode: GalleryMode;
     confirmBeforeDelete: boolean;
+    showToolbar: boolean;
     showFabButton: boolean;
+    showTitle: boolean;
+    showAddCardButton: boolean;
+    addButtonColor: AppColors;
     set dataSource(dataSource: TableDataSource<T>);
     get dataSource(): TableDataSource<T>;
     get enabled(): boolean;
     get rows(): TableElement<T>[];
-    slides: IonSlides;
     zoomModal: IonModal;
-    constructor(image: ImageService, platform: Platform, alterCtrl: AlertController, translate: TranslateService, cd: ChangeDetectorRef, environment?: Environment);
+    titlePopover: IonPopover;
+    onBeforeDeleteRows: EventEmitter<import("../../events").PromiseEvent<boolean, {
+        rows: TableElement<T>[];
+    }>>;
+    onAfterAddRows: EventEmitter<TableElement<T>[]>;
+    constructor(image: ImageService, platform: Platform, alterCtrl: AlertController, popoverCtrl: PopoverController, translate: TranslateService, cd: ChangeDetectorRef, environment?: Environment);
     ngOnInit(): void;
     ngAfterContentChecked(): void;
     ngOnDestroy(): void;
     add(event?: Event): Promise<void>;
-    delete(event: Event, row: TableElement<T>): Promise<boolean>;
+    delete(event: Event, row: TableElement<T>, opts?: {
+        interactive?: boolean;
+    }): Promise<boolean>;
     toggleViewMode(event?: Event): void;
     trackByFn(index: number, row: TableElement<T>): number;
+    editTitle(event: MouseEvent, row: TableElement<T>, cardToolbar: any): Promise<void>;
+    protected showCardToolbar(cardToolbar: any): void;
+    protected hideCardToolbar(cardToolbar: any): void;
     protected _switchDataSource(dataSource: TableDataSource<T>): void;
     protected _observeRenderChanges(): void;
     protected getTableUnknownDataSourceError(): Error;
-    protected touchStart(card: any): void;
-    protected touchEnd(card: any): Promise<void>;
     protected clickRow(row: TableElement<T>, index: number): Promise<void>;
     protected initModalSlides(slides: IonSlides): Promise<void>;
     protected zoom(slides: IonSlides, zoomIn: boolean): Promise<void>;
     protected deleteFromModal(event: any, slides: IonSlides): Promise<boolean>;
     protected slidePrev(slides: IonSlides): Promise<void>;
     protected slideNext(slides: IonSlides): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AppImageGalleryComponent<any>, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppImageGalleryComponent<any>, "app-image-gallery", never, { "debug": "debug"; "readOnly": "readOnly"; "disabled": "disabled"; "showToolbar": "showToolbar"; "mobile": "mobile"; "mode": "mode"; "confirmBeforeDelete": "confirmBeforeDelete"; "showFabButton": "showFabButton"; "dataSource": "dataSource"; }, {}, never, never, false>;
+    protected canDeleteRows(rows: TableElement<T>[], opts?: {
+        interactive?: boolean;
+    }): Promise<boolean>;
+    protected markForCheck(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppImageGalleryComponent<any>, [null, null, null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppImageGalleryComponent<any>, "app-image-gallery", never, { "debug": "debug"; "disabled": "disabled"; "readOnly": "readOnly"; "mobile": "mobile"; "mode": "mode"; "confirmBeforeDelete": "confirmBeforeDelete"; "showToolbar": "showToolbar"; "showFabButton": "showFabButton"; "showTitle": "showTitle"; "showAddCardButton": "showAddCardButton"; "addButtonColor": "addButtonColor"; "dataSource": "dataSource"; }, { "onBeforeDeleteRows": "onBeforeDeleteRows"; "onAfterAddRows": "onAfterAddRows"; }, never, never, false>;
 }

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

@@ -2,11 +2,13 @@ import * as i0 from "@angular/core";
 import * as i1 from "./image-gallery.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@ionic/angular";
-import * as i4 from "../../material/material.module";
-import * as i5 from "../../pipes/pipes.module";
-import * as i6 from "@ngx-translate/core";
+import * as i4 from "@angular/forms";
+import * as i5 from "../../material/material.module";
+import * as i6 from "../../pipes/pipes.module";
+import * as i7 from "../../directives/directives.module";
+import * as i8 from "@ngx-translate/core";
 export declare class ImageGalleryModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageGalleryModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ImageGalleryModule, [typeof i1.AppImageGalleryComponent], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.SharedMaterialModule, typeof i5.SharedPipesModule, typeof i6.TranslateModule], [typeof i1.AppImageGalleryComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ImageGalleryModule, [typeof i1.AppImageGalleryComponent], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ReactiveFormsModule, typeof i5.SharedMaterialModule, typeof i6.SharedPipesModule, typeof i7.SharedDirectivesModule, typeof i8.TranslateModule], [typeof i3.IonicModule, typeof i8.TranslateModule, typeof i1.AppImageGalleryComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ImageGalleryModule>;
 }

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

@@ -10,6 +10,7 @@ export declare class GalleryTestPage implements OnInit, OnDestroy {
     constructor(dataService: ImageAttachmentService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    save(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryTestPage, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GalleryTestPage, "app-gallery-test-page", never, {}, {}, never, never, false>;
 }

package/src/assets/i18n/fr.json

@@ -454,7 +454,9 @@
     "BTN_CAMERA_SOURCE": "Prendre une photo",
     "BTN_GALLERY_SOURCE": "Ouvrir la galerie",
     "GALLERY": {
-      "BTN_ADD_TITLE": "Ajouter un titre"
+      "BTN_EDIT_TITLE": "Éditer le titre",
+      "BTN_ADD_TITLE": "Ajouter un titre",
+      "TITLE": "Titre"
     }
   },
   "ERROR": {

package/src/theme/_ngx-components.scss

@@ -1260,9 +1260,9 @@ ion-modal.stack-modal {
   --backdrop-opacity: var(--ion-backdrop-opacity, 0.32);
 }
 
-.modal-large .modal-wrapper {
-  min-width: calc(100% - 100px);
-  min-height: calc(100% - 50px);
+ion-modal.modal-large{
+  --min-height: calc(100% - 50px) !important;
+  --min-width: calc(100% - 100px) !important;
 }
 
 // --------------------------------------------------