@sumaris-net/ngx-components 2.9.0-alpha1 → 2.9.0-alpha3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.9.0-alpha1",
+  "version": "2.9.0-alpha3",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",
@@ -19,9 +19,9 @@
     "@noble/ed25519": "^1.7.3",
     "@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",
+    "@rx-angular/cdk": "~17.1.0",
+    "@rx-angular/state": "~17.2.0",
+    "@rx-angular/template": "~17.3.1",
     "clone": "~2.1.2",
     "@maskito/angular": "~2.0.2",
     "@maskito/core": "~2.0.2",

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

@@ -4,11 +4,11 @@ import { BehaviorSubject, Subject, Subscription } from 'rxjs';
 import { IAppForm } from './form.utils';
 import { LocalSettingsService } from '../services/local-settings.service';
 import { WaitForOptions } from '../../shared/observables';
-import { FormErrorTranslator, FormErrorTranslatorOptions, IFormControlPathTranslator } from '../../shared/validator/form-error-adapter.class';
+import { FormErrorTranslator, FormErrorTranslatorOptions, IFormPathTranslator } from '../../shared/validator/form-error-adapter.class';
 import { TranslateService } from '@ngx-translate/core';
 import { MatAutocompleteConfigHolder, MatAutocompleteFieldAddOptions, MatAutocompleteFieldConfig } from '../../shared/material/autocomplete/material.autocomplete.config';
 import * as i0 from "@angular/core";
-export declare class AppForm<T> implements IAppForm<T>, OnInit, OnDestroy, IFormControlPathTranslator {
+export declare class AppForm<T> implements IAppForm<T>, OnInit, OnDestroy, IFormPathTranslator {
     private _subscription;
     protected _form: UntypedFormGroup;
     protected _enabled: boolean;
@@ -131,7 +131,7 @@ export declare class AppForm<T> implements IAppForm<T>, OnInit, OnDestroy, IForm
         onlySelf?: boolean;
         emitEvent?: boolean;
     }): void;
-    translateControlPath(path: string): any;
+    translateFormPath(path: string): any;
     protected getFormError(form: UntypedFormGroup, opts?: FormErrorTranslatorOptions): string;
     protected getI18nFieldName(path: string): string;
     protected registerSubscription(sub: Subscription): void;

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

