@sumaris-net/ngx-components 2.7.5-rc2 → 2.7.5-rc21

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.7.5-rc2",
+  "version": "2.7.5-rc21",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/src/app/core/account/new-token.modal.d.ts

@@ -18,9 +18,9 @@ export declare class NewTokenModal extends AppEntityEditorModal<UserToken> imple
     tokenForm: UntypedFormGroup;
     tokenAppForm: IAppForm;
     tokenConfig: MatAutocompleteFieldConfig;
-    copiedLabel: string;
     tokenScopes: TokenScope[];
     existingNames: string[];
+    private readonly platform;
     constructor(injector: Injector, validator: UserTokenValidatorService, accountService: AccountService);
     get valid(): boolean;
     get invalid(): boolean;

package/src/app/core/form/text-popover/testing/text-popover.testing.d.ts

@@ -1,12 +1,14 @@
 import { PopoverController, ToastController } from '@ionic/angular';
 import { TextPopoverOptions } from '../text-popover.component';
 import { TranslateService } from '@ngx-translate/core';
+import { PlatformService } from '../../../services/platform.service';
 import * as i0 from "@angular/core";
 export declare class TextPopoverTestingPage {
     private popoverController;
     private toastController;
     private translate;
-    constructor(popoverController: PopoverController, toastController: ToastController, translate: TranslateService);
+    private platform;
+    constructor(popoverController: PopoverController, toastController: ToastController, translate: TranslateService, platform: PlatformService);
     showPopover(event: Event, opts?: Partial<TextPopoverOptions>): Promise<void>;
     protected showSharePopoverWithButtons(event: UIEvent, opts?: Partial<TextPopoverOptions>): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextPopoverTestingPage, never>;

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

@@ -27,7 +27,11 @@ export declare class PersonUtils {
     static getMainProfile(profiles?: string[]): UserProfileLabel;
     static getMainProfileIndex(profiles?: string[]): number;
     static hasUpperOrEqualsProfile(actualProfiles: string[], expectedProfile: UserProfileLabel): boolean;
-    static personToString(obj: Person): string;
-    static personsToString(data: Person[], separator?: string): string;
+    static personToString(obj: Person, opts?: {
+        withDepartment?: boolean;
+    }): string;
+    static personsToString(data: Person[], separator?: string, opts?: {
+        withDepartment?: boolean;
+    }): string;
     static roleToProfile(role: string, defaultProfile?: UserProfileLabel): UserProfileLabel;
 }

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

@@ -31,7 +31,7 @@ export declare abstract class BaseReferential<T extends BaseReferential<T, ID, A
     parentId: number;
     entityName: string;
     icon?: IconRef;
-    constructor(__typename?: string);
+    protected constructor(__typename?: string);
     asObject(opts?: AO): any;
     fromObject(source: any, opts?: FO): void;
     equals(other: T): boolean;
@@ -54,6 +54,7 @@ export declare class ReferentialUtils {
 export interface ReferentialAsObjectOptions extends EntityAsObjectOptions {
     keepEntityName?: boolean;
     keepIcon?: boolean;
+    keepProperties?: boolean;
 }
 /**
  * Used to store an entity locally
@@ -72,6 +73,9 @@ export declare class ReferentialRef<T extends ReferentialRef<any, ID> = Referent
     levelId: number;
     entityName: string;
     icon?: IconRef;
+    properties?: {
+        [key: string]: any;
+    };
     constructor();
     asObject(opts?: O): any;
     fromObject(source: any, opts?: FO): void;

package/src/app/core/services/pipes/person-to-string.pipe.d.ts

@@ -2,7 +2,9 @@ import { PipeTransform } from '@angular/core';
 import { Person } from '../model/person.model';
 import * as i0 from "@angular/core";
 export declare class PersonToStringPipe implements PipeTransform {
-    transform(value: Person | Person[], separator?: string): string;
+    transform(value: Person | Person[], separator?: string, opts?: {
+        withDepartment?: boolean;
+    }): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PersonToStringPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<PersonToStringPipe, "personToString", false>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PersonToStringPipe>;

package/src/app/core/services/platform.service.d.ts

@@ -17,6 +17,8 @@ import { Downloader, DownloadRequest } from '@ionic-native/downloader/ngx';
 import { StartableService } from '../../shared/services/startable-service.class';
 import { OpenOptions } from '@capacitor/browser';
 import { ILoggingService } from '../../shared/logging/logger.model';
+import { Clipboard as CdkClipboard } from '@angular/cdk/clipboard';
+import { WriteOptions } from '@capacitor/clipboard/dist/esm/definitions';
 import * as i0 from "@angular/core";
 export declare const AndroidOsEnvironment: Readonly<{
     DIRECTORY_DOWNLOADS: "Download";
@@ -25,6 +27,7 @@ export declare const AndroidOsEnvironment: Readonly<{
 export declare class PlatformService extends StartableService {
     private ionicPlatform;
     private cdkPlatform;
+    private cdkClipboard;
     private toastController;
     private translate;
     private dateAdapter;
@@ -44,7 +47,7 @@ export declare class PlatformService extends StartableService {
     private _capacitor;
     private _android;
     private _ios;
-    constructor(ionicPlatform: Platform, cdkPlatform: CdkPlatform, toastController: ToastController, translate: TranslateService, dateAdapter: MomentDateAdapter, entitiesStorage: EntitiesStorage, settings: LocalSettingsService, networkService: NetworkService, accountService: AccountService, configService: ConfigService, cache: CacheService, audioProvider: AudioProvider, environment: Environment, loggingService: ILoggingService, downloader: Downloader);
+    constructor(ionicPlatform: Platform, cdkPlatform: CdkPlatform, cdkClipboard: CdkClipboard, toastController: ToastController, translate: TranslateService, dateAdapter: MomentDateAdapter, entitiesStorage: EntitiesStorage, settings: LocalSettingsService, networkService: NetworkService, accountService: AccountService, configService: ConfigService, cache: CacheService, audioProvider: AudioProvider, environment: Environment, loggingService: ILoggingService, downloader: Downloader);
     private _downloadingJobs;
     private checkAppVersionTimer;
     is(platformName: Platforms): boolean;
@@ -79,6 +82,7 @@ export declare class PlatformService extends StartableService {
         uri: string;
         filename?: string;
     } & Partial<DownloadRequest>): Observable<string | undefined>;
+    copyToClipboard(data: string | WriteOptions, opts?: ShowToastOptions): Promise<void>;
     protected configureGlobalCssClass(mobile: boolean, win?: any): void;
     protected configureCapacitorPlugins(): Promise<void>;
     protected configureTranslate(): void;
@@ -90,6 +94,6 @@ export declare class PlatformService extends StartableService {
     }): Promise<void>;
     protected showToast(opts: ShowToastOptions): Promise<HTMLIonToastElement>;
     protected onStartupError(err: any): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PlatformService, [null, null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlatformService, [null, null, null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PlatformService>;
 }

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

@@ -67,7 +67,7 @@ export declare function sort<T>(array: T[], attribute?: string, opts?: Intl.Coll
 export declare function isInt(value: string): boolean;
 export declare function isNumber(value: string): boolean;
 export declare function isNumberRange(value: string): boolean;
-export declare function getPropertyByPath(obj: any, path: string | string[], defaultValue?: any): any;
+export declare function getPropertyByPath(obj: any, path: string | Array<string | number>, defaultValue?: any): any;
 export declare function getProperty<T = any, K extends keyof T = any>(obj: T, key: K): T[K];
 export declare function getPropertyByPathAsString(obj: any, path: string | string[]): string | undefined;
 export declare function setPropertyByPath(obj: any, path: string | string[], value: any): any;

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

@@ -4,7 +4,7 @@ import { BehaviorSubject, Observable } from 'rxjs';
 import { SuggestFn } from '../../services/entity-service.class';
 import { InputElement } from '../../inputs';
 import { AppFloatLabelType, DisplayFn, EqualsFn } from '../../form/field.model';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
 import { MatSelect } from '@angular/material/select';
 import { MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { IonSearchbar, ModalController } from '@ionic/angular';
@@ -40,6 +40,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     formControlName: string;
     floatLabel: AppFloatLabelType;
     appearance: MatFormFieldAppearance;
+    subscriptSizing: SubscriptSizing;
     placeholder: string;
     suggestFn: SuggestFn<any, any>;
     required: boolean;
@@ -139,5 +140,5 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
      */
     private _fixSearchbarOverlay;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [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; }; "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; }; "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; }; "classList": { "alias": "class"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "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; }; "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"; }, never, ["[matError]", "[matAfter]", "[matPrefix]", "[matSuffix]"], 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; }; "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; }; "classList": { "alias": "class"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "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; }; "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"; }, never, ["[matError]", "[matAfter]", "[matPrefix]", "[matSuffix]"], false, never>;
 }

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

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
 import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@angular/forms';
 import { MatRadioButton, MatRadioChange } from '@angular/material/radio';
 import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
@@ -19,6 +19,7 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
     placeholder: string;
     floatLabel: AppFloatLabelType;
     appearance: MatFormFieldAppearance;
+    subscriptSizing: SubscriptSizing;
     readonly: boolean;
     required: boolean;
     compact: boolean;
@@ -59,5 +60,5 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
     private updateTabIndex;
     private markForCheck;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatBooleanField, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatBooleanField, "mat-boolean-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; }; "style": { "alias": "style"; "required": false; }; "buttonsColCount": { "alias": "buttonsColCount"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "yesLabel": { "alias": "yesLabel"; "required": false; }; "noLabel": { "alias": "noLabel"; "required": false; }; "showButtonIcons": { "alias": "showButtonIcons"; "required": false; }; "yesIcon": { "alias": "yesIcon"; "required": false; }; "noIcon": { "alias": "noIcon"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onPressEnter": "keyup.enter"; "onBlur": "onBlur"; }, never, ["[matPrefix]", "[matSuffix]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatBooleanField, "mat-boolean-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; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "style": { "alias": "style"; "required": false; }; "buttonsColCount": { "alias": "buttonsColCount"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "yesLabel": { "alias": "yesLabel"; "required": false; }; "noLabel": { "alias": "noLabel"; "required": false; }; "showButtonIcons": { "alias": "showButtonIcons"; "required": false; }; "yesIcon": { "alias": "yesIcon"; "required": false; }; "noIcon": { "alias": "noIcon"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onPressEnter": "keyup.enter"; "onBlur": "onBlur"; }, never, ["[matPrefix]", "[matSuffix]"], false, never>;
 }

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

@@ -6,7 +6,7 @@ import { SuggestFn } from '../../services/entity-service.class';
 import { AppFloatLabelType, DisplayFn, EqualsFn } from '../../form/field.model';
 import { ThemePalette } from '@angular/material/core';
 import { MatAutocompleteFieldConfig } from '../autocomplete/material.autocomplete.config';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
 import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import * as i0 from "@angular/core";
 export declare class MatChipsField implements OnInit, OnDestroy, InputElement, ControlValueAccessor {
@@ -20,6 +20,7 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     formControlName: string;
     floatLabel: AppFloatLabelType;
     appearance: MatFormFieldAppearance;
+    subscriptSizing: SubscriptSizing;
     placeholder: string;
     suggestFn: SuggestFn<any, any>;
     required: boolean;
@@ -121,5 +122,5 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     private markForCheck;
     private markAsLoading;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipsField, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipsField, "mat-chips-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; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "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; }; "classList": { "alias": "class"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "filter": { "alias": "filter"; "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"; }, never, ["[matError]", "[matAfter]", "[matPrefix]", "[matSuffix]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipsField, "mat-chips-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; }; "readonly": { "alias": "readonly"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "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; }; "classList": { "alias": "class"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "filter": { "alias": "filter"; "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"; }, never, ["[matError]", "[matAfter]", "[matPrefix]", "[matSuffix]"], false, never>;
 }

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

@@ -4,7 +4,7 @@ import { BehaviorSubject, Observable } from 'rxjs';
 import { InputElement, selectInputContent } from '../../inputs';
 import { AppFloatLabelType, DisplayFn, EqualsFn } from '../../form/field.model';
 import { Swiper } from 'swiper/types';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
 import { MatButton } from '@angular/material/button';
 import * as i0 from "@angular/core";
 export declare class MatSwipeField implements OnInit, InputElement, OnDestroy, ControlValueAccessor {
@@ -29,6 +29,7 @@ export declare class MatSwipeField implements OnInit, InputElement, OnDestroy, C
     formControlName: string;
     floatLabel: AppFloatLabelType;
     appearance: MatFormFieldAppearance;
+    subscriptSizing: SubscriptSizing;
     placeholder: string;
     debug: boolean;
     required: boolean;
@@ -85,5 +86,5 @@ export declare class MatSwipeField implements OnInit, InputElement, OnDestroy, C
     getSwiper(): Promise<Swiper>;
     ready(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSwipeField, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatSwipeField, "mat-swipe-field", never, { "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; }; "placeholder": { "alias": "placeholder"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "required": { "alias": "required"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "equals": { "alias": "equals"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "appAutofocus": { "alias": "appAutofocus"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onClick": "click"; "blurred": "blur"; "focused": "focus"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatSwipeField, "mat-swipe-field", never, { "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; }; "debug": { "alias": "debug"; "required": false; }; "required": { "alias": "required"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "equals": { "alias": "equals"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "appAutofocus": { "alias": "appAutofocus"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onClick": "click"; "blurred": "blur"; "focused": "focus"; }, never, never, false, never>;
 }

package/src/app/shared/named-filter/named-filter-selector.component.d.ts

@@ -2,10 +2,11 @@ import { ChangeDetectorRef, EventEmitter, Injector, OnInit } from '@angular/core
 import { UntypedFormBuilder } from '@angular/forms';
 import { PopoverController, ToastController } from '@ionic/angular';
 import { AppForm } from '../../core/form/form.class';
-import { INamedFilterService, NamedFilterLoadOptions, NamedFilterWatchOptions } from './named-filter.service';
 import { MatAutocompleteField } from '../material/autocomplete/material.autocomplete';
-import { INamedFilter, INamedFilterFilter, NamedFilter } from './named-filter.model';
 import { MatAutocompleteFieldConfig } from '../material/autocomplete/material.autocomplete.config';
+import { INamedFilter, INamedFilterFilter, NamedFilter } from './named-filter.model';
+import { INamedFilterService, NamedFilterLoadOptions, NamedFilterWatchOptions } from './named-filter.service';
+import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
 import * as i0 from "@angular/core";
 export declare class NamedFilterSelector extends AppForm<any> implements OnInit {
     protected injector: Injector;
@@ -14,11 +15,14 @@ export declare class NamedFilterSelector extends AppForm<any> implements OnInit
     protected toastController: ToastController;
     protected popoverController: PopoverController;
     protected dataService: INamedFilterService<INamedFilter<any>, INamedFilterFilter<any, any>, NamedFilterWatchOptions, NamedFilterLoadOptions>;
-    protected logPrefix: string;
+    protected readonly logPrefix = "[named-filter-selector]";
+    protected readonly mobile: boolean;
     private _entityName;
     private _deleteDisabled;
     set entityName(entityName: string);
     get entityName(): string;
+    appearance: MatFormFieldAppearance;
+    subscriptSizing: SubscriptSizing;
     filterContentProvider: () => any;
     filterImportCallback: (namedFilter: NamedFilter) => Promise<NamedFilter>;
     filterFormDirty: boolean;
@@ -45,5 +49,5 @@ export declare class NamedFilterSelector extends AppForm<any> implements OnInit
     protected onFilterChanges(value: NamedFilter | string): Promise<void>;
     protected setControlValue(value: NamedFilter): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NamedFilterSelector, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NamedFilterSelector, "app-named-filter-selector", never, { "entityName": { "alias": "entityName"; "required": false; }; "filterContentProvider": { "alias": "filterContentProvider"; "required": false; }; "filterImportCallback": { "alias": "filterImportCallback"; "required": false; }; "filterFormDirty": { "alias": "filterFormDirty"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "exportFileNamePrefix": { "alias": "exportFileNamePrefix"; "required": false; }; "autocompleteConfig": { "alias": "autocompleteConfig"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; }, { "filterSelected": "filterSelected"; "filterDeleted": "filterDeleted"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NamedFilterSelector, "app-named-filter-selector", never, { "entityName": { "alias": "entityName"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "filterContentProvider": { "alias": "filterContentProvider"; "required": false; }; "filterImportCallback": { "alias": "filterImportCallback"; "required": false; }; "filterFormDirty": { "alias": "filterFormDirty"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "exportFileNamePrefix": { "alias": "exportFileNamePrefix"; "required": false; }; "autocompleteConfig": { "alias": "autocompleteConfig"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; }, { "filterSelected": "filterSelected"; "filterDeleted": "filterDeleted"; }, never, never, false, never>;
 }

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

@@ -4,7 +4,7 @@ import { FormFieldDefinition } from '../form/field.model';
 import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 export declare class PropertyGetPipe implements PipeTransform {
-    transform(obj: any, args: string | {
+    transform(obj: any, args: string | Array<string | number> | {
         key: string;
         defaultValue?: any;
     }): any;

package/src/app/shared/storage/storage-explorer.component.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, InjectionToken, OnInit } from '@angular/core';
-import { AlertController, IonModal, Platform, ToastController } from '@ionic/angular';
+import { AlertController, IonModal, ToastController } from '@ionic/angular';
 import { BehaviorSubject } from 'rxjs';
 import { IStorage } from './storage.utils';
 import { IDebugDataService } from '../debug/debug-service.class';
@@ -8,6 +8,7 @@ import { Environment } from '../../../environments/environment.class';
 import { Log, LogUtils } from '../logging/logger.model';
 import { MomentDateAdapter } from '@angular/material-moment-adapter';
 import { LogLevel } from '../logging/log-level.model';
+import { PlatformService } from '../../core/services/platform.service';
 import * as i0 from "@angular/core";
 interface StorageItemInfo {
     key: string;
@@ -16,7 +17,7 @@ interface StorageItemInfo {
 }
 export declare const APP_STORAGE_EXPLORER_PROTECTED_KEYS: InjectionToken<string[]>;
 export declare class StorageExplorerComponent implements OnInit {
-    protected platform: Platform;
+    protected platform: PlatformService;
     protected toastController: ToastController;
     protected alertCtrl: AlertController;
     protected translate: TranslateService;
@@ -37,7 +38,7 @@ export declare class StorageExplorerComponent implements OnInit {
     showSendButton: boolean;
     sendDataModal: IonModal;
     viewDataModal: IonModal;
-    constructor(platform: Platform, toastController: ToastController, alertCtrl: AlertController, translate: TranslateService, dateAdapter: MomentDateAdapter, cd: ChangeDetectorRef, storage: IStorage, environment: Environment, debugDataService: IDebugDataService, _protectedKeys: string[]);
+    constructor(platform: PlatformService, toastController: ToastController, alertCtrl: AlertController, translate: TranslateService, dateAdapter: MomentDateAdapter, cd: ChangeDetectorRef, storage: IStorage, environment: Environment, debugDataService: IDebugDataService, _protectedKeys: string[]);
     ngOnInit(): void;
     sendDataClick(event: Event, key: string): Promise<void>;
     viewDataClick(event: Event, key: string): Promise<void>;

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

@@ -25,7 +25,8 @@ export declare class ToolbarComponent implements ToolbarToken, OnInit, OnDestroy
     private _validateTapCount;
     private _defaultBackHref;
     private _backHref;
-    protected readonly _progressBarMode$: BehaviorSubject<ProgressBarMode>;
+    protected readonly progressBarMode$: BehaviorSubject<ProgressBarMode>;
+    protected showSearchBar: boolean;
     set progressBarMode(value: ProgressBarMode);
     get progressBarMode(): ProgressBarMode;
     title: string;
@@ -45,7 +46,6 @@ export declare class ToolbarComponent implements ToolbarToken, OnInit, OnDestroy
     onValidateAndClose: EventEmitter<Event>;
     onBackClick: EventEmitter<Event>;
     onSearch: EventEmitter<CustomEvent<ISearchbarSearchbarChangeEventDetail>>;
-    showSearchBar: boolean;
     searchbar: IonSearchbar;
     menuToggle: IonMenuToggle;
     constructor(route: ActivatedRoute, router: Router, navController: NavController, routerOutlet: IonRouterOutlet, cd: ChangeDetectorRef, progressBarService: IProgressBarService);

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

@@ -88,6 +88,7 @@ export declare class SharedFormArrayValidators {
      */
     static uniqueEntity(controlName: string): ValidatorFn;
     static requiredArrayMinLength(minLength?: number): ValidatorFn;
+    static arrayMaxLength(maxLength?: number): ValidatorFn;
     /**
      * Validate the sum of control values in an FormArray not overflow the max value
      *

package/src/assets/manifest.json

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

package/src/theme/_mixins.scss

@@ -8,7 +8,6 @@
   font-size: calculateRem($size) !important;
 }
 
-
 @mixin font-roboto($size: false, $colour: false, $weight: false, $lh: false) {
   font-family: 'Roboto', Helvetica, Arial, sans-serif;
 

package/src/theme/_theme.variables.scss

@@ -1,6 +1,10 @@
 /** Inject all CSS Variables **/
 html {
   @include css-variables-to-root();
+
+  &.plt-mobile {
+    @include css-variables-to-root-mobile();
+  }
 }
 
 html.dark {