@sumaris-net/ngx-components 18.0.0 → 18.0.2-alpha1

package/package.json

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

package/public_api.d.ts

@@ -3,7 +3,8 @@ export * from './src/environments/environment.loader';
 export * from './src/app/shared/constants';
 export * from './src/app/shared/shared.module';
 export { SharedRoutingModule } from './src/app/shared/shared-routing.module';
-export { RxStateModule } from './src/app/shared/rx-state.module';
+export { RxStateModule } from './src/app/shared/rx-state/rx-state.module';
+export * from './src/app/shared/rx-state/rx-state.decorators';
 export * from './src/app/shared/material/material.module';
 export * from './src/app/shared/material/material.config';
 export * from './src/app/shared/material/material.animations';

package/src/app/admin/services/filter/person.filter.d.ts

@@ -11,6 +11,7 @@ export declare class PersonFilter extends EntityFilter<PersonFilter, Person> {
     searchText: string;
     statusIds: number[];
     userProfiles: string[];
+    includedIds: number[];
     excludedIds: number[];
     searchAttribute: string;
     searchAttributes: string[];

package/src/app/admin/services/person.service.d.ts

@@ -38,6 +38,11 @@ export declare class PersonService extends BaseEntityService<Person, PersonFilte
         progression?: BehaviorSubject<number>;
         maxProgression?: number;
     }): Promise<void>;
