@sumaris-net/ngx-components 2.12.28 → 2.18.0-alpha10

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.12.28",
+  "version": "2.18.0-alpha10",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",
@@ -22,19 +22,20 @@
     "@noble/ed25519": "^1.7.3",
     "@polkadot/util": "~12.6.2",
     "@polkadot/util-crypto": "~12.6.2",
-    "@rx-angular/cdk": "~17.1.0",
-    "@rx-angular/state": "~17.2.0",
-    "@rx-angular/template": "~17.3.1",
+    "@rx-angular/cdk": "~18.0.0",
+    "@rx-angular/state": "~18.1.0",
+    "@rx-angular/template": "~18.0.3",
     "clone": "~2.1.2",
     "maildev": "^2.1.0",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@apollo/client": "~3.11.5",
+    "@apollo/client": "~3.11.8",
     "@ionic/storage": "~4.0.0",
     "d3": "~7.6.1",
     "localforage": "~1.10.0",
-    "rxjs": "~7.8.1"
+    "rxjs": "~7.8.1",
+    "zone.js": "0.15.0"
   },
   "optionalDependencies": {
     "@awesome-cordova-plugins/core": "~6.4.0",
@@ -72,6 +73,11 @@
     "npm": ">= 9.9.1",
     "yarn": ">= 1.22.19"
   },
