@sumaris-net/ngx-components 2.0.0-rc1 → 2.0.0-rc4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.0.0-rc1",
+  "version": "2.0.0-rc4",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",
@@ -13,9 +13,13 @@
     "tslib": "~2.3.0"
   },
   "peerDependencies": {
+    "@angular-devkit/build-angular": "~14.2.5",
+    "@angular/compiler-cli": "~14.2.5",
     "@apollo/client": "~3.6.9",
     "@ionic/storage": "~3.0.6",
-    "localforage": "~1.10.0"
+    "d3": "~7.6.1",
+    "localforage": "~1.10.0",
+    "rxjs": "^6.6.7"
   },
   "repository": {
     "type": "git",

package/public_api.d.ts

@@ -30,8 +30,8 @@ export * from './src/app/shared/material/numpad/numpad.content';
 export * from './src/app/shared/material/numpad/numpad.component';
 export * from './src/app/shared/material/swipe/swipe.module';
 export * from './src/app/shared/material/swipe/material.swipe';
-export * from './src/app/shared/material/badge/badge-icon.module';
-export * from './src/app/shared/material/badge/badge-icon.directive';
+export * from './src/app/shared/material/badge/badge.module';
+export * from './src/app/shared/material/badge/badge.directive';
 export * from './src/app/shared/inputs';
 export { AppFormField } from './src/app/shared/form/field.component';
 export * from './src/app/shared/form/loading-spinner';
@@ -110,6 +110,8 @@ export * from './src/app/shared/gesture/hammer.utils';
 export * from './src/app/shared/validator/validators';
 export * from './src/app/shared/validator/form-error-adapter.class';
 export * from './src/app/shared/material/latlong/latlong.utils';
+export * from './src/app/shared/debug/debug.module';
+export * from './src/app/shared/debug/debug.component';
 export * from './src/app/core/core.module';
 export * from './src/app/core/services/model/account.model';
 export * from './src/app/core/services/model/config.model';
@@ -151,7 +153,7 @@ export * from './src/app/core/form/form.class';
 export * from './src/app/core/form/form.utils';
 export * from './src/app/core/form/form-buttons-bar.component';
 export * from './src/app/core/form/list.form';
-export * from './src/app/core/form/properties.form';
+export * from './src/app/core/form/properties/properties.form';
 export * from './src/app/core/table/table.class';
 export * from './src/app/core/table/table.utils';
 export * from './src/app/core/table/memory-table.class';
@@ -191,7 +193,8 @@ export * from './src/app/social/user-event/notification/user-event-notification.
 export * from './src/app/social/job/job.module';
 export * from './src/app/social/job/job.model';
 export * from './src/app/social/job/job.service';
-export * from './src/app/social/job/progression/job-progression.component';
+export * from './src/app/social/job/progression/job-progression.icon';
+export * from './src/app/social/job/progression/job-progression.list';
 export * from './src/app/social/message/message.module';
 export * from './src/app/social/message/message.model';
 export * from './src/app/social/message/message.service';
@@ -202,6 +205,7 @@ export { AdminRoutingModule } from './src/app/admin/admin-routing.module';
 export * from './src/app/admin/services/filter/person.filter';
 export * from './src/app/admin/services/validator/person.validator';
 export * from './src/app/admin/services/person.service';
+export * from './src/app/admin/users/list/users.module';
 export * from './src/app/admin/users/list/users';
 export * from './src/app/shared/testing/tests.page';
 import * as _test from './public_test_api';

package/src/app/admin/admin.module.d.ts

@@ -1,14 +1,10 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./users/list/users";
-import * as i2 from "@angular/common";
-import * as i3 from "../core/core.module";
-import * as i4 from "../social/social.module";
-import * as i5 from "../shared/material/material.module";
-import * as i6 from "ngx-jdenticon";
-import * as i7 from "@ngx-translate/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../core/core.module";
+import * as i3 from "./users/list/users.module";
 export declare class AdminModule {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<AdminModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AdminModule, [typeof i1.UsersPage], [typeof i2.CommonModule, typeof i3.CoreModule, typeof i4.SocialModule, typeof i5.SharedMaterialModule, typeof i6.NgxJdenticonModule, typeof i7.TranslateModule], [typeof i4.SocialModule, typeof i1.UsersPage]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdminModule, never, [typeof i1.CommonModule, typeof i2.CoreModule, typeof i3.AdminUsersModule], [typeof i3.AdminUsersModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AdminModule>;
 }

package/src/app/admin/users/list/users.d.ts

@@ -31,6 +31,7 @@ export declare class UsersPage extends AppTable<Person, PersonFilter> implements
     useSticky: boolean;
     constructor(injector: Injector, formBuilder: UntypedFormBuilder, accountService: AccountService, validatorService: ValidatorService, configService: ConfigService, dataService: PersonService, messageService: MessageService, cd: ChangeDetectorRef, environment: any);
     filterExpansionPanel: MatExpansionPanel;
+    get firstUserColumn(): string;
     ngOnInit(): void;
     applyFilterAndClosePanel(event?: Event): void;
     resetFilter(event?: Event): void;

package/src/app/admin/users/list/users.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./users";
+import * as i2 from "@angular/common";
+import * as i3 from "ngx-jdenticon";
+import * as i4 from "@ngx-translate/core";
+import * as i5 from "../../../core/core.module";
+import * as i6 from "../../../social/social.module";
+import * as i7 from "../../../shared/material/material.module";
+import * as i8 from "../../../shared/debug/debug.module";
+export declare class AdminUsersModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdminUsersModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdminUsersModule, [typeof i1.UsersPage], [typeof i2.CommonModule, typeof i3.NgxJdenticonModule, typeof i4.TranslateModule, typeof i5.CoreModule, typeof i6.SocialModule, typeof i7.SharedMaterialModule, typeof i8.SharedDebugModule], [typeof i6.SocialModule, typeof i4.TranslateModule, typeof i1.UsersPage]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdminUsersModule>;
+}

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

@@ -15,7 +15,7 @@ import * as i12 from "./table/table-select-columns.component";
 import * as i13 from "./table/actions-column.component";
 import * as i14 from "./form/entity-metadata.component";
 import * as i15 from "./form/form-buttons-bar.component";
-import * as i16 from "./form/properties.form";
+import * as i16 from "./form/properties/properties.form";
 import * as i17 from "./form/list.form";
 import * as i18 from "./text-popover/text-popover.component";
 import * as i19 from "./text-popover/text-form.component";

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

@@ -5,9 +5,10 @@ import * as i2 from "@ngx-translate/core";
 import * as i3 from "@angular/router";
 import * as i4 from "./table/testing/table.testing.module";
 import * as i5 from "./text-popover/testing/text-popover.testing.module";
+import * as i6 from "./form/properties/testing/properties-form.testing.module";
 export declare const CORE_TESTING_PAGES: TestingPage[];
 export declare class CoreTestingModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CoreTestingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CoreTestingModule, never, [typeof i1.CommonModule, typeof i2.TranslateModule, typeof i3.RouterModule, typeof i4.TableTestingModule, typeof i5.TextPopoverTestingModule], [typeof i3.RouterModule, typeof i4.TableTestingModule, typeof i5.TextPopoverTestingModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CoreTestingModule, never, [typeof i1.CommonModule, typeof i2.TranslateModule, typeof i3.RouterModule, typeof i4.TableTestingModule, typeof i5.TextPopoverTestingModule, typeof i6.PropertiesFormTestingModule], [typeof i3.RouterModule, typeof i4.TableTestingModule, typeof i5.TextPopoverTestingModule, typeof i6.PropertiesFormTestingModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CoreTestingModule>;
 }

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

@@ -53,12 +53,14 @@ export declare abstract class AppEditor<T = any, ID = number, O = any> implement
     private _children;
     private _subscription;
     protected _enabled: boolean;
-    protected _dirty: boolean;
     protected toastController: ToastController;
     protected readonly destroySubject: Subject<void>;
     readonly readySubject: BehaviorSubject<boolean>;
+    readonly dirtySubject: BehaviorSubject<boolean>;
     readonly loadingSubject: BehaviorSubject<boolean>;
     readonly errorSubject: BehaviorSubject<string>;
+    readonly savingSubject: BehaviorSubject<boolean>;
+    readonly touchedSubject: BehaviorSubject<boolean>;
     debug: boolean;
     previousDataId: ID;
     submitted: boolean;
@@ -85,6 +87,8 @@ export declare abstract class AppEditor<T = any, ID = number, O = any> implement
     protected get _$loading(): BehaviorSubject<boolean>;
     get error(): string;
     set error(error: string);
+    get saving(): boolean;
+    get destroyed(): boolean;
     toolbar: ToolbarToken | null;
     formButtonsBar: FormButtonsBarToken | null;
     content: IonContent;
@@ -99,6 +103,9 @@ export declare abstract class AppEditor<T = any, ID = number, O = any> implement
     get invalid(): boolean;
     get pending(): boolean;
     get loading(): boolean;
+    get loaded(): boolean;
+    get touched(): boolean;
+    get untouched(): boolean;
     get enabled(): boolean;
     get disabled(): boolean;
     get children(): IAppForm[];
@@ -155,6 +162,12 @@ export declare abstract class AppEditor<T = any, ID = number, O = any> implement
     }): void;
     ready(opts?: WaitForOptions): Promise<void>;
     waitIdle(opts?: WaitForOptions): Promise<void>;
