@sumaris-net/ngx-components 2.9.0 → 2.9.1-8.2

package/package.json

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

package/public_api.d.ts

@@ -155,6 +155,8 @@ export * from './src/app/core/services/pipes/person-to-string.pipe';
 export * from './src/app/core/services/pipes/usage-mode.pipes';
 export * from './src/app/core/services/pipes/referential-to-string.pipe';
 export * from './src/app/core/services/pipes/pipes.module';
+export * from './src/app/core/services/base58';
+export * from './src/app/core/services/errors';
 export * from './src/app/core/services/platform.service';
 export * from './src/app/core/services/network.service';
 export * from './src/app/core/services/network.types';
@@ -164,7 +166,6 @@ export * from './src/app/core/services/local-settings.service';
 export * from './src/app/core/services/account.service';
 export * from './src/app/core/services/crypto.service';
 export * from './src/app/core/services/auth-guard.service';
-export * from './src/app/core/services/base58';
 export * from './src/app/core/services/base-graphql-service.class';
 export * from './src/app/core/services/base-entity-service.class';
 export * from './src/app/core/services/storage/entities-storage.service';
@@ -288,7 +289,6 @@ export * from './src/app/shared/audio/audio.testing.module';
 export * from './src/app/core/core.testing.module';
 export * from './src/app/core/services/testing/referential-filter.model';
 export * from './src/app/core/services/testing/referential.validator';
-export * from './src/app/core/services/errors';
 export * from './src/app/core/table/testing/table.testing.module';
 export * from './src/app/core/table/testing/table.testing';
 export * from './src/app/core/table/testing/table2.testing';

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

@@ -1,8 +1,8 @@
 import { EntityFilter } from '../../../core/services/model/filter.model';
 import { Person } from '../../../core/services/model/person.model';
-import { FilterFn } from '../../../shared/services/entity-service.class';
 import { EntityAsObjectOptions } from '../../../core/services/model/entity.model';
 import { StoreObject } from '@apollo/client/core';
