@coolon/angular-ui-powerups 16.1.0-aplpha.118 → 16.1.0-aplpha.12

package/lib/components/tables/abstract-table-model.d.ts

@@ -1,9 +1,7 @@
 import { ComponentType } from "@angular/cdk/overlay";
 import { Injector } from "@angular/core";
-import { BooleanValueModelChain, Command, Constructable, DelegatingListModel, DependsOnOptions, DirtyTrackingForm, Disposable, GarbageCollector, HasValue, ListModel, SelectionModel, Types, ValueModel, ValueModelChain } from "@coolon/pectin";
-import { ColumnManager } from "./column/column-manager";
+import { BooleanValueModelChain, Command, Constructable, DelegatingListModel, DirtyTrackingForm, Disposable, GarbageCollector, ListModel, SelectionModel, Types, ValueModel, ValueModelChain } from "@coolon/pectin";
 import { CellRendererOptions, ColumnModel, OnComponentInit } from "./column/column-model";
-import { ColumnOrderManager } from "./column/column-order-manager";
 import { ColumnTextProperties } from "./column/column-text-properties";
 import { CustomTemplateColumnModel } from "./column/custom-template-column-model";
 import { CustomValueColumnModel } from "./column/custom-value-column-model";
@@ -14,19 +12,17 @@ import { SelectionColumnModel } from "./column/selection-column-model";
 import { EditSession } from "./editor/edit-session";
 import { TextSearchPredicate } from "./filter/text-search-predicate";
 import { CellRenderer } from "./renderer/cell-renderer";
-import { FooterRowModel } from "./footer/footer-row-model";
 import { TableMoreMenuPopupComponent } from "./renderer/table-more-menu/table-more-menu-popup/table-more-menu-popup.component";