+    markAsSaving(opts?: {
+        emitEvent?: boolean;
+    }): void;
+    markAsSaved(opts?: {
+        emitEvent?: boolean;
+    }): void;
     cancel(event?: Event): Promise<void>;
     /**
      * Unload the page (remove all data). Useful when reusing angular cache a cancelled page
@@ -169,15 +182,16 @@ export declare abstract class AppEditor<T = any, ID = number, O = any> implement
     abstract load(id?: ID, options?: O): Promise<void>;
     abstract save(event?: Event, options?: any): Promise<boolean>;
     abstract reload(): Promise<void>;
-    logFormErrors(): void;
+    logFormErrors(prefix?: string): void;
     protected scrollToTop(duration?: number): Promise<void>;
     protected registerSubscription(sub: Subscription | TeardownLogic): void;
     protected unregisterSubscription(sub: Subscription): void;
-    protected saveIfDirtyAndConfirm(event?: Event, opts?: {
-        emitEvent: boolean;
+    protected saveIfDirtyAndConfirm(event?: UIEvent, opts?: {
+        emitEvent?: boolean;
+        confirmed?: boolean;
     }): Promise<boolean>;
     protected showToast(opts: ShowToastOptions): Promise<void>;
-    protected logChildrenFormErrors(c: IAppForm | AbstractControl, prefix?: string, path?: string): void;
+    protected logChildrenErrors(c: IAppForm | AbstractControl, prefix?: string, path?: string): void;
     protected setError(value: string, opts?: {
         emitEvent?: boolean;
     }): void;
@@ -221,7 +235,7 @@ export declare abstract class AppTabEditor<T = any, ID = number, O = any> extend
         emitEvent?: boolean;
     }): Promise<void>;
     protected abstract getFirstInvalidTabIndex(): number;
-    protected saveDirtyTables(): Promise<boolean>;
+    protected saveDirtyChildren(): Promise<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppTabEditor<any, any, any>, [{ optional: true; }, null, null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AppTabEditor<any, any, any>, never, never, { "queryTabIndexParamName": "queryTabIndexParamName"; "selectedTabIndex": "selectedTabIndex"; }, { "selectedTabIndexChange": "selectedTabIndexChange"; }, never, never, false>;
 }

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

@@ -13,11 +13,12 @@ import { FormErrorTranslator } from '../../shared/validator/form-error-adapter.c
 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> {
-    usageMode: UsageMode;
+    isNew: boolean;
     data: T;
     disabled: boolean;
     onAfterModalInit?: <M extends AppEntityEditorModal<T, ID>>(modal: M) => void | Promise<void>;
     onDelete?: (event: Event, data: T) => Promise<boolean>;
+    usageMode: UsageMode;
     mobile: boolean;
     i18nSuffix?: string;
 }
@@ -28,7 +29,7 @@ export declare abstract class AppEntityEditorModal<T extends Entity<T, ID>, ID =
     protected dataType: new () => T;
     private _usageMode;
     protected _logPrefix: any;
-    protected _isNewData: boolean;
+    protected _isNew: boolean;
     protected readonly dateFormat: DateFormatPipe;
     protected readonly cd: ChangeDetectorRef;
     protected readonly settings: LocalSettingsService;
@@ -43,8 +44,16 @@ export declare abstract class AppEntityEditorModal<T extends Entity<T, ID>, ID =
     onAfterModalInit: <M extends AppEntityEditorModal<T, ID>>(modal: M) => void | Promise<void>;
     onDelete: (event: Event, data: T) => Promise<boolean>;
     i18nSuffix: string;
-    set isNewData(value: boolean);
+    set isNew(value: boolean);
+    get isNew(): boolean;
+    /**
+     * @deprecated use isNew instead
+     */
     get isNewData(): boolean;
