@sumaris-net/ngx-components 4.0.0-rc9 → 18.0.0-rc1

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

@@ -3,18 +3,17 @@ import { AccountService } from '../services/account.service';
 import { LocaleConfig, LocalSettings, UsageMode } from '../services/model/settings.model';
 import { UntypedFormArray, UntypedFormBuilder } from '@angular/forms';
 import { AppForm } from '../form/form.class';
-import { FormArrayHelper } from '../form/form.utils';
+import { CanLeave } from '../form/form.utils';
 import { TranslateService } from '@ngx-translate/core';
 import { LocalSettingsValidatorService } from '../services/validator/local-settings.validator';
 import { PlatformService } from '../services/platform.service';
 import { NetworkService } from '../services/network.service';
 import { LocalSettingsService } from '../services/local-settings.service';
-import { FormFieldDefinition, FormFieldDefinitionMap } from '../../shared/form/field.model';
+import { FormFieldDefinition } from '../../shared/form/field.model';
 import { AlertController, NavController } from '@ionic/angular';
-import { Property } from '../../shared/types';
-import { CanLeave } from '../../shared/guard/component-dirty.guard';
 import { ISelectPeerModalOptions } from '../peer/select-peer.modal';
 import { IMenuItem } from '../menu/menu.model';
+import { AppPropertiesForm } from '../form/properties/properties.form';
 import * as i0 from "@angular/core";
 export declare const APP_SETTINGS_MENU_ITEMS: InjectionToken<IMenuItem[]>;
 export declare class SettingsPage extends AppForm<LocalSettings> implements OnInit, OnDestroy, CanLeave {
@@ -30,25 +29,21 @@ export declare class SettingsPage extends AppForm<LocalSettings> implements OnIn
     network: NetworkService;
     locales: LocaleConfig[];
     private data;
-    mobile: boolean;
-    saving: boolean;
-    usageModes: UsageMode[];
-    menuItems: IMenuItem[];
-    propertyDefinitions: FormFieldDefinition[];
-    propertyDefinitionsByKey: FormFieldDefinitionMap;
-    propertyDefinitionsByIndex: {
-        [index: number]: FormFieldDefinition;
-    };
-    propertiesFormHelper: FormArrayHelper<Property>;
-    latLongFormats: string[];
+    protected mobile: boolean;
+    protected isAdmin: boolean;
+    protected saving: boolean;
+    protected usageModes: UsageMode[];
+    protected menuItems: IMenuItem[];
+    protected propertyDefinitions: FormFieldDefinition[];
+    protected latLongFormats: string[];
     get accountInheritance(): boolean;
     get isLogin(): boolean;
-    get propertiesForm(): UntypedFormArray;
+    get propertiesFormArray(): UntypedFormArray;
+    get darkMode(): boolean;
+    set darkMode(value: boolean);
+    propertiesForm: AppPropertiesForm;
     constructor(injector: Injector, platform: PlatformService, navController: NavController, validatorService: LocalSettingsValidatorService, alertCtrl: AlertController, translate: TranslateService, formBuilder: UntypedFormBuilder, accountService: AccountService, settings: LocalSettingsService, cd: ChangeDetectorRef, network: NetworkService, locales: LocaleConfig[], menuItems?: IMenuItem[]);
     ngOnInit(): Promise<void>;
-    getPropertyDefinition(index: number): FormFieldDefinition;
-    updatePropertyDefinition(index: number): FormFieldDefinition;
-    removePropertyAt(index: number): void;
     load(): Promise<void>;
     updateView(data: LocalSettings): void;
     save(event?: Event, options?: any): Promise<boolean>;
@@ -60,8 +55,26 @@ 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>;
+    markAsLoading(): void;
+    markAsLoaded(opts?: {
+        emitEvent?: boolean;
+    }): void;
+    get loading(): boolean;
+    get loaded(): boolean;
+    enable(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    disable(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    markAsPristine(opts?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    protected toggleDarkMode(enable?: boolean): Promise<void>;
     protected markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SettingsPage, [null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SettingsPage, "page-settings", never, {}, {}, never, never, false, never>;

package/src/app/core/table/async-table.class.d.ts

@@ -1,15 +1,15 @@
-import { AfterViewInit, EventEmitter, Injector, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, Injector, OnDestroy, OnInit } from '@angular/core';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort, MatSortable, SortDirection } from '@angular/material/sort';
 import { MatTable } from '@angular/material/table';
 import { BehaviorSubject, Observable, Subject, Subscription } from 'rxjs';
 import { SelectionModel } from '@angular/cdk/collections';
 import { IEntity } from '../services/model/entity.model';
-import { AlertController, ModalController, ToastController } from '@ionic/angular';
+import { AlertController, ModalController, NavController, ToastController } from '@ionic/angular';
 import { ActivatedRoute, Router } from '@angular/router';
 import { ColumnItem } from './table-select-columns.component';
 import { Location } from '@angular/common';
-import { IAppForm } from '../form/form.utils';
+import { CanSave, IAppForm } from '../form/form.utils';
 import { LocalSettingsService } from '../services/local-settings.service';
 import { TranslateService } from '@ngx-translate/core';
 import { MatAutocompleteConfigHolder, MatAutocompleteFieldAddOptions, MatAutocompleteFieldConfig } from '../../shared/material/autocomplete/material.autocomplete.config';
@@ -18,12 +18,12 @@ import { WaitForOptions } from '../../shared/observables';
 import { ShowToastOptions } from '../../shared/toast/toasts';
 import { CdkColumnDef } from '@angular/cdk/table';
 import { LoadResult } from '../../shared/services/entity-service.class';
-import { FormErrorTranslator, FormErrorTranslatorOptions, IFormControlPathTranslator } from '../../shared/validator/form-error-adapter.class';
+import { FormErrorTranslateOptions, FormErrorTranslator, IFormPathTranslator } from '../../shared/validator/form-error-adapter.class';
 import { SaveActionType } from './table.model';
 import { AsyncTableElement } from '@e-is/ngx-material-table';
 import { EntitiesAsyncTableDataSource } from './entities-async-table-datasource.class';
 import * as i0 from "@angular/core";
-export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, ID = number> implements OnInit, OnDestroy, AfterViewInit, IAppForm, IFormControlPathTranslator {
+export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, ID = number> implements OnInit, OnDestroy, AfterViewInit, IAppForm, CanSave, IFormPathTranslator {
     protected columns: string[];
     protected _dataSource?: EntitiesAsyncTableDataSource<T, F, ID>;
     private _filter?;
@@ -34,8 +34,10 @@ export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, I
     protected _enabled: boolean;
     protected _autocompleteConfigHolder: MatAutocompleteConfigHolder;
     protected allowRowDetail: boolean;
+    protected readonly cd: ChangeDetectorRef;
     protected route: ActivatedRoute;
     protected router: Router;
+    protected navController: NavController;
     protected location: Location;
     protected settings: LocalSettingsService;
     protected translate: TranslateService;
@@ -49,7 +51,7 @@ export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, I
     displayedColumns: string[];
     totalRowCount: number | null;
     visibleRowCount: number;
-    errorTranslatorOptions: FormErrorTranslatorOptions;
+    errorTranslateOptions: FormErrorTranslateOptions;
     readonly readySubject: BehaviorSubject<boolean>;
     readonly loadingSubject: BehaviorSubject<boolean>;
     readonly savingSubject: BehaviorSubject<boolean>;
@@ -203,7 +205,7 @@ export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, I
     setFilter(filter: F, opts?: {
         emitEvent?: boolean;
         permanentSelectionChangedPrevented?: boolean;
-    }): void;
+    }): Promise<void>;
     confirmAndAdd(event?: Event, row?: AsyncTableElement<T>): Promise<boolean>;
     confirmAndBackward(event?: Event, row?: AsyncTableElement<T>): Promise<boolean>;
     confirmAndForward(event?: Event, row?: AsyncTableElement<T>): Promise<boolean>;
@@ -260,11 +262,12 @@ export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, I
     }): Promise<number>;
     selectRowById(id: number): Promise<boolean>;
     /**
-     * Try to select row by data. Will use dataEquals() (that call EntityUtils.equals()) to find same row's data
+     * Try to select row by data. Will use equals() to find same row's data
      *
      * @param data
      */
     selectRowByData(data: T): Promise<boolean>;
+    toggleSelectRow(event: Event, row: AsyncTableElement<T>): void;
     clickRow(event: Event | undefined, row: AsyncTableElement<T>): Promise<boolean>;
     moveRow(id: number, direction: number): Promise<void>;
     ready(opts?: WaitForOptions): Promise<void>;
@@ -274,7 +277,7 @@ export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, I
     doRefresh(event?: CompletableEvent): void;
     getCurrentColumns(): ColumnItem[];
     escapeEditingRow(event?: Event, row?: AsyncTableElement<T>): Promise<void>;
-    translateControlPath(path: string): string;
+    translateFormPath(path: string): string;
     protected editRow(event: Event | undefined, row: AsyncTableElement<T>, opts?: {
         focusColumn?: string;
     }): Promise<boolean>;
@@ -335,6 +338,7 @@ export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, I
     protected getShowColumn(columnName: string): boolean;
     protected startsWithUpperCase(input: string, search: string): boolean;
     protected markForCheck(): void;
+    protected detectChanges(): void;
     protected askDeleteConfirmation(event?: Event, rows?: AsyncTableElement<T>[]): Promise<boolean>;
     protected askCancelConfirmation(event?: Event, rows?: AsyncTableElement<T>[]): Promise<boolean>;
     protected askRestoreConfirmation(event?: Event): Promise<boolean>;
@@ -342,12 +346,12 @@ export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, I
     protected resetError(opts?: {
         emitEvent?: boolean;
     }): void;
-    protected getRowError(row?: AsyncTableElement<T>, opts?: FormErrorTranslatorOptions): string;
+    protected getRowError(row?: AsyncTableElement<T>, opts?: FormErrorTranslateOptions): string;
     protected setError(value: string, opts?: {
         emitEvent?: boolean;
     }): void;
     /**
-     * Compare data equality (default by id)
+     * Compare data equality (default by id, using EntityUtils.equals())
      * Can be overridden to add additional properties to compare
      *
      * @param d1
@@ -361,6 +365,13 @@ export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, I
     }): void;
     protected getPageSettings<T = any>(propertyName?: string): T;
     protected savePageSettings(value: any, propertyName?: string): Promise<void>;
+    protected emitRefresh(value?: any): void;
+    /**
+     * Initialize the permanent selection model
+     *
+     * @protected
+     */
+    protected initPermanentSelection(): void;
     private listenSortAndPaginationEvents;
     private editRowById;
     private setLoading;
@@ -373,12 +384,6 @@ export declare abstract class AppAsyncTable<T extends IEntity<T, ID>, F = any, I
     private listenDatasourceLoading;
     private startCellValueChanges;
     private stopCellValueChanges;
-    /**
-     * Initialize the permanent selection model
-     *
-     * @protected
-     */
-    private initPermanentSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppAsyncTable<any, any, any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AppAsyncTable<any, any, any>, never, never, { "settingsId": { "alias": "settingsId"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "i18nColumnPrefix": { "alias": "i18nColumnPrefix"; "required": false; }; "i18nColumnSuffix": { "alias": "i18nColumnSuffix"; "required": false; }; "autoLoad": { "alias": "autoLoad"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "inlineEdition": { "alias": "inlineEdition"; "required": false; }; "focusFirstColumn": { "alias": "focusFirstColumn"; "required": false; }; "confirmBeforeDelete": { "alias": "confirmBeforeDelete"; "required": false; }; "confirmBeforeCancel": { "alias": "confirmBeforeCancel"; "required": false; }; "undoableDeletion": { "alias": "undoableDeletion"; "required": false; }; "saveBeforeDelete": { "alias": "saveBeforeDelete"; "required": false; }; "keepEditedRowOnSave": { "alias": "keepEditedRowOnSave"; "required": false; }; "saveBeforeSort": { "alias": "saveBeforeSort"; "required": false; }; "saveBeforeFilter": { "alias": "saveBeforeFilter"; "required": false; }; "propagateRowError": { "alias": "propagateRowError"; "required": false; }; "permanentSelectionAllowed": { "alias": "permanentSelectionAllowed"; "required": false; }; "defaultSortBy": { "alias": "defaultSortBy"; "required": false; }; "defaultSortDirection": { "alias": "defaultSortDirection"; "required": false; }; "defaultPageSize": { "alias": "defaultPageSize"; "required": false; }; "defaultPageSizeOptions": { "alias": "defaultPageSizeOptions"; "required": false; }; "focusColumn": { "alias": "focusColumn"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; }, { "onRefresh": "onRefresh"; "onOpenRow": "onOpenRow"; "onNewRow": "onNewRow"; "onStartEditingRow": "onStartEditingRow"; "onConfirmEditCreateRow": "onConfirmEditCreateRow"; "onCancelOrDeleteRow": "onCancelOrDeleteRow"; "onBeforeDeleteRows": "onBeforeDeleteRows"; "onBeforeCancelRows": "onBeforeCancelRows"; "onBeforeSave": "onBeforeSave"; "onAfterDeletedRows": "onAfterDeletedRows"; "onSort": "onSort"; "onDirty": "onDirty"; "onError": "onError"; }, never, never, false, never>;
 }

package/src/app/core/table/column/actions-column.component.d.ts

@@ -0,0 +1,59 @@
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AsyncTableElement, TableElement } from '@e-is/ngx-material-table';
+import { MatColumnDef, MatTable } from '@angular/material/table';
+import { MatMenuTrigger } from '@angular/material/menu';
+import * as i0 from "@angular/core";
+export declare class ActionsColumnComponent<T extends TableElement<any> | AsyncTableElement<any> = TableElement<any>> implements OnInit, OnDestroy {
+    private table;
+    private cd;
+    columnDef: MatColumnDef;
+    matMenuTrigger: MatMenuTrigger;
+    matColumnDef: string;
+    style: 'table' | 'mat-table';
+    stickyEnd: boolean;
+    canCancel: boolean;
+    canConfirm: boolean;
+    canDelete: boolean;
+    canBackward: boolean;
+    canForward: boolean;
+    canConfirmAndAdd: boolean;
+    dirtyIcon: boolean | string;
+    optionsTitle: string;
+    classList: string;
+    cellTemplate: TemplateRef<{
+        $implicit: T;
+    }>;
+    optionsClick: EventEmitter<Event>;
+    cancelOrDeleteClick: EventEmitter<{
+        event: Event;
+        row: T;
+    }>;
+    confirmEditCreateClick: EventEmitter<{
+        event: Event;
+        row: T;
+    }>;
+    confirmAndAddClick: EventEmitter<{
+        event: Event;
+        row: T;
+    }>;
+    backward: EventEmitter<{
+        event: Event;
+        row: T;
+    }>;
+    forward: EventEmitter<{
+        event: Event;
+        row: T;
+    }>;
+    constructor(table: MatTable<any>, cd: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionsColumnComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionsColumnComponent<any>, "app-actions-column", never, { "matColumnDef": { "alias": "matColumnDef"; "required": false; }; "style": { "alias": "style"; "required": false; }; "stickyEnd": { "alias": "stickyEnd"; "required": false; }; "canCancel": { "alias": "canCancel"; "required": false; }; "canConfirm": { "alias": "canConfirm"; "required": false; }; "canDelete": { "alias": "canDelete"; "required": false; }; "canBackward": { "alias": "canBackward"; "required": false; }; "canForward": { "alias": "canForward"; "required": false; }; "canConfirmAndAdd": { "alias": "canConfirmAndAdd"; "required": false; }; "dirtyIcon": { "alias": "dirtyIcon"; "required": false; }; "optionsTitle": { "alias": "optionsTitle"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; }, { "optionsClick": "optionsClick"; "cancelOrDeleteClick": "cancelOrDeleteClick"; "confirmEditCreateClick": "confirmEditCreateClick"; "confirmAndAddClick": "confirmAndAddClick"; "backward": "backward"; "forward": "forward"; }, never, ["[matHeader]", "[matFooter]", "[matHeader]", "[matFooter]"], false, never>;
+    static ngAcceptInputType_stickyEnd: unknown;
+    static ngAcceptInputType_canCancel: unknown;
+    static ngAcceptInputType_canConfirm: unknown;
+    static ngAcceptInputType_canDelete: unknown;
+    static ngAcceptInputType_canBackward: unknown;
+    static ngAcceptInputType_canForward: unknown;
+    static ngAcceptInputType_canConfirmAndAdd: unknown;
+}

package/src/app/core/table/column/nav-actions-column.component.d.ts

@@ -0,0 +1,46 @@
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AsyncTableElement, TableElement } from '@e-is/ngx-material-table';
+import { MatColumnDef, MatTable } from '@angular/material/table';
+import { MatMenuTrigger } from '@angular/material/menu';
+import { AppTable } from '../table.class';
+import { AppAsyncTable } from '../async-table.class';
+import { Subject, Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class NavActionsColumnComponent<T extends TableElement<any> | AsyncTableElement<any> = TableElement<any>> implements OnInit, OnDestroy {
+    private matTable;
+    private cd;
+    _subscription: Subscription;
+    _forwardEventSubject: Subject<{
+        event: Event;
+        row: T;
+    }>;
+    _backwardEventSubject: Subject<{
+        event: Event;
+        row: T;
+    }>;
+    columnDef: MatColumnDef;
+    matMenuTrigger: MatMenuTrigger;
+    appTable: AppTable<any> | AppAsyncTable<any>;
+    matColumnDef: string;
+    style: 'table' | 'mat-table';
+    stickyEnd: boolean;
+    showPending: boolean;
+    dirtyIcon: boolean | string;
+    optionsTitle: string;
+    classList: string;
+    cellTemplate: TemplateRef<{
+        $implicit: T;
+    }>;
+    throttleTime: number;
+    optionsClick: EventEmitter<Event>;
+    constructor(matTable: MatTable<any>, cd: ChangeDetectorRef, appTable: AppTable<any>, appAsyncTable: AppAsyncTable<any>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected cancelOrDelete(event: Event, row: T): void;
+    protected confirmAndForward(event: Event, row: T): void;
+    protected confirmAndBackward(event: Event, row: T): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavActionsColumnComponent<any>, [null, null, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavActionsColumnComponent<any>, "app-nav-actions-column", never, { "appTable": { "alias": "appTable"; "required": false; }; "matColumnDef": { "alias": "matColumnDef"; "required": false; }; "style": { "alias": "style"; "required": false; }; "stickyEnd": { "alias": "stickyEnd"; "required": false; }; "showPending": { "alias": "showPending"; "required": false; }; "dirtyIcon": { "alias": "dirtyIcon"; "required": false; }; "optionsTitle": { "alias": "optionsTitle"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "throttleTime": { "alias": "throttleTime"; "required": false; }; }, { "optionsClick": "optionsClick"; }, never, ["[matHeader]", "[matFooter]", "[matHeader]", "[matFooter]"], false, never>;
+    static ngAcceptInputType_stickyEnd: unknown;
+    static ngAcceptInputType_showPending: unknown;
+}

package/src/app/core/table/column/row-field.component.d.ts

@@ -0,0 +1,40 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { ThemePalette } from '@angular/material/core';
+import { PredefinedColors } from '@ionic/core';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { AppFloatLabelType, FormFieldDefinition } from '../../../shared/form/field.model';
+import { MatColumnDef, MatTable } from '@angular/material/table';
+import { AsyncTableElement, TableElement } from '@e-is/ngx-material-table';
+import * as i0 from "@angular/core";
+export declare class AppRowField implements OnInit, OnDestroy {
+    protected cd: ChangeDetectorRef;
+    matTable: MatTable<any>;
+    columnDef: MatColumnDef;
+    name: string;
+    definition: FormFieldDefinition;
+    definitionFn: (row: TableElement<any> | AsyncTableElement<any>) => FormFieldDefinition;
+    headerI18n: string;
+    sortable: boolean;
+    resizable: boolean;
+    required: boolean;
+    readonly: boolean;
+    sticky: boolean;
+    draggable: boolean;
+    disabled: boolean;
+    placeholder: string;
+    compact: boolean;
+    floatLabel: AppFloatLabelType;
+    appearance: MatFormFieldAppearance;
+    tabindex: number;
+    autofocus: boolean;
+    clearable: boolean;
+    chipColor: ThemePalette | PredefinedColors;
+    classList: string;
+    debug: boolean;
+    protected logPrefix: string;
+    constructor(cd: ChangeDetectorRef, matTable: MatTable<any>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppRowField, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppRowField, "app-row-field", never, { "name": { "alias": "name"; "required": false; }; "definition": { "alias": "definition"; "required": false; }; "definitionFn": { "alias": "definitionFn"; "required": false; }; "headerI18n": { "alias": "headerI18n"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; }, {}, never, never, false, never>;
+}

package/src/app/core/table/entities-async-table-datasource.class.d.ts

@@ -66,6 +66,7 @@ export declare class EntitiesAsyncTableDataSource<T extends IEntity<T, ID>, F =
     getEditingRows(): R[];
     getSingleEditingRow(): R;
     hasSomeEditingRow(): boolean;
+    hasSomeDirtyRow(): boolean;
     createNew(insertAt?: number, opts?: {
         editing: boolean;
     }): Promise<R | undefined>;

package/src/app/core/table/entities-table-datasource.class.d.ts

@@ -80,6 +80,7 @@ export declare class EntitiesTableDataSource<T extends IEntity<T, ID>, F = any,
     getRow(id: number): R;
     getRows(): R[];
     hasSomeEditingRow(): boolean;
+    hasSomeDirtyRow(): boolean;
     createNew(insertAt?: number, opts?: {
         editing: boolean;
     }): Promise<R | undefined>;

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, EventEmitter, Injector, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, Injector, OnDestroy, OnInit } from '@angular/core';
 import { MatSort, MatSortable, SortDirection } from '@angular/material/sort';
 import { BehaviorSubject, Observable, Subject, Subscription } from 'rxjs';
 import { TableElement } from '@e-is/ngx-material-table';
@@ -9,7 +9,7 @@ import { AlertController, ModalController, NavController, ToastController } from
 import { ActivatedRoute, Router } from '@angular/router';
 import { ColumnItem } from './table-select-columns.component';
 import { Location } from '@angular/common';
-import { IAppForm } from '../form/form.utils';
+import { CanSave, IAppForm } from '../form/form.utils';
 import { LocalSettingsService } from '../services/local-settings.service';
 import { TranslateService } from '@ngx-translate/core';
 import { MatAutocompleteConfigHolder, MatAutocompleteFieldAddOptions, MatAutocompleteFieldConfig } from '../../shared/material/autocomplete/material.autocomplete.config';
@@ -18,12 +18,12 @@ import { WaitForOptions } from '../../shared/observables';
 import { ShowToastOptions } from '../../shared/toast/toasts';
 import { CdkColumnDef } from '@angular/cdk/table';
 import { LoadResult } from '../../shared/services/entity-service.class';
-import { FormErrorTranslator, FormErrorTranslatorOptions, IFormControlPathTranslator } from '../../shared/validator/form-error-adapter.class';
+import { FormErrorTranslateOptions, FormErrorTranslator, IFormPathTranslator } from '../../shared/validator/form-error-adapter.class';
 import { SaveActionType } from './table.model';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatTable } from '@angular/material/table';
 import * as i0 from "@angular/core";
-export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = number> implements OnInit, OnDestroy, AfterViewInit, IAppForm, IFormControlPathTranslator {
+export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = number> implements OnInit, OnDestroy, AfterViewInit, IAppForm, CanSave, IFormPathTranslator {
     protected columns: string[];
     protected _dataSource?: EntitiesTableDataSource<T, F, ID>;
     private _filter?;
@@ -34,6 +34,7 @@ export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = n
     protected _enabled: boolean;
     protected _autocompleteConfigHolder: MatAutocompleteConfigHolder;
     protected allowRowDetail: boolean;
+    protected readonly cd: ChangeDetectorRef;
     protected route: ActivatedRoute;
     protected router: Router;
     protected navController: NavController;
@@ -50,7 +51,7 @@ export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = n
     displayedColumns: string[];
     totalRowCount: number | null;
     visibleRowCount: number;
-    errorTranslatorOptions: FormErrorTranslatorOptions;
+    errorTranslateOptions: FormErrorTranslateOptions;
     readonly readySubject: BehaviorSubject<boolean>;
     readonly loadingSubject: BehaviorSubject<boolean>;
     readonly savingSubject: BehaviorSubject<boolean>;
@@ -211,7 +212,7 @@ export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = n
         permanentSelectionChangedPrevented?: boolean;
     }): void;
     confirmAndAdd(event?: Event, row?: TableElement<T>): Promise<boolean>;
-    confirmAndBackward(event?: Event, row?: TableElement<T>): boolean;
+    confirmAndBackward(event?: Event, row?: TableElement<T>): boolean | Promise<boolean>;
     confirmAndForward(event?: Event, row?: TableElement<T>): boolean | Promise<boolean>;
     /**
      * Confirm the creation of the given row, or if not specified the currently edited row
@@ -271,17 +272,17 @@ export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = n
      * @param data
      */
     selectRowByData(data: T): Promise<boolean>;
-    toggleSelectRow(event: Event, row: TableElement<T>): void;
+    toggleSelectRow(event: Event | undefined, row: TableElement<T>): void;
     clickRow(event: Event | undefined, row: TableElement<T>): boolean;
     moveRow(id: number, direction: number): void;
     ready(opts?: WaitForOptions): Promise<void>;
     waitIdle(opts?: WaitForOptions): Promise<void>;
-    openSelectColumnsModal(_?: Event): Promise<any>;
+    openSelectColumnsModal(event?: Event): Promise<any>;
     trackByFn(index: number, row: TableElement<T>): number;
     doRefresh(event?: CompletableEvent): void;
     getCurrentColumns(): ColumnItem[];
     escapeEditingRow(event?: Event, row?: TableElement<T>): void;
-    translateControlPath(path: string): string;
+    translateFormPath(path: string): string;
     protected editRow(event: Event | undefined, row: TableElement<T>, opts?: {
         focusColumn?: string;
     }): boolean;
@@ -306,7 +307,7 @@ export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = n
     protected saveBeforeAction(saveAction: SaveActionType): Promise<boolean>;
     /**
      * Open a row detail view. By default, will to open row detail page.
-     * Can be override by subclasses, BUT prefer to subscribe on onOpenRow
+     * Can be overridden by subclasses, BUT prefer to subscribe on onOpenRow
      *
      * @param id
      * @param row
@@ -342,6 +343,7 @@ export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = n
     protected getShowColumn(columnName: string): boolean;
     protected startsWithUpperCase(input: string, search: string): boolean;
     protected markForCheck(): void;
+    protected detectChanges(): void;
     protected askDeleteConfirmation(event?: Event, rows?: TableElement<T>[]): Promise<boolean>;
     protected askCancelConfirmation(event?: Event, rows?: TableElement<T>[]): Promise<boolean>;
     protected askRestoreConfirmation(event?: Event): Promise<boolean>;
@@ -349,7 +351,7 @@ export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = n
     protected resetError(opts?: {
         emitEvent?: boolean;
     }): void;
-    protected getRowError(row?: TableElement<T>, opts?: FormErrorTranslatorOptions): string;
+    protected getRowError(row?: TableElement<T>, opts?: FormErrorTranslateOptions): string;
     protected setError(value: string, opts?: {
         emitEvent?: boolean;
     }): void;
@@ -368,6 +370,7 @@ export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = n
     }): void;
     protected getPageSettings<T = any>(propertyName?: string): T;
     protected savePageSettings(value: any, propertyName?: string): Promise<void>;
+    protected emitRefresh(value?: any): void;
     /**
      * Initialize the permanent selection model
      *

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

@@ -1,10 +1,14 @@
 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 i2 from "./column/actions-column.component";
+import * as i3 from "./column/nav-actions-column.component";
+import * as i4 from "./column/row-field.component";
+import * as i5 from "./table.pipes";
+import * as i6 from "../../shared/shared.module";
+import * as i7 from "@ngx-translate/core";
+import * as i8 from "../../shared/directives/resizable/resizable.module";
 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.NavActionsColumnComponent, typeof i4.AppRowField, typeof i5.IsAllSelectedPipe, typeof i5.IsNotAllSelectedPipe], [typeof i6.SharedModule, typeof i7.TranslateModule, typeof i8.ResizableModule], [typeof i7.TranslateModule, typeof i1.TableSelectColumnsComponent, typeof i2.ActionsColumnComponent, typeof i3.NavActionsColumnComponent, typeof i4.AppRowField, typeof i5.IsAllSelectedPipe, typeof i5.IsNotAllSelectedPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AppTableModule>;
 }

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

@@ -0,0 +1,28 @@
+import { ChangeDetectorRef, OnDestroy, PipeTransform } 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 ɵpipe: i0.ɵɵPipeDeclaration<AbstractTableSelectionPipe<any, any, any>, "abstract-table-selection", false>;
+}
+export declare class IsAllSelectedPipe extends AbstractTableSelectionPipe<boolean, AppTableRowCountProperty> implements PipeTransform, OnDestroy {
+    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 implements PipeTransform, OnDestroy {
+    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

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, Injector, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, Injector, OnDestroy, OnInit } from '@angular/core';
 import { AppTable } from '../table.class';
 import { Referential } from '../../services/model/referential.model';
 import { IonInfiniteScroll } from '@ionic/angular';
@@ -8,13 +8,11 @@ import { AbstractControl, UntypedFormBuilder, UntypedFormGroup } from '@angular/
 import { ReferentialFilter } from '../../services/testing/referential-filter.model';
 import { MatExpansionPanel } from '@angular/material/expansion';
 import { Subscription } from 'rxjs';
-import { FormFieldDefinitionMap } from '../../../shared/form/field.model';
 import * as i0 from "@angular/core";
 export declare class TableTestPage extends AppTable<Referential, ReferentialFilter> implements OnInit, OnDestroy, AfterViewInit {
     protected validatorService: AppValidatorService;
     protected formBuilder: UntypedFormBuilder;
-    protected cd: ChangeDetectorRef;
-    readonly maxRowCount = 100;
+    static readonly maxRowCount = 100;
     timer: Subscription;
     canEdit: boolean;
     data: Referential[];
@@ -24,32 +22,33 @@ export declare class TableTestPage extends AppTable<Referential, ReferentialFilt
     rowHeight: number;
     permanentSelectionAllowed: boolean;
     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);
+    constructor(injector: Injector, validatorService: AppValidatorService, formBuilder: UntypedFormBuilder);
     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>;
 }