@sumaris-net/ngx-components 2.18.0-alpha5 → 2.18.0-alpha6

package/package.json

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

package/public_api.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -7,7 +7,7 @@ import { Property } from '../types';
 import { ThemePalette } from '@angular/material/core';
 import { PredefinedColors } from '@ionic/core';
 import { MatAutocompleteField } from '../material/autocomplete/material.autocomplete';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
 import * as i0 from "@angular/core";
 export declare class AppFormField implements OnInit, ControlValueAccessor {
     protected translate: TranslateService;
@@ -31,6 +31,7 @@ export declare class AppFormField implements OnInit, ControlValueAccessor {
     compact: boolean;
     floatLabel: AppFloatLabelType;
     appearance: MatFormFieldAppearance;
+    subscriptSizing: SubscriptSizing;
     tabindex: number;
     autofocus: boolean;
     clearable: boolean;
@@ -69,5 +70,5 @@ export declare class AppFormField implements OnInit, ControlValueAccessor {
     }): void;
     protected updateTabIndex(timeout?: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppFormField, [null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppFormField, "app-form-field", never, { "definition": { "alias": "definition"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; }, { "onKeyupEnter": "keyup.enter"; }, never, ["[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matSuffix]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppFormField, "app-form-field", never, { "definition": { "alias": "definition"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; }, { "onKeyupEnter": "keyup.enter"; }, never, ["[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matPrefix]", "[matSuffix]", "[matSuffix]"], false, never>;
 }

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

@@ -148,3 +148,5 @@ export declare class Beans {
     static collectByProperty: typeof collectByProperty;
 }
 export declare function findParentWithClass(elem: HTMLElement, className: string): HTMLElement;
+export declare function intersectArrays<T = any>(values: T[][]): T[];
+export declare function noHtml(value: string): string;

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

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

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

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

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

@@ -8,6 +8,7 @@ import { INamedFilter, INamedFilterFilter, NamedFilter } from './named-filter.mo
 import { INamedFilterService, NamedFilterLoadOptions, NamedFilterWatchOptions } from './named-filter.service';
 import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
 import * as i0 from "@angular/core";
+export type NamedFilterSelectorButtonsPosition = 'matSuffix' | 'after';
 export declare class NamedFilterSelector extends AppForm<any> implements OnInit {
     protected injector: Injector;
     protected formBuilder: UntypedFormBuilder;
@@ -16,9 +17,9 @@ export declare class NamedFilterSelector extends AppForm<any> implements OnInit
     protected popoverController: PopoverController;
     protected dataService: INamedFilterService<INamedFilter<any>, INamedFilterFilter<any, any>, NamedFilterWatchOptions, NamedFilterLoadOptions>;
     protected readonly logPrefix = "[named-filter-selector]";
-    protected readonly mobile: boolean;
     private _entityName;
     private _deleteDisabled;
+    mobile: boolean;
     set entityName(entityName: string);
     get entityName(): string;
     appearance: MatFormFieldAppearance;
@@ -32,26 +33,28 @@ export declare class NamedFilterSelector extends AppForm<any> implements OnInit
     dropButtonTitle: string;
     clearButtonTitle: string;
     detectChangeOnSelectFilter: boolean;
+    buttonsPosition: NamedFilterSelectorButtonsPosition;
     set disabled(_disabled: boolean);
     get disabled(): boolean;
+    get isNew(): boolean;
+    get saveDisabled(): boolean;
+    get deleteDisabled(): boolean;
+    get dirty(): boolean;
     filterSelected: EventEmitter<any>;
     filterDeleted: EventEmitter<NamedFilter<NamedFilter<any>>>;
     filterCleared: EventEmitter<void>;
     autocompleteField: MatAutocompleteField;
     constructor(injector: Injector, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, toastController: ToastController, popoverController: PopoverController, dataService: INamedFilterService<INamedFilter<any>, INamedFilterFilter<any, any>, NamedFilterWatchOptions, NamedFilterLoadOptions>);
-    get isNew(): boolean;
-    get saveDisabled(): boolean;
-    get deleteDisabled(): boolean;
-    get dirty(): boolean;
     ngOnInit(): void;
     getFilter(): any;
     markForCheck(): void;
     save(event: UIEvent): Promise<void>;
     delete(event?: UIEvent): Promise<void>;
+    onMoreOptionsClick(event: Event): void;
     export(event?: UIEvent): Promise<void>;
     import(event: Event): Promise<void>;
     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; }; "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; }; "detectChangeOnSelectFilter": { "alias": "detectChangeOnSelectFilter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "filterSelected": "filterSelected"; "filterDeleted": "filterDeleted"; "filterCleared": "filterCleared"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NamedFilterSelector, "app-named-filter-selector", never, { "mobile": { "alias": "mobile"; "required": false; }; "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; }; "detectChangeOnSelectFilter": { "alias": "detectChangeOnSelectFilter"; "required": false; }; "buttonsPosition": { "alias": "buttonsPosition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "filterSelected": "filterSelected"; "filterDeleted": "filterDeleted"; "filterCleared": "filterCleared"; }, never, never, false, never>;
 }

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

@@ -2,6 +2,7 @@ import { ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { MatAutocompleteFieldConfig } from '../../material/autocomplete/material.autocomplete.config';
 import { NamedFilter } from '../named-filter.model';
+import { LocalSettingsService } from '../../../core/services/local-settings.service';
 import * as i0 from "@angular/core";
 declare class DummyFilter {
     filterA: string;
@@ -10,13 +11,15 @@ declare class DummyFilter {
 }
 export declare class NamedFilterSelectorTestingPage implements OnDestroy {
     protected cd: ChangeDetectorRef;
+    protected settings: LocalSettingsService;
     private _subscription;
     protected _filterForm: UntypedFormGroup;
+    protected mobile: boolean;
     protected namedFilterContentProvider: () => object;
     protected namedFilterAutocompleteConfig: MatAutocompleteFieldConfig;
     set filterForm(value: UntypedFormGroup);
     get filterForm(): UntypedFormGroup;
-    constructor(cd: ChangeDetectorRef, formBuilder: UntypedFormBuilder);
+    constructor(cd: ChangeDetectorRef, settings: LocalSettingsService, formBuilder: UntypedFormBuilder);
     ngOnDestroy(): void;
     setFilterForm(filterForm: UntypedFormGroup): void;
     getFilterValue(): any;

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

@@ -0,0 +1,15 @@
+import { PipeTransform } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class NoHtmlPipe implements PipeTransform {
+    transform(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NoHtmlPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NoHtmlPipe, "noHtml", false>;
+}
+export declare class SafeHtmlPipe implements PipeTransform {
+    private sanitized;
+    constructor(sanitized: DomSanitizer);
+    transform(value: string): SafeHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SafeHtmlPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SafeHtmlPipe, "safeHtml", false>;
+}

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

@@ -20,11 +20,12 @@ import * as i18 from "./types.pipes";
 import * as i19 from "./maskito.pipe";
 import * as i20 from "./selection.pipes";
 import * as i21 from "./badge.pipes";
-import * as i22 from "@angular/common";
-import * as i23 from "@ionic/angular";
-import * as i24 from "@ngx-translate/core";
+import * as i22 from "./html.pipes";
+import * as i23 from "@angular/common";
+import * as i24 from "@ionic/angular";
+import * as i25 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.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 i18.AsBooleanPipe], [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, typeof i18.AsBooleanPipe]>;
+    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 i18.AsBooleanPipe, typeof i22.SafeHtmlPipe, typeof i22.NoHtmlPipe], [typeof i23.CommonModule, typeof i24.IonicModule, typeof i25.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, typeof i18.AsBooleanPipe, typeof i22.SafeHtmlPipe, typeof i22.NoHtmlPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedPipesModule>;
 }

package/src/assets/i18n/fr.json

@@ -131,8 +131,8 @@
       "SAVE": "Sauvegarder le filtre",
       "DELETE": "Supprimer le filtre",
       "DELETED": "Filtre supprimé",
-      "EXPORT": "Exporter le filtre",
-      "IMPORT": "Importer un filtre",
+      "EXPORT": "Télécharger le filtre",
+      "IMPORT": "Importer un filtre...",
       "LOAD_FAILED": "Échec du chargement du filtre",
       "IMPORT_FAILED": "Échec de l'import du filtre",
       "NOT_FOUND": "Filtre non trouvé"
@@ -326,6 +326,7 @@
       "DUMMY_3": "a - premier",
       "DUMMY_4": "e - cinquieme",
       "DUMMY_5": "d - quatrieme",
+      "DUMMY_6": "f - sixième",
       "OPTIONS": {
         "TITLE": "Options",
         "DEFINITION": "Option",

package/src/assets/manifest.json

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