+    /**
+     * @deprecated use isNew instead
+     */
+    set isNewData(value: boolean);
     set disabled(value: boolean);
     get disabled(): boolean;
     get isOnFieldMode(): boolean;
@@ -118,5 +127,5 @@ export declare abstract class AppEntityEditorModal<T extends Entity<T, ID>, ID =
      */
     private openFirstInvalidTab;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppEntityEditorModal<any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AppEntityEditorModal<any, any, any>, never, never, { "data": "data"; "mobile": "mobile"; "usageMode": "usageMode"; "onAfterModalInit": "onAfterModalInit"; "onDelete": "onDelete"; "i18nSuffix": "i18nSuffix"; "isNewData": "isNewData"; "disabled": "disabled"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AppEntityEditorModal<any, any, any>, never, never, { "data": "data"; "mobile": "mobile"; "usageMode": "usageMode"; "onAfterModalInit": "onAfterModalInit"; "onDelete": "onDelete"; "i18nSuffix": "i18nSuffix"; "isNew": "isNew"; "isNewData": "isNewData"; "disabled": "disabled"; }, {}, never, never, false>;
 }

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

@@ -1,5 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, EventEmitter, Injector, OnDestroy, OnInit } from '@angular/core';
-import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
 import { AddToPageHistoryOptions, LocalSettingsService } from '../services/local-settings.service';
 import { Entity } from '../services/model/entity.model';
 import { UsageMode } from '../services/model/settings.model';
