@sumaris-net/ngx-components 4.0.0-rc9 → 18.0.0

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

@@ -5,11 +5,11 @@ 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 { AppTabEditor, AppTabEditorOptions } from './tab-editor.class';
+import { AppErrorWithDetails } from '../../services/errors';
 import { DateFormatService } from '../../../shared/pipes/date-format.pipe';
 import { WaitForOptions } from '../../../shared/observables';
 import { FormErrorTranslator } from '../../../shared/validator/form-error-adapter.class';
-import { AppErrorWithDetails } from './entity-editor.class';
 import * as i0 from "@angular/core";
 export interface IEntityEditorModalOptions<T extends Entity<T, ID> = Entity<any, any>, ID = number> {
     isNew: boolean;
@@ -26,7 +26,7 @@ export declare class AppEntityEditorModalOptions extends AppTabEditorOptions {
 }
 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;
-    protected _logPrefix: any;
+    protected _logPrefix: string;
     protected _isNew: boolean;
     protected readonly dateFormat: DateFormatService;
     protected readonly cd: ChangeDetectorRef;
@@ -34,13 +34,17 @@ export declare abstract class AppEntityEditorModal<T extends Entity<T, ID>, ID =
     protected readonly modalCtrl: ModalController;
     protected errorTranslator: FormErrorTranslator;
     readonly savingSubject: BehaviorSubject<boolean>;
-    $title: Subject<string>;
+    readonly titleSubject: BehaviorSubject<string>;
     data: T;
     mobile: boolean;
     usageMode: UsageMode;
     onAfterModalInit: <M extends AppEntityEditorModal<T, ID>>(modal: M) => void | Promise<void>;
     onDelete: (event: Event, data: T) => Promise<boolean>;
     i18nSuffix: string;
+    /**
+     * @deprecated
+     */
+    protected get $title(): Subject<string>;
     set isNew(value: boolean);
     get isNew(): boolean;
     /**
@@ -54,13 +58,6 @@ export declare abstract class AppEntityEditorModal<T extends Entity<T, ID>, ID =
     set disabled(value: boolean);
     get disabled(): boolean;
     get isOnFieldMode(): boolean;
-    get saving(): boolean;
-    markAsSaving(opts?: {
-        emitEvent?: boolean;
-    }): void;
-    markAsSaved(opts?: {
-        emitEvent?: boolean;
-    }): void;
     protected constructor(injector: Injector, dataType: new () => T, options?: O);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -104,9 +101,9 @@ export declare abstract class AppEntityEditorModal<T extends Entity<T, ID>, ID =
         emitEvent?: boolean;
         detailsCssClass?: string;
     }): void;
-    protected abstract registerForms(): any;
+    abstract setValue(data: T): Promise<void> | void;
+    protected abstract registerForms(): void;
     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>;

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

@@ -5,16 +5,16 @@ import { AddToPageHistoryOptions, LocalSettingsService } from '../../services/lo
 import { Entity } from '../../services/model/entity.model';
 import { UsageMode } from '../../services/model/settings.model';
 import { FormGroup } from '@angular/forms';
-import { AppTabEditor, AppTabEditorOptions, IAppTabEditor } from './editor.class';
+import { AppTabEditor, AppTabEditorOptions, IAppTabEditor } from './tab-editor.class';
+import { AppErrorWithDetails } from '../../services/errors';
 import { EntityServiceLoadOptions, IEntityService } from '../../../shared/services/entity-service.class';
 import { DateFormatService } from '../../../shared/pipes/date-format.pipe';
 import { Environment } from '../../../../environments/environment.class';
 import { HistoryPageReference } from '../../services/model/history.model';
 import { WaitForOptions } from '../../../shared/observables';
 import { FormErrorTranslator } from '../../../shared/validator/form-error-adapter.class';
-import { FormErrors } from '../../../shared/forms';
 import * as i0 from "@angular/core";
-export interface IAppEntityEditor extends IAppTabEditor {
+export interface IAppEntityEditor<T> extends IAppTabEditor<T> {
     usageMode: UsageMode;
     isNewData: boolean;
 }
@@ -34,19 +34,11 @@ export declare class AppEditorOptions extends AppTabEditorOptions {
     autoOpenNextTab?: boolean;
     i18nPrefix?: string;
 }
-export interface AppError {
-    code?: number;
-    message?: string;
-}
-export interface AppErrorWithDetails extends AppError {
-    details: AppError & {
-        errors?: FormErrors;
-    };
-}
-export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends IEntityService<T, ID> = IEntityService<T, any>, ID = number, LO extends EntityServiceLoadOptions = EntityServiceLoadOptions> extends AppTabEditor<T, ID, LO> implements OnInit, OnDestroy, AfterViewInit, IAppEntityEditor {
+export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends IEntityService<T, ID> = IEntityService<T, any>, ID = number, LO extends EntityServiceLoadOptions = EntityServiceLoadOptions> extends AppTabEditor<T, ID, LO> implements OnInit, OnDestroy, AfterViewInit, IAppEntityEditor<T> {
     protected dataType: new () => T;
     protected dataService?: S;
     data: T;
+    previousDataId: ID;
     defaultBackHref: string;
     historyIcon: {
         icon?: string;
@@ -58,8 +50,8 @@ export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends
      *  @deprecated
      */
     protected get $title(): Subject<string>;
-    protected readonly dateFormat: DateFormatService;
     protected readonly cd: ChangeDetectorRef;
+    protected readonly dateFormat: DateFormatService;
     protected readonly settings: LocalSettingsService;
     protected readonly environment: Environment;
     protected readonly routerOutlet: IonRouterOutlet;
@@ -170,7 +162,7 @@ export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends
     protected onEntityDeleted(data: T): Promise<void>;
     protected computeUsageMode(data: T): UsageMode;
     protected waitWhilePending(opts?: WaitForOptions): Promise<void>;
-    protected getValue(): Promise<T>;
+    getValue(): Promise<T>;
     protected getJsonValueToSave(): Promise<any>;
     /**
      * Compute the title
@@ -199,11 +191,14 @@ export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends
      * Open the first tab that is invalid
      */
     private openFirstInvalidTab;
-    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 abstract registerForms(): void;
+    abstract setValue(data: T, opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): Promise<void> | void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppEntityEditor<any, any, any, any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AppEntityEditor<any, any, any, any>, never, never, {}, {}, never, never, false, never>;
 }

