@sumaris-net/ngx-components 2.7.6 → 2.8.0-rc2

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

@@ -8,38 +8,22 @@ import { FormErrorTranslator, FormErrorTranslatorOptions, IFormControlPathTransl
 import { TranslateService } from '@ngx-translate/core';
 import { MatAutocompleteConfigHolder, MatAutocompleteFieldAddOptions, MatAutocompleteFieldConfig } from '../../shared/material/autocomplete/material.autocomplete.config';
 import * as i0 from "@angular/core";
-export declare class AppForm<T> implements IAppForm, OnInit, OnDestroy, IFormControlPathTranslator {
+export declare class AppForm<T> implements IAppForm<T>, OnInit, OnDestroy, IFormControlPathTranslator {
     private _subscription;
     protected _form: UntypedFormGroup;
-    protected _enable: boolean;
+    protected _enabled: boolean;
     protected errorTranslator: FormErrorTranslator;
     protected i18nFieldPrefix: string;
     protected readonly translate: TranslateService;
     protected readonly settings: LocalSettingsService;
     protected readonly destroySubject: Subject<void>;
+    readonly readySubject: BehaviorSubject<boolean>;
+    readonly loadingSubject: BehaviorSubject<boolean>;
+    readonly errorSubject: BehaviorSubject<string>;
     readonly autocompleteHelper: MatAutocompleteConfigHolder;
     readonly autocompleteFields: {
         [key: string]: MatAutocompleteFieldConfig;
     };
-    readonly readySubject: BehaviorSubject<boolean>;
-    readonly loadingSubject: BehaviorSubject<boolean>;
-    readonly errorSubject: BehaviorSubject<string>;
-    /**
-     *  @deprecated
-     */
-    protected set _loading(value: boolean);
-    /**
-     *  @deprecated
-     */
-    protected get _loading(): boolean;
-    /**
-     *  @deprecated
-     */
-    protected get _$ready(): BehaviorSubject<boolean>;
-    /**
-     *  @deprecated
-     */
-    protected get _$loading(): BehaviorSubject<boolean>;
     get error(): string;
     set error(error: string);
     get loading(): boolean;
@@ -55,6 +39,11 @@ export declare class AppForm<T> implements IAppForm, OnInit, OnDestroy, IFormCon
     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;
@@ -84,6 +73,7 @@ export declare class AppForm<T> implements IAppForm, OnInit, OnDestroy, IFormCon
         checkValid?: boolean;
     }): Promise<void>;
     setForm(form: UntypedFormGroup): void;
+    getValue(): Promise<T> | T;
     setValue(data: T, opts?: {
         emitEvent?: boolean;
         onlySelf?: boolean;

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

@@ -7,7 +7,7 @@ export declare type IAppFormGetter = () => IAppForm;
 export declare interface OnReady {
     ngOnReady(): any;
 }
-export interface IAppForm {
+export interface IAppForm<T = any> {
     invalid: boolean;
     valid: boolean;
     dirty: boolean;
@@ -17,49 +17,64 @@ export interface IAppForm {
     disabled: boolean;
     touched: boolean;
     untouched: boolean;
+    disable(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    enable(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
     empty?: boolean;
     loading?: boolean;
+    loaded?: boolean;
+    destroyed?: boolean;
     ready(): Promise<void>;
     waitIdle(opts?: WaitForOptions): Promise<any>;
-    disable(opts?: {
+    setValue?: (data: T, opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
-    enable(opts?: {
+    }) => Promise<void> | void;
+    patchValue?: (data: T, opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }) => Promise<void> | void;
+    reset?: (data?: T, opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }) => void;
+    getValue?: () => Promise<T> | T;
     markAsPristine(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
     markAsUntouched(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
     markAsTouched(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
     markAllAsTouched(opts?: {
         emitEvent?: boolean;
-    }): any;
+    }): void;
     markAsDirty(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
     markAsLoading(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
     markAsLoaded(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
     markAsReady(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
 }
 /**
  * A form that do nothing
@@ -140,42 +155,42 @@ export declare class AppFormProvider<F extends IAppForm = IAppForm> implements I
     disable(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
     enable(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
     markAsPristine(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
     markAsUntouched(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
     markAsTouched(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
     markAllAsTouched(opts?: {
         emitEvent?: boolean;
-    }): any;
+    }): void;
     markAsDirty(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
     markAsLoading(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
     markAsLoaded(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
     markAsReady(opts?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
-    }): any;
+    }): void;
 }
 export interface FormArrayHelperOptions {
     allowEmptyArray: boolean;

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

@@ -1,11 +1,11 @@
 import { AfterViewInit, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { MenuService } from '../menu.service';
-import { AppTabEditor } from '../../form/entity/editor.class';
 import { ActivatedRoute, Router } from '@angular/router';
 import { AlertController, NavController } from '@ionic/angular';
 import { TranslateService } from '@ngx-translate/core';
 import { Subject } from 'rxjs';
 import { MatTabGroup } from '@angular/material/tabs';
+import { AppTabEditor } from '../../form/entity/tab-editor.class';
 import * as i0 from "@angular/core";
 export declare class MenuTestingPage extends AppTabEditor implements OnInit, OnDestroy, AfterViewInit {
     protected menuService: MenuService;

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

@@ -2,6 +2,7 @@ import { PropertiesMap, Property } from '../../../shared/types';
 import { InjectionToken } from '@angular/core';
 import { HistoryPageReference } from './history.model';
 export type UsageMode = 'DESK' | 'FIELD';
+export declare function isOnFieldMode(usageMode: UsageMode): void;
 export declare interface LocaleConfig extends Property {
     country?: string;
 }

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

@@ -61,8 +61,7 @@ export declare class SettingsPage extends AppForm<LocalSettings> implements OnIn
     close(_?: Event): Promise<boolean>;
     clearCache(event?: Event): Promise<void>;
     executeAction(event: Event, item: IMenuItem): Promise<void>;
-    protected getValue(): Promise<LocalSettings>;
-    protected getJsonValueToSave(): Promise<any>;
+    getValue(): Promise<LocalSettings>;
     protected toggleDarkMode(): 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/core/table/table.module.d.ts

@@ -1,10 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./table-select-columns.component";
 import * as i2 from "./actions-column.component";
-import * as i3 from "../../shared/shared.module";
-import * as i4 from "@ngx-translate/core";
+import * as i3 from "./table.pipes";
+import * as i4 from "../../shared/shared.module";
+import * as i5 from "@ngx-translate/core";
 export declare class AppTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AppTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AppTableModule, [typeof i1.TableSelectColumnsComponent, typeof i2.ActionsColumnComponent], [typeof i3.SharedModule, typeof i4.TranslateModule], [typeof i4.TranslateModule, typeof i1.TableSelectColumnsComponent, typeof i2.ActionsColumnComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppTableModule, [typeof i1.TableSelectColumnsComponent, typeof i2.ActionsColumnComponent, typeof i3.IsAllSelectedPipe, typeof i3.IsNotAllSelectedPipe], [typeof i4.SharedModule, typeof i5.TranslateModule], [typeof i5.TranslateModule, typeof i1.TableSelectColumnsComponent, typeof i2.ActionsColumnComponent, typeof i3.IsAllSelectedPipe, typeof i3.IsNotAllSelectedPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AppTableModule>;
 }

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

@@ -0,0 +1,28 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { SelectionModel } from '@angular/cdk/collections';
+import { AbstractSelectionModelPipe } from '../../shared/pipes/selection.pipes';
+import { AppTable } from './table.class';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export type AppTableRowCountProperty = 'visibleRowCount' | 'totalRowCount';
+export declare abstract class AbstractTableSelectionPipe<R, O, T extends AppTable<any> = AppTable<any>> extends AbstractSelectionModelPipe<any, R, O> {
+    private _onRowsChanges;
+    protected constructor(_ref: ChangeDetectorRef);
+    transform(selectionOrTable: SelectionModel<any> | T, tableOrOpts?: T | O, opts?: O): R;
+    protected _subscribe(selection: SelectionModel<any>, table?: T, opts?: O): Subscription;
+    protected _dispose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractTableSelectionPipe<any, any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractTableSelectionPipe<any, any, any>, never, never, {}, {}, never, never, false, never>;
+}
+export declare class IsAllSelectedPipe extends AbstractTableSelectionPipe<boolean, AppTableRowCountProperty> {
+    constructor(_ref: ChangeDetectorRef);
+    protected _transform(selection: SelectionModel<any>, table: AppTable<any>, countPropertyName?: AppTableRowCountProperty): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IsAllSelectedPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsAllSelectedPipe, "isAllSelected", false>;
+}
+export declare class IsNotAllSelectedPipe extends IsAllSelectedPipe {
+    constructor(_ref: ChangeDetectorRef);
+    protected _transform(selection: SelectionModel<any>, table: AppTable<any>, countPropertyName?: AppTableRowCountProperty): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IsNotAllSelectedPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsNotAllSelectedPipe, "isNotAllSelected", false>;
+}

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

@@ -26,30 +26,34 @@ export declare class TableTestPage extends AppTable<Referential, ReferentialFilt
     readonly statusList: readonly import("../../services/model/referential.model").IStatus[];
     readonly statusById: Readonly<import("@sumaris-net/ngx-components").KeyValueType<import("../../services/model/referential.model").IStatus>>;
     readonly columnDefinitions: FormFieldDefinitionMap;
+    filterPanelFloating: boolean;
     enableInfiniteScroll: boolean;
-    useSticky: boolean;
+    sticky: boolean;
+    stickyEnd: boolean;
     get hasMoreData(): boolean;
     filterExpansionPanel: MatExpansionPanel;
     infiniteScroll: IonInfiniteScroll;
     get dataService(): InMemoryEntitiesService<Referential>;
     constructor(injector: Injector, validatorService: AppValidatorService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
+    ngAfterViewInit(): Promise<void>;
     ngOnDestroy(): void;
-    protected restoreFilter(): void;
+    protected restoreFilter(): Promise<void>;
     toggleTimer(): void;
-    load(): void;
+    load(): Promise<void>;
     fetchMore(event: any): Promise<void>;
     save(opts?: {
         keepEditing?: boolean;
     }): Promise<boolean>;
     clearControlValue(event: Event, formControl: AbstractControl): boolean;
+    toggleFilterPanelFloating(): void;
     applyFilterAndClosePanel(event?: Event): void;
+    closeFilterPanel(): void;
     resetFilter(_?: Event): void;
     startTimer(): void;
     stopTimer(): void;
     protected generateData(offset?: number, size?: number): Referential[];
     protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableTestPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableTestPage, "app-table-testing", never, { "enableInfiniteScroll": { "alias": "enableInfiniteScroll"; "required": false; }; "useSticky": { "alias": "useSticky"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableTestPage, "app-table-testing", never, { "filterPanelFloating": { "alias": "filterPanelFloating"; "required": false; }; "enableInfiniteScroll": { "alias": "enableInfiniteScroll"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "stickyEnd": { "alias": "stickyEnd"; "required": false; }; }, {}, never, never, false, never>;
 }

package/src/app/core/table/testing/table2.testing.d.ts

@@ -21,25 +21,30 @@ export declare class Table2TestPage extends AppTable<Referential, ReferentialFil
     enableInfiniteScroll: boolean;
     checkBoxSelection: boolean;
     resizable: boolean;
+    filterPanelFloating: boolean;
+    sticky: boolean;
+    stickyEnd: boolean;
     get hasMoreData(): boolean;
     filterExpansionPanel: MatExpansionPanel;
     infiniteScroll: IonInfiniteScroll;
     get dataService(): InMemoryEntitiesService<Referential>;
     constructor(injector: Injector, validatorService: AppValidatorService, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
+    ngAfterViewInit(): Promise<void>;
     ngOnDestroy(): void;
-    protected restoreFilter(): void;
-    load(): void;
+    protected restoreFilter(): Promise<void>;
+    load(): Promise<void>;
     fetchMore(event: any): Promise<void>;
     save(opts?: {
         keepEditing?: boolean;
     }): Promise<boolean>;
     clearControlValue(event: Event, formControl: AbstractControl): boolean;
+    toggleFilterPanelFloating(): void;
     applyFilterAndClosePanel(event?: Event): void;
-    resetFilter(event?: Event): void;
+    closeFilterPanel(): void;
+    resetFilter(_?: Event): void;
     protected generateData(offset?: number, size?: number): Referential[];
     protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Table2TestPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Table2TestPage, "app-table2-testing", never, {}, {}, never, ["[suffix]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Table2TestPage, "app-table2-testing", never, { "filterPanelFloating": { "alias": "filterPanelFloating"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "stickyEnd": { "alias": "stickyEnd"; "required": false; }; }, {}, never, ["[suffix]"], false, never>;
 }

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

@@ -42,7 +42,7 @@ export declare class FormGetGroupPipe implements PipeTransform {
 }
 export declare class FormGetValuePipe implements PipeTransform, OnDestroy {
     private _ref;
-    value: any;
+    private _value;
     private _lastControl;
     private _lastPath;
     private _onControlValueChanges;

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

@@ -18,11 +18,12 @@ import * as i16 from "./form.pipes";
 import * as i17 from "./colors.pipe";
 import * as i18 from "./types.pipes";
 import * as i19 from "./maskito.pipe";
-import * as i20 from "@angular/common";
-import * as i21 from "@ionic/angular";
-import * as i22 from "@ngx-translate/core";
+import * as i20 from "./selection.pipes";
+import * as i21 from "@angular/common";
+import * as i22 from "@ionic/angular";
+import * as i23 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 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.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 i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i1.PropertyFormatPipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe], [typeof i20.CommonModule, typeof i21.IonicModule, typeof i22.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i5.DateFromNowPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, 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.ArrayPluckPipe, 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 i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedPipesModule, [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, 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.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 i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i1.PropertyFormatPipe, 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.CommonModule, typeof i22.IonicModule, typeof i23.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i2.DateFormatPipe, typeof i5.DateFromNowPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, 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.ArrayPluckPipe, 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 i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe, typeof i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedPipesModule>;
 }

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

@@ -0,0 +1,62 @@
+import { ChangeDetectorRef, OnDestroy, PipeTransform } from '@angular/core';
+import { SelectionChange, SelectionModel } from '@angular/cdk/collections';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare abstract class AbstractSelectionModelPipe<T, R, O = void> implements PipeTransform, OnDestroy {
+    protected _ref: ChangeDetectorRef;
+    protected _result: R;
+    private _lastSelection;
+    private _lastValue;
+    private _lastOpts;
+    protected _shouldSubscribeToChanges: boolean;
+    private _onSelectionChanges;
+    protected constructor(_ref: ChangeDetectorRef);
+    transform(selection: SelectionModel<any>, value?: T, opts?: O): R;
+    ngOnDestroy(): void;
+    protected _subscribe(selection: SelectionModel<T>, value: T, opts?: O): Subscription;
+    /**
+     * Clean any existing subscription to change events
+     */
+    protected _dispose(): void;
+    protected abstract _transform(selection: SelectionModel<T>, value?: T, opts?: O): R;
+    protected _filterSelectionChange(selectionChange: SelectionChange<any>, value?: T, opts?: O): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractSelectionModelPipe<any, any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractSelectionModelPipe<any, any, any>, never, never, {}, {}, never, never, false, never>;
+}
+export declare class IsSelectedPipe extends AbstractSelectionModelPipe<any, boolean> {
+    constructor(_ref: ChangeDetectorRef);
+    protected _transform(selection: SelectionModel<any>, value: any): boolean;
+    protected _filterSelectionChange(selectionChange: SelectionChange<any>, value: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IsSelectedPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsSelectedPipe, "isSelected", false>;
+}
+export declare class IsNotEmptySelectionPipe extends AbstractSelectionModelPipe<void, boolean> {
+    constructor(_ref: ChangeDetectorRef);
+    protected _transform(selection: SelectionModel<any>): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IsNotEmptySelectionPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsNotEmptySelectionPipe, "isNotEmptySelection", false>;
+}
+export declare class IsEmptySelectionPipe extends AbstractSelectionModelPipe<void, boolean> {
+    constructor(_ref: ChangeDetectorRef);
+    protected _transform(selection: SelectionModel<any>): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IsEmptySelectionPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsEmptySelectionPipe, "isEmptySelection", false>;
+}
+export declare class SelectionLengthPipe extends AbstractSelectionModelPipe<void, number> {
+    constructor(_ref: ChangeDetectorRef);
+    protected _transform(selection: SelectionModel<any>): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectionLengthPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SelectionLengthPipe, "selectionLength", false>;
+}
+export declare class IsMultipleSelectionPipe extends AbstractSelectionModelPipe<void, boolean> {
+    constructor(_ref: ChangeDetectorRef);
+    protected _transform(selection: SelectionModel<any>): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IsMultipleSelectionPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsMultipleSelectionPipe, "isMultipleSelection", false>;
+}
+export declare class IsSingleSelectionPipe extends AbstractSelectionModelPipe<void, boolean> {
+    constructor(_ref: ChangeDetectorRef);
+    protected _transform(selection: SelectionModel<any>): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IsSingleSelectionPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsSingleSelectionPipe, "isSingleSelection", false>;
+}

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

@@ -65,6 +65,7 @@ export declare class SharedFormGroupValidators {
     static dateMinDuration(startDateField: string, endDateField: string, minDuration: number, durationUnit?: moment.unitOfTime.Diff): ValidatorFn;
     static requiredIf(fieldName: string, anotherFieldToCheck: string | AbstractControl, opts?: {
         fieldOnly?: boolean;
+        predicate?: (control: AbstractControl) => boolean;
     }): ValidatorFn;
     static requiredIfTrue(fieldName: string, anotherFieldToCheck: string | AbstractControl, opts?: {
         fieldOnly?: boolean;

package/src/assets/manifest.json

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

package/src/theme/_ngx-components.scss

@@ -419,6 +419,10 @@ mat-expansion-panel {
     right: 0;
   }
 
+  &.filter-panel-pinned {
+    overflow-y: scroll;
+  }
+
   .mat-expansion-panel-header,
   mat-expansion-panel-header {
     padding: var(--expansion-panel-header-padding, var(--expansion-panel-padding));

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

@@ -20,7 +20,7 @@
 .mat-mdc-table {
   min-width: calc(100% - 1px);
   border-collapse: separate;
-  --mat-table-background-color: var(--ion-background-color);
+  --mat-table-background-color: var(--background, var(--ion-background-color));
   --mat-table-row-item-label-text-color: var(--ion-text-color);
   --mat-table-row-item-outline-color: var(--ion-border-color);
   --mat-table-row-item-label-text-size: 14px;
@@ -37,6 +37,7 @@
   --mat-form-field-state-layer-color: transparent;
   --mat-form-field-subscript-text-size: 10px;
   --mdc-checkbox-state-layer-size: 20px;
+  --mdc-radio-state-layer-size: 20px;
   --mdc-filled-text-field-container-color: transparent;
   --mdc-filled-text-field-disabled-container-color: transparent;
   --mdc-filled-text-field-input-text-color: var(--ion-text-color);
@@ -46,6 +47,7 @@
 
   .mat-mdc-header-cell {
     color: var(--ion-color-primary);
+    background: var(--mat-table-background-color) !important;
 
     &.disabled {
       color: var(--ion-color-medium, grey);
@@ -444,22 +446,10 @@
       }
     }
 
-    .mat-boolean-field-radio.mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix,
-    .mat-boolean-field-radio .mat-mdc-form-field-infix {
-      // Reduce top border (because of radio height)
-      border-top: 0.5em solid transparent !important;
-    }
-
-    .mat-boolean-field-checkbox.mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix,
-    .mat-boolean-field-checkbox .mat-mdc-form-field-infix {
-      // Increase top border (because of checkbox height)
-      padding-top: 0.4em;
-    }
-
     .mat-boolean-field-button.mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix,
     .mat-boolean-field-button .mat-mdc-form-field-infix {
       // Increase top border (because of button height)
-      padding-top: 0.4em;
+
     }
 
     mat-date-time-field {