@sumaris-net/ngx-components 2.7.3-rc9 → 2.7.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.7.3-rc9",
+  "version": "2.7.3",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",
@@ -17,23 +17,23 @@
   },
   "dependencies": {
     "@noble/ed25519": "^1.7.3",
-    "@polkadot/util": "~12.5.1",
-    "@polkadot/util-crypto": "~12.5.1",
-    "@rx-angular/cdk": "~17.0.0",
-    "@rx-angular/state": "~17.0.0",
-    "@rx-angular/template": "~17.0.0",
+    "@polkadot/util": "~12.6.2",
+    "@polkadot/util-crypto": "~12.6.2",
+    "@rx-angular/cdk": "~17.0.1",
+    "@rx-angular/state": "~17.0.1",
+    "@rx-angular/template": "~17.1.0",
     "clone": "~2.1.2",
-    "tslib": "~2.6.2",
-    "@maskito/angular": "~2.0.0",
-    "@maskito/core": "~2.0.0",
-    "@maskito/kit": "~2.0.0"
+    "@maskito/angular": "~2.0.2",
+    "@maskito/core": "~2.0.2",
+    "@maskito/kit": "~2.0.2",
+    "tslib": "^2.3.0"
   },
   "peerDependencies": {
     "@apollo/client": "~3.8.10",
     "@ionic/storage": "~4.0.0",
     "d3": "~7.6.1",
     "localforage": "~1.10.0",
-    "rxjs": "~7.5.7"
+    "rxjs": "~7.8.1"
   },
   "optionalDependencies": {
     "@awesome-cordova-plugins/core": "~6.4.0",

package/src/app/core/menu/testing/menu-other.testing.d.ts

@@ -1,7 +1,7 @@
-import { MenuService } from '../menu.service';
 import { ActivatedRoute, Router } from '@angular/router';
 import { AlertController, NavController } from '@ionic/angular';
 import { TranslateService } from '@ngx-translate/core';
+import { MenuService } from '../menu.service';
 import { MenuTestingPage } from './menu.testing';
 import * as i0 from "@angular/core";
 export declare class OtherMenuTestingPage extends MenuTestingPage {

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

@@ -1,10 +1,11 @@
-import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { MenuService } from '../menu.service';
 import { AppTabEditor } from '../../form/entity/editor.class';
 import { ActivatedRoute, Router } from '@angular/router';
 import { AlertController, NavController } from '@ionic/angular';
 import { TranslateService } from '@ngx-translate/core';
 import { Subject } from 'rxjs';
+import { MatTabGroup } from '@angular/material/tabs';
 import * as i0 from "@angular/core";
 export declare class MenuTestingPage extends AppTabEditor implements OnInit, OnDestroy, AfterViewInit {
     protected menuService: MenuService;
@@ -17,6 +18,12 @@ export declare class MenuTestingPage extends AppTabEditor implements OnInit, OnD
     protected showThirdTab: boolean;
     protected $title: Subject<string>;
     protected $secondTabTitle: Subject<string>;
+    protected _subSelectedTabIndex: number;
+    subTabCount: number;
+    set subSelectedTabIndex(value: number);
+    get subSelectedTabIndex(): number;
+    readonly subSelectedTabIndexChange: EventEmitter<number>;
+    subTabGroup: MatTabGroup;
     protected set title(value: string);
     protected set secondTabTitle(value: string);
     constructor(route: ActivatedRoute, // Modal editor give 'null'
@@ -38,6 +45,7 @@ export declare class MenuTestingPage extends AppTabEditor implements OnInit, OnD
     protected getFirstInvalidTabIndex(): number;
     protected getDefaultTitle(): string;
     protected computeTitle(): Promise<string>;
+    setSubSelectedTabIndex(value: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuTestingPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuTestingPage, "app-testing-menu", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuTestingPage, "app-testing-menu", never, { "subSelectedTabIndex": { "alias": "subSelectedTabIndex"; "required": false; }; }, { "subSelectedTabIndexChange": "subSelectedTabIndexChange"; }, never, never, false, never>;
 }

package/src/app/core/services/config/core.config.d.ts

@@ -24,6 +24,7 @@ export declare const CORE_CONFIG_OPTIONS: Readonly<{
     COLOR_WARNING: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     COLOR_ACCENT: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     COLOR_DANGER: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
+    FORM_FIELD_BACKGROUND_COLOR: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     ANDROID_INSTALL_URL: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     DB_TIMEZONE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     ACCOUNT_READONLY: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;

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

@@ -40,6 +40,8 @@ export declare class LocalSettingsService extends StartableService<LocalSettings
     get mobile(): boolean;
     set mobile(value: boolean);
     get pageHistory(): HistoryPageReference[];
+    get enableDarkMode(): boolean;
+    get isDarkMode(): boolean;
     constructor(platform: Platform, translate: TranslateService, storage: Storage, environment: Environment, defaultSettings: LocalSettings, options: LocalSettingsOptions);
     ngOnStart(): Promise<LocalSettings>;
     isUsageMode(mode: UsageMode): boolean;

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

@@ -23,4 +23,5 @@ export declare interface LocalSettings {
     pageHistory?: HistoryPageReference[];
     offlineFeatures?: (string | OfflineFeature)[];
     pageHistoryMaxSize: number;
+    darkMode?: boolean;
 }

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

@@ -44,6 +44,7 @@ export declare class SettingsPage extends AppForm<LocalSettings> implements OnIn
     get accountInheritance(): boolean;
     get isLogin(): boolean;
     get propertiesForm(): UntypedFormArray;
+    get darkMode(): boolean;
     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;
@@ -62,6 +63,7 @@ export declare class SettingsPage extends AppForm<LocalSettings> implements OnIn
     executeAction(event: Event, item: IMenuItem): Promise<void>;
     protected getValue(): Promise<LocalSettings>;
     protected getJsonValueToSave(): Promise<any>;
+    protected toggleDarkMode(): Promise<void>;
     protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SettingsPage, [null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SettingsPage, "page-settings", never, {}, {}, never, never, false, never>;

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 } from '@angular/material/form-field';
 import * as i0 from "@angular/core";
 export declare class AppFormField implements OnInit, ControlValueAccessor {
     protected translate: TranslateService;
@@ -29,12 +30,13 @@ export declare class AppFormField implements OnInit, ControlValueAccessor {
     placeholder: string;
     compact: boolean;
     floatLabel: AppFloatLabelType;
+    appearance: MatFormFieldAppearance;
     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 +69,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; }; "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/material/autocomplete/material.autocomplete.d.ts

@@ -112,6 +112,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     filterInputTextFocusEvent(event: FocusEvent): boolean;
     protected filterInputTextBlurEvent(event: FocusEvent): void;
     protected ionSearchBarChanged(event: Event): void;
+    ionSearchBarChanged1(event: any): void;
     filterMatSelectFocusEvent(event: FocusEvent): void;
     filterMatSelectBlurEvent(event: FocusEvent): boolean;
     clearValue(event?: Event): void;

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, OnInit } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { MatAutocompleteField } from '../material.autocomplete';
 import { Subscription } from 'rxjs';
@@ -13,6 +13,7 @@ declare class EntityTestClass {
 }
 export declare class AutocompleteTestPage implements OnInit, AfterViewInit {
     protected formBuilder: UntypedFormBuilder;
+    private cd;
     private _items;
     private _$items;
     form: UntypedFormGroup;
@@ -24,7 +25,7 @@ export declare class AutocompleteTestPage implements OnInit, AfterViewInit {
     mode: 'mobile' | 'desktop' | 'memory' | 'temp';
     farEntityField: MatAutocompleteField;
     ionModal: IonModal;
-    constructor(formBuilder: UntypedFormBuilder);
+    constructor(formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     loadData(): Promise<void>;

package/src/app/shared/material/datetime/material.date.d.ts

@@ -58,9 +58,10 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     setDisabledState(isDisabled: boolean): void;
     openDatePicker(): void;
     focus(): void;
-    clear(): void;
+    clear(event: UIEvent): void;
     protected _onDatePickerChange(event: MatDatepickerInputEvent<Moment>): void;
     protected _openDatePickerIfMobile(event: Event): void;
+    protected _onBlur(): void;
     protected _checkIfTouched(opts?: {
         emitEvent?: boolean;
     }): void;
@@ -73,5 +74,5 @@ export declare class MatDate implements OnInit, AfterViewInit, OnDestroy, Contro
     private markForCheck;
     private updateMaskOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatDate, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatDate, "mat-date-field", never, { "mobile": { "alias": "mobile"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, ["mat-error", "mat-hint", "[matPrefix]", "[matSuffix]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDate, "mat-date-field", never, { "mobile": { "alias": "mobile"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, ["mat-error", "mat-hint", "mat-error", "mat-hint", "[matPrefix]", "[matSuffix]"], false, never>;
 }

package/src/app/shared/material/datetime/material.dateshort.d.ts

@@ -74,5 +74,5 @@ export declare class MatDateShort implements OnInit, ControlValueAccessor, Input
     private markForCheck;
     private updateMaskOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatDateShort, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateShort, "mat-date-short-field", never, { "mobile": { "alias": "mobile"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, ["mat-error", "mat-hint", "[matPrefix]", "[matSuffix]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateShort, "mat-date-short-field", never, { "mobile": { "alias": "mobile"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, ["mat-error", "mat-hint", "mat-error", "mat-hint", "[matPrefix]", "[matSuffix]"], false, never>;
 }

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

@@ -36,35 +36,38 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private _formControl;
     private _controlName;
     private _required;
+    private _appearance;
     private _subscriptSizing;
+    private readonly _defaultAppearance;
     private readonly _defaultSubscriptSizing;
-    dateControl: UntypedFormControl;
-    timeControl: UntypedFormControl;
-    displayPattern: string;
-    datePattern: string;
-    timePattern: string;
-    locale: string;
-    maskitoDateOptions: MaskitoOptions;
-    maskitoTimeOptions: MaskitoOptions;
-    datePlaceholder: string;
-    timePlaceholder: string;
-    set subscriptSizing(value: SubscriptSizing);
-    get subscriptSizing(): SubscriptSizing;
-    set formControl(value: UntypedFormControl);
-    get formControl(): UntypedFormControl;
-    set formControlName(value: string);
-    get formControlName(): string;
-    set required(value: boolean | any);
-    get required(): boolean | any;
+    protected dateControl: UntypedFormControl;
+    protected timeControl: UntypedFormControl;
+    protected displayPattern: string;
+    protected datePattern: string;
+    protected timePattern: string;
+    protected locale: string;
+    protected maskitoDateOptions: MaskitoOptions;
+    protected maskitoTimeOptions: MaskitoOptions;
+    protected datePlaceholder: string;
+    protected timePlaceholder: string;
     placeholder: string;
     floatLabel: AppFloatLabelType;
-    appearance: MatFormFieldAppearance;
     mobile: boolean;
     compact: boolean;
     autofocus: boolean;
     startDate: Moment | null;
     clearable: boolean;
     datePickerFilter: DateFilterFn<Moment>;
+    set appearance(value: MatFormFieldAppearance);
+    get appearance(): MatFormFieldAppearance;
+    set subscriptSizing(value: SubscriptSizing);
+    get subscriptSizing(): SubscriptSizing;
+    set formControl(value: UntypedFormControl);
+    get formControl(): UntypedFormControl;
+    set formControlName(value: string);
+    get formControlName(): string;
+    set required(value: boolean | any);
+    get required(): boolean | any;
     set readonly(value: boolean);
     get readonly(): boolean;
     set tabindex(value: number);
@@ -77,7 +80,6 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     matError: MatError;
     constructor(dateAdapter: MomentDateAdapter, translate: TranslateService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, defaultOptions?: MatFormFieldDefaultOptions);
     ngOnInit(): void;
-    _getDisplayedMessages(): 'error' | 'hint';
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     writeValue(value: any): void;
@@ -95,9 +97,10 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     protected _onTimePickerChange(timeStr: string): void;
     protected _openDatePickerIfMobile(event?: Event, datePicker?: MatDatepicker<any>): void;
     protected _openTimePickerIfMobile(event?: Event): void;
+    protected _onBlur(): void;
     protected _checkIfTouched(): void;
     protected _preventEvent(event?: Event): void;
-    private updatePattern;
+    private updateTranslations;
     private onFormChange;
     private emitChange;
     private updateTabIndex;
@@ -107,6 +110,6 @@ export declare class MatDateTime implements OnInit, AfterViewInit, OnDestroy, Co
     private updateDateMaskOptions;
     private updateTimeMaskOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatDateTime, [null, null, null, null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateTime, "mat-date-time-field", never, { "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, ["matError"], ["mat-error", "mat-hint", "[matPrefix]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDateTime, "mat-date-time-field", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "datePickerFilter": { "alias": "datePickerFilter"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, ["matError"], ["mat-error", "mat-error", "mat-hint:not([align='end'])", "mat-hint[align='end']", "[matPrefix]"], false, never>;
 }
 export {};

package/src/app/shared/material/datetime/testing/mat-date-time.test.d.ts

@@ -16,12 +16,12 @@ export declare class DateTimeTestPage implements OnInit {
     memoryTimer: Subscription;
     form: UntypedFormGroup;
     mode: 'mobile' | 'desktop' | 'memory' | 'temp';
-    mobileApparence: MatFormFieldAppearance;
+    appearance: MatFormFieldAppearance;
     noTimeProperty: string;
     constructor(platform: Platform, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
     ngOnInit(): void;
     toggleMode(value: any): void;
-    toggleMobileApparence(event: MatCheckboxChange): void;
+    toggleAppearance(event: MatCheckboxChange): void;
     loadData(): Promise<void>;
     doSubmit(event: any): void;
     log(message: string): void;

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

@@ -54,5 +54,5 @@ export declare class MatDuration implements OnInit, OnDestroy, ControlValueAcces
     protected updateTabIndex(): void;
     protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatDuration, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatDuration, "mat-duration-field", never, { "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "maxDecimals": { "alias": "maxDecimals"; "required": false; }; "placeholderChar": { "alias": "placeholderChar"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; }, {}, never, ["[matPrefix]", "mat-error"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatDuration, "mat-duration-field", never, { "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "maxDecimals": { "alias": "maxDecimals"; "required": false; }; "placeholderChar": { "alias": "placeholderChar"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; }, {}, never, ["[matPrefix]", "mat-error", "[matPrefix]", "mat-error"], false, never>;
 }

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

@@ -15,7 +15,9 @@ export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueA
     private _formatOptions;
     private _disabling;
     private _writing;
+    private _appearance;
     private _subscriptSizing;
+    private readonly _defaultAppearance;
     private readonly _defaultSubscriptSizing;
     _readonly: boolean;
     _formatFn: LatLongFormatFn;
@@ -31,13 +33,14 @@ export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueA
     pattern: LatLongPattern;
     required: boolean;
     floatLabel: AppFloatLabelType;
-    appearance: MatFormFieldAppearance;
     placeholder: string;
     tabindex: number;
     defaultSign: '-' | '+' | '+ ' | '- ';
     maxDecimals: number;
     placeholderChar: string;
     autofocus: boolean;
+    set appearance(value: MatFormFieldAppearance);
+    get appearance(): MatFormFieldAppearance;
     set readonly(value: boolean);
     get readonly(): boolean;
     set subscriptSizing(value: SubscriptSizing);
@@ -48,7 +51,6 @@ export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueA
     matError: MatError;
     constructor(formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, defaultOptions?: MatFormFieldDefaultOptions);
     ngOnInit(): void;
-    _getDisplayedMessages(): 'error' | 'hint';
     ngOnDestroy(): void;
     writeValue(obj: any): void;
     registerOnChange(fn: any): void;
@@ -69,5 +71,5 @@ export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueA
     private checkIfTouched;
     private markForCheck;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatLatLongField, [null, null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatLatLongField, "mat-latlong-field", never, { "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "latLongPattern"; "required": false; }; "required": { "alias": "required"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "defaultSign": { "alias": "defaultSign"; "required": false; }; "maxDecimals": { "alias": "maxDecimals"; "required": false; }; "placeholderChar": { "alias": "placeholderChar"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["matError"], ["mat-error", "mat-hint:not([align='end'])", "mat-hint[align='end']", "[matPrefix]", "[matSuffix]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatLatLongField, "mat-latlong-field", never, { "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "latLongPattern"; "required": false; }; "required": { "alias": "required"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "defaultSign": { "alias": "defaultSign"; "required": false; }; "maxDecimals": { "alias": "maxDecimals"; "required": false; }; "placeholderChar": { "alias": "placeholderChar"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["matError"], ["mat-error", "mat-hint:not([align='end'])", "mat-hint[align='end']", "[matPrefix]", "[matSuffix]"], false, never>;
 }

package/src/app/shared/material/latlong/testing/latlong.test.d.ts

@@ -1,6 +1,8 @@
 import { OnInit } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { PlatformService } from '../../../../core/services/platform.service';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatCheckboxChange } from '@angular/material/checkbox';
 import * as i0 from "@angular/core";
 export declare class LatLongTestPage implements OnInit {
     protected formBuilder: UntypedFormBuilder;
@@ -8,12 +10,14 @@ export declare class LatLongTestPage implements OnInit {
     form: UntypedFormGroup;
     geoPositionMessage: string;
     mode: string;
+    appearance: MatFormFieldAppearance;
     constructor(formBuilder: UntypedFormBuilder, platform: PlatformService);
     ngOnInit(): void;
     toggleMode(value: any): void;
     loadData(): Promise<void>;
     doSubmit(event: any): void;
     geoPosition(event: Event, controlName?: string): Promise<void>;
+    toggleAppearance(event: MatCheckboxChange): void;
     stringify: {
         (value: any, replacer?: (this: any, key: string, value: any) => any, space?: string | number): string;
         (value: any, replacer?: (string | number)[], space?: string | number): string;

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

@@ -1,2 +1,3 @@
-import { SubscriptSizing } from '@angular/material/form-field';
+import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
 export declare const MAT_FORM_FIELD_DEFAULT_SUBSCRIPT_SIZING: SubscriptSizing;
+export declare const MAT_FORM_FIELD_DEFAULT_APPEARANCE: MatFormFieldAppearance;

package/src/app/shared/material/text/text-form.component.d.ts

@@ -2,6 +2,7 @@ import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnInit } from '@
 import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFormControl, ValidatorFn } from '@angular/forms';
 import { CdkTextareaAutosize } from '@angular/cdk/text-field';
 import { AppForm } from '../../../core/form/form.class';
+import { AppFloatLabelType } from '../../form/field.model';
 import * as i0 from "@angular/core";
 export declare class TextForm extends AppForm<{
     text: string;
@@ -20,6 +21,7 @@ export declare class TextForm extends AppForm<{
     standalone: boolean;
     formControl: UntypedFormControl;
     formControlName: string;
+    floatLabel: AppFloatLabelType;
     textAreaChanges: EventEmitter<string>;
     textArea: ElementRef;
     textInput: ElementRef;
@@ -41,5 +43,5 @@ export declare class TextForm extends AppForm<{
     }): void;
     private textFormValueChanged;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextForm, [null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextForm, "app-text-form", never, { "showError": { "alias": "showError"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "autoHeight": { "alias": "autoHeight"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "validator": { "alias": "validator"; "required": false; }; "standalone": { "alias": "standalone"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, { "textAreaChanges": "textAreaChanges"; }, never, ["[matError]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextForm, "app-text-form", never, { "showError": { "alias": "showError"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "autoHeight": { "alias": "autoHeight"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "validator": { "alias": "validator"; "required": false; }; "standalone": { "alias": "standalone"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; }, { "textAreaChanges": "textAreaChanges"; }, never, ["[matError]"], false, never>;
 }

package/src/app/shared/pipes/string.pipes.d.ts

@@ -1,4 +1,5 @@
 import { PipeTransform } from '@angular/core';
+import { DisplayFn } from '../form/field.model';
 import * as i0 from "@angular/core";
 export declare class IsNotNilOrBlankPipe implements PipeTransform {
     transform(value: string): boolean;
@@ -31,7 +32,7 @@ export declare class IsNilPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<IsNilPipe, "isNil", false>;
 }
 export declare class ToStringPipe implements PipeTransform {
-    transform(value: number): string;
+    transform(value: number | object, displayWith?: DisplayFn): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToStringPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ToStringPipe, "toString", false>;
 }

package/src/app/social/user-event/notification/user-event-notification.icon.d.ts

@@ -10,6 +10,9 @@ export declare class UserEventNotificationIcon implements OnInit, OnDestroy {
     protected accountService: AccountService;
     protected popoverController: PopoverController;
     private cd;
+    private _logPrefix;
+    private _readEvent;
+    private _readEvents;
     debug: boolean;
     titleI18n: string;
     disabled: boolean;
@@ -19,13 +22,10 @@ export declare class UserEventNotificationIcon implements OnInit, OnDestroy {
     footerActions: IUserEventAction[];
     protected visible: boolean;
     protected readonly countChanges$: Observable<number>;
-    private _logPrefix;
-    private _readEvent;
-    private _readEvents;
     constructor(userEventService: IUserEventService<IUserEvent<any>, IUserEventFilter<any>>, accountService: AccountService, popoverController: PopoverController, cd: ChangeDetectorRef);
     ngOnInit(): Promise<void>;
-    showList(event: Event): Promise<void>;
     ngOnDestroy(): void;
+    showList(event: Event): Promise<void>;
     protected setVisible(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UserEventNotificationIcon, [{ optional: true; }, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UserEventNotificationIcon, "app-user-event-notification-icon", never, { "debug": { "alias": "debug"; "required": false; }; "titleI18n": { "alias": "titleI18n"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; "headerActions": { "alias": "headerActions"; "required": false; }; "footerActions": { "alias": "footerActions"; "required": false; }; }, {}, never, never, false, never>;

package/src/assets/i18n/en-US.json

@@ -370,6 +370,7 @@
     "NETWORK_DIVIDER": "Network settings",
     "PEER_URL": "Network node address",
     "BTN_CHANGE_PEER": "See available nodes",
+    "BTN_DARK_MODE": "Light/dark theme",
     "BTN_SHOW_MORE_HELP": "Show more parameters",
     "BTN_CLEAR_CACHE": "Clear data cache",
     "OFFLINE_MODE": "Force offline mode? (experimental)",

package/src/assets/i18n/en.json

@@ -370,6 +370,7 @@
     "NETWORK_DIVIDER": "Network settings",
     "PEER_URL": "Network node address",
     "BTN_CHANGE_PEER": "See available nodes",
+    "BTN_DARK_MODE": "Light/dark theme",
     "BTN_SHOW_MORE_HELP": "Show more parameters",
     "BTN_CLEAR_CACHE": "Clear data cache",
     "OFFLINE_MODE": "Force offline mode? (experimental)",

package/src/assets/i18n/fr.json

@@ -370,6 +370,7 @@
     "NETWORK_DIVIDER": "Paramètres réseau",
     "PEER_URL": "Adresse du nœud réseau",
     "BTN_CHANGE_PEER": "Voir les nœuds disponibles",
+    "BTN_DARK_MODE": "Mode sombre/clair",
     "BTN_SHOW_MORE_HELP": "Afficher plus de paramètres",
     "BTN_CLEAR_CACHE": "Vider le cache",
     "OFFLINE_MODE": "Forcer le mode hors-ligne ?",

package/src/assets/manifest.json

@@ -2,7 +2,7 @@
   "name": "ngx-sumaris-components",
   "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "2.7.3-rc9",
+  "version": "2.7.3",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

package/src/environments/environment.class.d.ts

@@ -10,7 +10,6 @@ export declare class Environment {
     production: boolean;
     externalEnvironmentUrl?: string;
     baseUrl: string;
-    useHash?: boolean;
     connectionTimeout?: number;
     sameUrlPeer?: boolean;
     defaultPeer?: {
@@ -35,6 +34,8 @@ export declare class Environment {
     defaultDepartmentId?: number;
     defaultAppName?: string;
     defaultAndroidInstallUrl?: string;
+    useHash?: boolean;
+    allowDarkMode?: boolean;
     logging?: Partial<LoggingServiceConfig>;
     cache?: Partial<CacheConfig>;
     storage?: Partial<StorageConfig>;

package/src/theme/_ionic.globals.scss

@@ -54,7 +54,10 @@ $dark:        #222428 !default;
 $transparent: transparent;
 
 // Main background color
-$background-color: #fff !default;
+$background-color-value: #fff;
+$background-color-rgb-value: 255, 255, 255;
+$ion-toolbar-background: withesmoke !default;
+
 // Text color
 $dark-primary-text: rgba(black, 0.87);
 $dark-secondary-text: rgba(black, 0.54);