+    loadById(id: number, opts?: {
+        [key: string]: any;
+        fetchPolicy?: FetchPolicy;
+        toEntity?: boolean;
+    }): Promise<Person>;
     loadByPubkey(pubkey: string, opts?: {
         [key: string]: any;
         fetchPolicy?: FetchPolicy;

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

@@ -11,21 +11,30 @@ 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 { RxState } from '@rx-angular/state';
 import * as i0 from "@angular/core";
-export declare class AppPropertiesForm<T = Property> extends AppForm<T[]> implements OnInit {
+export interface AppPropertiesFormState {
+    definitions: FormFieldDefinition[];
+    definitionKeys: Property[];
+}
+export declare class AppPropertiesForm<T = Property, S extends AppPropertiesFormState = AppPropertiesFormState> extends AppForm<T[]> implements OnInit {
     protected formBuilder: UntypedFormBuilder;
     protected dateAdapter: DateAdapter<Moment>;
     protected cd: ChangeDetectorRef;
     protected validator: PropertyValidator;
     private formGroupDir;
-    protected _definitions: FormFieldDefinition[];
-    protected _options: Property[];
-    protected _definitionsMapByKey: FormFieldDefinitionMap;
+    protected readonly _state: RxState<S>;
+    protected _definitions$: import("rxjs").Observable<S["definitions"]>;
+    protected _definitionKeys$: import("rxjs").Observable<S["definitionKeys"]>;
+    protected set _definitionKeys(value: Property[]);
+    protected get _definitionKeys(): Property[];
+    protected _definitionByKey: FormFieldDefinitionMap;
     protected _definitionsByIndex: {
         [index: number]: FormFieldDefinition;
     };
     protected _helper: FormArrayHelper<Property>;
     protected _autocompleteConfig: MatAutocompleteFieldConfig;
+    protected _focusedControlIndex: number;
     formArrayName: string;
     formArray: UntypedFormArray;
     options: FormArrayHelperOptions;
@@ -46,19 +55,18 @@ export declare class AppPropertiesForm<T = Property> extends AppForm<T[]> implem
     get fieldForms(): UntypedFormGroup[];
     constructor(injector: Injector, formBuilder: UntypedFormBuilder, dateAdapter: DateAdapter<Moment>, cd: ChangeDetectorRef, validator: PropertyValidator, formGroupDir: FormGroupDirective);
     ngOnInit(): void;
-    protected updateDefinitionsMaps(): void;
+    protected updateDefinitionsMaps(definitions?: FormFieldDefinition[]): void;
     getDefinitionAt(index: number): FormFieldDefinition;
     updateDefinitionAt(index: number, opts?: {
         emitEvent?: boolean;
     }): FormFieldDefinition;
     removeAt(index: number): void;
-    isUnknownField(fieldForm: UntypedFormGroup): boolean;
-    setValue(data: T[] | any): void;
+    setValue(data: T[] | any): Promise<void>;
     protected suggestDefinition(value: any, filter?: any): Promise<LoadResult<Property>>;
     protected markForCheck(): void;
     protected isEmptyProperty(obj: Property): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AppPropertiesForm<any>, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppPropertiesForm<any>, "app-properties-form", never, { "formArrayName": { "alias": "formArrayName"; "required": false; }; "formArray": { "alias": "formArray"; "required": false; }; "options": { "alias": "options"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "showHintKey": { "alias": "showHintKey"; "required": false; }; "hintKeyPrefix": { "alias": "hintKeyPrefix"; "required": false; }; "showMoreButton": { "alias": "showMoreButton"; "required": false; }; "showMoreButtonTitle": { "alias": "showMoreButtonTitle"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "definitions": { "alias": "definitions"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppPropertiesForm<any, any>, [null, null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppPropertiesForm<any, any>, "app-properties-form", never, { "formArrayName": { "alias": "formArrayName"; "required": false; }; "formArray": { "alias": "formArray"; "required": false; }; "options": { "alias": "options"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "showHintKey": { "alias": "showHintKey"; "required": false; }; "hintKeyPrefix": { "alias": "hintKeyPrefix"; "required": false; }; "showMoreButton": { "alias": "showMoreButton"; "required": false; }; "showMoreButtonTitle": { "alias": "showMoreButtonTitle"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "definitions": { "alias": "definitions"; "required": false; }; }, {}, never, never, false, never>;
     static ngAcceptInputType_mobile: unknown;
     static ngAcceptInputType_showHintKey: unknown;
     static ngAcceptInputType_showMoreButton: unknown;

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

@@ -1,27 +1,37 @@
 import { PropertiesMap, Property } from '../../../shared/types';
+import { FormFieldDefinition } from '../../../shared/form/field.model';
+import { SuggestFn } from '../../../shared/services/entity-service.class';
 export declare class AppPropertiesUtils {
     /**
-     * Converts an array of Property objects to an object map.
+     * Converts an array of `Property` objects into a `PropertiesMap` object.
      *
-     * @param {Property[]} [sources] - The array of Property objects to convert.
-     * @param {Object} [opts] - Options for the conversion.
-     * @param {boolean} [opts.omitNilOrBlank] - If set to true, properties with nil or blank values will be omitted from the resulting object.
-     * @return {PropertiesMap} The resulting object map where keys are property keys and values are property values.
+     * @param {Property[]} [sources] - An optional array of properties to be converted.
+     * @param {FormFieldDefinition[]} [definitions] - An optional array of form field definitions to help with the conversion.
+     * @param {Object} [opts] - Optional configurations.
+     * @param {boolean} [opts.omitNilOrBlank] - If true, properties with nil or blank values will be omitted. Defaults to true.
+     * @return {PropertiesMap} - The resulting `PropertiesMap` object.
      */
-    static arrayAsObject(sources?: Property[], opts?: {
+    static arrayAsObject(sources?: Property[], definitions?: FormFieldDefinition[], opts?: {
         omitNilOrBlank: boolean;
     }): PropertiesMap;
     /**
-     * Converts an object into an array of properties.
+     * Generates an array of properties from the given object, optionally applying definitions to the properties.
      *
-     * @param {PropertiesMap} [source] - The source object containing properties to convert.
-     * @return {Property[]} An array of properties derived from the source object.
+     * @param {PropertiesMap} [sources] - The source object from which properties are to be extracted.
+     * @param {FormFieldDefinition[]} [definitions] - An optional array of definitions to be applied to the extracted properties.
+     * @return {Property[] | Promise<Property[]>} An array of properties generated from the source object, or a promise resolving to that array.
      */
-    static arrayFromObject<T = any>(source?: PropertiesMap): Property[];
+    static arrayFromObject(sources?: PropertiesMap | Property[], definitions?: FormFieldDefinition[]): Property[] | Promise<Property[]>;
 }
 export declare class AppPropertyUtils {
-    static asObject(source: Property | any): {
+    static key(source: Property | any): string;
+    static asObject(source: Property | any, def?: FormFieldDefinition): {
         key: string;
         value: string;
     } | undefined;
+    static fromObject(source: Property<string>, def: FormFieldDefinition, opts?: {
+        defaultSuggestFn: SuggestFn<any, any>;
+    }): Property<any> | Promise<Property<any>>;
+    private static valueFromObject;
+    private static resolveValueBySuggest;
 }

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

@@ -1,13 +1,21 @@
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { Property } from '../../../shared/types';
 import { AppValidatorService } from '../../services/validator/base.validator.class';
+import { FormFieldDefinition } from '../../../shared/form/field.model';
+import { AppFormArray } from '../array/form-array';
 import * as i0 from "@angular/core";
 export interface PropertyValidatorOptions {
+    definition?: FormFieldDefinition;
+    valueMaxLength?: number;
+}
+export interface PropertiesValidatorOptions {
+    definitions?: FormFieldDefinition[];
     valueMaxLength?: number;
 }
 export declare class PropertyValidator extends AppValidatorService<Property> {
     protected formBuilder: UntypedFormBuilder;
     constructor(formBuilder: UntypedFormBuilder);
+    getFormArray(data?: any, opts?: PropertiesValidatorOptions): AppFormArray<Property, UntypedFormGroup>;
     getFormGroup(data?: Property, opts?: PropertyValidatorOptions): UntypedFormGroup;
     getFormGroupConfig(data?: Property, opts?: PropertyValidatorOptions): {
         [p: string]: any;

package/src/app/core/form/properties/testing/properties-form.test.d.ts

@@ -3,16 +3,18 @@ import { FormFieldDefinition } from '../../../../shared/form/field.model';
 import { AppPropertiesForm } from '../properties.form';
 import { LoadResult } from '../../../../shared/services/entity-service.class';
 import { FormBuilder, FormGroup } from '@angular/forms';
+import { PropertyValidator } from '../property.validator';
 import * as i0 from "@angular/core";
 export declare class PropertiesFormTestPage implements OnInit, AfterViewInit {
     protected formBuilder: FormBuilder;
+    protected pv: PropertyValidator;
     propertyDefinitions: FormFieldDefinition[];
     i18nFieldPrefix: string;
     form: FormGroup;
     propertiesForm: AppPropertiesForm;
-    constructor(formBuilder: FormBuilder);
+    constructor(formBuilder: FormBuilder, pv: PropertyValidator);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
+    ngAfterViewInit(): Promise<void>;
     protected suggestEntity(value: any, filter: any): Promise<LoadResult<any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PropertiesFormTestPage, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PropertiesFormTestPage, "app-properties-form-test", never, {}, {}, never, never, false, never>;

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

@@ -3,7 +3,7 @@ import * as i1 from "./home";
 import * as i2 from "../../shared/shared.module";
 import * as i3 from "@angular/router";
 import * as i4 from "@ngx-translate/core";
-import * as i5 from "../../shared/rx-state.module";
+import * as i5 from "../../shared/rx-state/rx-state.module";
 import * as i6 from "../auth/auth.module";
 import * as i7 from "../install/install-upgrade-card.module";
 export declare class AppHomePageModule {

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

@@ -3,7 +3,7 @@ import * as i1 from "./menu.component";
 import * as i2 from "./sub-menu-tab.directive";
 import * as i3 from "../../shared/shared.module";
 import * as i4 from "@angular/router";
-import * as i5 from "../../shared/rx-state.module";
+import * as i5 from "../../shared/rx-state/rx-state.module";
 import * as i6 from "@ngx-translate/core";
 export declare class AppMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AppMenuModule, never>;

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

@@ -77,7 +77,9 @@ export declare class LocalSettingsService extends StartableService<LocalSettings
     getFieldDisplayAttributes(fieldName: string, defaultAttributes?: string[]): string[];
     getPageFieldDefaultValue(pageId: string, fieldName: string): any;
     get optionDefs(): FormFieldDefinition[];
-    registerOption(def: FormFieldDefinition): void;
+    registerOption(def: FormFieldDefinition, opts?: {
+        replaceIfExists?: boolean;
+    }): void;
     registerOptions(defs: FormFieldDefinition[]): void;
     addToPageHistory(page: HistoryPageReference, opts?: AddToPageHistoryOptions, pageHistory?: HistoryPageReference[]): Promise<void>;
     removePageHistory(path: string, opts?: {

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

@@ -20,7 +20,7 @@ export declare interface LocalSettings {
     locale: string;
     usageMode?: UsageMode;
     mobile?: boolean;
-    properties?: PropertiesMap;
+    properties?: PropertiesMap | Property[];
     pageHistory?: HistoryPageReference[];
     offlineFeatures?: (string | OfflineFeature)[];
     pageHistoryMaxSize: number;

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

@@ -2,19 +2,15 @@ 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 { FormFieldDefinition } from '../../../shared/form/field.model';
 import * as i0 from "@angular/core";
 export declare class LocalSettingsValidatorService extends AppValidatorService<LocalSettings> {
     private propertyValidator;
     private networkService;
     constructor(formBuilder: UntypedFormBuilder, propertyValidator: PropertyValidator, networkService: NetworkService);
-    getFormGroup(data?: LocalSettings): UntypedFormGroup;
-    getPropertiesArray(data?: any): AppFormArray<Property, UntypedFormGroup>;
-    getPropertyFormGroup(data?: {
-        key: string;
-        value?: string;
+    getFormGroup(data?: LocalSettings, opts?: {
+        definitions?: FormFieldDefinition[];
     }): UntypedFormGroup;
     protected peerAlive(peerUrlControl: AbstractControl): Promise<ValidationErrors | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LocalSettingsValidatorService, never>;

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

@@ -44,8 +44,9 @@ export declare class SettingsPage extends AppForm<LocalSettings> implements OnIn
     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>;
+    protected loadPropertyDefinitions(): void;
     load(): Promise<void>;
-    updateView(data: LocalSettings): void;
+    updateView(data: LocalSettings): Promise<void>;
     save(event?: Event, options?: any): Promise<boolean>;
     setAccountInheritance(enable: boolean, opts?: {
         emitEvent?: boolean;

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

@@ -22,14 +22,16 @@ export declare class AppFormField implements OnInit, ControlValueAccessor {
     protected numberInputStep: string;
     set definition(value: FormFieldDefinition);
     get definition(): FormFieldDefinition;
-    required: boolean;
     readonly: boolean;
     disabled: boolean;
     formControl: UntypedFormControl;
     formControlName: string;
     placeholder: string;
     compact: boolean;
+    required: boolean;
+    hideRequiredMarker: boolean;
     floatLabel: AppFloatLabelType;
+    label: string;
     appearance: MatFormFieldAppearance;
     subscriptSizing: SubscriptSizing;
     tabindex: number;
@@ -70,5 +72,14 @@ 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; }; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppFormField, "app-form-field", never, { "definition": { "alias": "definition"; "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; }; "required": { "alias": "required"; "required": false; }; "hideRequiredMarker": { "alias": "hideRequiredMarker"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "label": { "alias": "label"; "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>;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_compact: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_hideRequiredMarker: unknown;
+    static ngAcceptInputType_tabindex: unknown;
+    static ngAcceptInputType_autofocus: unknown;
+    static ngAcceptInputType_clearable: unknown;
+    static ngAcceptInputType_debug: unknown;
 }

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

@@ -19,6 +19,8 @@ export declare interface FormFieldDefinition<K = string, T = FormFieldType, E =
     isTransient?: boolean;
     values?: (string | Property)[] | InjectionToken<(string | Property)[]>;
     autocomplete?: MatAutocompleteFieldConfig<E>;
+    deserialize?: (value: string) => E | Promise<E>;
+    serialize?: (value: E) => string;
     disabled?: boolean;
     required?: boolean;
     extra?: {

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

@@ -84,6 +84,7 @@ export declare function getPropertyByPathAsString(obj: any, path: string | strin
  */
 export declare function setPropertyByPath<T = any>(obj: T, path: string | string[], value: any): T;
 export declare function sleep(ms: number): Promise<void>;
+export declare function isPromise<T>(value: T | Promise<T>): value is Promise<T>;
 export declare function round(value: number | undefined | null): number;
 export declare function equalsOrNil(value1: any, value2: any): boolean;
 /**

package/src/app/shared/image/gallery/image-gallery.module.d.ts

@@ -7,7 +7,7 @@ import * as i5 from "../../material/material.module";
 import * as i6 from "../../pipes/pipes.module";
 import * as i7 from "../../directives/directives.module";
 import * as i8 from "@ngx-translate/core";
-import * as i9 from "../../rx-state.module";
+import * as i9 from "../../rx-state/rx-state.module";
 export declare class ImageGalleryModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageGalleryModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<ImageGalleryModule, [typeof i1.AppImageGalleryComponent], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ReactiveFormsModule, typeof i5.SharedMaterialModule, typeof i6.SharedPipesModule, typeof i7.SharedDirectivesModule, typeof i8.TranslateModule, typeof i9.RxStateModule], [typeof i3.IonicModule, typeof i8.TranslateModule, typeof i1.AppImageGalleryComponent]>;

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

@@ -44,11 +44,13 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     formControl: UntypedFormControl;
     formControlName: string;
     floatLabel: AppFloatLabelType;
+    label: string;
     appearance: MatFormFieldAppearance;
     subscriptSizing: SubscriptSizing;
     placeholder: string;
     suggestFn: SuggestFn<any, any>;
     required: boolean;
+    hideRequiredMarker: boolean;
     mobile: boolean;
     clearable: boolean;
     debounceTime: number;
@@ -157,8 +159,9 @@ 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; }; "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 ɵ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; }; "label": { "alias": "label"; "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; }; "hideRequiredMarker": { "alias": "hideRequiredMarker"; "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_hideRequiredMarker: unknown;
     static ngAcceptInputType_mobile: unknown;
     static ngAcceptInputType_clearable: unknown;
     static ngAcceptInputType_debounceTime: unknown;

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

@@ -6,7 +6,7 @@ import * as i4 from "@angular/cdk/scrolling";
 import * as i5 from "@angular/forms";
 import * as i6 from "../../pipes/pipes.module";
 import * as i7 from "../../directives/directives.module";
-import * as i8 from "../../rx-state.module";
+import * as i8 from "../../rx-state/rx-state.module";
 import * as i9 from "@angular/material/core";
 import * as i10 from "@angular/material/autocomplete";
 import * as i11 from "@angular/material/form-field";

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

@@ -14,7 +14,7 @@ import * as i12 from "@angular/material/button";
 import * as i13 from "@angular/material/select";
 import * as i14 from "@angular/material/chips";
 import * as i15 from "@ngx-translate/core";
-import * as i16 from "../../rx-state.module";
+import * as i16 from "../../rx-state/rx-state.module";
 export declare class SharedMatChipsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedMatChipsModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<SharedMatChipsModule, [typeof i1.MatChipsField], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.ReactiveFormsModule, typeof i5.SharedPipesModule, typeof i6.SharedDirectivesModule, typeof i7.MatCommonModule, typeof i8.MatAutocompleteModule, typeof i9.MatFormFieldModule, typeof i10.MatInputModule, typeof i11.MatIconModule, typeof i12.MatButtonModule, typeof i13.MatSelectModule, typeof i14.MatChipsModule, typeof i15.TranslateModule, typeof i16.RxStateModule], [typeof i1.MatChipsField]>;

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

@@ -147,4 +147,5 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     static ngAcceptInputType_suggestLengthThreshold: unknown;
     static ngAcceptInputType_showLoadingSpinner: unknown;
     static ngAcceptInputType_debug: unknown;
+    static ngAcceptInputType_trimSearchText: unknown;
 }

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

@@ -1,7 +1,5 @@
 import { PipeTransform } from '@angular/core';
-import { DateFormatService } from './date-format.pipe';
 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 | Array<string | number> | {
@@ -12,31 +10,27 @@ export declare class PropertyGetPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<PropertyGetPipe, "propertyGet", false>;
 }
 declare abstract class AbstractValueFormatPipe {
-    private dateFormat;
-    private translate;
     private _i18nYes;
     private _i18nNo;
-    constructor(dateFormat: DateFormatService, translate: TranslateService);
+    private dateFormat;
+    private translate;
     get i18nYes(): string;
     get i18nNo(): string;
     protected valueToString(value: any, definition?: FormFieldDefinition): string;
 }
 export declare class PropertyFormatPipe extends AbstractValueFormatPipe implements PipeTransform {
-    constructor(dateFormat: DateFormatService, translate: TranslateService);
     transform(obj: any, args: string | Array<string | number> | FormFieldDefinition): string | Promise<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PropertyFormatPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<PropertyFormatPipe, "propertyFormat", false>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PropertyFormatPipe>;
 }
 export declare class ValueFormatPipe extends AbstractValueFormatPipe implements PipeTransform {
-    constructor(dateFormat: DateFormatService, translate: TranslateService);
     transform(value: any, definition: FormFieldDefinition): string | Promise<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ValueFormatPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ValueFormatPipe, "valueFormat", false>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ValueFormatPipe>;
 }
 export declare class BooleanFormatPipe extends AbstractValueFormatPipe implements PipeTransform {
-    constructor(translate: TranslateService);
     transform(value: any, opts?: {
         yesLabel: string;
         noLabel: string;

package/src/app/shared/rx-state/rx-state.decorators.d.ts

@@ -0,0 +1,7 @@
+import { ProjectValueReducer } from '@rx-angular/state/lib/rx-state.service';
+export declare function enableRxStateProduction(): void;
+export declare function RxStateRegister(): PropertyDecorator;
+export declare function RxStateProperty<T = any, K extends keyof T = any, V extends T[K] = any>(statePropertyName?: string | K, projectValueReducer?: ProjectValueReducer<T, K, V>): PropertyDecorator;
+export declare function RxStateSelect<T = any>(statePropertyName?: string | keyof T | '$', opts?: {
+    stateName?: string;
+}): PropertyDecorator;

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

@@ -1,9 +1,11 @@
 import { LoadResult } from './services/entity-service.class';
 export declare function suggestFromArray<T = any>(items: T[], value: any, opts?: {
+    id: number;
     offset?: number;
     size?: number;
     searchAttribute?: string;
     searchAttributes?: string[];
+    includedIds?: number[];
     excludedIds?: number[];
     skipSort?: boolean;
     anySearch?: boolean;

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

@@ -14,7 +14,7 @@ import * as i10 from "@ngx-translate/core";
 import * as i11 from "ngx-color-picker";
 import * as i12 from "@angular/cdk/drag-drop";
 import * as i13 from "ngx-markdown";
-import * as i14 from "./rx-state.module";
+import * as i14 from "./rx-state/rx-state.module";
 import * as i15 from "./material/material.module";
 import * as i16 from "./directives/directives.module";
 import * as i17 from "./pipes/pipes.module";

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

@@ -3,7 +3,7 @@ import * as i1 from "./storage-explorer.component";
 import * as i2 from "@ionic/angular";
 import * as i3 from "@angular/common";
 import * as i4 from "@ngx-translate/core";
-import * as i5 from "../rx-state.module";
+import * as i5 from "../rx-state/rx-state.module";
 import * as i6 from "../pipes/pipes.module";
 import * as i7 from "../material/material.module";
 export declare class StorageExplorerModule {

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

@@ -6,7 +6,7 @@ import * as i4 from "@ionic/angular";
 import * as i5 from "@ngx-translate/core";
 import * as i6 from "@angular/platform-browser";
 import * as i7 from "../pipes/pipes.module";
-import * as i8 from "../rx-state.module";
+import * as i8 from "../rx-state/rx-state.module";
 import * as i9 from "@angular/material/progress-bar";
 import * as i10 from "@angular/material/icon";
 export declare class SharedToolbarModule {

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

@@ -15,8 +15,8 @@ export declare interface ObjectMapEntry<O = any> {
     key: string;
     value?: O;
 }
-export declare type PropertiesMap = ObjectMap<string>;
-export declare type Property = ObjectMapEntry<string>;
+export declare type PropertiesMap<T = string> = ObjectMap<T>;
+export declare type Property<T = string> = ObjectMapEntry<T>;
 export declare type PropertiesArray = Property[];
 export declare type AppColors = PredefinedColors | ThemePalette | string;
 export declare interface IconRef {

package/src/app/social/user-event/user-event.module.d.ts

@@ -4,7 +4,7 @@ import * as i2 from "./notification/user-event-notification.list";
 import * as i3 from "@angular/common";
 import * as i4 from "../../shared/shared.module";
 import * as i5 from "../../core/icon/icon.module";
-import * as i6 from "../../shared/rx-state.module";
+import * as i6 from "../../shared/rx-state/rx-state.module";
 import * as i7 from "ngx-jdenticon";
 export declare class UserEventModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<UserEventModule, never>;

package/src/assets/i18n/fr.json

@@ -326,7 +326,9 @@
       "DUMMY_3": "a - premier",
       "DUMMY_4": "e - cinquieme",
       "DUMMY_5": "d - quatrieme",
-      "DUMMY_6": "f - sixième",
+      "DUMMY_6": "f - sixième (enum)",
+      "DUMMY_7": "g - septième (entity)",
+      "DUMMY_8": "h - huitième (entities)",
       "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": "18.0.0",
+  "version": "18.0.2-alpha1",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

package/esm2022/src/app/shared/rx-state.module.mjs

@@ -1,19 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RxFor } from '@rx-angular/template/for';
-import { RxIf } from '@rx-angular/template/if';
-import { RxPush } from '@rx-angular/template/push';
-import { RxLet } from '@rx-angular/template/let';
-import * as i0 from "@angular/core";
-export class RxStateModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: RxStateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: RxStateModule, imports: [RxPush, RxFor, RxIf, RxLet], exports: [RxPush, RxFor, RxIf, RxLet] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: RxStateModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: RxStateModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [RxPush, RxFor, RxIf, RxLet],
-                    exports: [RxPush, RxFor, RxIf, RxLet],
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicngtc3RhdGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9zaGFyZWQvcngtc3RhdGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbkQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQU1qRCxNQUFNLE9BQU8sYUFBYTt1R0FBYixhQUFhO3dHQUFiLGFBQWEsWUFIZCxNQUFNLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxLQUFLLGFBQzFCLE1BQU0sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUs7d0dBRXpCLGFBQWE7OzJGQUFiLGFBQWE7a0JBSnpCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDO29CQUNyQyxPQUFPLEVBQUUsQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxLQUFLLENBQUM7aUJBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJ4Rm9yIH0gZnJvbSAnQHJ4LWFuZ3VsYXIvdGVtcGxhdGUvZm9yJztcbmltcG9ydCB7IFJ4SWYgfSBmcm9tICdAcngtYW5ndWxhci90ZW1wbGF0ZS9pZic7XG5pbXBvcnQgeyBSeFB1c2ggfSBmcm9tICdAcngtYW5ndWxhci90ZW1wbGF0ZS9wdXNoJztcbmltcG9ydCB7IFJ4TGV0IH0gZnJvbSAnQHJ4LWFuZ3VsYXIvdGVtcGxhdGUvbGV0JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1J4UHVzaCwgUnhGb3IsIFJ4SWYsIFJ4TGV0XSxcbiAgZXhwb3J0czogW1J4UHVzaCwgUnhGb3IsIFJ4SWYsIFJ4TGV0XSxcbn0pXG5leHBvcnQgY2xhc3MgUnhTdGF0ZU1vZHVsZSB7fVxuIl19