package/src/app/core/form/entity/entity-metadata.component.d.ts

@@ -9,5 +9,5 @@ export declare class EntityMetadataComponent {
     };
     showRecorder: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<EntityMetadataComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EntityMetadataComponent, "app-entity-metadata", never, { "value": { "alias": "value"; "required": false; }; "showRecorder": { "alias": "showRecorder"; "required": false; }; }, {}, never, ["[recorderSuffix]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntityMetadataComponent, "app-entity-metadata", never, { "value": { "alias": "value"; "required": false; }; "showRecorder": { "alias": "showRecorder"; "required": false; }; }, {}, never, ["[recorderSuffix]", "[afterRecorder]", "*"], false, never>;
 }

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

@@ -0,0 +1,70 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { MatTabChangeEvent, MatTabGroup } from '@angular/material/tabs';
+import { AlertController, NavController } from '@ionic/angular';
+import { TranslateService } from '@ngx-translate/core';
+import { HammerSwipeEvent } from '../../../shared/gesture/hammer.utils';
+import { AppEditor, IAppEditor } from './editor.class';
+import * as i0 from "@angular/core";
+export interface IAppTabEditor<T = any> extends IAppEditor<T> {
+    selectedTabIndex: number;
+    setSelectedTabIndex(value: number, opts?: {
+        emitEvent?: boolean;
+        realignInkBar?: boolean;
+    }): void;
+    unload(opts?: {
+        emitEvent?: boolean;
+    }): Promise<void>;
+    realignInkBar(): void;
+}
+export declare class AppTabEditorOptions {
+    /**
+     * Number of tab. 1 by default
+     */
+    tabCount?: number;
+    /**
+     * '200ms' by default
+     */
+    tabGroupAnimationDuration?: string;
+    /**
+     * Should enable swipe between tab, on touch screen
+     */
+    enableSwipe?: boolean;
+}
+export declare abstract class AppTabEditor<T = any, ID = number, O = any> extends AppEditor<T, ID, O> implements IAppTabEditor<T>, OnInit, OnDestroy {
+    protected route: ActivatedRoute;
+    protected router: Router;
+    protected navController: NavController;
+    protected alertCtrl: AlertController;
+    protected translate: TranslateService;
+    protected _selectedTabIndex: number;
+    protected tabCount: number;
+    protected enableSwipe: boolean;
+    protected tabGroupAnimationDuration: string;
+    queryTabIndexParamName: string;
+    set selectedTabIndex(value: number);
+    get selectedTabIndex(): number;
+    readonly selectedTabIndexChange: EventEmitter<number>;
+    tabGroup: MatTabGroup;
+    protected constructor(route: ActivatedRoute, // Modal editor give 'null'
+    router: Router, navController: NavController, alertCtrl: AlertController, translate: TranslateService, options?: AppTabEditorOptions);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    setSelectedTabIndex(value: number, opts?: {
+        emitEvent?: boolean;
+        realignInkBar?: boolean;
+    }): void;
+    realignInkBar(): void;
+    onTabChange(event: MatTabChangeEvent, queryTabIndexParamName?: string): boolean;
+    /**
+     * Action triggered when user swipes
+     */
+    onSwipeTab(event: HammerSwipeEvent): boolean;
+    onSubTabChange(event: MatTabChangeEvent): void;
+    unload(opts?: {
+        emitEvent?: boolean;
+    }): Promise<void>;
+    protected abstract getFirstInvalidTabIndex(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppTabEditor<any, any, any>, [{ optional: true; }, null, null, null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AppTabEditor<any, any, any>, never, never, { "queryTabIndexParamName": { "alias": "queryTabIndexParamName"; "required": false; }; "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; }, { "selectedTabIndexChange": "selectedTabIndexChange"; }, never, never, false, never>;
+}

package/src/app/core/form/form-container.class.d.ts

@@ -0,0 +1,126 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { BehaviorSubject, Subject, Subscription } from 'rxjs';
+import { IAppForm, IAppFormGetter } from './form.utils';
+import { WaitForOptions } from '../../shared/observables';
+import { AppTable } from '../table/table.class';
+import { AppForm } from './form.class';
+import { AppEditor } from './entity/editor.class';
+import { AbstractControl } from '@angular/forms';
+import { AppAsyncTable } from '../table/async-table.class';
+import * as i0 from "@angular/core";
+export interface IAppFormContainer<T = any> extends IAppForm<T> {
+    children: IAppForm[];
+    tables: AppTable<any>[];
+    asyncTables: AppAsyncTable<any>[];
+    forms: AppForm<any>[];
+    editors: AppEditor<any>[];
+    addForm(path: string, form?: IAppForm | IAppFormGetter): void;
+    addForms(forms: (IAppForm | IAppFormGetter)[]): void;
+    removeForm(form: string | IAppForm | IAppFormGetter): IAppForm | IAppFormGetter;
+}
+export declare abstract class AppFormContainer<T = any> implements IAppFormContainer<T>, OnInit, OnDestroy {
+    private _children;
+    private _childrenPath;
+    private _subscription;
+    protected _logPrefix: string;
+    protected _enabled: boolean;
+    protected readonly destroySubject: Subject<void>;
+    readonly readySubject: BehaviorSubject<boolean>;
+    readonly loadingSubject: BehaviorSubject<boolean>;
+    readonly dirtySubject: BehaviorSubject<boolean>;
+    readonly touchedSubject: BehaviorSubject<boolean>;
+    readonly errorSubject: BehaviorSubject<string>;
+    get children(): IAppForm[];
+    get tables(): AppTable<any>[];
+    get asyncTables(): AppAsyncTable<any>[];
+    get forms(): AppForm<any>[];
+    get editors(): AppEditor<any>[];
+    get error(): string;
+    set error(error: string);
+    get loading(): boolean;
+    get loaded(): boolean;
+    get dirty(): boolean;
+    get valid(): boolean;
+    get invalid(): boolean;
+    get pending(): boolean;
+    get empty(): boolean;
+    get touched(): boolean;
+    get untouched(): boolean;
+    get enabled(): boolean;
+    get disabled(): boolean;
+    get destroyed(): boolean;
+    debug: boolean;
+    protected constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    addForm(path: string, form?: IAppForm | IAppFormGetter): void;
+    addForms(forms: (IAppForm | IAppFormGetter)[]): void;
+    removeForm(form: string | IAppForm | IAppFormGetter): IAppForm | IAppFormGetter;
+    disable(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    enable(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    markAsPristine(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    markAsUntouched(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    /**
+     * @deprecated prefer to use markAllAsTouched()
+     * @param opts
+     */
+    markAsTouched(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    markAllAsTouched(opts?: {
+        emitEvent?: boolean;
+    }): void;
+    markAsDirty(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    markAsLoading(opts?: {
+        emitEvent?: boolean;
+    }): void;
+    markAsLoaded(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    markAsReady(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    /**
+     * Wait form is ready
+     *
+     * @param opts
+     */
+    ready(opts?: WaitForOptions): Promise<void>;
+    /**
+     * Wait form is not busy (=loaded)
+     *
+     * @param opts
+     */
+    waitIdle(opts?: WaitForOptions): Promise<void>;
+    logFormErrors(prefix?: string): void;
+    protected registerSubscription(sub: Subscription): void;
+    protected unregisterSubscription(sub: Subscription): void;
+    protected setError(value: string, opts?: {
+        emitEvent?: boolean;
+    }): void;
+    protected resetError(opts?: {
+        emitEvent?: boolean;
+    }): void;
+    protected markForCheck(): void;
+    protected logChildrenErrors(c: IAppForm | AbstractControl, prefix?: string, path?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppFormContainer<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AppFormContainer<any>, never, never, { "debug": { "alias": "debug"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -4,42 +4,26 @@ import { BehaviorSubject, Subject, Subscription } from 'rxjs';
 import { IAppForm } from './form.utils';
 import { LocalSettingsService } from '../services/local-settings.service';
 import { WaitForOptions } from '../../shared/observables';
-import { FormErrorTranslator, FormErrorTranslatorOptions, IFormControlPathTranslator } from '../../shared/validator/form-error-adapter.class';
+import { FormErrorTranslateOptions, FormErrorTranslator, IFormPathTranslator } from '../../shared/validator/form-error-adapter.class';
 import { TranslateService } from '@ngx-translate/core';
 import { MatAutocompleteConfigHolder, MatAutocompleteFieldAddOptions, MatAutocompleteFieldConfig } from '../../shared/material/autocomplete/material.autocomplete.config';
 import * as i0 from "@angular/core";
-export declare class AppForm<T> implements IAppForm, OnInit, OnDestroy, IFormControlPathTranslator {
+export declare class AppForm<T> implements IAppForm<T>, OnInit, OnDestroy, IFormPathTranslator {
     private _subscription;
     protected _form: UntypedFormGroup;
-    protected _enable: boolean;
+    protected _enabled: boolean;
     protected errorTranslator: FormErrorTranslator;
     protected i18nFieldPrefix: string;
     protected readonly translate: TranslateService;
     protected readonly settings: LocalSettingsService;
     protected readonly destroySubject: Subject<void>;
+    readonly readySubject: BehaviorSubject<boolean>;
+    readonly loadingSubject: BehaviorSubject<boolean>;
+    readonly errorSubject: BehaviorSubject<string>;
     readonly autocompleteHelper: MatAutocompleteConfigHolder;
     readonly autocompleteFields: {
         [key: string]: MatAutocompleteFieldConfig;
     };
-    readonly readySubject: BehaviorSubject<boolean>;
-    readonly loadingSubject: BehaviorSubject<boolean>;
-    readonly errorSubject: BehaviorSubject<string>;
-    /**
-     *  @deprecated
-     */
-    protected set _loading(value: boolean);
-    /**
-     *  @deprecated
-     */
-    protected get _loading(): boolean;
-    /**
-     *  @deprecated
-     */
-    protected get _$ready(): BehaviorSubject<boolean>;
-    /**
-     *  @deprecated
-     */
-    protected get _$loading(): BehaviorSubject<boolean>;
     get error(): string;
     set error(error: string);
     get loading(): boolean;
@@ -66,7 +50,7 @@ export declare class AppForm<T> implements IAppForm, OnInit, OnDestroy, IFormCon
     get destroyed(): boolean;
     debug: boolean;
     tabindex: number;
-    errorTranslatorOptions: FormErrorTranslatorOptions;
+    errorTranslateOptions: FormErrorTranslateOptions;
     set form(value: UntypedFormGroup);
     get form(): UntypedFormGroup;
     onCancel: EventEmitter<any>;
@@ -84,6 +68,7 @@ export declare class AppForm<T> implements IAppForm, OnInit, OnDestroy, IFormCon
         checkValid?: boolean;
     }): Promise<void>;
     setForm(form: UntypedFormGroup): void;
+    getValue(): Promise<T> | T;
     setValue(data: T, opts?: {
         emitEvent?: boolean;
         onlySelf?: boolean;
@@ -141,8 +126,8 @@ export declare class AppForm<T> implements IAppForm, OnInit, OnDestroy, IFormCon
         onlySelf?: boolean;
         emitEvent?: boolean;
     }): void;
-    translateControlPath(path: string): any;
-    protected getFormError(form: UntypedFormGroup, opts?: FormErrorTranslatorOptions): string;
+    translateFormPath(path: string): any;
+    protected getFormError(form: UntypedFormGroup, opts?: FormErrorTranslateOptions): string;
     protected getI18nFieldName(path: string): string;
     protected registerSubscription(sub: Subscription): void;
     protected unregisterSubscription(sub: Subscription): void;
@@ -153,5 +138,7 @@ export declare class AppForm<T> implements IAppForm, OnInit, OnDestroy, IFormCon
     protected markForCheck(): void;
     private setLoading;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppForm<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AppForm<any>, never, never, { "debug": { "alias": "debug"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "errorTranslatorOptions": { "alias": "errorTranslatorOptions"; "required": false; }; "form": { "alias": "form"; "required": false; }; }, { "onCancel": "onCancel"; "onSubmit": "onSubmit"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AppForm<any>, never, never, { "debug": { "alias": "debug"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "errorTranslateOptions": { "alias": "errorTranslateOptions"; "required": false; }; "form": { "alias": "form"; "required": false; }; }, { "onCancel": "onCancel"; "onSubmit": "onSubmit"; }, never, never, false, never>;
+    static ngAcceptInputType_debug: unknown;
+    static ngAcceptInputType_tabindex: unknown;
 }

package/src/app/core/form/form.module.d.ts

@@ -6,8 +6,9 @@ import * as i4 from "./list/list.module";
 import * as i5 from "./properties/properties.module";
 import * as i6 from "./text-popover/text-popover.module";
 import * as i7 from "./buttons/form-buttons-bar.module";
+import * as i8 from "./username/username.module";
 export declare class AppFormModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AppFormModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AppFormModule, never, [typeof i1.SharedModule, typeof i2.TranslateModule, typeof i3.AppEntityFormModule, typeof i4.AppListFormModule, typeof i5.AppPropertiesFormModule, typeof i6.AppTextPopoverModule, typeof i7.AppFormButtonsBarModule], [typeof i2.TranslateModule, typeof i3.AppEntityFormModule, typeof i4.AppListFormModule, typeof i5.AppPropertiesFormModule, typeof i6.AppTextPopoverModule, typeof i7.AppFormButtonsBarModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppFormModule, never, [typeof i1.SharedModule, typeof i2.TranslateModule, typeof i3.AppEntityFormModule, typeof i4.AppListFormModule, typeof i5.AppPropertiesFormModule, typeof i6.AppTextPopoverModule, typeof i7.AppFormButtonsBarModule, typeof i8.AppUsernameFormModule], [typeof i2.TranslateModule, typeof i3.AppEntityFormModule, typeof i4.AppListFormModule, typeof i5.AppPropertiesFormModule, typeof i6.AppTextPopoverModule, typeof i7.AppFormButtonsBarModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AppFormModule>;
 }