@sumaris-net/ngx-components 1.2.7 → 1.2.14

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

@@ -1,34 +1,43 @@
-import { NativeAudio } from '@ionic-native/native-audio/ngx';
-import { Vibration } from '@ionic-native/vibration/ngx';
 import { Platform } from '@ionic/angular';
 import { AudioManagement } from '@ionic-native/audio-management/ngx';
 import { StartableService } from '../services/startable-service.class';
+import * as i0 from "@angular/core";
 export declare type AudioType = 'html5' | 'native';
 export interface Sound {
-    id: string;
+    assetId: string;
     assetPath: string;
+    volume?: number;
+    isUrl?: boolean;
+    time?: number;
+    audioChannelNum?: number;
     vibration?: number | number[];
 }
 export declare class AudioProvider extends StartableService<void> {
     protected platform: Platform;
-    private nativeAudio;
-    private vibration;
     private audioManagement;
     private _audioType;
     private _audioMode;
+    private _assetPathPrefix;
     private _preloadedSounds;
     private _htmlAudioCache;
-    constructor(platform: Platform, nativeAudio: NativeAudio, vibration: Vibration, audioManagement: AudioManagement);
+    constructor(platform: Platform, audioManagement: AudioManagement);
+    protected ngOnStart(): Promise<void>;
     playBeepConfirm(): Promise<any>;
     playBeepError(): Promise<any>;
+    playBeepNotification(): Promise<any>;
     playStartupSound(): Promise<any>;
     preload(sound: Sound): Promise<void>;
-    play(id: string, opts?: {
+    play(assetId: string, opts?: {
         vibrate?: boolean;
-        vibrationTimes?: number | number[];
+        vibration?: number | number[];
     }): Promise<any>;
-    unload(id: string): Promise<void>;
-    vibrate(timeInMs?: number | number[]): Promise<void>;
-    ngOnStart(): Promise<void>;
+    unload(assetId: string): Promise<void>;
+    /**
+     *
+     * @param duration Duration of the vibration in milliseconds.
+     */
+    vibrate(duration?: number | number[]): Promise<void>;
     protected readAudioMode(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AudioProvider, [null, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AudioProvider>;
 }

package/src/app/shared/audio/audio.testing.d.ts

@@ -0,0 +1,13 @@
+import { AudioProvider } from './audio';
+import * as i0 from "@angular/core";
+export declare class AudioTestingPage {
+    private audio;
+    constructor(audio: AudioProvider);
+    playBeepConfirm(): Promise<any>;
+    playBeepError(): Promise<any>;
+    playStartupSound(): Promise<any>;
+    playBeepNotification(): Promise<any>;
+    vibrate(duration?: number | number[]): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AudioTestingPage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AudioTestingPage, "audio-testing", never, {}, {}, never, never, false>;
+}

package/src/app/shared/audio/audio.testing.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./audio.testing";
+import * as i2 from "@angular/common";
+import * as i3 from "@ionic/angular";
+import * as i4 from "@ngx-translate/core";
+import * as i5 from "@angular/router";
+export declare class AudioTestingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AudioTestingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AudioTestingModule, [typeof i1.AudioTestingPage], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.TranslateModule, typeof i5.RouterModule], [typeof i5.RouterModule, typeof i1.AudioTestingPage]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AudioTestingModule>;
+}

package/src/app/shared/capacitor/keyboard.d.ts

@@ -0,0 +1,16 @@
+import { Observable } from 'rxjs';
+import { Platform } from '@ionic/angular';
+import * as i0 from "@angular/core";
+export declare class KeyboardService {
+    private platform;
+    private _enable;
+    private _visibleSubject;
+    private _handlers;
+    get visibleSubject(): Observable<boolean>;
+    get visible(): boolean;
+    get enable(): boolean;
+    constructor(platform: Platform);
+    private init;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KeyboardService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KeyboardService>;
+}

package/src/app/shared/capacitor/plugins.d.ts

@@ -0,0 +1,7 @@
+export declare type CapacitorPluginType = 'Camera' | 'StatusBar' | 'Keyboard' | 'BarcodeScanner';
+export declare class CapacitorPlugins {
+    static readonly Camera = "Camera";
+    static readonly StatusBar = "StatusBar";
+    static readonly Keyboard = "Keyboard";
+    static isAvailable: (name: string) => boolean;
+}

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

@@ -1,5 +1,7 @@
 export declare const DATE_ISO_PATTERN = "YYYY-MM-DDTHH:mm:ss.SSSZ";
+export declare const DATE_PATTERN = "YYYY-MM-DD";
 export declare const DEFAULT_PLACEHOLDER_CHAR = "_";
 export declare const PUBKEY_REGEXP: RegExp;
 export declare const SPACE_PLACEHOLDER_CHAR = "\u2000";
+export declare const EMPTY_PLACEHOLDER_CHAR = "\uFEFF";
 export declare const KEYBOARD_HIDE_DELAY_MS = 250;

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

@@ -1,14 +1,35 @@
 import { Duration, Moment, unitOfTime } from 'moment';
+import * as momentImported from 'moment';
 export declare const DATE_UNIX_TIMESTAMP = "X";
 export declare const DATE_UNIX_MS_TIMESTAMP = "x";
+export declare const MOMENT_NO_TIME_PROPERTY = "_hasNoTime";
 export declare class DateUtils {
-    toDateISOString: typeof toDateISOString;
-    fromDateISOString: typeof fromDateISOString;
-    toDuration: typeof toDuration;
+    static moment: typeof momentImported;
+    static momentTZ: typeof momentImported;
+    static toDateISOString: typeof toDateISOString;
+    static fromDateISOString: typeof fromDateISOString;
+    static toDuration: typeof toDuration;
     static min(date1: Moment, date2: Moment): Moment;
-    static max(date1: Moment, date2: Moment): Moment;
+    static max(date1: Moment | string, date2: Moment | string): Moment;
     static equals(date1: Moment | string, date2: Moment | string): boolean;
     static isSame(date1: Moment | string, date2: Moment | string, granularity?: unitOfTime.StartOf): boolean;
+    /**
+     * Create a copy of a date, without time fields (always return a new Moment object, or undefined).
+     * Same implementation as the Java class Dates.resetTime() (see any SUMARiS like Pod)
+     * @param value
+     * @param timezone a timezone (see https://momentjs.com/timezone/)
+     * @param keepLocalTime if true, only the timezone (and offset) is updated, keeping the local time same. Consequently, it will now point to a different point in time if the offset has changed.
+     */
+    static resetTime(value: Moment | string, timezone?: string, keepLocalTime?: boolean): Moment | undefined;
+    static markNoTime(value: Moment): Moment | undefined;
+    static isNoTime(value: Moment): boolean;
+    /**
+     * Test if a date is on the given day of week
+     * @param date
+     * @param weekday
+     * @param timezone
+     */
+    static isAtDay(date: string | Moment, weekday: number, timezone?: string): boolean;
 }
 export declare function toDateISOString(value: any): string | undefined;
 export declare function fromDateISOString(value: any): Moment | undefined;

package/src/app/shared/debug/debug.component.d.ts

@@ -0,0 +1,13 @@
+import { MatExpansionPanel } from '@angular/material/expansion';
+import { Environment } from '../../../environments/environment.class';
+import * as i0 from "@angular/core";
+export declare class DebugComponent {
+    title: string;
+    enable: boolean;
+    expanded: boolean;
+    expansionPanel: MatExpansionPanel;
+    constructor(environment: Environment);
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DebugComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DebugComponent, "app-debug", never, { "title": "title"; "enable": "enable"; "expanded": "expanded"; }, {}, never, ["*"], false>;
+}

package/src/app/shared/debug/debug.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./debug.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@ionic/angular";
+import * as i4 from "@angular/material/expansion";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@ngx-translate/core";
+export declare class SharedDebugModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SharedDebugModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedDebugModule, [typeof i1.DebugComponent], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.MatExpansionModule, typeof i5.MatIconModule, typeof i6.TranslateModule, typeof i4.MatExpansionModule], [typeof i1.DebugComponent, typeof i6.TranslateModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SharedDebugModule>;
+}

package/src/app/shared/directives/autofocus.directive.d.ts

@@ -1,17 +1,19 @@
 import { AfterContentInit, ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
-import { Platform } from '@ionic/angular';
-import { Keyboard } from '@ionic-native/keyboard/ngx';
+import { KeyboardService } from '../capacitor/keyboard';
+import * as i0 from "@angular/core";
 export declare class AutofocusDirective implements AfterContentInit, OnChanges, OnDestroy {
-    protected keyboard: Keyboard;
+    private readonly _elementRef;
+    private readonly keyboard;
     shouldFocusElement: any;
     timerDelay: number;
-    private elementRef;
-    private timer;
-    private touchUi;
-    constructor(elementRef: ElementRef, platform: Platform, keyboard: Keyboard);
+    private readonly _mobile;
+    private _timer;
+    constructor(_elementRef: ElementRef, keyboard: KeyboardService);
     ngAfterContentInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
-    private startFocusWorkflow;
-    private stopFocusWorkflow;
+    private _startFocus;
+    private _stop;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutofocusDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutofocusDirective, "[autofocus], input[appAutofocus]", never, { "shouldFocusElement": "appAutofocus"; "timerDelay": "autofocusDelay"; }, {}, never, never, false>;
 }

package/src/app/shared/directives/autotitle.directive.d.ts

@@ -0,0 +1,10 @@
+import { AfterContentChecked, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AutoTitleDirective implements AfterContentChecked {
+    private readonly elementRef;
+    private readonly element;
+    constructor(elementRef: ElementRef<HTMLElement>);
+    ngAfterContentChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoTitleDirective, "[appAutoTitle]", never, {}, {}, never, never, false>;
+}

package/src/app/shared/directives/directives.module.d.ts

@@ -1,2 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./autofocus.directive";
+import * as i2 from "./ng-var.directive";
+import * as i3 from "./drag-and-drop.directive";
+import * as i4 from "./autotitle.directive";
+import * as i5 from "@angular/common";
+import * as i6 from "@ionic/angular";
 export declare class SharedDirectivesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SharedDirectivesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedDirectivesModule, [typeof i1.AutofocusDirective, typeof i2.NgVarDirective, typeof i3.DragAndDropDirective, typeof i4.AutoTitleDirective], [typeof i5.CommonModule, typeof i6.IonicModule], [typeof i1.AutofocusDirective, typeof i2.NgVarDirective, typeof i3.DragAndDropDirective, typeof i4.AutoTitleDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SharedDirectivesModule>;
 }

package/src/app/shared/directives/drag-and-drop.directive.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+interface DropEvent extends Event {
+    dataTransfer?: {
+        files?: File[];
+    };
+}
+export declare class DragAndDropDirective {
+    fileOver: boolean;
+    fileDropped: EventEmitter<File[]>;
+    onDragOver(event: Event): void;
+    onDragLeave(event: Event): void;
+    ondrop(event: DropEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DragAndDropDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DragAndDropDirective, "[appDragAndDrop]", never, {}, { "fileDropped": "fileDropped"; }, never, never, false>;
+}
+export {};

package/src/app/shared/directives/ng-var.directive.d.ts

@@ -0,0 +1,12 @@
+import { TemplateRef, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NgVarDirective {
+    private templateRef;
+    private vcRef;
+    set ngVar(context: unknown);
+    private context;
+    private hasView;
+    constructor(templateRef: TemplateRef<any>, vcRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgVarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgVarDirective, "[ngVar]", never, { "ngVar": "ngVar"; }, {}, never, never, false>;
+}

package/src/app/shared/directives/resizable/resizable.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '@angular/core';
+import { MatColumnDef } from '@angular/material/table';
+import * as i0 from "@angular/core";
+export declare class ResizableComponent {
+    readonly columnDef: MatColumnDef;
+    resizable: boolean;
+    sizeChanged: EventEmitter<number>;
+    width: string | null;
+    minWidth: string | null;
+    maxWidth: string | null;
+    private debug;
+    constructor(columnDef: MatColumnDef);
+    onResize(width: number, opts?: {
+        emitEvent: boolean;
+    }): void;
+    onFit(opts?: {
+        emitEvent: boolean;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizableComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ResizableComponent, "th[resizable]", never, { "resizable": "resizable"; }, { "sizeChanged": "sizeChanged"; }, never, ["*"], false>;
+}

package/src/app/shared/directives/resizable/resizable.directive.d.ts

@@ -0,0 +1,12 @@
+import { ElementRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class ResizableDirective {
+    private readonly document;
+    private readonly elementRef;
+    readonly resizable: Observable<number>;
+    readonly fit: Observable<MouseEvent[]>;
+    constructor(document: any, elementRef: ElementRef<HTMLElement>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizableDirective, "[resizable]", never, {}, { "resizable": "resizable"; "fit": "fit"; }, never, never, false>;
+}

package/src/app/shared/directives/resizable/resizable.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./resizable.component";
+import * as i2 from "./resizable.directive";
+export declare class ResizableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ResizableModule, [typeof i1.ResizableComponent, typeof i2.ResizableDirective], never, [typeof i1.ResizableComponent, typeof i2.ResizableDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ResizableModule>;
+}

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

@@ -1,11 +1,11 @@
 import { EventEmitter } from '@angular/core';
 import { Observable } from 'rxjs';
-export interface PromiseEventPayload<T = any> {
-    success: (T: any) => void;
-    error: (err: any) => void;
+export interface PromiseEventPayload<R = any> {
+    success: (value?: R) => void;
+    error: (reason?: any) => void;
 }
-export declare type PromiseEvent<T = any, D = void> = CustomEvent<PromiseEventPayload<T> & D>;
-export declare function createPromiseEventEmitter<T = any, D = void>(): EventEmitter<PromiseEvent<T, D>>;
+export declare type PromiseEvent<R = any, D = void> = CustomEvent<PromiseEventPayload<R> & D>;
+export declare function createPromiseEventEmitter<R = any, D = void>(): EventEmitter<PromiseEvent<R, D>>;
 export declare function createPromiseEvent<T = void, D = void>(eventType: string, promise: PromiseEventPayload<T>, initArg?: CustomEventInit<D>): PromiseEvent<T, D>;
 export declare function emitPromiseEvent<T = any, D = void>(emitter: EventEmitter<PromiseEvent<T, D>>, eventType: string, initArg?: CustomEventInit<D>): Promise<T>;
 export interface CompletableEvent extends Event {
@@ -24,4 +24,4 @@ export interface CompletableEvent extends Event {
  * @param element
  * @param threshold default to '15%'
  */
-export declare function fromScrollEndEvent(element: HTMLElement, threshold?: string): Observable<any>;
+export declare function fromScrollEndEvent(element: HTMLElement, threshold?: string, dueTime?: number): Observable<any>;

package/src/app/shared/file/csv.utils.d.ts

@@ -0,0 +1,19 @@
+import { Observable } from 'rxjs';
+import { FileEvent } from '../upload-file/upload-file.model';
+export declare class CsvUtils {
+    static exportToFile(rows: object[], opts?: {
+        filename?: string;
+        headers?: string[];
+        separator?: string;
+        encoding?: string;
+        type?: string;
+    }): void;
+    static parseFile(file: File, opts?: {
+        separator?: string;
+        encoding?: string;
+    }): Observable<FileEvent<string[][]>>;
+    static parseCSV(body: string, opts?: {
+        separator?: string;
+        skipEmptyLine?: boolean;
+    }): string[][];
+}

package/src/app/shared/file/file.service.d.ts

@@ -1,6 +1,7 @@
 import { Platform } from '@ionic/angular';
-import { Base64ImageResizeOptions } from './base64-image-reader';
+import { ImageResizeOptions } from './images.utils';
 import { HttpClient } from '@angular/common/http';
+import * as i0 from "@angular/core";
 export declare class FileService {
     private platform;
     private http;
@@ -10,11 +11,13 @@ export declare class FileService {
     private _imageDirectory;
     get canUseFileSystem(): boolean;
     constructor(platform: Platform, http: HttpClient, environment: any);
-    getImages(sources: string[], opts?: Base64ImageResizeOptions & {
-        responseType?: 'file' | 'dataUrl';
+    getImages(sources: string[], opts?: ImageResizeOptions & {
+        outputType?: 'fileUrl' | 'dataUrl';
     }): Promise<string[]>;
-    getImage(source: string, opts?: Base64ImageResizeOptions & {
-        responseType?: 'file' | 'dataUrl';
+    getImage(fileUrl: string, opts?: ImageResizeOptions & {
+        outputType?: 'fileUrl' | 'dataUrl';
     }): Promise<string>;
     protected start(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FileService>;
 }

package/src/app/shared/file/file.utils.d.ts

@@ -0,0 +1,20 @@
+import { FileEvent, UploadFile } from '../upload-file/upload-file.model';
+import { UploadFilePopoverOptions } from '../upload-file/upload-file-popover.component';
+import { PopoverController } from '@ionic/angular';
+import { Observable } from 'rxjs';
+import { OverlayEventDetail } from '@ionic/core';
+export declare const MimeTypes: Readonly<{
+    ANDROID_APK: string;
+}>;
+export declare class FilesUtils {
+    static UTF8_BOM_CHAR: Uint8Array;
+    static showUploadPopover<T>(popoverController: PopoverController, event: Event, opts: UploadFilePopoverOptions<T>): Promise<OverlayEventDetail<UploadFile<T>[]>>;
+    static readAsText(file: File, encoding?: string): Observable<FileEvent<string>>;
+    static writeTextToFile(content: string, opts?: {
+        filename?: string;
+        encoding?: string;
+        type?: string;
+    }): void;
+    static downloadUri(uri: string, filename?: string): void;
+    static getFilenameFromUri(uri: string): string;
+}

package/src/app/shared/file/images.utils.d.ts

@@ -0,0 +1,19 @@
+import { Observable } from 'rxjs';
+import { FileEvent } from '../upload-file/upload-file.model';
+export declare const IMAGE_DEFAULTS: {
+    MAX_HEIGHT: number;
+    MAX_WIDTH: number;
+    THUMB_MAX_HEIGHT: number;
+    THUMB_MAX_WIDTH: number;
+};
+export declare interface ImageResizeOptions {
+    maxWidth?: number;
+    maxHeight?: number;
+    thumbnail?: boolean;
+}
+export declare class ImagesUtils {
+    static readAsDataURL(file: File, opts?: ImageResizeOptions): Observable<FileEvent<string>>;
+    static readAndResizeFromUrl(fileUrl: string, opts?: ImageResizeOptions): Promise<string>;
+    static resizeBase64(dataUrl: string, opts?: ImageResizeOptions): Promise<string>;
+    protected static createImageOnLoadResizeFn(resolve: any, reject: any, opts?: ImageResizeOptions): (event: any) => void;
+}

package/src/app/shared/file/json.utils.d.ts

@@ -0,0 +1,11 @@
+export declare class JsonUtils {
+    static exportToFile(content: any, opts?: {
+        filename?: string;
+        encoding?: string;
+        type?: string;
+    }): void;
+    static writeToFile(content: any, opts?: {
+        filename?: string;
+        type?: string;
+    }): File;
+}

package/src/app/shared/file/uri.utils.d.ts

@@ -0,0 +1,7 @@
+export declare class UriUtils {
+    /**
+     * Extract the filename, from an uri (using the last slash)
+     * @param uri
+     */
+    static getFilename(uri: string): string;
+}

package/src/app/shared/form/field.component.d.ts

@@ -1,9 +1,13 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, Injector, OnInit } from '@angular/core';
-import { ControlValueAccessor, FormControl, FormGroupDirective } from '@angular/forms';
+import { ControlValueAccessor, UntypedFormControl, FormGroupDirective } from '@angular/forms';
 import { FloatLabelType } from '@angular/material/form-field';
 import { DisplayFn, FormFieldDefinition, FormFieldType } from './field.model';
 import { TranslateService } from '@ngx-translate/core';
 import { filterNumberInput, selectInputContent } from '../inputs';
+import { Property } from '../types';
+import { ThemePalette } from '@angular/material/core';
+import { PredefinedColors } from '@ionic/core';
+import * as i0 from "@angular/core";
 export declare class AppFormField implements OnInit, ControlValueAccessor {
     protected translate: TranslateService;
     protected cd: ChangeDetectorRef;
@@ -12,6 +16,7 @@ export declare class AppFormField implements OnInit, ControlValueAccessor {
     private _onChangeCallback;
     private _onTouchedCallback;
     private _definition;
+    protected _values: Property[];
     type: FormFieldType;
     numberInputStep: string;
     set definition(value: FormFieldDefinition);
@@ -19,13 +24,14 @@ export declare class AppFormField implements OnInit, ControlValueAccessor {
     required: boolean;
     readonly: boolean;
     disabled: boolean;
-    formControl: FormControl;
+    formControl: UntypedFormControl;
     formControlName: string;
     placeholder: string;
     compact: boolean;
     floatLabel: FloatLabelType;
     tabindex: number;
     autofocus: boolean;
+    chipColor: ThemePalette | PredefinedColors;
     classList: string;
     onKeyupEnter: EventEmitter<any>;
     get value(): any;
@@ -44,7 +50,10 @@ export declare class AppFormField implements OnInit, ControlValueAccessor {
     getDisplayValueFn(definition: FormFieldDefinition): DisplayFn;
     getColorContrast(color: string): string | undefined;
     protected computeNumberInputStep(definition: FormFieldDefinition): string;
-    protected computeValuesFromToken(token: InjectionToken<any>): any[];
+    protected computeValuesFromToken(token: InjectionToken<(string | Property)[]>): any[];
+    protected computeValues(values: (string | Property)[]): Property[];
     protected checkAndResolveFormControl(): void;
     protected updateTabIndex(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppFormField, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppFormField, "app-form-field", never, { "definition": "definition"; "required": "required"; "readonly": "readonly"; "disabled": "disabled"; "formControl": "formControl"; "formControlName": "formControlName"; "placeholder": "placeholder"; "compact": "compact"; "floatLabel": "floatLabel"; "tabindex": "tabindex"; "autofocus": "autofocus"; "chipColor": "chipColor"; "classList": "class"; }, { "onKeyupEnter": "keyup.enter"; }, never, ["[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matSuffix]"], false>;
 }

package/src/app/shared/form/field.model.d.ts

@@ -1,11 +1,13 @@
 import { ObjectMap, Property } from '../types';
 import { InjectionToken } from '@angular/core';
-import { MatAutocompleteFieldAddOptions } from '../material/autocomplete/material.autocomplete';
+import { MatAutocompleteFieldConfig } from '../material/autocomplete/material.autocomplete.config';
 export declare type DisplayFn = (obj: any) => string;
-export declare type CompareWithFn = (o1: any, o2: any) => boolean;
+export declare type EqualsFn = (o1: any, o2: any) => boolean;
+export declare type CompareFn = (o1: any, o2: any) => number;
 export declare type FormFieldType = 'integer' | 'double' | 'boolean' | 'string' | 'enum' | 'color' | 'peer' | 'entity' | 'entities' | 'date' | 'dateTime';
-export declare interface FormFieldDefinition<T = any> {
-    key: string;
+export declare interface FormFieldDefinition<K = string, T = FormFieldType, E = any> {
+    key: K;
+    type: T;
     label: string;
     minValue?: number;
     maxValue?: number;
@@ -13,8 +15,7 @@ export declare interface FormFieldDefinition<T = any> {
     defaultValue?: any;
     isTransient?: boolean;
     values?: (string | Property)[] | InjectionToken<(string | Property)[]>;
-    type: FormFieldType;
-    autocomplete?: MatAutocompleteFieldAddOptions<T>;
+    autocomplete?: MatAutocompleteFieldConfig<E>;
     disabled?: boolean;
     required?: boolean;
     extra?: {

package/src/app/shared/form/loading-spinner.d.ts

@@ -1,5 +1,8 @@
+import * as i0 from "@angular/core";
 export declare class AppLoadingSpinner {
     loading: boolean;
     color: string | undefined;
     name: 'bubbles' | 'circles' | 'circular' | 'crescent' | 'dots' | 'lines' | 'lines-small' | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppLoadingSpinner, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppLoadingSpinner, "app-loading-spinner", never, { "loading": "loading"; "color": "color"; "name": "name"; }, {}, never, ["*"], false>;
 }

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

@@ -0,0 +1,89 @@
+import { AbstractControl, UntypedFormArray, UntypedFormGroup, ValidationErrors } from '@angular/forms';
+import { WaitForOptions } from './observables';
+export interface FormErrors {
+    [key: string]: ValidationErrors;
+}
+/**
+ * Fill a form using a source entity
+ *
+ * @param target
+ * @param entity
+ * @param opts
+ */
+export declare function copyEntity2Form(entity: any, target: UntypedFormGroup, opts?: {
+    emitEvent?: boolean;
+    onlySelf?: boolean;
+}): void;
+export declare function getFormValueFromEntity(entity: any | undefined, form: UntypedFormGroup): {
+    [key: string]: any;
+};
+/**
+ * Transform an entity into a simple object, compatible with the given form
+ *
+ * @param source an entity (or subentity)
+ * @param control
+ * @param path
+ */
+export declare function adaptValueToControl(source: any | undefined, control: AbstractControl, path?: string): any;
+export declare function logFormErrors(control: AbstractControl, logPrefix?: string, path?: string): void;
+export declare function getFormErrors(control: AbstractControl, opts?: {
+    controlName?: string;
+    result?: FormErrors;
+    recursive?: boolean;
+}): FormErrors;
+export declare function getControlFromPath(form: UntypedFormGroup, path: string): AbstractControl;
+export declare function disableControls(form: UntypedFormGroup, paths: string[], opts?: {
+    onlySelf?: boolean;
+    emitEvent?: boolean;
+}): void;
+export declare function addValueInArray(arrayControl: UntypedFormArray, createControl: (value?: any) => AbstractControl, equals: (v1: any, v2: any) => boolean, isEmpty: (value: any) => boolean, value: any, options?: {
+    emitEvent: boolean;
+}): boolean;
+/**
+ * Set an array using given default values. Each default value will be pass to the 'createControl()' function
+ * @param arrayControl
+ * @param createControl
+ * @param values
+ */
+export declare function initArrayControlsFromValues(arrayControl: UntypedFormArray, createControl: (value?: any) => AbstractControl, defaultValues: any[], options?: {
+    emitEvent?: boolean;
+}): boolean;
+export declare function resizeArray(arrayControl: UntypedFormArray, createControl: () => AbstractControl, length: number, options?: {
+    emitEvent?: boolean;
+}): boolean;
+export declare function removeValueInArray(arrayControl: UntypedFormArray, isEmpty: (value: any) => boolean, index: number): boolean;
+export declare function clearValueInArray(arrayControl: UntypedFormArray, isEmpty: (value: any) => boolean, index: number): boolean;
+export declare function markAllAsTouched(control: AbstractControl, opts?: {
+    onlySelf?: boolean;
+    emitEvent?: boolean;
+}): void;
+export declare function markFormGroupAsTouched(form: UntypedFormGroup, opts?: {
+    onlySelf?: boolean;
+    emitEvent?: boolean;
+}): void;
+export declare function markControlAsTouched(control: AbstractControl, opts?: {
+    onlySelf?: boolean;
+    emitEvent?: boolean;
+}): void;
+export declare function updateValueAndValidity(form: UntypedFormGroup, opts?: {
+    onlySelf?: boolean;
+    emitEvent?: boolean;
+}): void;
+export declare function markAsUntouched(form: UntypedFormGroup, opts?: {
+    onlySelf?: boolean;
+}): void;
+/**
+ * Wait end of async validation (not pending). This need to implement {pending: boolean}
+ * return false
+ */
+export declare function waitWhilePending<T extends {
+    pending: boolean;
+}>(form: T, opts?: WaitForOptions): Promise<void>;
+/**
+ * Wait form is idle (not loading). This need to implement {loading: boolean}
+ * @param form
+ * @param opts
+ */
+export declare function waitIdle<T extends {
+    loading: boolean;
+}>(form: T, opts?: WaitForOptions): Promise<void>;