@sumaris-net/ngx-components 1.20.18 → 1.20.21

package/package.json

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

package/public_api.d.ts

@@ -135,6 +135,7 @@ export * from './src/app/core/services/storage/entity-store.class';
 export * from './src/app/core/services/validator/base.validator.class';
 export * from './src/app/core/form/editor.class';
 export * from './src/app/core/form/entity-editor.class';
+export * from './src/app/core/form/entity-editor-modal.class';
 export * from './src/app/core/form/entity-metadata.component';
 export * from './src/app/core/form/form.class';
 export * from './src/app/core/form/form.utils';
@@ -195,4 +196,3 @@ export * from './src/app/core/table/testing/table.testing.module';
 export * from './src/app/core/table/testing/table.testing';
 export * from './src/app/core/text-popover/testing/text-popover.testing.module';
 export * from './src/app/core/text-popover/testing/text-popover.testing';
-export { UriUtils } from './src/app/shared/file/uri.utils';

package/src/app/core/form/editor.class.d.ts

@@ -168,7 +168,8 @@ export declare abstract class AppTabEditor<T = any, ID = number, O = any> extend
     get selectedTabIndex(): number;
     readonly selectedTabIndexChange: EventEmitter<number>;
     tabGroup: MatTabGroup;
-    protected constructor(route: ActivatedRoute, router: Router, alertCtrl: AlertController, translate: TranslateService, options?: AppTabEditorOptions);
+    protected constructor(route: ActivatedRoute, // Modal editor give 'null'
+    router: Router, alertCtrl: AlertController, translate: TranslateService, options?: AppTabEditorOptions);
     ngOnInit(): void;
     ngOnDestroy(): void;
     setSelectedTabIndex(value: number, opts?: {

package/src/app/core/form/entity-editor-modal.class.d.ts

@@ -0,0 +1,118 @@
+import { AfterViewInit, ChangeDetectorRef, Injector, OnDestroy, OnInit } from '@angular/core';
+import { ModalController } from '@ionic/angular';
+import { Subject } from 'rxjs';
+import { LocalSettingsService } from '../services/local-settings.service';
+import { Entity } from '../services/model/entity.model';
+import { UsageMode } from '../services/model/settings.model';
+import { FormGroup } from '@angular/forms';
+import { AppTabEditor, AppTabEditorOptions } from './editor.class';
+import { DateFormatPipe } from '../../shared/pipes/date-format.pipe';
+import { Environment } from '../../../environments/environment.class';
+import { WaitForOptions } from '../../shared/observables';
+import { FormErrorTranslator } from '../../shared/validator/form-error-adapter.class';
+import { AppErrorWithDetails } from './entity-editor.class';
+export interface IEntityEditorModalOptions<T extends Entity<T, ID> = Entity<any, any>, ID = number> {
+    usageMode: UsageMode;
+    data: T;
+    disabled: boolean;
+    onAfterModalInit?: <M extends AppEntityEditorModal<T, ID>>(modal: M) => void | Promise<void>;
+    onDelete?: (event: UIEvent, data: T) => Promise<boolean>;
+    mobile: boolean;
+    i18nSuffix?: string;
+}
+export declare class AppEntityEditorModalOptions extends AppTabEditorOptions {
+    i18nPrefix?: string;
+}
+export declare abstract class AppEntityEditorModal<T extends Entity<T, ID>, ID = number, O extends AppEntityEditorModalOptions = AppEntityEditorModalOptions> extends AppTabEditor<T, ID> implements OnInit, OnDestroy, AfterViewInit, IEntityEditorModalOptions<T, ID> {
+    protected dataType: new () => T;
+    private _usageMode;
+    protected _logPrefix: any;
+    protected _isNewData: boolean;
+    protected readonly dateFormat: DateFormatPipe;
+    protected readonly cd: ChangeDetectorRef;
+    protected readonly settings: LocalSettingsService;
+    protected readonly modalCtrl: ModalController;
+    protected errorTranslator: FormErrorTranslator;
+    protected readonly environement: Environment;
+    saving: boolean;
+    $title: Subject<string>;
+    data: T;
+    mobile: boolean;
+    usageMode: UsageMode;
+    onAfterModalInit: <M extends AppEntityEditorModal<T, ID>>(modal: M) => void | Promise<void>;
+    onDelete: (event: UIEvent, data: T) => Promise<boolean>;
+    i18nSuffix: string;
+    set isNewData(value: boolean);
+    get isNewData(): boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    get isOnFieldMode(): boolean;
+    markAsSaving(opts?: {
+        emitEvent?: boolean;
+    }): void;
+    markAsSaved(opts?: {
+        emitEvent?: boolean;
+    }): void;
+    protected constructor(injector: Injector, dataType: new () => T, options?: O);
+    ngOnInit(): Promise<void>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    waitIdle(opts?: WaitForOptions): Promise<void>;
+    load(): Promise<void>;
+    reload(): Promise<void>;
+    unload(opts?: {
+        emitEvent?: boolean;
+    }): Promise<void>;
+    updateView(data: T | null, opts?: {
+        emitEvent?: boolean;
+        openTabIndex?: number;
+    }): Promise<void>;
+    /**
+     * Enable or disable state
+     */
+    updateViewState(data: T, opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    saveAndClose(event?: Event): Promise<boolean>;
+    close(event: UIEvent): Promise<void>;
+    /**
+     * Save the editor, by calling the dataService.save().
+     * Ensure that editor if valid. If not, display an error
+     * @param event
+     * @param opts
+     */
+    save(event?: Event, opts?: any): Promise<boolean>;
+    /**
+     * Save data (if dirty and valid), and return it. Otherwise, return nil value.
+     */
+    saveAndGetDataIfValid(): Promise<T | undefined>;
+    delete(event?: UIEvent): Promise<boolean>;
+    resetError(opts?: {
+        emitEvent?: boolean;
+    }): void;
+    setError(err: string | AppErrorWithDetails, opts?: {
+        emitEvent?: boolean;
+        detailsCssClass?: string;
+    }): void;
+    protected abstract registerForms(): any;
+    protected abstract computeTitle(data: T): Promise<string>;
+    protected abstract setValue(data: T): Promise<void> | void;
+    protected abstract get form(): FormGroup;
+    protected abstract getFirstInvalidTabIndex(): number;
+    protected waitWhilePending(opts?: WaitForOptions): Promise<void>;
+    protected getValue(): Promise<T>;
+    protected getJsonValueToSave(): Promise<any>;
+    /**
+     * Compute the title
+     *
+     * @param data
+     */
+    protected updateTitle(data?: T): Promise<void>;
+    protected scrollToTop(duration?: number): Promise<void>;
+    protected markForCheck(): void;
+    /**
+     * Open the first tab that is invalid
+     */
+    private openFirstInvalidTab;
+}

package/src/app/shared/material/latlong/material.latlong.d.ts

@@ -19,7 +19,6 @@ export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueA
     textFormControl: FormControl;
     signFormControl: FormControl;
     mask: Array<string | RegExp> | ((raw: string) => Array<string | RegExp>) | false;
-    value: number;
     inputPlaceholder: string;
     showSignControl: boolean;
     get disabled(): any;

package/src/theme/_ngx-components.scss

@@ -5,10 +5,6 @@ html {
   margin: 0;
 }
 
-body {
-  user-select: text !important;
-}
-
 *::selection {
   background: var(--ion-color-shade, rgba(0, 0, 0, 0.3));
 }

package/src/theme/_responsive.scss

@@ -308,6 +308,11 @@ html:not(.plt-mobile) {
 //  }
 //}
 
+body {
+  // Commentée le 17/06/22 par BLA - Pourquoi cette ligne ? Cela provoque une sélection du texte des label d'onglet, dans les modales avec encapusation=ViewEncapsulation.None
+  //user-select: text !important;
+}
+
 @media screen and (min-width: $screen-md) {
 
   html,