@@ -59,7 +59,6 @@ export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends
     protected readonly settings: LocalSettingsService;
     protected readonly environment: Environment;
     protected errorTranslator: FormErrorTranslator;
-    readonly savingSubject: BehaviorSubject<boolean>;
     data: T;
     defaultBackHref: string;
     historyIcon: {
@@ -72,15 +71,7 @@ export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends
     set usageMode(value: UsageMode);
     get isOnFieldMode(): boolean;
     get isNewData(): boolean;
-    get loading(): boolean;
-    get saving(): boolean;
     get service(): S;
-    markAsSaving(opts?: {
-        emitEvent?: boolean;
-    }): void;
-    markAsSaved(opts?: {
-        emitEvent?: boolean;
-    }): void;
     protected constructor(injector: Injector, dataType: new () => T, dataService?: S, options?: AppEditorOptions);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -144,7 +135,9 @@ export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends
     saveAndGetDataIfValid(): Promise<T | undefined>;
     delete(event?: Event): Promise<boolean>;
     reload(): Promise<void>;
-    unload(): Promise<void>;
+    unload(opts?: {
+        emitEvent?: boolean;
+    }): Promise<void>;
     goBack(event?: Event): Promise<void | boolean>;
     resetError(opts?: {
         emitEvent?: boolean;

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

@@ -51,6 +51,7 @@ export declare abstract class AppForm<T> implements IAppForm, OnInit, OnDestroy,
     get pending(): boolean;
     get valid(): boolean;
     get empty(): boolean;
+    get touched(): boolean;
     get untouched(): boolean;
     get enabled(): boolean;
     get disabled(): boolean;
@@ -62,6 +63,7 @@ export declare abstract class AppForm<T> implements IAppForm, OnInit, OnDestroy,
         onlySelf?: boolean;
         emitEvent?: boolean;
     }): void;
+    get destroyed(): boolean;
     debug: boolean;
     tabindex: number;
     errorTranslatorOptions: FormErrorTranslatorOptions;

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

@@ -2,7 +2,7 @@ import { AbstractControl, UntypedFormArray, UntypedFormBuilder, UntypedFormGroup
 import { Entity } from '../services/model/entity.model';
 import { filterNumberInput, selectInputContent } from '../../shared/inputs';
 import { WaitForOptions } from '../../shared/observables';
-import { addValueInArray, clearValueInArray, copyEntity2Form, disableControls, getControlFromPath, getFormErrors, getFormValueFromEntity, logFormErrors, markAllAsTouched, markAsUntouched, removeValueInArray, resizeArray, updateValueAndValidity, waitIdle, waitWhilePending } from '../../shared/forms';
+import { clearValueInArray, copyEntity2Form, disableControls, getControlFromPath, getFormErrors, getFormValueFromEntity, logFormErrors, markAllAsTouched, markAsUntouched, pushValueInArray, removeValueInArray, resizeArray, updateValueAndValidity, waitIdle, waitWhilePending } from '../../shared/forms';
 export declare type IAppFormGetter = () => IAppForm;
 export declare interface OnReady {
     ngOnReady(): any;
@@ -15,6 +15,8 @@ export interface IAppForm {
     error: string;
     enabled: boolean;
     disabled: boolean;
+    touched: boolean;
+    untouched: boolean;
     empty?: boolean;
     loading?: boolean;
     ready(): Promise<void>;
@@ -71,7 +73,9 @@ export declare class AppNullForm implements IAppForm {
     readonly error: any;
     readonly enabled = false;
     readonly loading = false;
+    readonly touched = false;
     get disabled(): boolean;
+    get untouched(): boolean;
     disable(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
@@ -129,6 +133,8 @@ export declare class AppFormProvider<F extends IAppForm = IAppForm> implements I
     get empty(): boolean;
     get pending(): boolean;
     get loading(): boolean;
+    get touched(): boolean;
+    get untouched(): boolean;
     ready(): Promise<any>;
     waitIdle(opts?: WaitForOptions): Promise<any>;
     disable(opts?: {
@@ -174,22 +180,35 @@ export declare class AppFormProvider<F extends IAppForm = IAppForm> implements I
 export interface FormArrayHelperOptions {
     allowEmptyArray: boolean;
     validators?: ValidatorFn[];
+    helperProperty?: boolean;
 }
 export declare class FormArrayHelper<T = Entity<any>, C extends AbstractControl = AbstractControl> {
     private readonly _formArray;
     private createControl;
     private equals;
     private isEmpty;
+    static FORMA_HELPER_PROPERTY: string;
     static getOrCreateArray(formBuilder: UntypedFormBuilder, form: UntypedFormGroup, arrayName: string): UntypedFormArray;
+    static hasHelper(formArray: UntypedFormArray): formArray is UntypedFormArray & {
+        _helper: FormArrayHelper<any>;
+    };
     private _allowEmptyArray;
     private readonly _validators;
     get allowEmptyArray(): boolean;
     set allowEmptyArray(value: boolean);
     get formArray(): UntypedFormArray;
     constructor(_formArray: UntypedFormArray, createControl: (value?: T) => C, equals: (v1: T, v2: T) => boolean, isEmpty: (value: T) => boolean, options?: FormArrayHelperOptions);
+    /**
+     * @param value
+     * @param options
+     * @deprecated Use push() instead
+     */
     add(value?: T, options?: {
         emitEvent: boolean;
     }): boolean;
+    push(value?: T, options?: {
+        emitEvent: boolean;
+    }): boolean;
     removeAt(index: number): boolean;
     resize(length: number): boolean;
     clearAt(index: number): boolean;
@@ -197,6 +216,13 @@ export declare class FormArrayHelper<T = Entity<any>, C extends AbstractControl
     removeAllEmpty(): void;
     size(): number;
     at(index: number): C;
+    /**
+     * Patch a FormArray, using default values
+     * @param values default values to apply.
+     * @param opts
+     * @return true if form arry has been changed
+     */
+    patchValue(values: T[]): boolean;
     disable(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
@@ -232,7 +258,7 @@ export declare class AppFormUtils {
     static updateValueAndValidity: typeof updateValueAndValidity;
     static getFormErrors: typeof getFormErrors;
     static isForm(object: any): object is IAppForm;
-    static addValueInArray: typeof addValueInArray;
+    static pushValueInArray: typeof pushValueInArray;
     static removeValueInArray: typeof removeValueInArray;
     static resizeArray: typeof resizeArray;
     static clearValueInArray: typeof clearValueInArray;

package/src/app/core/form/{properties.form.d.ts → properties/properties.form.d.ts}

@@ -1,18 +1,21 @@
 import { ChangeDetectorRef, Injector, OnInit } from '@angular/core';
 import { UntypedFormArray, UntypedFormBuilder, UntypedFormGroup, FormGroupDirective } from '@angular/forms';
-import { FormFieldDefinition, FormFieldDefinitionMap } from '../../shared/form/field.model';
-import { DateAdapter } from '@angular/material/core';
+import { FormFieldDefinition, FormFieldDefinitionMap } from '../../../shared/form/field.model';
+import { DateAdapter, ThemePalette } from '@angular/material/core';
 import { Moment } from 'moment';
-import { LocalSettingsService } from '../services/local-settings.service';
-import { AppForm } from './form.class';
-import { FormArrayHelper, FormArrayHelperOptions } from './form.utils';
-import { Property } from '../../shared/types';
+import { LocalSettingsService } from '../../services/local-settings.service';
+import { AppForm } from '../form.class';
+import { FormArrayHelper, FormArrayHelperOptions } from '../form.utils';
+import { Property } from '../../../shared/types';
+import { PropertyValidator } from './property.validator';
+import { PredefinedColors } from '@ionic/core';
 import * as i0 from "@angular/core";
 export declare class AppPropertiesForm<T = Property> extends AppForm<T[]> implements OnInit {
     protected formBuilder: UntypedFormBuilder;
     protected dateAdapter: DateAdapter<Moment>;
     protected settings: LocalSettingsService;
     protected cd: ChangeDetectorRef;
+    protected validator: PropertyValidator;
     private formGroupDir;
     definitionsMapByKey: FormFieldDefinitionMap;
     definitionsByIndex: {
@@ -23,21 +26,18 @@ export declare class AppPropertiesForm<T = Property> extends AppForm<T[]> implem
     formArray: UntypedFormArray;
     options: FormArrayHelperOptions;
     definitions: FormFieldDefinition[];
+    chipColor: ThemePalette | PredefinedColors;
     set value(data: T[]);
     get value(): T[];
     get fieldForms(): UntypedFormGroup[];
-    constructor(injector: Injector, formBuilder: UntypedFormBuilder, dateAdapter: DateAdapter<Moment>, settings: LocalSettingsService, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
+    constructor(injector: Injector, formBuilder: UntypedFormBuilder, dateAdapter: DateAdapter<Moment>, settings: LocalSettingsService, cd: ChangeDetectorRef, validator: PropertyValidator, formGroupDir: FormGroupDirective);
     ngOnInit(): void;
     getDefinitionAt(index: number): FormFieldDefinition;
     updateDefinitionAt(index: number): FormFieldDefinition;
     removeAt(index: number): void;
     isUnknownField(fieldForm: UntypedFormGroup): boolean;
     setValue(data: T[] | any): void;
-    protected getPropertyFormGroup(data?: {
-        key: string;
-        value?: string;
-    }): UntypedFormGroup;
     protected markForCheck(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AppPropertiesForm<any>, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppPropertiesForm<any>, "app-properties-form", never, { "formArrayName": "formArrayName"; "formArray": "formArray"; "options": "options"; "definitions": "definitions"; }, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppPropertiesForm<any>, [null, null, null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppPropertiesForm<any>, "app-properties-form", never, { "formArrayName": "formArrayName"; "formArray": "formArray"; "options": "options"; "definitions": "definitions"; "chipColor": "chipColor"; }, {}, never, never, false>;
 }

package/src/app/core/form/properties/property.validator.d.ts

@@ -0,0 +1,13 @@
+import { UntypedFormBuilder } from '@angular/forms';
+import { Property } from '../../../shared/types';
+import { AppValidatorService } from '../../services/validator/base.validator.class';
+import * as i0 from "@angular/core";
+export declare class PropertyValidator extends AppValidatorService<Property> {
+    protected formBuilder: UntypedFormBuilder;
+    constructor(formBuilder: UntypedFormBuilder);
+    getFormGroupConfig(data?: Property): {
+        [p: string]: any;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<PropertyValidator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PropertyValidator, never, never, {}, {}, never, never, false>;
+}

package/src/app/core/form/properties/testing/properties-form.test.d.ts

@@ -0,0 +1,19 @@
+import { AfterViewInit, OnInit } from '@angular/core';
+import { FormFieldDefinition } from '../../../../shared/form/field.model';
+import { AppPropertiesForm } from '../properties.form';
+import { LoadResult } from '../../../../shared/services/entity-service.class';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class PropertiesFormTestPage implements OnInit, AfterViewInit {
+    protected formBuilder: FormBuilder;
+    propertyDefinitions: FormFieldDefinition[];
+    i18nFieldPrefix: string;
+    form: FormGroup;
+    propertiesForm: AppPropertiesForm;
+    constructor(formBuilder: FormBuilder);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    protected suggestEntity(value: any, filter: any): Promise<LoadResult<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PropertiesFormTestPage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PropertiesFormTestPage, "app-properties-form-test", never, {}, {}, never, never, false>;
+}

package/src/app/core/form/properties/testing/properties-form.testing.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./properties-form.test";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../../shared/shared.module";
+import * as i4 from "../../../core.module";
+import * as i5 from "@ngx-translate/core";
+import * as i6 from "@angular/router";
+export declare class PropertiesFormTestingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PropertiesFormTestingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PropertiesFormTestingModule, [typeof i1.PropertiesFormTestPage], [typeof i2.CommonModule, typeof i3.SharedModule, typeof i4.CoreModule, typeof i5.TranslateModule], [typeof i6.RouterModule, typeof i1.PropertiesFormTestPage]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PropertiesFormTestingModule>;
+}

package/src/app/core/services/model/referential.model.d.ts

@@ -1,5 +1,6 @@
 import { Moment } from 'moment';
 import { Entity, EntityAsObjectOptions, IEntity } from './entity.model';
+import { IconRef } from '../../../shared/types';
 export declare function referentialToString(obj: Referential | any, properties?: string[]): string | undefined;
 export declare function referentialsToString(values: Referential[], properties?: string[], separator?: string): string;
 export declare interface IStatus {
@@ -8,7 +9,7 @@ export declare interface IStatus {
     label: string;
 }
 export declare const StatusList: Readonly<IStatus[]>;
-export declare const StatusById: Readonly<import("@sumaris-net/ngx-components").KeyValueType<IStatus>>;
+export declare const StatusById: Readonly<import("../../../shared/types").KeyValueType<IStatus>>;
 export declare interface IReferentialRef<T extends IEntity<T, ID> = IEntity<any, any>, ID = number> extends IEntity<T, ID> {
     label: string;
     name: string;
@@ -16,6 +17,7 @@ export declare interface IReferentialRef<T extends IEntity<T, ID> = IEntity<any,
     levelId?: number;
     statusId: number;
     entityName: string;
+    icon?: IconRef;
 }
 export declare abstract class BaseReferential<T extends BaseReferential<T, ID, AO>, ID = number, AO extends ReferentialAsObjectOptions = ReferentialAsObjectOptions, FO = any> extends Entity<T, ID, AO, FO> implements IReferentialRef<T, ID> {
     label: string;
@@ -28,6 +30,7 @@ export declare abstract class BaseReferential<T extends BaseReferential<T, ID, A
     levelId: number;
     parentId: number;
     entityName: string;
+    icon?: IconRef;
     constructor(__typename?: string);
     asObject(opts?: AO): any;
     fromObject(source: any, opts?: FO): void;
@@ -44,6 +47,7 @@ export declare class ReferentialUtils {
 }
 export interface ReferentialAsObjectOptions extends EntityAsObjectOptions {
     keepEntityName?: boolean;
+    keepIcon?: boolean;
 }
 /**
  * Used to store an entity locally
@@ -61,6 +65,7 @@ export declare class ReferentialRef<T extends ReferentialRef<any, ID> = Referent
     statusId: number;
     levelId: number;
     entityName: string;
+    icon?: IconRef;
     constructor();
     asObject(opts?: O): any;
     fromObject(source: any, opts?: FO): void;

package/src/app/core/services/network.service.d.ts

@@ -12,13 +12,13 @@ import { CacheService } from 'ionic-cache';
 import { ShowToastOptions } from '../../shared/toast/toasts';
 import { OverlayEventDetail } from '@ionic/core';
 import { AppManifest, NodeInfo } from './network.utils';
-import { StartableService } from '../../shared/services/startable-service.class';
+import { StartableObservableService } from '../../shared/services/startable-observable-service.class';
 import * as i0 from "@angular/core";
 export declare type ConnectionType = 'none' | 'wifi' | 'ethernet' | 'cell' | 'unknown';
 export declare type AuthTokenType = 'token' | 'basic' | 'basic-and-token';
 export declare function getConnectionType(type: Connection): ConnectionType;
 export declare type NetworkEventType = 'start' | 'peerChanged' | 'statusChanged' | 'resetCache' | 'beforeTryOnlineFinish';
-export declare class NetworkService extends StartableService<Peer> {
+export declare class NetworkService extends StartableObservableService<Peer, Peer> {
     private _document;
     private platform;
     private modalCtrl;
@@ -38,7 +38,6 @@ export declare class NetworkService extends StartableService<Peer> {
     private _timerSubscription;
     private readonly _timerRefreshPeriod;
     private readonly _timerRefreshCondition;
-    private _startingPeer;
     private _deviceConnectionType;
     private _forceOffline;
     private _listeners;
@@ -88,7 +87,7 @@ export declare class NetworkService extends StartableService<Peer> {
         nocache?: boolean;
     }): Promise<AppManifest | undefined>;
     getAppVersion(peer?: string | Peer, opts?: {
-        nocache?: boolean;
+        nocache: boolean;
     }): Promise<string | undefined>;
     computePeerPath(peer: string | Peer | undefined, path: string): string | undefined;
     /**
@@ -104,9 +103,9 @@ export declare class NetworkService extends StartableService<Peer> {
     clearCache(opts?: {
         emitEvent?: boolean;
     }): Promise<void>;
-    protected ngOnStart(): Promise<Peer>;
-    protected ngOnAfterStart(): Promise<void>;
-    protected ngOnStop(): Promise<void>;
+    protected ngOnStart(peer?: Peer): Promise<Peer>;
+    protected ngOnAfterStart(peer: Peer): Promise<void>;
+    protected ngOnStop(): void;
     /**
      * Try to restore peer from the local storage
      */
@@ -139,7 +138,6 @@ export declare class NetworkService extends StartableService<Peer> {
     }): Promise<T>;
     protected getUri(path: string): string;
     protected onDeviceConnectionChanged(connectionType?: string): void;
-    protected resetData(): void;
     /**
      * Get default peers, from environment
      */