-export declare abstract class AbstractTableModel<Row extends object> extends GarbageCollector {
+export declare abstract class AbstractTableModel<Row> extends GarbageCollector {
     protected readonly _dataSource$: DelegatingListModel<Row>;
     protected readonly _filteredRows$: DelegatingListModel<Row>;
     protected readonly _visibleRows$: DelegatingListModel<Row>;
-    protected readonly columnManager: ColumnManager<Row>;
+    private readonly _columnList;
     private _editorSessions;
     private readonly _rowsBeingEdited$;
     private saveCommandFactory;
     private _editorSessionByRowId;
     private readonly rowClassNamePredicates;
-    private readonly rowAttributeGenerators;
     private _columnTextPropertiesLookup;
     readonly editing$: BooleanValueModelChain;
     readonly firstEditableColumn$: ValueModelChain<ColumnModel<Row>>;
@@ -43,8 +39,6 @@ export declare abstract class AbstractTableModel<Row extends object> extends Gar
     readonly selectedItems$: ListModel<Row>;
     readonly leadSelection$: ValueModel<Row>;
     readonly hasSelection$: BooleanValueModelChain;
-    footerRowModel: FooterRowModel.Impl<any>;
-    private readonly _viewDependencies;
     constructor();
     protected setDataSource(dataSource$: any): void;
     /**
@@ -54,16 +48,6 @@ export declare abstract class AbstractTableModel<Row extends object> extends Gar
      * @param rest
      */
     initialise(injector: Injector, identityOf: (item: Row) => any): void;
-    /**
-     * Adds additional models that will trigger a table repaint.  This is required if the table
-     * needs to be redrawn outside of changes to the rows of filters.  i.e. some eternal state is used
-     * to assign row classes etc.
-     *
-     * Note: This function must be called before the table is bound to the model.
-     * @param hasValues
-     */
-    viewStateDependsOn(...hasValues: ReadonlyArray<HasValue<any>>): void;
-    get viewStateDependencies(): ReadonlyArray<HasValue<any>>;
     get dataSource$(): ListModel<Row>;
     /**
      * Gets the rows that are visible after any filters are applied.  If there are
@@ -79,8 +63,8 @@ export declare abstract class AbstractTableModel<Row extends object> extends Gar
     startEditSession(row: Row): EditSession<Row>;
     getEditSessionFor(row: Row): EditSession<Row>;
     cancelAllEditorSessions(): void;
-    get columns$(): ListModel<ColumnModel<Row>>;
-    get visibleColumns$(): ListModel<ColumnModel<Row>>;
+    get columns(): ListModel<ColumnModel<Row>>;
+    get visibleColumns(): ListModel<ColumnModel<Row>>;
     pluck<P extends Types.ValuePropertiesOf<Row>>(property: P, options?: {
         columnId: string;
     }): PropertyColumnModel<Row, P>;
@@ -92,14 +76,11 @@ export declare abstract class AbstractTableModel<Row extends object> extends Gar
     addCustomColumn<V>(columnId: string, dataAccessor: (row: Row) => V): CustomValueColumnModel<Row, V>;
     addComponentColumn<C extends CellRenderer<Partial<Row>>>(columnId: string, component: ComponentType<C>, onInit?: OnComponentInit<C>): CustomValueColumnModel<Row, Row>;
     addComponentColumn<C extends CellRenderer<Partial<Row>>>(columnId: string, component: ComponentType<C>, options?: CellRendererOptions<Row, C>): CustomValueColumnModel<Row, Row>;
-    addMoreMenu<C extends TableMoreMenuPopupComponent<Row>>(componentClass: Constructable<C>, initialiseCallback?: (component: C) => void): CustomValueColumnModel<Row, Row>;
-    addFooterRow<C>(component: ComponentType<C>, initialiseCallback?: (component: C) => void): FooterRowModel<C>;
+    addMoreMenu(componentClass: Constructable<TableMoreMenuPopupComponent<Row>>): CustomValueColumnModel<Row, Row>;
     addTemplateColumn<V>(columnId: string): CustomTemplateColumnModel<Row>;
-    addRowClass(className: string, predicate: (row: Row) => boolean, options?: DependsOnOptions): void;
-    addRowAttribute(attributeName: string, getValue: (row: Row) => string): void;
+    addRowClass(className: string, predicate: (row: Row) => boolean): void;
     getRowClasses(row: Row): string[];
-    getRowAttributes(row: Row): Record<string, string>;
-    protected addColumn<C extends ColumnModel<Row>>(column: C, position?: ColumnOrderManager.Position): C;
+    protected addColumn<C extends ColumnModel<Row>>(column: C, index?: number): C;
     columnTextProperties(columnTextProperties: {
         [columnName: string]: ColumnTextProperties;
     }): void;

package/lib/components/tables/abstract-table.component.d.ts

@@ -63,7 +63,7 @@ import * as i0 from "@angular/core";
  *   }
  * }
  */
-export declare class AbstractTableComponent<Row extends object> extends DisposableComponent implements OnInit {
+export declare class AbstractTableComponent<Row> extends DisposableComponent implements OnInit {
     readonly injector: Injector;
     accessor showHeader$: ValueModel<boolean>;
     accessor showHeader: boolean;
@@ -72,8 +72,7 @@ export declare class AbstractTableComponent<Row extends object> extends Disposab
      * need to set it explicitly e.g. height: 400px; or by using flex or grid layout to make it fill it's
      * containment area.
      */
-    accessor enableScrolling$: ValueModel<boolean>;
-    accessor enableScrolling: boolean;
+    enableScrolling: boolean;
     columns: ListModelChain<ColumnModel<Row>>;
     columnIds: ListModelChain<string>;
     private columnsById;
@@ -92,5 +91,5 @@ export declare class AbstractTableComponent<Row extends object> extends Disposab
     protected getModel(): AbstractTableModel<Row>;
     registerColumnTemplate(columnId: string, templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractTableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractTableComponent<any>, "aup-abstract-table", never, { "showHeader$": { "alias": "showHeader$"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "enableScrolling$": { "alias": "enableScrolling$"; "required": false; }; "enableScrolling": { "alias": "enableScrolling"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractTableComponent<any>, "aup-abstract-table", never, { "showHeader$": { "alias": "showHeader$"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "enableScrolling": { "alias": "enableScrolling"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/tables/column/column-list-model.d.ts

@@ -0,0 +1,13 @@
+import { AbstractComputedListModel, ListModel } from '@coolon/pectin';
+import { ColumnModel } from './column-model';
+export declare class ColumnListModel<Row> extends AbstractComputedListModel<ColumnModel<Row>, boolean> {
+    private readonly _allColumns$;
+    private readonly columnsById$;
+    constructor();
+    get allColumns$(): ListModel<ColumnModel<Row>>;
+    getColumn(id: string): ColumnModel<Row>;
+    hasColumn(id: string): boolean;
+    hasMatchingColumn(row: Row, regex: RegExp): boolean;
+    addColumn<C extends ColumnModel<Row>>(column: C, index?: number): C;
+    doComputeValue(): ColumnModel<Row>[];
+}

package/lib/components/tables/column/column-model.d.ts

@@ -7,9 +7,8 @@ import { ColumnTextSearchFormatter } from "../filter/column-text-search-formatte
 import { CellEditorPortalRef, CellHeaderPortalRef, CellRendererPortalRef } from "../renderer/cell-portal-ref";
 import { TableCellComponent } from "../renderer/table-cell/table-cell.component";
 import { TableHeaderCellComponent } from "../renderer/table-header-cell/table-header-cell.component";
-import { ColumnOrderManager } from "./column-order-manager";
 import { ColumnTextProperties } from "./column-text-properties";
-export interface RowData<Row extends object> {
+export interface RowData<Row> {
     row: Row;
     editSession?: EditSession<Row>;
     editRowCommand: Command<void>;
@@ -22,9 +21,8 @@ export interface CellRendererOptions<Row, E> {
 export interface MutableCellRendererOptions<Row, E, P extends keyof Row> extends CellRendererOptions<Row, E> {
     onValueEdit: (row: Row, is: Row[P], was: Row[P]) => void;
 }
-export declare class ColumnModel<Row extends object> extends GarbageCollector {
+export declare class ColumnModel<Row> extends GarbageCollector {
     readonly columnId: string;
-    private readonly order;
     private textPropertiesProvider;
     private _columnTextProperties;
     private _columnHeaderPortalRef;
@@ -38,7 +36,7 @@ export declare class ColumnModel<Row extends object> extends GarbageCollector {
     readonly dasherisedColumnId: string;
     private readonly textSearchDelegate;
     readonly visible$: ValueModel<boolean>;
-    constructor(columnId: string, order: ColumnOrderManager, textPropertiesProvider: ColumnModel.TextPropertiesProvider);
+    constructor(columnId: string, textPropertiesProvider: ColumnModel.TextPropertiesProvider);
     protected installHeaderRenderer(): void;
     getHeaderText(): string;
     isVisible(): boolean;
@@ -53,8 +51,6 @@ export declare class ColumnModel<Row extends object> extends GarbageCollector {
      */
     textProperties(columnTextProperties: ColumnTextProperties): this;
     columnTextProperties(columnTextProperties: ColumnTextProperties): this;
-    positionAfter(column: ColumnModel<any>): this;
-    positionBefore(column: ColumnModel<any>): this;
     getSearchTextFor(row: Row): string;
     configureColumnTextSearch(formatter: ColumnTextSearchFormatter<Row>): this;
     configureColumnTextSearch<T>(formatter: ColumnTextSearchFormatter<T>, mapper: (row: Row) => T): this;

package/lib/components/tables/column/custom-template-column-model.d.ts

@@ -1,9 +1,8 @@
 import { TemplateRef, ViewContainerRef } from "@angular/core";
 import { ColumnModel } from "./column-model";
-import { ColumnOrderManager } from "./column-order-manager";
-export declare class CustomTemplateColumnModel<Row extends object> extends ColumnModel<Row> {
+export declare class CustomTemplateColumnModel<Row> extends ColumnModel<Row> {
     private readonly config;
-    constructor(columnId: string, order: ColumnOrderManager, defaults: ColumnModel.TextPropertiesProvider);
+    constructor(columnId: string, defaults: ColumnModel.TextPropertiesProvider);
     setTemplate(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean): void;
     selectRowOnClick(selectOnRowClick: boolean): this;
 }

package/lib/components/tables/column/custom-value-column-model.d.ts

@@ -1,9 +1,8 @@
 import { ComponentType } from "@angular/cdk/overlay";
 import { CellRendererOptions, ColumnModel, OnComponentInit } from "./column-model";
-import { ColumnOrderManager } from "./column-order-manager";
-export declare class CustomValueColumnModel<Row extends object, V> extends ColumnModel<Row> {
+export declare class CustomValueColumnModel<Row, V> extends ColumnModel<Row> {
     private getValue;
-    constructor(columnId: string, order: ColumnOrderManager, defaults: ColumnModel.TextPropertiesProvider, getValue: (row: Row) => V);
+    constructor(columnId: string, defaults: ColumnModel.TextPropertiesProvider, getValue: (row: Row) => V);
     cellRenderer<C extends {
         value: Partial<V>;
     }>(componentType: ComponentType<C>, onComponentInitOrOptions?: CellRendererOptions<Row, C> | OnComponentInit<C>): this;

package/lib/components/tables/column/editor-controls-column-model.d.ts

@@ -2,9 +2,8 @@ import { ComponentType } from "@angular/cdk/overlay";
 import { Command, DirtyTrackingForm } from "@coolon/pectin";
 import { EditSession } from "../editor/edit-session";
 import { ColumnModel } from "./column-model";
-import { ColumnOrderManager } from "./column-order-manager";
-export declare class EditorControlColumnModel<Row extends object> extends ColumnModel<Row> {
-    constructor(columnId: string, order: ColumnOrderManager, saveCommandFactory: Command.Factory<DirtyTrackingForm<Row>, boolean | Promise<boolean>>, defaults: ColumnModel.TextPropertiesProvider);
+export declare class EditorControlColumnModel<Row> extends ColumnModel<Row> {
+    constructor(columnId: string, saveCommandFactory: Command.Factory<DirtyTrackingForm<Row>, boolean | Promise<boolean>>, defaults: ColumnModel.TextPropertiesProvider);
     cellRenderer(componentType: ComponentType<{
         row: Row;
         editSession: EditSession<Row>;

package/lib/components/tables/column/list-propery-column-model.d.ts

@@ -3,12 +3,11 @@ import { Types, Validator } from "@coolon/pectin";
 import { CellListEditorComponent } from "../renderer/cell-editors";
 import { CellRenderer } from "../renderer/cell-renderer";
 import { ColumnModel } from "./column-model";
-import { ColumnOrderManager } from "./column-order-manager";
-export declare class ListPropertyColumnModel<Row extends object, P extends Types.ArrayPropertiesOf<Row>> extends ColumnModel<Row> {
+export declare class ListPropertyColumnModel<Row, P extends Types.ArrayPropertiesOf<Row>> extends ColumnModel<Row> {
     readonly property: P;
     private _userFormat;
     private _defaultSearchTextFormat;
-    constructor(id: string, order: ColumnOrderManager, property: P, defaults: ColumnModel.TextPropertiesProvider);
+    constructor(id: string, property: P, defaults: ColumnModel.TextPropertiesProvider);
     cellRenderer(componentType: ComponentType<CellRenderer<Types.ArrayElementType<Row, P>[]>>): Omit<this, "format">;
     cellEditor<C extends CellListEditorComponent<Types.ArrayElementType<Row, P>>>(editor: ComponentType<C>, validators?: Validator<Types.ArrayElementType<Row, P>[]>[], initialiseComponent?: (component: C) => void): this;
     cellEditor<C extends CellListEditorComponent<Types.ArrayElementType<Row, P>>>(editor: ComponentType<C>, initialiseComponent?: (component: C) => void): this;

package/lib/components/tables/column/property-column-model.d.ts

@@ -4,12 +4,11 @@ import { EditableCellRenderer } from "../editor/editable-cell-renderer";
 import { CellEditorComponent } from "../renderer/cell-editors";
 import { CellRenderer } from "../renderer/cell-renderer";
 import { CellRendererOptions, ColumnModel, MutableCellRendererOptions, OnComponentInit } from "./column-model";
-import { ColumnOrderManager } from "./column-order-manager";
-export declare class PropertyColumnModel<Row extends object, P extends Types.ValuePropertiesOf<Row>> extends ColumnModel<Row> {
+export declare class PropertyColumnModel<Row, P extends Types.ValuePropertiesOf<Row>> extends ColumnModel<Row> {
     readonly property: P;
     private _userFormat;
     private _defaultSearchTextFormatter;
-    constructor(id: string, order: ColumnOrderManager, property: P, defaults: ColumnModel.TextPropertiesProvider);
+    constructor(id: string, property: P, defaults: ColumnModel.TextPropertiesProvider);
     cellRenderer<E extends CellRenderer<Row[P]>>(componentType: ComponentType<E>, options?: CellRendererOptions<Row, E>): Omit<this, "format">;
     cellRenderer<E extends CellRenderer<Row[P]>>(componentType: ComponentType<E>, onComponentInit?: OnComponentInit<E>): Omit<this, "format">;
     liveEditCellRenderer<E extends EditableCellRenderer<Row[P]>>(componentType: ComponentType<E>, options: MutableCellRendererOptions<Row, E, P>): this;

package/lib/components/tables/column/selection-column-model.d.ts

@@ -1,12 +1,11 @@
 import { ThemePalette } from "@angular/material/core";
 import { Proxified, SelectionModel } from "@coolon/pectin";
 import { ColumnModel } from "./column-model";
-import { ColumnOrderManager } from "./column-order-manager";
-export declare class SelectionColumnModel<Row extends object> extends ColumnModel<Row> {
+export declare class SelectionColumnModel<Row> extends ColumnModel<Row> {
     readonly selectionModel: Proxified<SelectionModel<Row>>;
     private _enableHeaderControls;
     private _color;
-    constructor(columnId: string, order: ColumnOrderManager, defaults: ColumnModel.TextPropertiesProvider, selectionModel: Proxified<SelectionModel<Row>>);
+    constructor(columnId: string, defaults: ColumnModel.TextPropertiesProvider, selectionModel: Proxified<SelectionModel<Row>>);
     useSelectionModel(selectionModel: SelectionModel<Row>): void;
     protected getDefaultHeaderText(): string;
     enableHeaderControls(enable: boolean): this;

package/lib/components/tables/editor/edit-row-controls/edit-row-controls.component.d.ts

@@ -2,7 +2,7 @@ import { Command, DirtyTrackingForm } from '@coolon/pectin';
 import { DisposableComponent } from '../../../disposable-component';
 import { EditSession } from '../edit-session';
 import * as i0 from "@angular/core";
-export declare class EditRowControlsComponent<Row extends object> extends DisposableComponent {
+export declare class EditRowControlsComponent<Row> extends DisposableComponent {
     row: Row;
     accessor editRowCommand: Command<void>;
     private _session;

package/lib/components/tables/editor/edit-session.d.ts

@@ -1,5 +1,5 @@
 import { Command, DirtyTrackingForm, GarbageCollector } from '@coolon/pectin';
-export declare class EditSession<Row extends object> extends GarbageCollector {
+export declare class EditSession<Row> extends GarbageCollector {
     readonly rowId: any;
     readonly form: DirtyTrackingForm<Row>;
     readonly saveCommand: Command<boolean | Promise<boolean>>;

package/lib/components/tables/filter/text-search-predicate.d.ts

@@ -1,10 +1 @@
-import { AbstractConstructable } from "@coolon/restilence-plugin";
 export type TextSearchPredicate<Row> = (row: Row, regex: RegExp) => boolean;
-export declare class TextSearchContext<Row> {
-    readonly row: Row;
-    readonly searchText: string;
-    readonly searchRegex: RegExp;
-    constructor(row: Row, searchText: string, searchRegex: RegExp);
-    getOrCreate<T>(type: AbstractConstructable<T>, create: () => T): void;
-    matchesText(text: string): boolean;
-}

package/lib/components/tables/renderer/cell-portal-ref.d.ts

@@ -5,26 +5,25 @@ import { EditSession } from '../editor/edit-session';
 import { TableCellComponent } from './table-cell/table-cell.component';
 import { TableHeaderCellComponent } from './table-header-cell/table-header-cell.component';
 export declare const HEADER_CELL_RENDERER_PORTAL: unique symbol;
-export declare const FOOTER_CELL_RENDERER_PORTAL: unique symbol;
 export declare const CELL_RENDERER_PORTAL: unique symbol;
 export declare const CELL_EDITOR_PORTAL: unique symbol;
 export declare const PORTAL_RENDERER_COMPONENT: unique symbol;
 export declare const PORTAL_EDITOR_COMPONENT: unique symbol;
-export declare abstract class CellPortalRef<Row extends object, Host, Portal> {
+export declare abstract class CellPortalRef<Row, Host, Portal> {
     abstract initialiseHost(host: Host, columnModel: ColumnModel<Row>): void;
     abstract onPortalAttached(host: Host, portalComponent: Portal): void;
 }
-export declare class CellHeaderPortalRef<Row extends object, C> extends CellPortalRef<Row, TableHeaderCellComponent, C> {
+export declare class CellHeaderPortalRef<Row, C> extends CellPortalRef<Row, TableHeaderCellComponent, C> {
     readonly componentType: ComponentType<C>;
     readonly initialiseHeader: (component: C, columnModel: ColumnModel<Row>) => void;
     constructor(componentType: ComponentType<C>, initialiseHeader: (component: C, columnModel: ColumnModel<Row>) => void);
     initialiseHost(host: TableHeaderCellComponent, columnModel: ColumnModel<Row>): void;
     onPortalAttached(host: TableHeaderCellComponent, portalComponent: C): void;
 }
-export declare abstract class CellRendererPortalRef<Row extends object, Portal> extends CellPortalRef<Row, TableCellComponent<Row>, Portal> {
+export declare abstract class CellRendererPortalRef<Row, Portal> extends CellPortalRef<Row, TableCellComponent<Row>, Portal> {
     abstract pushState(host: TableCellComponent<Row>): void;
 }
-export declare class ComponentCellRendererPortalRef<Row extends object, Portal> extends CellRendererPortalRef<Row, Portal> {
+export declare class ComponentCellRendererPortalRef<Row, Portal> extends CellRendererPortalRef<Row, Portal> {
     readonly componentType: ComponentType<Portal>;
     readonly updateComponent: (component: Portal, rowData: RowData<Row>, firstTime: boolean) => void;
     constructor(componentType: ComponentType<Portal>, updateComponent: (component: Portal, rowData: RowData<Row>, firstTime: boolean) => void);
@@ -32,14 +31,14 @@ export declare class ComponentCellRendererPortalRef<Row extends object, Portal>
     onPortalAttached(host: TableCellComponent<Row>, portalComponent: Portal): void;
     pushState(host: TableCellComponent<Row>): void;
 }
-export declare class CellEditorPortalRef<Row extends object, Portal> extends CellPortalRef<Row, TableCellComponent<Row>, Portal> {
+export declare class CellEditorPortalRef<Row, Portal> extends CellPortalRef<Row, TableCellComponent<Row>, Portal> {
     readonly componentType: ComponentType<Portal>;
     readonly initialiseEditorSession: (component: Portal, editSession: EditSession<Row>) => void;
     constructor(componentType: ComponentType<Portal>, initialiseEditorSession: (component: Portal, editSession: EditSession<Row>) => void);
     initialiseHost(host: TableCellComponent<Row>, columnModel: ColumnModel<Row>): void;
     onPortalAttached(host: TableCellComponent<Row>, portalComponent: Portal): void;
 }
-export declare class TemplateCellRendererPortalRef<Row extends object> extends CellRendererPortalRef<Row, undefined> {
+export declare class TemplateCellRendererPortalRef<Row> extends CellRendererPortalRef<Row, undefined> {
     private templateRef;
     private viewContainer;
     private fillCell;
@@ -51,10 +50,3 @@ export declare class TemplateCellRendererPortalRef<Row extends object> extends C
     pushState(host: TableCellComponent<Row>): void;
     private createPortal;
 }
-export declare class CellFooterPortalRef<Row extends object, C> extends CellPortalRef<Row, TableHeaderCellComponent, C> {
-    readonly componentType: ComponentType<C>;
-    readonly initialiseHeader: (component: C, columnModel: ColumnModel<Row>) => void;
-    constructor(componentType: ComponentType<C>, initialiseHeader: (component: C, columnModel: ColumnModel<Row>) => void);
-    initialiseHost(host: TableHeaderCellComponent, columnModel: ColumnModel<Row>): void;
-    onPortalAttached(host: TableHeaderCellComponent, portalComponent: C): void;
-}

package/lib/components/tables/renderer/table-body/table-body.component.d.ts

@@ -1,60 +1,36 @@
-import { CdkPortalOutletAttachedRef } from "@angular/cdk/portal";
-import { CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
-import { AfterViewInit, ElementRef, InjectionToken, OnInit } from "@angular/core";
-import { ListModel, ListModelChain, MutableValueModel, Proxify, ValueModel } from "@coolon/pectin";
-import { TableVirtualScrollDataSource } from "ng-table-virtual-scroll";
+import { ElementRef, EventEmitter, NgZone, OnInit } from "@angular/core";
+import { ListModel, ListModelChain, ValueModel } from "@coolon/pectin";
 import { ResizeAwareComponent } from "../../../resize-aware.component";
 import { AbstractTableModel } from "../../abstract-table-model";
 import { ColumnModel } from "../../column/column-model";
-import { FooterRowModel } from "../../footer/footer-row-model";
 import * as i0 from "@angular/core";
-export declare const AUP_TABLE_VIRTUAL_SCROLL_BUFFER_MULTIPLIER: InjectionToken<number>;
-export declare class TableRowAttributesDirective implements OnInit {
-    protected readonly elementRef: ElementRef<HTMLElement>;
-    aupTableRowAttributes: Record<string, string>;
-    constructor(elementRef: ElementRef<HTMLElement>);
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableRowAttributesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableRowAttributesDirective, "[aupTableRowAttributes]", never, { "aupTableRowAttributes": { "alias": "aupTableRowAttributes"; "required": false; }; }, {}, never, never, false, never>;
-}
-export declare class TableBodyComponent<Row extends object> extends ResizeAwareComponent implements AfterViewInit {
-    protected bufferMultiplier: number;
+export declare class TableBodyComponent<Row> extends ResizeAwareComponent implements OnInit {
     accessor data$: ListModel<Row>;
     accessor tableModel: AbstractTableModel<Row>;
-    accessor footerRow: FooterRowModel.Impl<any>;
     accessor showHeader$: ValueModel<boolean>;
     accessor showHeader: boolean;
+    readonly visibleRowCount: EventEmitter<number>;
     trackBy: (index: number, item: Row) => any;
-    accessor scrollMode$: ValueModel<TableBodyComponent.ScrollMode>;
-    accessor scrollMode: TableBodyComponent.ScrollMode;
-    scrollViewport: CdkVirtualScrollViewport;
+    /**
+     * Set to true to enable scrolling.  Once enabled the table will have 0 implicit height.  You will either
+     * need to set it explicitly e.g. height: 400px; or by using flex or grid layout to make it fill it's
+     * containment area.
+     */
+    enableScrolling: boolean;
     columns$: ListModelChain<ColumnModel<Row>>;
     columnIds$: ListModelChain<string>;
     private columnsById$;
-    protected readonly headerHeight$: MutableValueModel<number>;
-    protected rowHeight$: MutableValueModel<number>;
+    readonly _visibleRowCount$: ValueModel<number>;
+    private readonly headerHeight$;
+    private readonly rowHeight$;
     baseCssClass: string;
-    protected virtualScrollDataSource: TableVirtualScrollDataSource<Row>;
-    private virtualScrollActive$;
-    private scrollTimeout;
-    constructor(bufferMultiplier?: number);
-    ngAfterViewInit(): void;
+    constructor(elementRef: ElementRef, ngZone: NgZone);
     get hideHeader(): boolean;
-    get headerHeightCssVar(): string;
-    get rowHeightCssVar(): string;
     isEditing(row: Row): boolean;
     notifyCellClicked(columnModel: ColumnModel<Row>, row: Row): void;
     isFirstVisibleColumn(columnId: string): boolean;
     isLastVisibleColumn(columnId: string): boolean;
     getColumnClasses(columnId: string): string[];
-    private scheduleTableHeightCheck;
-    private notifyScrolled;
-    private clearScrollTimeout;
-    initialiseFooter($event: CdkPortalOutletAttachedRef): void;
-    protected readonly Proxify: typeof Proxify;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableBodyComponent<any>, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableBodyComponent<any>, "aup-table-body", never, { "data$": { "alias": "data$"; "required": false; }; "tableModel": { "alias": "tableModel"; "required": false; }; "footerRow": { "alias": "footerRow"; "required": false; }; "showHeader$": { "alias": "showHeader$"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "scrollMode$": { "alias": "scrollMode$"; "required": false; }; "scrollMode": { "alias": "scrollMode"; "required": false; }; }, {}, never, never, false, never>;
-}
-export declare namespace TableBodyComponent {
-    type ScrollMode = "none" | "classic" | "virtual";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableBodyComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableBodyComponent<any>, "aup-table-body", never, { "data$": { "alias": "data$"; "required": false; }; "tableModel": { "alias": "tableModel"; "required": false; }; "showHeader$": { "alias": "showHeader$"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "enableScrolling": { "alias": "enableScrolling"; "required": false; }; }, { "visibleRowCount": "visibleRowCount"; }, never, never, false, never>;
 }

package/lib/components/tables/renderer/table-cell/table-cell.component.d.ts

@@ -6,7 +6,7 @@ import { ColumnModel, RowData } from "../../column/column-model";
 import { EditSession } from "../../editor/edit-session";
 import { CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL } from "../cell-portal-ref";
 import * as i0 from "@angular/core";
-export declare class TableCellComponent<Row extends object> extends DisposableComponent implements OnChanges {
+export declare class TableCellComponent<Row> extends DisposableComponent implements OnChanges {
     row: Row;
     column: ColumnModel<Row>;
     editSession: EditSession<Row>;

package/lib/components/tables/renderer/table-more-menu/table-more-menu.component.d.ts

@@ -13,9 +13,8 @@ export declare class TableMoreMenuComponent<T> extends DisposableComponent imple
     private readonly popupType$;
     popupComponentPortal$: ValueModelChain<ComponentPortal<TableMoreMenuPopupComponent<T>>>;
     private readonly _visible$;
-    private initialiseCallback?;
     constructor();
-    configurePopupComponentType(popupComponentType: Constructable<TableMoreMenuPopupComponent<T>>, configureCallback?: (component: TableMoreMenuPopupComponent<T>) => void): void;
+    configurePopupComponentType(popupComponentType: Constructable<TableMoreMenuPopupComponent<T>>): void;
     preventDefault($event: MouseEvent): void;
     initialise($event: CdkPortalOutletAttachedRef): void;
     get visible$(): import("@coolon/pectin").ValueModel<boolean>;

package/lib/components/tables/table/table-model.d.ts

@@ -80,7 +80,7 @@ import { SelectionColumnModel } from "../column/selection-column-model";
  *   table.columnTextProperties(I18n.table.columns); // <- configures all columns
  * });
  */
-export declare class TableModel<Row extends object> extends AbstractTableModel<Row> {
+export declare class TableModel<Row> extends AbstractTableModel<Row> {
     constructor(sourceOfTruth?: ListModel<Row>, builder?: (table: TableModel<Row>) => void);
     bindToTable(filteredRows$: ListModel<Row>, visibleRows$: ListModel<Row>): void;
     addSelectionColumn(selectionModel?: SelectionModel<Row>, showSelectionColumn?: ValueModel<boolean> | boolean): SelectionColumnModel<Row>;

package/lib/components/tables/table/table.component.d.ts

@@ -3,7 +3,6 @@ import { ValueModel } from "@coolon/pectin";
 import { AbstractTableModel } from '../abstract-table-model';
 import { AbstractTableComponent } from '../abstract-table.component';
 import { TableFilterModel } from "../filter/table-filter-model";
-import { TableBodyComponent } from "../renderer/table-body/table-body.component";
 import { TableModel } from "./table-model";
 import * as i0 from "@angular/core";
 /**
@@ -66,26 +65,23 @@ import * as i0 from "@angular/core";
  *   }
  * }
  */
-export declare class TableComponent<Row extends object> extends AbstractTableComponent<Row> implements OnInit {
+export declare class TableComponent<Row> extends AbstractTableComponent<Row> implements OnInit {
     accessor tableModel: TableModel<Row>;
     accessor filterModel: TableFilterModel<Row>;
-    tableBody: TableBodyComponent<Row>;
-    /**
-     * Set to true to scroll mode to classic or virtual (default).  Virtual scrolll performs better for large data sets but clamps the row height.  Classic scroll
-     * renders all rows but allows row heights to grow.
-     */
-    accessor scrollMode$: ValueModel<TableComponent.ScrollMode>;
-    accessor scrollMode: TableComponent.ScrollMode;
+    accessor enablePaging$: ValueModel<boolean>;
+    accessor enablePaging: boolean;
     private _footerContentAdded;
     private readonly _filteredRows$;
-    protected readonly tableBodyScrollMode$: ValueModel<TableBodyComponent.ScrollMode>;
+    private _pageSize;
+    private pagedListModel;
     constructor(injector: Injector);
     ngOnInit(): void;
     protected getModel(): AbstractTableModel<Row>;
+    get pageController(): import("@coolon/pectin").PageController;
+    private configurePaging;
+    private disposeOfPagedListModel;
     footerContentChanged($event: any): void;
+    updatePageSize(count: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "aup-table", never, { "tableModel": { "alias": "tableModel"; "required": false; }; "filterModel": { "alias": "filterModel"; "required": false; }; "scrollMode$": { "alias": "scrollMode$"; "required": false; }; "scrollMode": { "alias": "scrollMode"; "required": false; }; }, {}, never, ["[footer], [slot=footer]"], false, never>;
-}
-export declare namespace TableComponent {
-    type ScrollMode = Omit<TableBodyComponent.ScrollMode, 'none'>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "aup-table", never, { "tableModel": { "alias": "tableModel"; "required": false; }; "filterModel": { "alias": "filterModel"; "required": false; }; "enablePaging$": { "alias": "enablePaging$"; "required": false; }; "enablePaging": { "alias": "enablePaging"; "required": false; }; }, {}, never, ["[footer]"], false, never>;
 }

package/lib/components/tables/tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component.d.ts

@@ -5,7 +5,7 @@ import { CellRenderer } from '../../renderer/cell-renderer';
 import { TreeInheritanceIconComponent } from '../tree-inheritance-icon/tree-inheritance-icon.component';
 import { TreeTableModel } from '../tree-table-model';
 import * as i0 from "@angular/core";
-export declare class TreeLabelCellRendererComponent<T extends object> extends DisposableComponent implements CellRenderer<T>, OnInit {
+export declare class TreeLabelCellRendererComponent<T> extends DisposableComponent implements CellRenderer<T>, OnInit {
     private node$;
     accessor value: T;
     label: string;

package/lib/components/tables/tree-table/tree-label-column-model.d.ts

@@ -1,14 +1,13 @@
 import { ComponentType } from '@angular/cdk/overlay';
 import { Types } from '@coolon/pectin';
 import { ColumnModel } from '../column/column-model';
-import { ColumnOrderManager } from "../column/column-order-manager";
 import { TreeLabelCellRendererComponent } from './tree-label-cell-renderer/tree-label-cell-renderer.component';
 import { TreeTableModel } from './tree-table-model';
-export declare class TreeLabelColumnModel<Row extends object> extends ColumnModel<Row> {
+export declare class TreeLabelColumnModel<Row> extends ColumnModel<Row> {
     readonly expansionModel: TreeTableModel<Row>;
     private labelFactory;
     private iconFactory;
-    constructor(columnId: string, order: ColumnOrderManager, textPropertiesProvider: ColumnModel.TextPropertiesProvider, expansionModel: TreeTableModel<Row>);
+    constructor(columnId: string, textPropertiesProvider: ColumnModel.TextPropertiesProvider, expansionModel: TreeTableModel<Row>);
     pluck<P extends Types.StringValuePropertiesOf<Row>>(property: P): void;
     useLabel(factory: (row: Row) => string): void;
     /**

package/lib/components/tables/tree-table/tree-table-component.d.ts

@@ -1,9 +1,7 @@
 import { Injector, OnInit } from "@angular/core";
-import { ValueModel } from '@coolon/pectin';
 import { TreeNode } from '@coolon/typescript-utilities';
 import { AbstractTableModel } from '../abstract-table-model';
 import { AbstractTableComponent } from '../abstract-table.component';
-import { TableBodyComponent } from "../renderer/table-body/table-body.component";
 import { TreeExpansionModel } from "./tree-expansion-model";
 import { TreeTableModel } from './tree-table-model';
 import * as i0 from "@angular/core";
@@ -70,7 +68,6 @@ import * as i0 from "@angular/core";
 export declare class TreeTableComponent<T extends TreeNode<T>> extends AbstractTableComponent<T> implements OnInit {
     accessor treeTableModel: TreeTableModel<T>;
     accessor expansionModel: TreeExpansionModel<T>;
-    protected readonly scrollMode$: ValueModel<TableBodyComponent.ScrollMode>;
     constructor(injector: Injector);
     ngOnInit(): void;
     getModel(): AbstractTableModel<T>;

package/lib/components/tables/tree-table/tree-table-model.d.ts

@@ -1,4 +1,3 @@
-import { ChangeDetectorRef } from "@angular/core";
 import { ListModel, MutableValueModel, SelectionModel, ValueModel } from '@coolon/pectin';
 import { AbstractTableModel } from '../abstract-table-model';
 import { SelectionColumnModel } from "../column/selection-column-model";
@@ -7,14 +6,14 @@ import { TreeLabelColumnModel } from './tree-label-column-model';
 export type ChildArrayPropertiesOf<T> = {
     [K in keyof T]: T[K] extends T[] ? K : never;
 }[keyof T];
-export declare class TreeTableModel<Row extends object> extends AbstractTableModel<Row> {
+export declare class TreeTableModel<Row> extends AbstractTableModel<Row> {
     private treeExpansionModel;
     private readonly flattenedDataSource;
     readonly childExtractor: (row: Row) => Row[];
     private _isExpandedPredicate$;
     constructor(source$: ListModel<Row>, childAccessor: ChildArrayPropertiesOf<Row> | ((node: Row) => Row[]), builder?: (model: TreeTableModel<Row>) => void);
     get isExpandedPredicate$(): ValueModel<(node: Row) => boolean>;
-    bindToTable(expansionModel: TreeExpansionModel<Row>, filteredRows$: ListModel<Row>, visibleRows$: ListModel<Row>, cdr: ChangeDetectorRef): void;
+    bindToTable(expansionModel: TreeExpansionModel<Row>, filteredRows$: ListModel<Row>, visibleRows$: ListModel<Row>): void;
     treeControlColumn(builder: (column: TreeLabelColumnModel<Row>) => void): void;
     expand(node: Row): void;
     collapse(node: Row): void;

package/lib/directives/exports.d.ts

@@ -9,4 +9,3 @@ export * from "./focus-binding";
 export * from "./garbage-collector.directive";
 export * from "./highlight-text-model.directive";
 export * from "./highlight.pipe";
-export * from "./resize-observer.directive";

package/lib/interaction/activity.d.ts

@@ -1,12 +1,12 @@
 import { AfterViewInit, InjectionToken } from "@angular/core";
 import { Command, Disposable, ValueModel } from "@coolon/pectin";
-import { LoadableComponent } from "../components/loadable-component";
+import { DisposableComponent } from "../components/disposable-component";
 import { ActivityActionsComponent } from "./components/activity-actions/activity-actions.component";
 import { InteractionContext } from "./interaction-context";
 import * as i0 from "@angular/core";
 export declare const ACTIVITY_DATA: InjectionToken<any>;
 type OnActivityReadyParams<D, R, E = any> = (activity: Activity<D, R, E>) => void;
-export declare class Activity<D, R, E = any> extends LoadableComponent implements AfterViewInit {
+export declare class Activity<D, R, E = any> extends DisposableComponent implements AfterViewInit {
     readonly activityData: D;
     private readonly activityReadyListeners;
     private readonly _busy$;

package/lib/interaction/components/abstract-confirm-dialog.component.d.ts

@@ -4,7 +4,6 @@ import { AbstractDialogComponent } from './abstract-dialog.component';
 import * as i0 from "@angular/core";
 export declare class AbstractConfirmDialogComponent<D, R, E = any> extends AbstractDialogComponent<D, R, E> {
     readonly cancelFace: CommandFace;
-    confirmClass: string;
     constructor(config: Confirm);
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractConfirmDialogComponent<any, any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AbstractConfirmDialogComponent<any, any, any>, "ng-component", never, {}, {}, never, never, false, never>;