@@ -13,6 +13,7 @@ export interface ISelectPeerModalOptions {
     allowSelectDownPeer: boolean;
     onRefresh: EventEmitter<Event>;
     showSetManuallyButton: boolean;
+    selectedPeer?: string;
 }
 export declare class SelectPeerModal implements OnDestroy, ISelectPeerModalOptions {
     private modalCtrl;
@@ -24,14 +25,16 @@ export declare class SelectPeerModal implements OnDestroy, ISelectPeerModalOptio
     protected loggingService?: ILoggingService;
     private _subscription;
     private readonly _logger;
-    loading: boolean;
-    mobile: boolean;
-    $peers: Subject<Peer[]>;
-    peerMinVersion: string;
+    protected loading: boolean;
+    protected mobile: boolean;
+    protected $peers: Subject<Peer[]>;
+    protected peerMinVersion: string;
+    protected peerDefaultPrefix: string;
+    selectedPeer: string;
     canCancel: boolean;
     allowSelectDownPeer: boolean;
-    onRefresh: EventEmitter<Event>;
     showSetManuallyButton: boolean;
+    onRefresh: EventEmitter<Event>;
     constructor(modalCtrl: ModalController, popoverController: PopoverController, translate: TranslateService, http: HttpClient, cd: ChangeDetectorRef, environment: Environment, loggingService?: ILoggingService);
     set peers(peers: Observable<Peer[]>);
     cancel(): void;
@@ -43,12 +46,15 @@ export declare class SelectPeerModal implements OnDestroy, ISelectPeerModalOptio
      * @param peer
      */
     isCompatible(peer: Peer): boolean;
-    refresh(event: any): void;
+    refresh(event: Event): void;
     clickSetManually(event?: Event): Promise<void>;
     refreshPeers(peers: Peer[]): Promise<void>;
     protected refreshPeer(peer: Peer): Promise<Peer>;
     protected openPeerUrlPopover(event: Event, opts?: Partial<TextPopoverOptions>): Promise<any>;
     protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectPeerModal, [null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectPeerModal, "select-peer-modal", never, { "canCancel": { "alias": "canCancel"; "required": false; }; "allowSelectDownPeer": { "alias": "allowSelectDownPeer"; "required": false; }; "onRefresh": { "alias": "onRefresh"; "required": false; }; "showSetManuallyButton": { "alias": "showSetManuallyButton"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectPeerModal, "select-peer-modal", never, { "selectedPeer": { "alias": "selectedPeer"; "required": false; }; "canCancel": { "alias": "canCancel"; "required": false; }; "allowSelectDownPeer": { "alias": "allowSelectDownPeer"; "required": false; }; "showSetManuallyButton": { "alias": "showSetManuallyButton"; "required": false; }; "onRefresh": { "alias": "onRefresh"; "required": false; }; }, {}, never, never, false, never>;
+    static ngAcceptInputType_canCancel: unknown;
+    static ngAcceptInputType_allowSelectDownPeer: unknown;
+    static ngAcceptInputType_showSetManuallyButton: unknown;
 }

package/src/app/core/table/async-table.class.d.ts

@@ -18,12 +18,12 @@ import { WaitForOptions } from '../../shared/observables';
 import { ShowToastOptions } from '../../shared/toast/toasts';
 import { CdkColumnDef } from '@angular/cdk/table';
 import { LoadResult } from '../../shared/services/entity-service.class';
-import { FormErrorTranslator, FormErrorTranslatorOptions, IFormControlPathTranslator } from '../../shared/validator/form-error-adapter.class';
+import { FormErrorTranslator, FormErrorTranslatorOptions, IFormPathTranslator } from '../../shared/validator/form-error-adapter.class';
 import { SaveActionType } from './table.model';
 import { AsyncTableElement } from '@e-is/ngx-material-table';
 import { EntitiesAsyncTableDataSource } from './entities-async-table-datasource.class';
 import * as i0 from "@angular/core";
-export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, ID = number> implements OnInit, OnDestroy, AfterViewInit, IAppForm, CanSave, IFormControlPathTranslator {
+export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, ID = number> implements OnInit, OnDestroy, AfterViewInit, IAppForm, CanSave, IFormPathTranslator {
     protected columns: string[];
     protected _dataSource?: EntitiesAsyncTableDataSource<T, F, ID>;
     private _filter?;
@@ -275,7 +275,7 @@ export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, I
     doRefresh(event?: CompletableEvent): void;
     getCurrentColumns(): ColumnItem[];
     escapeEditingRow(event?: Event, row?: AsyncTableElement<T>): Promise<void>;
-    translateControlPath(path: string): string;
+    translateFormPath(path: string): string;
     protected editRow(event: Event | undefined, row: AsyncTableElement<T>, opts?: {
         focusColumn?: string;
     }): Promise<boolean>;

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

@@ -18,12 +18,12 @@ import { WaitForOptions } from '../../shared/observables';
 import { ShowToastOptions } from '../../shared/toast/toasts';
 import { CdkColumnDef } from '@angular/cdk/table';
 import { LoadResult } from '../../shared/services/entity-service.class';
-import { FormErrorTranslator, FormErrorTranslatorOptions, IFormControlPathTranslator } from '../../shared/validator/form-error-adapter.class';
+import { FormErrorTranslator, FormErrorTranslatorOptions, IFormPathTranslator } from '../../shared/validator/form-error-adapter.class';
 import { SaveActionType } from './table.model';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatTable } from '@angular/material/table';
 import * as i0 from "@angular/core";
-export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = number> implements OnInit, OnDestroy, AfterViewInit, IAppForm, CanSave, IFormControlPathTranslator {
+export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = number> implements OnInit, OnDestroy, AfterViewInit, IAppForm, CanSave, IFormPathTranslator {
     protected columns: string[];
     protected _dataSource?: EntitiesTableDataSource<T, F, ID>;
     private _filter?;
@@ -281,7 +281,7 @@ export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = n
     doRefresh(event?: CompletableEvent): void;
     getCurrentColumns(): ColumnItem[];
     escapeEditingRow(event?: Event, row?: TableElement<T>): void;
-    translateControlPath(path: string): string;
+    translateFormPath(path: string): string;
     protected editRow(event: Event | undefined, row: TableElement<T>, opts?: {
         focusColumn?: string;
     }): boolean;

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

@@ -17,6 +17,6 @@ import * as i15 from "@angular/material/select";
 import * as i16 from "@ngx-translate/core";
 export declare class SharedMatAutocompleteModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedMatAutocompleteModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatAutocompleteModule, [typeof i1.MatAutocompleteField], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ScrollingModule, typeof i5.ReactiveFormsModule, typeof i6.SharedPipesModule, typeof i7.SharedDirectivesModule, typeof i8.RxStateModule, typeof i9.MatCommonModule, typeof i10.MatAutocompleteModule, typeof i11.MatFormFieldModule, typeof i12.MatInputModule, typeof i13.MatIconModule, typeof i14.MatButtonModule, typeof i15.MatSelectModule, typeof i16.TranslateModule], [typeof i10.MatAutocompleteModule, typeof i1.MatAutocompleteField]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatAutocompleteModule, [typeof i1.MatAutocompleteField], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ScrollingModule, typeof i5.ReactiveFormsModule, typeof i6.SharedPipesModule, typeof i7.SharedDirectivesModule, typeof i8.RxStateModule, typeof i9.MatCommonModule, typeof i10.MatAutocompleteModule, typeof i11.MatFormFieldModule, typeof i12.MatInputModule, typeof i13.MatIconModule, typeof i14.MatButtonModule, typeof i15.MatSelectModule, typeof i9.MatRippleModule, typeof i16.TranslateModule], [typeof i10.MatAutocompleteModule, typeof i1.MatAutocompleteField]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedMatAutocompleteModule>;
 }

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

@@ -2,14 +2,14 @@ import { ChangeDetectorRef, OnDestroy, PipeTransform } from '@angular/core';
 import { AbstractControl, UntypedFormArray, UntypedFormControl, UntypedFormGroup } from '@angular/forms';
 import { FormErrorTranslator, FormErrorTranslatorOptions } from '../validator/form-error-adapter.class';
 import * as i0 from "@angular/core";
-export declare class FormErrorTranslatePipe implements PipeTransform, OnDestroy {
-    private adapter;
+export declare class FormErrorPipe implements PipeTransform, OnDestroy {
+    private service;
     private _ref;
-    value: string;
+    private _value;
     private _lastForm;
     private _lastOptions;
     private _onFormStatusChanges;
-    constructor(adapter: FormErrorTranslator, _ref: ChangeDetectorRef);
+    constructor(service: FormErrorTranslator, _ref: ChangeDetectorRef);
     transform(form: UntypedFormGroup, opts?: FormErrorTranslatorOptions): string;
     ngOnDestroy(): void;
     private _updateValue;
@@ -17,6 +17,16 @@ export declare class FormErrorTranslatePipe implements PipeTransform, OnDestroy
      * Clean any existing subscription to change events
      */
     private _dispose;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormErrorPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FormErrorPipe, "formError", false>;
+}
+/**
+ * Same a FormErrorPipe
+ * @deprecated
+ */
+export declare class FormErrorTranslatePipe extends FormErrorPipe {
+    constructor(service: FormErrorTranslator, _ref: ChangeDetectorRef);
+    transform(form: UntypedFormGroup, opts?: FormErrorTranslatorOptions): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormErrorTranslatePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<FormErrorTranslatePipe, "translateFormError", false>;
 }
@@ -48,7 +58,7 @@ export declare class FormGetValuePipe implements PipeTransform, OnDestroy {
     private _onControlValueChanges;
     private _onControlStatusChanges;
     constructor(_ref: ChangeDetectorRef);
-    transform(form: AbstractControl, path?: Array<string | number> | string, listenStatusChanges?: boolean): any;
+    transform<T = any>(form: AbstractControl, path?: Array<string | number> | string, listenStatusChanges?: boolean): T;
     ngOnDestroy(): void;
     /**
      * Clean any existing subscription to change events

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

@@ -25,6 +25,6 @@ import * as i23 from "@ionic/angular";
 import * as i24 from "@ngx-translate/core";
 export declare class SharedPipesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedPipesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedPipesModule, [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayLastPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i1.BooleanFormatPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe, typeof i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe], [typeof i22.CommonModule, typeof i23.IonicModule, typeof i24.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayLastPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i1.BooleanFormatPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe, typeof i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedPipesModule, [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayLastPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i1.BooleanFormatPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorPipe, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe, typeof i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe], [typeof i22.CommonModule, typeof i23.IonicModule, typeof i24.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayLastPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i1.BooleanFormatPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorPipe, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe, typeof i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedPipesModule>;
 }

package/src/app/shared/validator/form-error-adapter.class.d.ts

@@ -5,22 +5,22 @@ import { ObjectMap } from '../types';
 import { FormErrors } from '../forms';
 import * as i0 from "@angular/core";
 export declare const APP_FORM_ERROR_I18N_KEYS: InjectionToken<ObjectMap<string>>;
-export interface IFormControlPathTranslator {
-    translateControlPath: (controlPath: string) => string;
+export interface IFormPathTranslator {
+    translateFormPath: (path: string) => string;
 }
 export interface FormErrorTranslatorOptions {
     i18nPrefix?: string;
-    controlPathTranslator?: IFormControlPathTranslator;
+    pathTranslator?: IFormPathTranslator;
     separator?: string;
     recursive?: boolean;
 }
-export declare class FormErrorTranslator implements IFormControlPathTranslator {
+export declare class FormErrorTranslator implements IFormPathTranslator {
     private translate;
     private readonly errorI18nKeys;
     constructor(translate: TranslateService, errorI18nKeys: ObjectMap<string>);
     translateFormErrors(control: AbstractControl, opts?: FormErrorTranslatorOptions): string;
     translateErrors(errors: FormErrors, opts?: FormErrorTranslatorOptions): string;
-    translateControlPath(path: string, opts?: FormErrorTranslatorOptions): string;
+    translateFormPath(path: string, opts?: FormErrorTranslatorOptions): string;
     translateError(errorKey: string, errorContent?: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormErrorTranslator, [null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FormErrorTranslator>;

package/src/app/shared/validator/validators.d.ts

@@ -18,7 +18,7 @@ export declare class SharedValidators {
         dateMinDuration: string;
         dateMaxDuration: string;
         maxDecimals: string;
-        double: string;
+        decimal: string;
         integer: string;
         precision: string;
         email: string;
@@ -35,10 +35,6 @@ export declare class SharedValidators {
     static empty(control: UntypedFormControl): ValidationErrors | null;
     static pubkey(control: UntypedFormControl): ValidationErrors | null;
     static integer(control: UntypedFormControl): ValidationErrors | null;
-    /**
-     * @deprecated use decimal
-     */
-    static double: typeof SharedValidators.decimal;
     static decimal(opts?: {
         maxDecimals?: number;
     }): ValidatorFn;

package/src/assets/manifest.json

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

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

@@ -31,6 +31,7 @@ export declare class Environment {
         path?: string;
     }[];
     peerMinVersion?: string;
+    peerDefaultPrefix?: string;
     checkAppVersionIntervalInSeconds?: number;
     persistCache?: boolean;
     offline?: boolean;

package/src/theme/_functions.scss

@@ -5,3 +5,18 @@
   $remSize: $size / 16px;
   @return $remSize * 1rem;
 }
+
+@function get-color-contrast($color, $bw: false) {
+  $lightness: lightness($color);
+
+  @if $bw == true {
+    @if $lightness > 50% {
+      @return #000000; // retourne noir si la couleur est claire
+    } @else {
+      @return #ffffff; // retourne blanc si la couleur est foncée
+    }
+  }
+  @else {
+    @return invert($color); // retourne la couleur inversée si bw n'est pas true
+  }
+}

package/src/theme/_mixins.scss

@@ -44,18 +44,12 @@
   $contrast: map-get($value, contrast);
   $shade: map-get($value, shade);
   $tint: map-get($value, tint);
-  --ion-color-base: var(--ion-color-#{""+$color-name},
-    #{$base}) !important;
-  --ion-color-base-rgb: var(--ion-color-#{""+$color-name}-rgb,
-    #{color-to-rgb-list($base)}) !important;
-  --ion-color-contrast: var(--ion-color-#{""+$color-name}-contrast,
-    #{$contrast}) !important;
-  --ion-color-contrast-rgb: var(--ion-color-#{""+$color-name}-contrast-rgb,
-    #{color-to-rgb-list($contrast)}) !important;
-  --ion-color-shade: var(--ion-color-#{""+$color-name}-shade,
-    #{$shade}) !important;
-  --ion-color-tint: var(--ion-color-#{""+$color-name}-tint,
-    #{$tint}) !important;
+  --ion-color-base: var(--ion-color-#{""+$color-name}, #{$base}) !important;
+  --ion-color-base-rgb: var(--ion-color-#{""+$color-name}-rgb, #{color-to-rgb-list($base)}) !important;
+  --ion-color-contrast: var(--ion-color-#{""+$color-name}-contrast, #{$contrast}) !important;
+  --ion-color-contrast-rgb: var(--ion-color-#{""+$color-name}-contrast-rgb, #{color-to-rgb-list($contrast)}) !important;
+  --ion-color-shade: var(--ion-color-#{""+$color-name}-shade, #{$shade}) !important;
+  --ion-color-tint: var(--ion-color-#{""+$color-name}-tint, #{$tint}) !important;
 }
 
 @mixin generate-color-list($color-name) {
@@ -72,6 +66,20 @@
   --ion-color-#{""+$color-name}-tint: #{$tint};
 }
 
+@mixin generate-dark-color-list($color-name) {
+  $value: map-get($colors, $color-name);
+  $base: mix(map-get($value, base), #000, 50%);
+  $contrast: get-color-contrast($base, true);
+  $shade: lighten($base, 10%);
+  $tint: darken($base, 12%);
+  --ion-color-#{""+$color-name} : #{$base};
+  --ion-color-#{""+$color-name}-rgb: #{color-to-rgb-list($base)};
+  --ion-color-#{""+$color-name}-contrast: #{$contrast};
+  --ion-color-#{""+$color-name}-contrast-rgb: #{color-to-rgb-list($contrast)};
+  --ion-color-#{""+$color-name}-shade: #{$shade};
+  --ion-color-#{""+$color-name}-tint: #{$tint};
+}
+
 @mixin set-color-each-ion-colors($element-name) {
 
   @each $color-name, $value in $colors {
@@ -125,6 +133,7 @@
   --app-form-color-computed: #{$app-form-color-computed};
   --app-form-field-background-color: #{$app-form-field-background-color};
   --app-form-field-disabled-background-color: #{$app-form-field-disabled-background-color};
+  --app-form-field-label-color: #{$app-form-field-label-color};
   --app-table-row-item-selected-background-color: #{$app-table-row-item-selected-background-color};
   --app-table-row-item-selected-text-color: #{$app-table-row-item-selected-text-color};
 }
@@ -136,3 +145,10 @@
   --app-form-buttons-bar-height: 0px;
   --app-footer-height: 0px;
 }
+
+@mixin css-variables-to-root-dark() {
+  @each $color-name,
+  $value in $colors {
+    @include generate-dark-color-list($color-name);
+  }
+}

package/src/theme/_ngx-components.forms.scss

@@ -10,6 +10,10 @@ form.form-container {
 
   --mdc-filled-text-field-container-color: var(--app-form-field-background-color);
   --mdc-filled-text-field-disabled-container-color: var(--app-form-field-disabled-background-color);
+  --mdc-filled-text-field-input-text-color: var(--app-form-color);
+  --mdc-filled-text-field-caret-color: var(--app-form-color);
+  --mdc-filled-text-field-label-text-color: var(--app-form-field-label-color);
+  --mdc-filled-text-field-hover-label-text-color: var(--app-form-field-label-color);
   --mat-form-field-state-layer-color: var(--app-form-field-focus-background-color);
   --mat-form-field-container-height: 45px;
   --mat-form-field-container-text-size: inherit;
@@ -19,6 +23,7 @@ form.form-container {
   --mat-form-field-filled-with-label-container-padding-bottom: 0px;
   --mdc-filled-text-field-label-text-tracking: normal;
   --mat-select-trigger-text-size: var(--mat-form-field-container-text-size);
+  --mat-select-enabled-trigger-text-color: var(--app-form-color);
 
   .mat-form-field-disabled,
   .mat-mdc-input-element:disabled {
@@ -203,3 +208,16 @@ ion-grid.form-container {
     }
   }
 }
+
+// TODO: activer ce code et tester les mat-select en dark mode
+//html {
+//  div.mat-mdc-select-panel {
+//    --mat-select-panel-background-color: var(--ion-color-light);
+//
+//    .mat-mdc-option {
+//      --mat-option-label-text-color: var(--ion-color);
+//      --mat-option-selected-state-label-text-color: var(--ion-color-primary);
+//      color: var(--mat-option-label-text-color) !important;
+//    }
+//  }
+//}

package/src/theme/_ngx-components.globals.scss

@@ -14,6 +14,7 @@ $app-form-color-disabled: rgba(0, 0, 0, 0.55) !default;
 $app-form-color-computed: var(--ion-color-primary-tint) !default;
 $app-form-field-background-color: #f5f5f5 !default; // Form's field background
 $app-form-field-disabled-background-color: #fafafa !default;
+$app-form-field-label-color: rgba(0, 0, 0, 0.6) !default;
 
 $app-select-option-border-color: rgba(0, 0, 0, 0.12) !default;
 $app-table-border-color: rgba(0, 0, 0, 0.08) !default;

package/src/theme/_ngx-components.scss

@@ -207,10 +207,6 @@ mat-option:not(:last-of-type) {
   --max-width: calc(min(100%, 100vw - 64px));
   min-width: var(--min-width) !important;
   max-width: var(--max-width) !important;
-
-  &.left-workaround {
-    left: calc((min(var(--panel-left, 0px) + var(--panel-width, var(--min-width)), 100vw - 32px) - var(--panel-width, var(--min-width))));
-  }
 }
 .mat-mdc-autocomplete-panel {
   --min-width: 200px;
@@ -345,6 +341,10 @@ ion-list,
       position: sticky;
       top: 0;
     }
+
+    .searchbar-input {
+      --background: var(--app-form-field-background-color, var(--ion-background-color));
+    }
   }
 
   ion-row.ion-list-header,

package/src/theme/_ngx-components.table.scss

@@ -21,6 +21,8 @@
   min-width: calc(100% - 1px);
   border-collapse: separate;
   --mat-table-background-color: var(--background, var(--ion-background-color));
+  --mat-table-header-color: var(--ion-color-primary);
+  --mat-table-header-background-color: var(--mat-table-background-color);
   --mat-table-row-item-label-text-color: var(--ion-text-color);
   --mat-table-row-item-outline-color: var(--ion-border-color);
   --mat-table-row-item-label-text-size: 14px;
@@ -46,8 +48,8 @@
   --mdc-form-field-label-text-color: var(--ion-text-color);
 
   .mat-mdc-header-cell {
-    color: var(--ion-color-primary);
-    background: var(--mat-table-background-color) !important;
+    color: var(--mat-table-header-color);
+    background: var(--mat-table-header-background-color) !important;
 
     &.disabled {
       color: var(--ion-color-medium, grey);
@@ -529,6 +531,7 @@
   }
 }
 
+
 // Paginator
 .mat-mdc-paginator {
   --mat-paginator-container-size: var(--app-paginator-height, #{$app-paginator-height});