+  "optimizeDeps": {
+    "exclude": [
+      "@ionic/angular"
+    ]
+  },
   "module": "fesm2022/sumaris-net.ngx-components.mjs",
   "typings": "index.d.ts",
   "exports": {

package/public_api.d.ts

@@ -86,6 +86,7 @@ export * from './src/app/shared/pipes/types.pipes';
 export * from './src/app/shared/pipes/maskito.pipe';
 export * from './src/app/shared/pipes/selection.pipes';
 export * from './src/app/shared/pipes/badge.pipes';
+export * from './src/app/shared/pipes/html.pipes';
 export * from './src/app/shared/services';
 export * from './src/app/shared/audio/audio';
 export * from './src/app/shared/file/file.service';

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

@@ -2,28 +2,27 @@ import { ModuleWithProviders } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../shared/shared.module";
 import * as i2 from "@angular/router";
-import * as i3 from "@angular/common/http";
-import * as i4 from "ionic-cache";
-import * as i5 from "@ionic/storage-angular";
-import * as i6 from "./graphql/graphql.module";
-import * as i7 from "./menu/menu.module";
-import * as i8 from "./icon/icon.module";
-import * as i9 from "./account/account.module";
-import * as i10 from "./register/register.module";
-import * as i11 from "./auth/auth.module";
-import * as i12 from "./home/home.module";
-import * as i13 from "./about/about.module";
-import * as i14 from "./settings/settings.module";
-import * as i15 from "./peer/select-peer.module";
-import * as i16 from "./form/form.module";
-import * as i17 from "./table/table.module";
-import * as i18 from "./install/install-upgrade-card.module";
-import * as i19 from "./offline/update-offline-mode-card.module";
-import * as i20 from "./services/pipes/pipes.module";
-import * as i21 from "./account/password/change-password.module";
+import * as i3 from "ionic-cache";
+import * as i4 from "@ionic/storage-angular";
+import * as i5 from "./graphql/graphql.module";
+import * as i6 from "./menu/menu.module";
+import * as i7 from "./icon/icon.module";
+import * as i8 from "./account/account.module";
+import * as i9 from "./register/register.module";
+import * as i10 from "./auth/auth.module";
+import * as i11 from "./home/home.module";
+import * as i12 from "./about/about.module";
+import * as i13 from "./settings/settings.module";
+import * as i14 from "./peer/select-peer.module";
+import * as i15 from "./form/form.module";
+import * as i16 from "./table/table.module";
+import * as i17 from "./install/install-upgrade-card.module";
+import * as i18 from "./offline/update-offline-mode-card.module";
+import * as i19 from "./services/pipes/pipes.module";
+import * as i20 from "./account/password/change-password.module";
 export declare class CoreModule {
     static forRoot(): ModuleWithProviders<CoreModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoreModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CoreModule, never, [typeof i1.SharedModule, typeof i2.RouterModule, typeof i3.HttpClientModule, typeof i4.CacheModule, typeof i5.IonicStorageModule, typeof i6.AppGraphQLModule, typeof i7.AppMenuModule, typeof i8.AppIconModule, typeof i9.AppAccountModule, typeof i10.AppRegisterModule, typeof i11.AppAuthModule, typeof i12.AppHomePageModule, typeof i13.AppAboutModalModule, typeof i14.AppSettingsPageModule, typeof i15.AppSelectPeerModule, typeof i16.AppFormModule, typeof i17.AppTableModule, typeof i18.AppInstallUpgradeCardModule, typeof i19.AppUpdateOfflineModeCardModule, typeof i20.CorePipesModule], [typeof i1.SharedModule, typeof i2.RouterModule, typeof i6.AppGraphQLModule, typeof i7.AppMenuModule, typeof i10.AppRegisterModule, typeof i21.AppChangePasswordModule, typeof i11.AppAuthModule, typeof i12.AppHomePageModule, typeof i13.AppAboutModalModule, typeof i14.AppSettingsPageModule, typeof i8.AppIconModule, typeof i15.AppSelectPeerModule, typeof i16.AppFormModule, typeof i17.AppTableModule, typeof i18.AppInstallUpgradeCardModule, typeof i19.AppUpdateOfflineModeCardModule, typeof i20.CorePipesModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CoreModule, never, [typeof i1.SharedModule, typeof i2.RouterModule, typeof i3.CacheModule, typeof i4.IonicStorageModule, typeof i5.AppGraphQLModule, typeof i6.AppMenuModule, typeof i7.AppIconModule, typeof i8.AppAccountModule, typeof i9.AppRegisterModule, typeof i10.AppAuthModule, typeof i11.AppHomePageModule, typeof i12.AppAboutModalModule, typeof i13.AppSettingsPageModule, typeof i14.AppSelectPeerModule, typeof i15.AppFormModule, typeof i16.AppTableModule, typeof i17.AppInstallUpgradeCardModule, typeof i18.AppUpdateOfflineModeCardModule, typeof i19.CorePipesModule], [typeof i1.SharedModule, typeof i2.RouterModule, typeof i5.AppGraphQLModule, typeof i6.AppMenuModule, typeof i9.AppRegisterModule, typeof i20.AppChangePasswordModule, typeof i10.AppAuthModule, typeof i11.AppHomePageModule, typeof i12.AppAboutModalModule, typeof i13.AppSettingsPageModule, typeof i7.AppIconModule, typeof i14.AppSelectPeerModule, typeof i15.AppFormModule, typeof i16.AppTableModule, typeof i17.AppInstallUpgradeCardModule, typeof i18.AppUpdateOfflineModeCardModule, typeof i19.CorePipesModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CoreModule>;
 }

package/src/app/core/form/array/form-array.d.ts

@@ -78,7 +78,7 @@ export declare interface AppFormArrayOptions extends AbstractControlOptions {
     allowManyNullValues?: boolean;
     allowDuplicateValue?: boolean;
 }
-export declare class AppFormArray<T extends Entity<T>, C extends AbstractControl> extends UntypedFormArray {
+export declare class AppFormArray<T = Entity<any>, C extends AbstractControl = AbstractControl> extends UntypedFormArray {
     createControl: (value?: T) => C;
     private equals;
     private isEmpty;

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

@@ -39,11 +39,6 @@ export declare class AppForm<T> implements IAppForm<T>, OnInit, OnDestroy, IForm
     get untouched(): boolean;
     get enabled(): boolean;
     get disabled(): boolean;
-    /**
-     *  @deprecated
-     */
-    protected get _enable(): boolean;
-    protected set _enable(value: boolean);
     disable(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
@@ -144,4 +139,6 @@ export declare class AppForm<T> implements IAppForm<T>, OnInit, OnDestroy, IForm
     private setLoading;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppForm<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AppForm<any>, never, never, { "debug": { "alias": "debug"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "errorTranslateOptions": { "alias": "errorTranslateOptions"; "required": false; }; "form": { "alias": "form"; "required": false; }; }, { "onCancel": "onCancel"; "onSubmit": "onSubmit"; }, never, never, false, never>;
+    static ngAcceptInputType_debug: unknown;
+    static ngAcceptInputType_tabindex: unknown;
 }

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

@@ -3,42 +3,64 @@ import { FormGroupDirective, UntypedFormArray, UntypedFormBuilder, UntypedFormGr
 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 { Property } from '../../../shared/types';
 import { PropertyValidator } from './property.validator';
 import { PredefinedColors } from '@ionic/core';
 import { FormArrayHelper, FormArrayHelperOptions } from '../array/form-array';
+import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
+import { MatAutocompleteFieldConfig } from '../../../shared/material/autocomplete/material.autocomplete.config';
+import { LoadResult } from '../../../shared/services/entity-service.class';
 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: {
+    protected _definitions: FormFieldDefinition[];
+    protected _options: Property[];
+    protected _definitionsMapByKey: FormFieldDefinitionMap;
+    protected _definitionsByIndex: {
         [index: number]: FormFieldDefinition;
     };
-    helper: FormArrayHelper<Property>;
+    protected _helper: FormArrayHelper<Property>;
+    protected _autocompleteConfig: MatAutocompleteFieldConfig;
     formArrayName: string;
     formArray: UntypedFormArray;
     options: FormArrayHelperOptions;
-    definitions: FormFieldDefinition[];
     chipColor: ThemePalette | PredefinedColors;
+    mobile: boolean;
+    appearance: MatFormFieldAppearance;
+    subscriptSizing: SubscriptSizing;
+    showHintKey: boolean;
+    hintKeyPrefix: string;
+    showMoreButton: boolean;
+    showMoreButtonTitle: string;
+    showAddButton: boolean;
+    set definitions(value: FormFieldDefinition[]);
+    get definitions(): FormFieldDefinition[];
     set value(data: T[]);
     get value(): T[];
     get length(): number;
     get fieldForms(): UntypedFormGroup[];
-    constructor(injector: Injector, formBuilder: UntypedFormBuilder, dateAdapter: DateAdapter<Moment>, settings: LocalSettingsService, cd: ChangeDetectorRef, validator: PropertyValidator, formGroupDir: FormGroupDirective);
+    constructor(injector: Injector, formBuilder: UntypedFormBuilder, dateAdapter: DateAdapter<Moment>, cd: ChangeDetectorRef, validator: PropertyValidator, formGroupDir: FormGroupDirective);
     ngOnInit(): void;
+    protected updateDefinitionsMaps(): void;
     getDefinitionAt(index: number): FormFieldDefinition;
-    updateDefinitionAt(index: number): FormFieldDefinition;
+    updateDefinitionAt(index: number, opts?: {
+        emitEvent?: boolean;
+    }): FormFieldDefinition;
     removeAt(index: number): void;
     isUnknownField(fieldForm: UntypedFormGroup): boolean;
     setValue(data: T[] | any): void;
+    protected suggestDefinition(value: any, filter?: any): Promise<LoadResult<Property>>;
     protected markForCheck(): void;
-    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": { "alias": "formArrayName"; "required": false; }; "formArray": { "alias": "formArray"; "required": false; }; "options": { "alias": "options"; "required": false; }; "definitions": { "alias": "definitions"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; }, {}, never, never, false, never>;
+    protected isEmptyProperty(obj: Property): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppPropertiesForm<any>, [null, null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppPropertiesForm<any>, "app-properties-form", never, { "formArrayName": { "alias": "formArrayName"; "required": false; }; "formArray": { "alias": "formArray"; "required": false; }; "options": { "alias": "options"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "showHintKey": { "alias": "showHintKey"; "required": false; }; "hintKeyPrefix": { "alias": "hintKeyPrefix"; "required": false; }; "showMoreButton": { "alias": "showMoreButton"; "required": false; }; "showMoreButtonTitle": { "alias": "showMoreButtonTitle"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "definitions": { "alias": "definitions"; "required": false; }; }, {}, never, never, false, never>;
+    static ngAcceptInputType_mobile: unknown;
+    static ngAcceptInputType_showHintKey: unknown;
+    static ngAcceptInputType_showMoreButton: unknown;
+    static ngAcceptInputType_showAddButton: unknown;
 }

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

@@ -1,13 +1,19 @@
-import { UntypedFormBuilder } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { Property } from '../../../shared/types';
 import { AppValidatorService } from '../../services/validator/base.validator.class';
 import * as i0 from "@angular/core";
+export interface PropertyValidatorOptions {
+    valueMaxLength?: number;
+}
 export declare class PropertyValidator extends AppValidatorService<Property> {
     protected formBuilder: UntypedFormBuilder;
     constructor(formBuilder: UntypedFormBuilder);
-    getFormGroupConfig(data?: Property): {
+    getFormGroup(data?: Property, opts?: PropertyValidatorOptions): UntypedFormGroup;
+    getFormGroupConfig(data?: Property, opts?: PropertyValidatorOptions): {
         [p: string]: any;
     };
+    equals(v1: Property, v2: Property): boolean;
+    isEmpty(obj: Property): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PropertyValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PropertyValidator, never, never, {}, {}, never, never, false, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PropertyValidator>;
 }

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

@@ -1,8 +1,7 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common/http";
 export declare class AppGraphQLModule {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<AppGraphQLModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AppGraphQLModule, never, [typeof i1.HttpClientModule], [typeof i1.HttpClientModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppGraphQLModule, never, never, never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AppGraphQLModule>;
 }

package/src/app/core/peer/select-peer.module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./select-peer.modal";
 import * as i2 from "../../shared/shared.module";
-import * as i3 from "@angular/common/http";
-import * as i4 from "@ngx-translate/core";
-import * as i5 from "../form/text-popover/text-popover.module";
+import * as i3 from "@ngx-translate/core";
+import * as i4 from "../form/text-popover/text-popover.module";
 export declare class AppSelectPeerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AppSelectPeerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AppSelectPeerModule, [typeof i1.SelectPeerModal], [typeof i2.SharedModule, typeof i3.HttpClientModule, typeof i4.TranslateModule, typeof i5.AppTextPopoverModule], [typeof i4.TranslateModule, typeof i1.SelectPeerModal]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppSelectPeerModule, [typeof i1.SelectPeerModal], [typeof i2.SharedModule, typeof i3.TranslateModule, typeof i4.AppTextPopoverModule], [typeof i3.TranslateModule, typeof i1.SelectPeerModal]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AppSelectPeerModule>;
 }

package/src/app/core/services/validator/local-settings.validator.d.ts

@@ -2,12 +2,16 @@ import { AbstractControl, UntypedFormBuilder, UntypedFormGroup, ValidationErrors
 import { LocalSettings } from '../model/settings.model';
 import { NetworkService } from '../network.service';
 import { AppValidatorService } from './base.validator.class';
+import { AppFormArray } from '../../form/array/form-array';
+import { Property } from '../../../shared/types';
+import { PropertyValidator } from '../../form/properties/property.validator';
 import * as i0 from "@angular/core";
 export declare class LocalSettingsValidatorService extends AppValidatorService<LocalSettings> {
+    private propertyValidator;
     private networkService;
-    constructor(formBuilder: UntypedFormBuilder, networkService: NetworkService);
+    constructor(formBuilder: UntypedFormBuilder, propertyValidator: PropertyValidator, networkService: NetworkService);
     getFormGroup(data?: LocalSettings): UntypedFormGroup;
-    getPropertiesArray(array?: any): import("@angular/forms").UntypedFormArray;
+    getPropertiesArray(data?: any): AppFormArray<Property, UntypedFormGroup>;
     getPropertyFormGroup(data?: {
         key: string;
         value?: string;

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

@@ -3,8 +3,9 @@ import * as i1 from "./settings.page";
 import * as i2 from "../../shared/shared.module";
 import * as i3 from "../form/buttons/form-buttons-bar.module";
 import * as i4 from "@ngx-translate/core";
+import * as i5 from "../form/properties/properties.module";
 export declare class AppSettingsPageModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AppSettingsPageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AppSettingsPageModule, [typeof i1.SettingsPage], [typeof i2.SharedModule, typeof i3.AppFormButtonsBarModule, typeof i4.TranslateModule], [typeof i4.TranslateModule, typeof i1.SettingsPage]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppSettingsPageModule, [typeof i1.SettingsPage], [typeof i2.SharedModule, typeof i3.AppFormButtonsBarModule, typeof i4.TranslateModule, typeof i5.AppPropertiesFormModule], [typeof i4.TranslateModule, typeof i1.SettingsPage]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AppSettingsPageModule>;
 }

package/src/app/core/settings/settings.page.d.ts

@@ -9,12 +9,11 @@ import { LocalSettingsValidatorService } from '../services/validator/local-setti
 import { PlatformService } from '../services/platform.service';
 import { NetworkService } from '../services/network.service';
 import { LocalSettingsService } from '../services/local-settings.service';
-import { FormFieldDefinition, FormFieldDefinitionMap } from '../../shared/form/field.model';
+import { FormFieldDefinition } from '../../shared/form/field.model';
 import { AlertController, NavController } from '@ionic/angular';
-import { Property } from '../../shared/types';
 import { ISelectPeerModalOptions } from '../peer/select-peer.modal';
 import { IMenuItem } from '../menu/menu.model';
-import { FormArrayHelper } from '../form/array/form-array';
+import { AppPropertiesForm } from '../form/properties/properties.form';
 import * as i0 from "@angular/core";
 export declare const APP_SETTINGS_MENU_ITEMS: InjectionToken<IMenuItem[]>;
 export declare class SettingsPage extends AppForm<LocalSettings> implements OnInit, OnDestroy, CanLeave {
@@ -30,27 +29,21 @@ export declare class SettingsPage extends AppForm<LocalSettings> implements OnIn
     network: NetworkService;
     locales: LocaleConfig[];
     private data;
-    mobile: boolean;
-    saving: boolean;
-    usageModes: UsageMode[];
-    menuItems: IMenuItem[];
-    propertyDefinitions: FormFieldDefinition[];
-    propertyDefinitionsByKey: FormFieldDefinitionMap;
-    propertyDefinitionsByIndex: {
-        [index: number]: FormFieldDefinition;
-    };
-    propertiesFormHelper: FormArrayHelper<Property>;
-    latLongFormats: string[];
+    protected mobile: boolean;
+    protected isAdmin: boolean;
+    protected saving: boolean;
+    protected usageModes: UsageMode[];
+    protected menuItems: IMenuItem[];
+    protected propertyDefinitions: FormFieldDefinition[];
+    protected latLongFormats: string[];
     get accountInheritance(): boolean;
     get isLogin(): boolean;
-    get propertiesForm(): UntypedFormArray;
+    get propertiesFormArray(): UntypedFormArray;
     get darkMode(): boolean;
     set darkMode(value: boolean);
+    propertiesForm: AppPropertiesForm;
     constructor(injector: Injector, platform: PlatformService, navController: NavController, validatorService: LocalSettingsValidatorService, alertCtrl: AlertController, translate: TranslateService, formBuilder: UntypedFormBuilder, accountService: AccountService, settings: LocalSettingsService, cd: ChangeDetectorRef, network: NetworkService, locales: LocaleConfig[], menuItems?: IMenuItem[]);
     ngOnInit(): Promise<void>;
-    getPropertyDefinition(index: number): FormFieldDefinition;
-    updatePropertyDefinition(index: number): FormFieldDefinition;
-    removePropertyAt(index: number): void;
     load(): Promise<void>;
     updateView(data: LocalSettings): void;
     save(event?: Event, options?: any): Promise<boolean>;
@@ -63,6 +56,24 @@ export declare class SettingsPage extends AppForm<LocalSettings> implements OnIn
     clearCache(event?: Event): Promise<void>;
     executeAction(event: Event, item: IMenuItem): Promise<void>;
     getValue(): Promise<LocalSettings>;
+    markAsLoading(): void;
+    markAsLoaded(opts?: {
+        emitEvent?: boolean;
+    }): void;
+    get loading(): boolean;
+    get loaded(): boolean;
+    enable(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    disable(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    markAsPristine(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
     protected toggleDarkMode(enable?: boolean): Promise<void>;
     protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SettingsPage, [null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;

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

@@ -1,11 +1,16 @@
 import * as momentImported from 'moment';
-import { Duration, Moment, unitOfTime } 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;
@@ -40,3 +45,4 @@ export declare function fromDateISOString(value: any): Moment | undefined;
 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/form/field.component.d.ts

@@ -7,7 +7,7 @@ import { Property } from '../types';
 import { ThemePalette } from '@angular/material/core';
 import { PredefinedColors } from '@ionic/core';
 import { MatAutocompleteField } from '../material/autocomplete/material.autocomplete';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
 import * as i0 from "@angular/core";
 export declare class AppFormField implements OnInit, ControlValueAccessor {
     protected translate: TranslateService;
@@ -31,6 +31,7 @@ export declare class AppFormField implements OnInit, ControlValueAccessor {
     compact: boolean;
     floatLabel: AppFloatLabelType;
     appearance: MatFormFieldAppearance;
+    subscriptSizing: SubscriptSizing;
     tabindex: number;
     autofocus: boolean;
     clearable: boolean;
@@ -69,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; }; "appearance": { "alias": "appearance"; "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>;
+    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/functions.d.ts

@@ -148,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/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,7 +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

@@ -21,6 +21,10 @@ export declare interface MatAutocompleteFieldConfig<T = any, F = any> {
     suggestLengthThreshold?: number;
     highlightAccent?: boolean;
     applyImplicitValue?: boolean;
+    /**
+     * Should select input content (desktop only)
+     */
+    selectInputContentOnFocus?: boolean;
     /**
      * Class to apply to the `div.mat-mdc-select-panel`
      */

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

@@ -5,11 +5,15 @@ import { SuggestFn } from '../../services/entity-service.class';
 import { InputElement } from '../../inputs';
 import { AppFloatLabelType, DisplayFn, EqualsFn } from '../../form/field.model';
 import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
-import { MatSelect } from '@angular/material/select';
+import { MatSelect, MatSelectChange } from '@angular/material/select';
 import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { IonSearchbar, ModalController } from '@ionic/angular';
 import { MatAutocompleteFieldConfig } from './material.autocomplete.config';
 import * as i0 from "@angular/core";
+export type MatAutocompleteFieldSelectChange = {
+    source: MatSelect | MatAutocomplete;
+    value: any;
+};
 export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDestroy, InputElement, ControlValueAccessor {
     protected injector: Injector;
     protected el: ElementRef<HTMLElement>;
@@ -76,6 +80,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     clearButtonTitle: string;
     trimSearchText: boolean;
     splitSearchText: boolean;
+    selectInputContentOnFocus: boolean;
     /**
      * @deprecated Use panelClass instead
      */
@@ -87,7 +92,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     dropButtonClick: EventEmitter<Event>;
     keydownEscape: EventEmitter<Event>;
     keyupEnter: EventEmitter<Event>;
-    optionSelected: EventEmitter<MatAutocompleteSelectedEvent>;
+    selectionChange: EventEmitter<MatAutocompleteFieldSelectChange>;
     matSelect: MatSelect;
     ionSearchbar: IonSearchbar;
     matInputText: ElementRef;
@@ -130,6 +135,9 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     _initMatSelectInfiniteScroll(threshold?: string): void;
     get isOpen(): boolean;
     closePanel(): void;
+    protected markAsLoading(): void;
+    protected onSelectionChange(event: MatSelectChange): void;
+    protected onOptionSelected(event: MatAutocompleteSelectedEvent): void;
     private suggest;
     private fetchMore;
     private updateImplicitValue;
@@ -137,7 +145,6 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     private getAutocompletePanel;
     private getMatSelectPanel;
     private markForCheck;
-    protected markAsLoading(): void;
     private _fixMatSelectPositionAndSearchbar;
     private _fixMatSelectPanelPosition;
     /**
@@ -150,7 +157,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
      */
     private _fixSearchbarOverlay;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displaySeparator": { "alias": "displaySeparator"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; }; "stickySearchBar": { "alias": "stickySearchBar"; "required": false; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "trimSearchText": { "alias": "trimSearchText"; "required": false; }; "splitSearchText": { "alias": "splitSearchText"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; "optionSelected": "optionSelected"; }, never, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displaySeparator": { "alias": "displaySeparator"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; }; "stickySearchBar": { "alias": "stickySearchBar"; "required": false; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "trimSearchText": { "alias": "trimSearchText"; "required": false; }; "splitSearchText": { "alias": "splitSearchText"; "required": false; }; "selectInputContentOnFocus": { "alias": "selectInputContentOnFocus"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; "selectionChange": "selectionChange"; }, never, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_mobile: unknown;
     static ngAcceptInputType_clearable: unknown;
@@ -168,5 +175,6 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     static ngAcceptInputType_stickySearchBar: unknown;
     static ngAcceptInputType_trimSearchText: unknown;
     static ngAcceptInputType_splitSearchText: unknown;
+    static ngAcceptInputType_selectInputContentOnFocus: unknown;
     static ngAcceptInputType_readonly: unknown;
 }