+import { FilterFn } from '../../../shared/types';
 export declare class PersonFilter extends EntityFilter<PersonFilter, Person> {
     static fromObject: (source: any, opts?: any) => PersonFilter;
     static searchFilter(source: any): FilterFn<Person>;

package/src/app/core/form/entity/entity-editor-modal.class.d.ts

@@ -6,10 +6,10 @@ import { Entity } from '../../services/model/entity.model';
 import { UsageMode } from '../../services/model/settings.model';
 import { FormGroup } from '@angular/forms';
 import { AppTabEditor, AppTabEditorOptions } from './tab-editor.class';
+import { AppErrorWithDetails } from '../../services/errors';
 import { DateFormatService } from '../../../shared/pipes/date-format.pipe';
 import { WaitForOptions } from '../../../shared/observables';
 import { FormErrorTranslator } from '../../../shared/validator/form-error-adapter.class';
-import { AppErrorWithDetails } from './entity-editor.class';
 import * as i0 from "@angular/core";
 export interface IEntityEditorModalOptions<T extends Entity<T, ID> = Entity<any, any>, ID = number> {
     isNew: boolean;

package/src/app/core/form/entity/entity-editor.class.d.ts

@@ -6,13 +6,13 @@ import { Entity } from '../../services/model/entity.model';
 import { UsageMode } from '../../services/model/settings.model';
 import { FormGroup } from '@angular/forms';
 import { AppTabEditor, AppTabEditorOptions, IAppTabEditor } from './tab-editor.class';
+import { AppErrorWithDetails } from '../../services/errors';
 import { EntityServiceLoadOptions, IEntityService } from '../../../shared/services/entity-service.class';
 import { DateFormatService } from '../../../shared/pipes/date-format.pipe';
 import { Environment } from '../../../../environments/environment.class';
 import { HistoryPageReference } from '../../services/model/history.model';
 import { WaitForOptions } from '../../../shared/observables';
 import { FormErrorTranslator } from '../../../shared/validator/form-error-adapter.class';
-import { FormErrors } from '../../../shared/forms';
 import * as i0 from "@angular/core";
 export interface IAppEntityEditor<T> extends IAppTabEditor<T> {
     usageMode: UsageMode;
@@ -34,15 +34,6 @@ export declare class AppEditorOptions extends AppTabEditorOptions {
     autoOpenNextTab?: boolean;
     i18nPrefix?: string;
 }
-export interface AppError {
-    code?: number;
-    message?: string;
-}
-export interface AppErrorWithDetails extends AppError {
-    details: AppError & {
-        errors?: FormErrors;
-    };
-}
 export declare abstract class AppEntityEditor<T extends Entity<T, ID>, S extends IEntityService<T, ID> = IEntityService<T, any>, ID = number, LO extends EntityServiceLoadOptions = EntityServiceLoadOptions> extends AppTabEditor<T, ID, LO> implements OnInit, OnDestroy, AfterViewInit, IAppEntityEditor<T> {
     protected dataType: new () => T;
     protected dataService?: S;

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

@@ -2,7 +2,7 @@ import { AbstractControl, AbstractControlOptions, UntypedFormArray, UntypedFormB
 import { Entity } from '../services/model/entity.model';
 import { filterNumberInput, selectInputContent } from '../../shared/inputs';
 import { WaitForOptions } from '../../shared/observables';
-import { addValueInArray, clearValueInArray, copyEntity2Form, disableControls, getControlFromPath, getFormErrors, getFormValueFromEntity, logFormErrors, markAllAsTouched, markAsUntouched, removeValueInArray, resizeArray, updateValueAndValidity, waitIdle, waitWhilePending } from '../../shared/forms';
+import { addValueInArray, clearValueInArray, copyEntity2Form, disableControls, filterFormErrors, filterFormErrorsByPath, filterFormErrorsByPrefix, getControlFromPath, getFormErrors, getFormValueFromEntity, logFormErrors, markAllAsTouched, markAsUntouched, removeValueInArray, resizeArray, updateValueAndValidity, waitIdle, waitWhilePending } from '../../shared/forms';
 export declare type IAppFormGetter = () => IAppForm;
 export declare interface OnReady {
     ngOnReady(): any;
@@ -321,6 +321,9 @@ export declare class AppFormArray<T extends Entity<T>, C extends AbstractControl
     removeAllEmpty(): void;
     protected setAllowEmptyArray(value: boolean): void;
 }
+/**
+ * Helper class, for angular forms
+ */
 export declare class AppFormUtils {
     static copyEntity2Form: typeof copyEntity2Form;
     static getFormValueFromEntity: typeof getFormValueFromEntity;
@@ -354,6 +357,9 @@ export declare class AppFormUtils {
     static isControlHasInput: typeof isControlHasInput;
     static setCalculatedValue: typeof setCalculatedValue;
     static resetCalculatedValue: typeof resetCalculatedValue;
+    static filterErrorsByPrefix: typeof filterFormErrorsByPrefix;
+    static filterErrorsByPath: typeof filterFormErrorsByPath;
+    static filterErrors: typeof filterFormErrors;
 }
 export declare function isControlHasInput(controls: {
     [key: string]: AbstractControl;

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

@@ -4,11 +4,10 @@ import { Entity, EntityAsObjectOptions } from '../../services/model/entity.model
 import { AppValidatorService } from '../../services/validator/base.validator.class';
 import { AbstractControl, UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { FormFieldDefinition, FormFieldDefinitionMap } from '../../../shared/form/field.model';
-import { FilterFn } from '../../../shared/services/entity-service.class';
 import { Environment } from '../../../../environments/environment.class';
 import { TableElement } from '@e-is/ngx-material-table';
 import { EntityFilter } from '../../services/model/filter.model';
-import { ObjectMap } from '../../../shared/types';
+import { FilterFn, ObjectMap } from '../../../shared/types';
 import { MatExpansionPanel } from '@angular/material/expansion';
 import * as i0 from "@angular/core";
 interface TranslatedFormFieldDefinition extends FormFieldDefinition {

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

@@ -15,10 +15,17 @@ import { IMenuItem } from '../menu/menu.model';
 import { ShowToastOptions } from '../../shared/toast/toasts';
 import { Environment } from '../../../environments/environment.class';
 import { HistoryPageReference } from '../services/model/history.model';
+import { RxState } from '@rx-angular/state';
 import * as i0 from "@angular/core";
 export declare const getRandomImage: (files: string[]) => string;
 export declare const APP_HOME_BUTTONS: InjectionToken<IMenuItem[]>;
-export declare class HomePage implements OnDestroy {
+export interface HomePageState {
+    loading: boolean;
+    showSpinner: boolean;
+    showPartnerBanner: boolean;
+    pageHistory: HistoryPageReference[];
+}
+export declare class HomePage extends RxState<HomePageState> implements OnDestroy {
     private accountService;
     private modalCtrl;
     private translate;
@@ -34,13 +41,12 @@ export declare class HomePage implements OnDestroy {
     private readonly _debug;
     private _subscription;
     private _config;
-    loading: boolean;
+    protected pageHistory$: import("rxjs").Observable<HistoryPageReference[]>;
+    protected loading$: import("rxjs").Observable<boolean>;
     waitingNetwork: boolean;
-    showSpinner: boolean;
     accountName: string;
     isLogin: boolean;
     $partners: BehaviorSubject<Department[]>;
-    loadingBanner: boolean;
     logo: string;
     description: string;
     appName: string;
@@ -48,10 +54,17 @@ export declare class HomePage implements OnDestroy {
     canRegister: boolean;
     contentStyle: any;
     contentCredits: string;
-    pageHistory: HistoryPageReference[];
     offline: boolean;
     $filteredButtons: BehaviorSubject<IMenuItem[]>;
     readonly showAccountButton: boolean;
+    set pageHistory(value: HistoryPageReference[]);
+    get pageHistory(): HistoryPageReference[];
+    set loading(value: boolean);
+    get loading(): boolean;
+    set showSpinner(value: boolean);
+    get showSpinner(): boolean;
+    set showPartnerBanner(value: boolean);
+    get showPartnerBanner(): boolean;
     get currentLocaleCode(): string;
     constructor(accountService: AccountService, modalCtrl: ModalController, translate: TranslateService, toastController: ToastController, configService: ConfigService, platform: PlatformService, cd: ChangeDetectorRef, network: NetworkService, settings: LocalSettingsService, environment: Environment, locales: LocaleConfig[], buttons: IMenuItem[]);
     ngOnDestroy(): void;
@@ -68,6 +81,7 @@ export declare class HomePage implements OnDestroy {
     protected onLogin(account: Account): void;
     protected onLogout(): void;
     protected refreshButtons(account?: Account): void;
+    protected removePageHistory(path: string): Promise<void>;
     protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HomePage, [null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HomePage, "app-page-home", never, {}, {}, never, never, false, never>;

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

@@ -1,3 +1,13 @@
+import { FormErrors } from '../../shared/forms';
+export interface AppError {
+    code?: number;
+    message?: string;
+}
+export interface AppErrorWithDetails extends AppError {
+    details: AppError & {
+        errors?: FormErrors;
+    };
+}
 export declare interface ServiceError {
     code: number;
     message: string;

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

@@ -81,7 +81,9 @@ export declare class LocalSettingsService extends StartableService<LocalSettings
     addToPageHistory(page: HistoryPageReference, opts?: AddToPageHistoryOptions, pageHistory?: HistoryPageReference[]): Promise<void>;
     removePageHistory(path: string, opts?: {
         emitEvent?: boolean;
-    }, pageHistory?: HistoryPageReference[]): any;
+        persistImmediate?: boolean;
+    }, pageHistory?: HistoryPageReference[], // used for recursive call to children)
+    depth?: number): any;
     clearPageHistory(): Promise<void>;
     protected ngOnStop(): Promise<void>;
     private resetData;

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

@@ -1,7 +1,6 @@
 import { Moment } from 'moment';
 import { getPropertyByPath } from '../../../shared/functions';
-import { FilterFn } from '../../../shared/services/entity-service.class';
-import { ObjectMap, ObjectMapEntry, PropertiesArray, PropertiesMap } from '../../../shared/types';
+import { FilterFn, ObjectMap, ObjectMapEntry, PropertiesArray, PropertiesMap } from '../../../shared/types';
 import { StoreObject } from '@apollo/client/core';
 import { TreeItemEntityUtils } from './tree-item-entity.model';
 import { SortDirection } from '@angular/material/sort';

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

@@ -1,5 +1,5 @@
 import { Entity, EntityAsObjectOptions, IEntity } from './entity.model';
-import { FilterFn } from '../../../shared/services/entity-service.class';
+import { FilterFn } from '../../../shared/types';
 export interface IEntityFilter<F extends IEntityFilter<F, T, ID, AO, FO>, T extends IEntity<T, any>, ID = number, AO extends EntityAsObjectOptions = EntityAsObjectOptions, FO = any> extends IEntity<F, ID, AO, FO> {
     asPodObject(): any;
     asFilterFn(): FilterFn<T>;

package/src/app/core/services/model/tree-item-entity.model.d.ts

@@ -1,6 +1,6 @@
 import { IEntity } from './entity.model';
-import { FilterFn } from '../../../shared/services/entity-service.class';
 import { EntityFilter } from './filter.model';
+import { FilterFn } from '../../../shared/types';
 export declare interface ITreeItemEntity<T extends IEntity<T, ID>, ID = number> {
     parentId: ID;
     parent: T;

package/src/app/core/services/testing/referential-filter.model.d.ts

@@ -1,6 +1,6 @@
 import { EntityFilter } from '../model/filter.model';
 import { Referential } from '../model/referential.model';
-import { FilterFn } from '../../../shared/services/entity-service.class';
+import { FilterFn } from '../../../shared/types';
 export declare class ReferentialFilter extends EntityFilter<ReferentialFilter, Referential> {
     static fromObject: (source: any, opts?: any) => ReferentialFilter;
     searchText: string;

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

@@ -1,5 +1,6 @@
 import { AbstractControl, UntypedFormArray, UntypedFormGroup, ValidationErrors } from '@angular/forms';
 import { WaitForOptions } from './observables';
+import { Predicate } from '@angular/core';
 export interface FormErrors {
     [key: string]: ValidationErrors;
 }
@@ -91,3 +92,6 @@ export declare function waitWhilePending<T extends {
 export declare function waitIdle<T extends {
     loading: boolean;
 }>(form: T, opts?: WaitForOptions): Promise<void>;
+export declare function filterFormErrorsByPrefix(errors: FormErrors, ...prefixes: string[]): FormErrors;
+export declare function filterFormErrorsByPath(errors: FormErrors, filter: Predicate<string>): FormErrors;
+export declare function filterFormErrors(errors: FormErrors, filter: Predicate<[string, any]>): FormErrors;

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2, ViewRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, UntypedFormControl } from '@angular/forms';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { SuggestFn } from '../../services/entity-service.class';
@@ -14,7 +14,6 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     protected cd: ChangeDetectorRef;
     protected modalController: ModalController;
     protected renderer: Renderer2;
-    private viewRef;
     private formGroupDir;
     private _onChangeCallback;
     private _onTouchedCallback;
@@ -60,6 +59,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     noResultMessage: string;
     panelClass: string;
     panelWidth: string;
+    disableRipple: boolean;
     matAutocompletePosition: 'auto' | 'above' | 'below';
     multiple: boolean;
     fetchMoreThreshold: string;
@@ -68,22 +68,21 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     debug: boolean;
     showSearchBar: boolean;
     stickySearchBar: boolean;
-    disableRipple: boolean;
-    applyImplicitValue: boolean | (() => boolean);
+    applyImplicitValue: boolean | ((value: any) => boolean);
     dropButtonTitle: string;
     clearButtonTitle: string;
     clicked: EventEmitter<MouseEvent>;
     blurred: EventEmitter<FocusEvent>;
     focused: EventEmitter<FocusEvent>;
     dropButtonClick: EventEmitter<Event>;
-    keydownEscape: EventEmitter<any>;
-    keyupEnter: EventEmitter<any>;
+    keydownEscape: EventEmitter<Event>;
+    keyupEnter: EventEmitter<Event>;
     matSelect: MatSelect;
     ionSearchbar: IonSearchbar;
     matInputText: ElementRef;
     autocomplete: MatAutocomplete;
     autocompleteTrigger: MatAutocompleteTrigger;
-    constructor(cd: ChangeDetectorRef, modalController: ModalController, renderer: Renderer2, viewRef: ViewRef, formGroupDir: FormGroupDirective);
+    constructor(cd: ChangeDetectorRef, modalController: ModalController, renderer: Renderer2, formGroupDir: FormGroupDirective);
     get itemCount(): number;
     get canFetchMore(): boolean;
     set filter(value: any);
@@ -98,7 +97,6 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     get disabled(): boolean;
     get enabled(): boolean;
     get loading(): boolean;
-    get desktop(): boolean;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -140,8 +138,8 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
      * @private
      */
     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; }; "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; }; "panelClass": { "alias": "panelClass"; "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; }; "disableRipple": { "alias": "disableRipple"; "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, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [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; }; "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; }; "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, ["[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;
@@ -150,11 +148,12 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     static ngAcceptInputType_showAllOnFocus: unknown;
     static ngAcceptInputType_showPanelOnFocus: unknown;
     static ngAcceptInputType_autofocus: unknown;
+    static ngAcceptInputType_disableRipple: unknown;
     static ngAcceptInputType_multiple: unknown;
     static ngAcceptInputType_suggestLengthThreshold: unknown;
     static ngAcceptInputType_showLoadingSpinner: unknown;
     static ngAcceptInputType_debug: unknown;
     static ngAcceptInputType_showSearchBar: unknown;
     static ngAcceptInputType_stickySearchBar: unknown;
-    static ngAcceptInputType_disableRipple: unknown;
+    static ngAcceptInputType_readonly: unknown;
 }

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

@@ -14,8 +14,9 @@ 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";
 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 i1.MatChipsField]>;
+    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]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedMatChipsModule>;
 }

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

@@ -7,7 +7,7 @@ import { AppFloatLabelType, DisplayFn, EqualsFn } from '../../form/field.model';
 import { ThemePalette } from '@angular/material/core';
 import { MatAutocompleteFieldConfig } from '../autocomplete/material.autocomplete.config';
 import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
-import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import { MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import * as i0 from "@angular/core";
 export declare class MatChipsField implements OnInit, OnDestroy, InputElement, ControlValueAccessor {
     protected cd: ChangeDetectorRef;
@@ -55,6 +55,7 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     noResultMessage: string;
     panelClass: string;
     panelWidth: string;
+    disableRipple: boolean;
     matAutocompletePosition: 'auto' | 'above' | 'below';
     itemSize: string;
     fetchMoreThreshold: string;
@@ -62,6 +63,7 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     showLoadingSpinner: boolean;
     chipColor: ThemePalette;
     debug: boolean;
+    applyImplicitValue: boolean | ((value: any) => boolean);
     dropButtonTitle: string;
     clearButtonTitle: string;
     clicked: EventEmitter<MouseEvent>;
@@ -91,9 +93,9 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     /**
      * Add item to chips
      *
-     * @param event
+     * @param item
      */
-    add(event: MatAutocompleteSelectedEvent): void;
+    add(item: any): void;
     /**
      * Remove item from chips
      *
@@ -124,7 +126,7 @@ 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; }; "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; }; "panelClass": { "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; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "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, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], 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; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "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; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "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, ["[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_readonly: unknown;
@@ -134,6 +136,8 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     static ngAcceptInputType_showAllOnFocus: unknown;
     static ngAcceptInputType_showPanelOnFocus: unknown;
     static ngAcceptInputType_autofocus: unknown;
+    static ngAcceptInputType_disableRipple: unknown;
+    static ngAcceptInputType_suggestLengthThreshold: unknown;
     static ngAcceptInputType_showLoadingSpinner: unknown;
     static ngAcceptInputType_debug: unknown;
 }

package/src/app/shared/services/entity-service.class.d.ts

@@ -22,8 +22,6 @@ export declare type SuggestFn<T, F> = (value: any, filter?: F, sortBy?: string |
 export declare interface SuggestService<T, F> {
     suggest: SuggestFn<T, F>;
 }
-export declare type FilterFn<T> = (data: T) => boolean;
-export declare type FilterFnFactory<T, F> = (filter: F) => FilterFn<T>;
 export declare interface EntityServiceLoadOptions {
     fetchPolicy?: FetchPolicy;
     trash?: boolean;

package/src/app/shared/services/memory-entity-service.class.d.ts

@@ -1,10 +1,11 @@
 import { BehaviorSubject, Observable } from 'rxjs';
-import { EntitiesServiceLoadOptions, EntitiesServiceWatchOptions, FilterFn, FilterFnFactory, IEntitiesService, LoadResult } from './entity-service.class';
+import { EntitiesServiceLoadOptions, EntitiesServiceWatchOptions, IEntitiesService, LoadResult } from './entity-service.class';
 import { SortDirection } from '@angular/material/sort';
 import { OnDestroy } from '@angular/core';
 import { IEntity } from '../../core/services/model/entity.model';
 import { WaitForOptions } from '../observables';
 import { StartableObservableService } from './startable-observable-service.class';
+import { FilterFn, FilterFnFactory } from '../types';
 import * as i0 from "@angular/core";
 export interface InMemoryEntitiesServiceOptions<T, F> {
     onSort?: (data: T[], sortBy?: string, sortDirection?: SortDirection) => T[];

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

@@ -1,5 +1,6 @@
 import { ThemePalette } from '@angular/material/core';
 import { PredefinedColors } from '@ionic/core';
+import { Predicate } from '@angular/core';
 export declare type KeyType = string | number;
 export declare type KeyValueType<T> = {
     [key in KeyType]: T;
@@ -24,3 +25,5 @@ export declare interface IconRef {
     matSvgIcon?: string;
     color?: AppColors;
 }
+export declare type FilterFn<T> = Predicate<T>;
+export declare type FilterFnFactory<T, F> = (filter: F) => FilterFn<T>;

package/src/app/social/message/message.model.d.ts

@@ -1,9 +1,9 @@
 import { Entity, EntityAsObjectOptions } from '../../core/services/model/entity.model';
 import { StoreObject } from '@apollo/client/core';
 import { EntityFilter } from '../../core/services/model/filter.model';
-import { FilterFn } from '../../shared/services/entity-service.class';
 import { Person } from '../../core/services/model/person.model';
 import { PersonFilter } from '../../admin/services/filter/person.filter';
+import { FilterFn } from '../../shared/types';
 export declare const MessageTypes: {
     INBOX_MESSAGE: string;
     EMAIL: string;

package/src/app/social/user-event/testing/user-event.testing.model.d.ts

@@ -1,9 +1,8 @@
 import { Entity, EntityAsObjectOptions } from '../../../core/services/model/entity.model';
 import { Moment } from 'moment';
-import { IconRef } from '../../../shared/types';
-import { EventLevel, IUserEvent, IUserEventFilter, IUserEventAction } from '../user-event.model';
+import { FilterFn, IconRef } from '../../../shared/types';
+import { EventLevel, IUserEvent, IUserEventAction, IUserEventFilter } from '../user-event.model';
 import { EntityFilter } from '../../../core/services/model/filter.model';
-import { FilterFn } from '../../../shared/services/entity-service.class';
 import { StoreObject } from '@apollo/client/core';
 export declare class UserEventTest extends Entity<UserEventTest> implements IUserEvent<UserEventTest> {
     static fromObject: (source: any, opts?: any) => UserEventTest;

package/src/assets/i18n/fr.json

@@ -125,7 +125,9 @@
       "ITEMS_PER_PAGE": "Nombre de lignes",
       "NEXT_PAGE": "Page suivante",
       "PREVIOUS_PAGE": "Page précédente",
-      "OF": "sur"
+      "OF": "sur",
+      "FIRST_PAGE": "Première page",
+      "LAST_PAGE": "Dernière page"
     },
     "TABLE": {
       "FILTERED_PARENTHESIS": "(filtré)"

package/src/assets/manifest.json

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

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

@@ -191,24 +191,64 @@ ion-grid.form-container {
     padding: 0;
 
     & > ion-col {
-
       // No top/bottom padding between grid cell
       padding-bottom: 0;
       padding-top: 0;
 
       & > ion-label {
         color: var(--ion-color-primary100);
-        padding-inline-end: 5px;
       }
 
-      & > ion-label[text-wrap] {
+      & > ion-label[text-wrap],
+      & > ion-label.ion-text-wrap {
         word-wrap: normal;
         white-space: normal;
+        line-height: 1rem !important;
       }
     }
   }
 }
 
+
+// --------------------------------------------------
+// Forms
+// --------------------------------------------------
+// On small screen, align label on left
+@media screen and (max-width: $screen-sm-max) {
+  form.form-container > ion-grid,
+  ion-grid.form-container {
+    ion-col > ion-label.ion-float-center,
+    ion-col > ion-label.ion-float-end {
+      display: block;
+      width: 100%;
+      text-align: start !important;
+      line-height: 37px;
+      min-height: 37px;
+      margin-top: 0;
+      margin-bottom: 0;
+      margin-right: 0;
+    }
+  }
+}
+
+// On large screen, align label on right
+@media screen and (min-width: $screen-md) {
+
+  form.form-container > ion-grid,
+  ion-grid.form-container {
+   ion-col > ion-label.ion-float-center,
+   ion-col > ion-label.ion-float-end {
+      display: block;
+      text-align: end !important;
+      min-height: var(--mat-form-field-container-height, 45px);
+      margin-top: 11px;
+      margin-bottom: 11px;
+      padding-inline-end: 5px;
+    }
+  }
+}
+
+
 // TODO: activer ce code et tester les mat-select en dark mode
 //html {
 //  div.mat-mdc-select-panel {

package/src/theme/_ngx-components.scss

@@ -255,7 +255,10 @@ mat-option:not(:last-of-type) {
 
 // FIXME : This is a workaround find at : https://github.com/angular/components/issues/26000#issuecomment-1563107933
 .cdk-overlay-pane.mat-select-panel-fit-content {
-  min-width: fit-content;
+  --min-width: fit-content;
+  --max-width: calc(100vw - 64px);
+  min-width: var(--min-width);
+  max-width: var(--max-width);
 }
 
 .mat-mdc-autocomplete-panel-center .mat-mdc-autocomplete-panel,