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

package/src/app/core/table/testing/table2.testing.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, Injector, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, Injector, OnDestroy, OnInit } from '@angular/core';
 import { AppTable } from '../table.class';
 import { Referential } from '../../services/model/referential.model';
 import { IonInfiniteScroll } from '@ionic/angular';
@@ -11,8 +11,7 @@ import * as i0 from "@angular/core";
 export declare class Table2TestPage extends AppTable<Referential, ReferentialFilter> implements OnInit, OnDestroy, AfterViewInit {
     protected validatorService: AppValidatorService;
     protected formBuilder: UntypedFormBuilder;
-    protected cd: ChangeDetectorRef;
-    readonly maxRowCount = 100;
+    static readonly maxRowCount = 100;
     canEdit: boolean;
     data: Referential[];
     filterForm: UntypedFormGroup;
@@ -21,25 +20,29 @@ export declare class Table2TestPage extends AppTable<Referential, ReferentialFil
     enableInfiniteScroll: boolean;
     checkBoxSelection: boolean;
     resizable: boolean;
+    filterPanelFloating: boolean;
+    sticky: boolean;
+    stickyEnd: boolean;
     get hasMoreData(): boolean;
     filterExpansionPanel: MatExpansionPanel;
     infiniteScroll: IonInfiniteScroll;
     get dataService(): InMemoryEntitiesService<Referential>;
-    constructor(injector: Injector, validatorService: AppValidatorService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
+    constructor(injector: Injector, validatorService: AppValidatorService, formBuilder: UntypedFormBuilder);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
+    ngAfterViewInit(): Promise<void>;
     ngOnDestroy(): void;
-    protected restoreFilter(): void;
-    load(): void;
+    protected restoreFilter(): Promise<void>;
+    load(): Promise<void>;
     fetchMore(event: any): Promise<void>;
     save(opts?: {
         keepEditing?: boolean;
     }): Promise<boolean>;
     clearControlValue(event: Event, formControl: AbstractControl): boolean;
+    toggleFilterPanelFloating(): void;
     applyFilterAndClosePanel(event?: Event): void;
-    resetFilter(event?: Event): void;
+    closeFilterPanel(): void;
+    resetFilter(_?: Event): void;
     protected generateData(offset?: number, size?: number): Referential[];
-    protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Table2TestPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Table2TestPage, "app-table2-testing", never, {}, {}, never, ["[suffix]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Table2TestPage, "app-table2-testing", never, { "filterPanelFloating": { "alias": "filterPanelFloating"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "stickyEnd": { "alias": "stickyEnd"; "required": false; }; }, {}, never, ["[suffix]"], false, never>;
 }

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

@@ -41,8 +41,10 @@ export declare class Alerts {
      * @param interpolateParams
      */
     static askDeleteConfirmation(alertCtrl: AlertController, translate: TranslateService, event?: Event, interpolateParams?: any): Promise<boolean | undefined>;
-    static askSaveBeforeAction(alertCtrl: AlertController, translate: TranslateService, event?: {
-        valid: boolean;
+    static askSaveBeforeAction(alertCtrl: AlertController, translate: TranslateService, opts?: {
+        valid?: boolean;
+        validMessageI18n?: string;
+        invalidMessageI18n?: string;
     }, interpolateParams?: any): Promise<{
         confirmed: boolean;
         save: boolean;

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

@@ -4,5 +4,10 @@ export declare const DATE_MATCH_REGEXP: RegExp;
 export declare const DEFAULT_PLACEHOLDER_CHAR = "_";
 export declare const PUBKEY_REGEXP: RegExp;
 export declare const SPACE_PLACEHOLDER_CHAR = "\u2000";
+export declare const SPACE_PLACEHOLDER_CHAR_REGEXP_GLOBAL: RegExp;
 export declare const EMPTY_PLACEHOLDER_CHAR = "\uFEFF";
+export declare const EMPTY_PLACEHOLDER_CHAR_REGEXP_GLOBAL: RegExp;
+export declare const PLUS_PLACEHOLDER_CHAR_REGEXP_GLOBAL: RegExp;
 export declare const KEYBOARD_HIDE_DELAY_MS = 250;
+export declare const DEFAULT_JOIN_PROPERTIES_SEPARATOR: string;
+export declare const DEFAULT_JOIN_ARRAY_VALUES_SEPARATOR: string;

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

@@ -1,11 +1,16 @@
-import { Duration, Moment, unitOfTime } from 'moment';
 import * as momentImported from 'moment';
+import { Duration, DurationInputArg1, DurationInputArg2, Moment, MomentFormatSpecification, MomentInput, unitOfTime } from 'moment/moment';
+declare type MomentFn = {
+    (inp?: MomentInput, strict?: boolean): Moment;
+    (inp?: MomentInput, format?: MomentFormatSpecification, strict?: boolean): Moment;
+    (inp?: MomentInput, format?: MomentFormatSpecification, language?: string, strict?: boolean): Moment;
+    duration: (inp?: DurationInputArg1, unit?: DurationInputArg2) => Duration;
+};
 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 {
-    static moment: typeof momentImported;
-    static momentTZ: typeof momentImported;
+    static moment: MomentFn;
     static toDateISOString: typeof toDateISOString;
     static fromDateISOString: typeof fromDateISOString;
     static toDuration: typeof toDuration;
@@ -13,6 +18,7 @@ export declare class DateUtils {
     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;
+    static compare(date1: Moment | string, date2: Moment | string, granularity?: unitOfTime.StartOf): number;
     /**
      * 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)
@@ -36,6 +42,7 @@ export declare class DateUtils {
 }
 export declare function toDateISOString(value: any): string | undefined;
 export declare function fromDateISOString(value: any): Moment | undefined;
-export declare function fromUnixTimestamp(timeInSec: number): Moment;
-export declare function fromUnixMsTimestamp(timeInMs: number): Moment;
+export declare function fromUnixTimestamp(timeInSec: number): momentImported.Moment;
+export declare function fromUnixMsTimestamp(timeInMs: number): momentImported.Moment;
 export declare function toDuration(value: number, unit?: unitOfTime.DurationConstructor): Duration;
+export {};

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

@@ -6,7 +6,6 @@ export declare class AutofocusDirective implements AfterContentInit, OnChanges,
     private readonly keyboard;
     shouldFocusElement: any;
     timerDelay: number;
-    private readonly _mobile;
     private _timer;
     constructor(_elementRef: ElementRef, keyboard: KeyboardService);
     ngAfterContentInit(): void;

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

@@ -7,7 +7,7 @@ export interface PromiseEventPayload<R = any> {
 export 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 declare function emitPromiseEvent<R = any, D = void>(emitter: EventEmitter<PromiseEvent<R, D>>, eventType: string, initArg?: CustomEventInit<D>): Promise<R>;
 export interface CompletableEvent extends Event {
     target: EventTarget & {
         complete?: () => void;

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

@@ -1,6 +1,9 @@
 import { Observable } from 'rxjs';
 import { FileEvent } from '../upload-file/upload-file.model';
+import { TranslateService } from '@ngx-translate/core';
 export declare class CsvUtils {
+    static DEFAULT_SEPARATOR: string;
+    static DEFAULT_ENCODING: string;
     static exportToFile(rows: object[], opts?: {
         filename?: string;
         headers?: string[];
@@ -16,4 +19,6 @@ export declare class CsvUtils {
         separator?: string;
         skipEmptyLine?: boolean;
     }): string[][];
+    static getLocalizedSeparator(translate?: TranslateService, defaultSeparator?: string): string;
+    static getLocalizedEncoding(translate: TranslateService, defaultEncoding?: string): string;
 }

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

@@ -12,6 +12,23 @@ export declare interface ImageResizeOptions {
     thumbnail?: boolean;
 }
 export declare class ImagesUtils {
+    /**
+     * Parse a string like `<path>|<credit>` into an object `{image, credit}`
+     * @param file
+     **/
+    static getImageAndCredit(file: string): {
+        image: string;
+        credits: string;
+    };
+    /**
+     * @param files
+     * @deprecated Use getRandomImageWithCredit() instead
+     **/
+    static getRandomImage(files: string[]): string | undefined;
+    static getRandomImageWithCredit(files: string[]): {
+        image: string;
+        credits: string;
+    };
     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>;

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

@@ -1,6 +1,8 @@
 import { Observable } from 'rxjs';
 import { FileEvent } from '../upload-file/upload-file.model';
+import { TranslateService } from '@ngx-translate/core';
 export declare class JsonUtils {
+    static DEFAULT_ENCODING: string;
     static exportToFile(content: any, opts?: {
         filename?: string;
         encoding?: string;
@@ -13,4 +15,5 @@ export declare class JsonUtils {
     static parseFile<T = any>(file: File, opts?: {
         encoding?: string;
     }): Observable<FileEvent<T>>;
+    static getLocalizedEncoding(translate: TranslateService, defaultEncoding?: string): string;
 }

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

@@ -1,12 +1,13 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, Injector, OnInit } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@angular/forms';
-import { DisplayFn, FormFieldDefinition, FormFieldType, AppFloatLabelType } from './field.model';
+import { AppFloatLabelType, 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 { MatAutocompleteField } from '../material/autocomplete/material.autocomplete';
+import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
 import * as i0 from "@angular/core";
 export declare class AppFormField implements OnInit, ControlValueAccessor {
     protected translate: TranslateService;
@@ -29,12 +30,14 @@ export declare class AppFormField implements OnInit, ControlValueAccessor {
     placeholder: string;
     compact: boolean;
     floatLabel: AppFloatLabelType;
+    appearance: MatFormFieldAppearance;
+    subscriptSizing: SubscriptSizing;
     tabindex: number;
     autofocus: boolean;
     clearable: boolean;
     chipColor: ThemePalette | PredefinedColors;
-    debug: boolean;
     classList: string;
+    debug: boolean;
     onKeyupEnter: EventEmitter<any>;
     get value(): any;
     matInput: ElementRef;
@@ -67,5 +70,5 @@ export declare class AppFormField implements OnInit, ControlValueAccessor {
     }): void;
     protected updateTabIndex(timeout?: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppFormField, [null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppFormField, "app-form-field", never, { "definition": { "alias": "definition"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "classList": { "alias": "class"; "required": false; }; }, { "onKeyupEnter": "keyup.enter"; }, never, ["[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matSuffix]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppFormField, "app-form-field", never, { "definition": { "alias": "definition"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; }, { "onKeyupEnter": "keyup.enter"; }, never, ["[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matSuffix]"], false, never>;
 }

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

@@ -1,5 +1,6 @@
 import { AbstractControl, UntypedFormArray, UntypedFormGroup, ValidationErrors } from '@angular/forms';
 import { WaitForOptions } from './observables';
+import { Predicate } from '@angular/core';
 export interface FormErrors {
     [key: string]: ValidationErrors;
 }
@@ -35,10 +36,38 @@ export declare function getControlFromPath(form: UntypedFormGroup, path: string)
 export declare function disableControls(form: UntypedFormGroup, paths: string[], opts?: {
     onlySelf?: boolean;
     emitEvent?: boolean;
+    required?: boolean;
+}): void;
+export declare function enableControls(form: UntypedFormGroup, paths: string[], opts?: {
+    onlySelf?: boolean;
+    emitEvent?: boolean;
+    required?: boolean;
+}): void;
+export declare function setControlsEnabled(form: UntypedFormGroup, enabled: boolean, paths: string[], opts?: {
+    onlySelf?: boolean;
+    emitEvent?: boolean;
+    required?: boolean;
+}): void;
+export declare function enableControl(control: AbstractControl, opts?: {
+    onlySelf?: boolean;
+    emitEvent?: boolean;
+    required?: boolean;
+}): void;
+export declare function disableControl(control: AbstractControl, opts?: {
+    onlySelf?: boolean;
+    emitEvent?: boolean;
+    required?: boolean;
+}): void;
+export declare function setControlEnabled(control: AbstractControl, enabled: boolean, opts?: {
+    onlySelf?: boolean;
+    emitEvent?: boolean;
+    required?: 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;
     insertAt?: number;
+    allowManyNullValues?: boolean;
+    allowDuplicateValue?: boolean;
 }): boolean;
 /**
  * Set an array using given default values. Each default value will be pass to the 'createControl()' function
@@ -91,3 +120,6 @@ export declare function waitWhilePending<T extends {
 export declare function waitIdle<T extends {
     loading: boolean;
 }>(form: T, opts?: WaitForOptions): Promise<void>;
+export declare function filterFormErrorsByPrefix(errors: FormErrors, ...prefixes: string[]): FormErrors;
+export declare function filterFormErrorsByPath(errors: FormErrors, filter: Predicate<string>): FormErrors;
+export declare function filterFormErrors(errors: FormErrors, filter: Predicate<[string, any]>): FormErrors;

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

@@ -7,17 +7,16 @@ export declare function isNotNilOrNaN<T>(obj: T | null | undefined): boolean;
 export declare function isNilOrNaN<T>(obj: T | null | undefined): boolean;
 export declare function isNotEmptyArray<T>(obj: T[] | null | undefined): boolean;
 export declare function firstArrayValue<T>(obj: T[] | null | undefined): T | undefined;
+export declare function lastArrayValue<T>(obj: T[] | null | undefined): T | undefined;
 export declare function isEmptyArray<T>(obj: T[] | null | undefined): boolean;
+export declare function arrayResize<T>(array: T[] | null | undefined, size: number, defaultValue?: T): T[];
+export declare function newArray<T>(size: number, defaultValue?: T): T[];
 export declare function isNotNilBoolean(obj: any | null | undefined): obj is boolean;
 export declare function isNotNilString(obj: any | null | undefined): obj is string;
+export declare function isNotNilObject(obj: any | null | undefined): obj is string;
 export declare function isBlankString(obj: any | null | undefined): obj is string;
 export declare function notNilOrDefault<T>(obj: T | null | undefined, defaultValue: T): T;
 export declare function arraySize<T>(obj: T[] | null | undefined): number;
-export declare function arrayGroupBy<T = any, K extends keyof T = any, M extends {
-    [key: string]: T[];
-} = {
-    [key: string]: T[];
-}>(obj: T[], key: keyof T): M;
 /**
  * Remove duplicated value, in array. Will compute a unique key (from given properties, or given function).
  * If propertiesOrKeyFn is nil or undefined, will use all object properties
@@ -27,10 +26,11 @@ export declare function arrayGroupBy<T = any, K extends keyof T = any, M extends
  */
 export declare function arrayDistinct<T = any>(values: T[], propertiesOrKeyFn?: string | string[] | ((obj: T) => string)): T[];
 export declare function nullIfUndefined<T>(obj: T | null | undefined): T | null;
+export declare function nullIfNilOrBlank<T>(obj: T | null | undefined): T | null;
 export declare function undefinedIfNull<T>(obj: T | null | undefined): T | undefined;
 export declare function trimEmptyToNull<T>(str: string | null | undefined): string | null;
 export declare function toBoolean(obj: boolean | null | undefined | string, defaultValue?: boolean): boolean;
-export declare function toNumber(obj: number | null | undefined, defaultValue?: number): number;
+export declare function toNumber(obj: number | null | undefined | string, defaultValue?: number): number;
 export declare function toFloat(obj: string | null | undefined, defaultValue?: number): number | null;
 export declare function toInt(obj: string | null | undefined, defaultValue?: number): number | null;
 export declare function toNotNil<T = any>(obj: T, defaultValue?: T): any | null;
@@ -52,6 +52,12 @@ export declare function removeEnd(value: string, end: string): string;
  * @param value
  */
 export declare function changeCaseToUnderscore(value: string): string;
+/**
+ * Replace underscore by a change case (.e.g 'MY_STRING' becomes 'MyString')
+ *
+ * @param value
+ */
+export declare function underscoreToChangeCase(value: string): string;
 export declare function removeDiacritics(text: string): string;
 export declare function suggestFromStringArray(values: string[], value: any, options?: {
     searchAttribute?: string;
@@ -66,10 +72,17 @@ export declare function sort<T>(array: T[], attribute?: string, opts?: Intl.Coll
 export declare function isInt(value: string): boolean;
 export declare function isNumber(value: string): boolean;
 export declare function isNumberRange(value: string): boolean;
-export declare function getPropertyByPath(obj: any, path: string | string[], defaultValue?: any): any;
+export declare function getPropertyByPath(obj: any, path: string | Array<string | number>, defaultValue?: any): any;
 export declare function getProperty<T = any, K extends keyof T = any>(obj: T, key: K): T[K];
 export declare function getPropertyByPathAsString(obj: any, path: string | string[]): string | undefined;
-export declare function setPropertyByPath(obj: any, path: string | string[], value: any): any;
+/**
+ * Update an object's property, using a path (like '<property_1>.<sub_property_1>')
+ * @param obj
+ * @param path
+ * @param value
+ * @return the given obj
+ */
+export declare function setPropertyByPath<T = any>(obj: T, path: string | string[], value: any): T;
 export declare function sleep(ms: number): Promise<void>;
 export declare function round(value: number | undefined | null): number;
 export declare function equalsOrNil(value1: any, value2: any): boolean;
@@ -91,6 +104,10 @@ export declare function removeAll<T>(array: T[], predicate: (value: T) => boolea
 export declare function remove<T>(array: T[], predicate: (value: T) => boolean): T;
 export declare function capitalizeFirstLetter(value: string): string;
 export declare function uncapitalizeFirstLetter(value: string): string;
+export declare function booleanToString(value: any, opts?: {
+    yesLabel: string;
+    noLabel: string;
+}): string;
 export declare function splitByProperty<T, M extends KeyValueType<T> = KeyValueType<T>>(array: T[] | readonly T[], propertyName: keyof T | string): M;
 export declare function splitById<T, M extends KeyValueType<T> = KeyValueType<T>>(array: T[] | readonly T[]): M;
 /**
@@ -131,3 +148,5 @@ export declare class Beans {
     static collectByProperty: typeof collectByProperty;
 }
 export declare function findParentWithClass(elem: HTMLElement, className: string): HTMLElement;
+export declare function intersectArrays<T = any>(values: T[][]): T[];
+export declare function noHtml(value: string): string;

package/src/app/shared/graph/graph-colors.d.ts

@@ -45,7 +45,7 @@ export declare class ColorScale {
     static custom: (count: number, options?: ColorScaleOptions) => ColorScale;
     static default(): ColorScale;
     /**
-     * Create a array with the given color
+     * Create an array with the given color
      **/
     static fix(length?: number, colorName?: ColorName): any[];
     private _min;

package/src/app/shared/guard/component-dirty.guard.d.ts

@@ -1,13 +1,8 @@
 import { ActivatedRouteSnapshot, CanDeactivate, RouterStateSnapshot, UrlTree } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
 import { AlertController } from '@ionic/angular';
+import { CanLeave } from '../../core/form/form.utils';
 import * as i0 from "@angular/core";
-export interface CanLeave {
-    dirty: boolean;
-    valid: boolean;
-    save(event?: Event, options?: any): Promise<boolean>;
-    cancel(event?: Event): Promise<void>;
-}
 export declare class ComponentDirtyGuard implements CanDeactivate<CanLeave> {
     protected translate: TranslateService;
     protected alertCtrl: AlertController;

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

@@ -1,3 +1,4 @@
+import { InjectionToken } from '@angular/core';
 import { EventManager } from '@angular/platform-browser';
 import { Observable } from 'rxjs';
 import { ModalController, PopoverController } from '@ionic/angular';
@@ -10,6 +11,17 @@ interface Options {
     keys: string;
     preventDefault: boolean;
 }
+export interface HotKeysConfig {
+    /**
+     * Shortcut to open the hotkeys help modal
+     */
+    openHelpModalShortcut: string;
+    /**
+     * Enable the hotkeys help modal
+     */
+    enableHelpModal: boolean;
+}
+export declare const APP_HOTKEYS_CONFIG: InjectionToken<Partial<HotKeysConfig>>;
 export declare class Hotkeys {
     private eventManager;
     private dialog;
@@ -19,10 +31,12 @@ export declare class Hotkeys {
     private _hotkeys;
     private _document;
     private _defaults;
-    constructor(eventManager: EventManager, dialog: MatDialog, modalController: ModalController, popoverController: PopoverController);
-    addShortcut(options: Partial<Options>): Observable<Event>;
+    private _dialogRef;
+    private _config;
+    constructor(eventManager: EventManager, dialog: MatDialog, modalController: ModalController, popoverController: PopoverController, config?: Partial<HotKeysConfig>);
+    addShortcut(options: Partial<Options>): Observable<KeyboardEvent>;
     openHelpModal(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Hotkeys, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Hotkeys, [null, null, null, null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<Hotkeys>;
 }
 export {};

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

@@ -14,6 +14,7 @@ export declare class HttpUtils {
     }): Promise<string>;
     static getJson<T>(http: HttpClient, uri: string, opts?: {
         nocache?: boolean;
+        timeout?: number;
         headers?: HttpHeaders | {
             [header: string]: string | string[];
         };

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

@@ -4,7 +4,7 @@ import { TableDataSource, TableElement } from '@e-is/ngx-material-table';
 import { Environment } from '../../../../environments/environment.class';
 import { ImageService } from '../image.service';
 import { Image } from '../image.model';
-import { AlertController, IonModal, IonPopover, Platform, PopoverController } from '@ionic/angular';
+import { AlertController, IonModal, IonPopover, Platform } from '@ionic/angular';
 import { CollectionViewer, ListRange } from '@angular/cdk/collections';
 import { TranslateService } from '@ngx-translate/core';
 import { AppColors } from '../../types';
@@ -21,24 +21,23 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
     protected image: ImageService;
     protected platform: Platform;
     protected alterCtrl: AlertController;
-    protected popoverCtrl: PopoverController;
     protected translate: TranslateService;
     protected cd: ChangeDetectorRef;
     protected _destroySubject: Subject<void>;
     protected _renderChangeSubscription: Subscription;
     protected _subscription: Subscription;
     protected _dataSource: TableDataSource<T>;
-    protected _data: TableElement<T>[];
+    protected _data$: BehaviorSubject<readonly TableElement<T>[] | TableElement<T>[]>;
     protected _colSize: number;
     protected _selectedRowIndex: number;
     protected _presentingElement: Element;
     protected _titleForm: FormGroup;
     protected _titleAutofocus: boolean;
     protected _slidesSubscription: Subscription;
-    protected swiperModules: ((opts: any) => void)[];
     protected _swiper: Swiper;
-    zoomActive: boolean;
-    zoomScale: number;
+    protected swiperModules: ((opts: any) => void)[];
+    protected zoomActive: boolean;
+    protected zoomScale: number;
     viewChange: BehaviorSubject<ListRange>;
     cardColor: string | PredefinedColors;
     debug: boolean;
@@ -55,7 +54,7 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
     set dataSource(dataSource: TableDataSource<T, any, any, any>);
     get dataSource(): TableDataSource<T, any, any, any>;
     get enabled(): boolean;
-    get rows(): TableElement<T>[];
+    get rows(): TableElement<T>[] | ReadonlyArray<TableElement<T>>;
     get rowCount(): number;
     get activeIndex(): number;
     zoomModal: IonModal;
@@ -65,7 +64,8 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
         rows: TableElement<T>[];
     }>>;
     onAfterAddRows: EventEmitter<TableElement<T>[]>;
-    constructor(image: ImageService, platform: Platform, alterCtrl: AlertController, popoverCtrl: PopoverController, translate: TranslateService, cd: ChangeDetectorRef, environment?: Environment);
+    onAfterEditRow: EventEmitter<TableElement<T>>;
+    constructor(image: ImageService, platform: Platform, alterCtrl: AlertController, translate: TranslateService, cd: ChangeDetectorRef, environment?: Environment);
     ngOnInit(): void;
     ngAfterContentChecked(): void;
     ngOnDestroy(): void;
@@ -93,6 +93,6 @@ export declare class AppImageGalleryComponent<T extends Image> implements OnInit
         interactive?: boolean;
     }): Promise<boolean>;
     protected markForCheck(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AppImageGalleryComponent<any>, [null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppImageGalleryComponent<any>, "app-image-gallery", never, { "cardColor": { "alias": "cardColor"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "confirmBeforeDelete": { "alias": "confirmBeforeDelete"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "showFabButton": { "alias": "showFabButton"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "showAddCardButton": { "alias": "showAddCardButton"; "required": false; }; "addButtonColor": { "alias": "addButtonColor"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; }, { "onBeforeDeleteRows": "onBeforeDeleteRows"; "onAfterAddRows": "onAfterAddRows"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppImageGalleryComponent<any>, [null, null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppImageGalleryComponent<any>, "app-image-gallery", never, { "cardColor": { "alias": "cardColor"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "confirmBeforeDelete": { "alias": "confirmBeforeDelete"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "showFabButton": { "alias": "showFabButton"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "showAddCardButton": { "alias": "showAddCardButton"; "required": false; }; "addButtonColor": { "alias": "addButtonColor"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; }, { "onBeforeDeleteRows": "onBeforeDeleteRows"; "onAfterAddRows": "onAfterAddRows"; "onAfterEditRow": "onAfterEditRow"; }, never, never, false, never>;
 }

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

@@ -7,8 +7,9 @@ import * as i5 from "../../material/material.module";
 import * as i6 from "../../pipes/pipes.module";
 import * as i7 from "../../directives/directives.module";
 import * as i8 from "@ngx-translate/core";
+import * as i9 from "../../rx-state.module";
 export declare class ImageGalleryModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageGalleryModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ImageGalleryModule, [typeof i1.AppImageGalleryComponent], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ReactiveFormsModule, typeof i5.SharedMaterialModule, typeof i6.SharedPipesModule, typeof i7.SharedDirectivesModule, typeof i8.TranslateModule], [typeof i3.IonicModule, typeof i8.TranslateModule, typeof i1.AppImageGalleryComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ImageGalleryModule, [typeof i1.AppImageGalleryComponent], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ReactiveFormsModule, typeof i5.SharedMaterialModule, typeof i6.SharedPipesModule, typeof i7.SharedDirectivesModule, typeof i8.TranslateModule, typeof i9.RxStateModule], [typeof i3.IonicModule, typeof i8.TranslateModule, typeof i1.AppImageGalleryComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ImageGalleryModule>;
 }

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

@@ -25,8 +25,8 @@ export declare class ImageAttachmentService extends StartableService implements
     watchAll(offset: number, size: number, sortBy?: string, sortDirection?: SortDirection, filter?: ImageAttachmentFilter, opts?: EntitiesServiceWatchOptions & {
         query?: any;
     }): Observable<LoadResult<ImageAttachment>>;
-    saveAll(entities: ImageAttachment[], opts?: any): Promise<any[]>;
-    deleteAll(entities: ImageAttachment[], opts?: any): Promise<any>;
+    saveAll(entities: ImageAttachment[]): Promise<any[]>;
+    deleteAll(entities: ImageAttachment[]): Promise<any>;
     asFilter(filter: any): ImageAttachmentFilter;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageAttachmentService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ImageAttachmentService>;

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

@@ -5,8 +5,9 @@ import * as i3 from "@ionic/angular";
 import * as i4 from "../image-gallery.module";
 import * as i5 from "@ngx-translate/core";
 import * as i6 from "@angular/router";
+import * as i7 from "../../../debug/debug.module";
 export declare class ImageGalleryTestingModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageGalleryTestingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ImageGalleryTestingModule, [typeof i1.GalleryTestPage], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ImageGalleryModule, typeof i5.TranslateModule, typeof i6.RouterModule, typeof i5.TranslateModule], [typeof i6.RouterModule, typeof i1.GalleryTestPage]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ImageGalleryTestingModule, [typeof i1.GalleryTestPage], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ImageGalleryModule, typeof i5.TranslateModule, typeof i6.RouterModule, typeof i5.TranslateModule, typeof i7.SharedDebugModule], [typeof i6.RouterModule, typeof i1.GalleryTestPage]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ImageGalleryTestingModule>;
 }

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

@@ -5,8 +5,8 @@ export declare function selectInputRange(input: any, startIndex: number, endInde
 export declare function getCaretPosition(input: any): number;
 export declare function moveInputCaretToSeparator(event: KeyboardEvent, separator: string, forward?: boolean): boolean;
 export declare function filterNumberInput(event: KeyboardEvent, allowDecimals: boolean, decimalSeparator?: string): void;
-export declare function focusInput(element: ElementRef): void;
-export declare function setTabIndex(element: ElementRef, tabIndex: number): void;
+export declare function focusInput<T = any>(element: ElementRef<T>): void;
+export declare function setTabIndex<T = any>(element: ElementRef<T>, tabIndex: number): void;
 export interface InputElement extends FocusableElement {
     tabindex?: number;
     tabIndex?: number;
@@ -15,7 +15,7 @@ export interface InputElement extends FocusableElement {
     value: any;
 }
 export declare function isInputElement(object: any): object is InputElement;
-export declare function asInputElement(object: ElementRef): InputElement | undefined;
+export declare function asInputElement<T = any>(object: ElementRef<T>): InputElement | undefined;
 export declare function tabindexComparator(a: InputElement, b: InputElement): 0 | 1 | -1;
 export interface CanGainFocusOptions {
     minTabindex?: number;
@@ -28,5 +28,7 @@ export interface GetFocusableInputOptions extends CanGainFocusOptions {
 }
 export declare function canHaveFocus(input: InputElement, opts?: CanGainFocusOptions): boolean;
 export declare function getFocusableInputElements(elements: QueryList<ElementRef>, opts?: GetFocusableInputOptions): InputElement[];
-export declare function focusNextInput(event: Event | undefined, elements: QueryList<ElementRef>, opts?: GetFocusableInputOptions): boolean;
-export declare function focusPreviousInput(event: Event | undefined, elements: QueryList<ElementRef>, opts?: GetFocusableInputOptions): boolean;
+export declare function focusNextInput<T = any>(event: Event | undefined, elements: QueryList<ElementRef<T>>, opts?: GetFocusableInputOptions): boolean;
+export declare function focusPreviousInput<T = any>(event: Event | undefined, elements: QueryList<ElementRef<T>>, opts?: GetFocusableInputOptions): boolean;
+export declare function getInputSelectionRangesFromMask(mask: (string | RegExp)[]): number[][];
+export declare function getInputRangeFromCaretIndex(caretIndex: number, inputRanges: number[][]): number[];

package/src/app/shared/material/autocomplete/material.autocomplete.config.d.ts

@@ -10,14 +10,33 @@ export declare interface MatAutocompleteFieldConfig<T = any, F = any> {
     columnNames?: (string | undefined)[];
     multiple?: boolean;
     displayWith?: DisplayFn;
+    displayWithSeparator?: string;
+    splitSearchText?: boolean;
+    trimSearchText?: boolean;
     equals?: EqualsFn;
     showAllOnFocus?: boolean;
     showPanelOnFocus?: boolean;
-    class?: string;
     mobile?: boolean;
     debounceTime?: number;
     suggestLengthThreshold?: number;
     highlightAccent?: boolean;
+    applyImplicitValue?: boolean;
+    /**
+     * Should select input content (desktop only)
+     */
+    selectInputContentOnFocus?: boolean;
+    /**
+     * Class to apply to the `div.mat-mdc-select-panel`
+     */
+    panelClass?: string;
+    /**
+     * Allow to fix panel width (e.g. '500px' or '100vw')
+     */
+    panelWidth?: string;
+    /**
+     * @deprecated use `panelClass` instead
+     */
+    class?: string;
 }
 export declare interface MatAutocompleteFieldAddOptions<T = any, F = any> extends Partial<MatAutocompleteFieldConfig<T, F>> {
     service?: SuggestService<T, F>;