@coolon/angular-ui-powerups 16.1.0-aplpha.15 → 16.1.0-aplpha.150

package/lib/components/forms/checkbox-input/checkbox-input.component.d.ts

@@ -1,9 +1,11 @@
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
+import { MatCheckboxChange } from '@angular/material/checkbox';
 import * as i0 from "@angular/core";
 export declare class CheckboxInputComponent extends AbstractValueInputComponent<boolean> {
     color: 'primary' | 'warn' | 'accent';
     labelPosition: 'before' | 'after';
     constructor();
+    select($event: MatCheckboxChange): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxInputComponent, "aup-checkbox-input", never, { "color": { "alias": "color"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/forms/form-field.d.ts

@@ -0,0 +1,5 @@
+export interface FormField {
+    label(): string;
+    hint?(): string;
+    placeholder?(): string;
+}

package/lib/components/forms/number-input/number-input.component.d.ts

@@ -1,11 +1,23 @@
+import { Command, ValueModel, ValueModelChain } from "@coolon/pectin";
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 import * as i0 from "@angular/core";
 export declare class NumberInputComponent extends AbstractValueInputComponent<number> {
     autocomplete: string;
-    min: number;
-    max: number;
-    iconPrefix: string;
+    accessor min$: ValueModel<number>;
+    accessor min: number;
+    accessor max$: ValueModel<number>;
+    accessor max: number;
+    accessor significantDigits$: ValueModel<number>;
+    accessor significantDigits: number;
+    protected readonly incrementCommand: Command<void>;
+    protected readonly decrementCommand: Command<void>;
+    protected readonly displayValue$: ValueModel<number>;
+    protected readonly step$: ValueModelChain<number>;
     constructor();
+    private increment;
+    private decrement;
+    private clampSignificantDigits;
+    onValueChange(value: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumberInputComponent, "aup-number-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "iconPrefix": { "alias": "iconPrefix"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberInputComponent, "aup-number-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "min$": { "alias": "min$"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max$": { "alias": "max$"; "required": false; }; "max": { "alias": "max"; "required": false; }; "significantDigits$": { "alias": "significantDigits$"; "required": false; }; "significantDigits": { "alias": "significantDigits"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/forms/password-input/password-input.component.d.ts

@@ -1,8 +1,14 @@
+import { Command, MutableValueModel, ValueModel } from "@coolon/pectin";
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 import * as i0 from "@angular/core";
 export declare class PasswordInputComponent extends AbstractValueInputComponent<string> {
     autocomplete: string;
+    accessor enableShowPassword$: ValueModel<boolean>;
+    accessor enableShowPassword: boolean;
+    protected readonly showPassword$: MutableValueModel<boolean>;
+    protected readonly toggleShowPasswordCommand: Command<void>;
     constructor();
+    get fieldType(): "text" | "password";
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordInputComponent, "aup-password-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordInputComponent, "aup-password-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "enableShowPassword$": { "alias": "enableShowPassword$"; "required": false; }; "enableShowPassword": { "alias": "enableShowPassword"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/forms/search-input/search-input.component.d.ts

@@ -0,0 +1,10 @@
+import { Command } from '@coolon/pectin';
+import { AbstractValueInputComponent } from '../abstract-value-input.component';
+import * as i0 from "@angular/core";
+export declare class SearchInputComponent extends AbstractValueInputComponent<string> {
+    autocomplete: string;
+    readonly clearCommand: Command<void>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchInputComponent, "aup-search-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/forms/select-input/select-input.component.d.ts

@@ -4,9 +4,10 @@ import { AbstractValueInputComponent } from '../abstract-value-input.component';
 import * as i0 from "@angular/core";
 /**
  * Using templates:
- * <aup-select-input [valueModel]="myModel" [options]="myOptions">
+ * <aup-select-input [value$]="myModel" [options]="myOptions">
  *   <ng-template #optionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
- *   <ng-template #nilOptionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
+ *   <ng-template #selectedOptionTemplate let-option>{{option.thePropertyYouWant}} note, not used for nils (the placeholder is used)</ng-template>
+ *   <ng-template #nilOptionTemplate>Uses the placeholder by default but you can customise it</ng-template>
  * </aup-select_input>
  */
 export declare class SelectInputComponent<T = any> extends AbstractValueInputComponent<T> implements OnInit {
@@ -27,5 +28,5 @@ export declare class SelectInputComponent<T = any> extends AbstractValueInputCom
     select(item: T): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectInputComponent<any>, "aup-select-input", never, { "options$": { "alias": "options$"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "allowNil": { "alias": "allowNil"; "required": false; }; "optionLabelFormat": { "alias": "optionLabelFormat"; "required": false; }; }, {}, ["selectedOptionTemplateRef", "optionTemplateRef", "nilOptionTemplateRef"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectInputComponent<any>, "aup-select-input", never, { "options$": { "alias": "options$"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "allowNil": { "alias": "allowNil"; "required": false; }; "optionLabelFormat": { "alias": "optionLabelFormat"; "required": false; }; }, {}, ["selectedOptionTemplateRef", "optionTemplateRef", "nilOptionTemplateRef"], ["[select-option-footer]"], false, never>;
 }

package/lib/components/forms/string-input/string-input.component.d.ts

@@ -1,3 +1,4 @@
+import { ElementRef } from '@angular/core';
 import { Command, ValueModel } from '@coolon/pectin';
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 import * as i0 from "@angular/core";
@@ -6,8 +7,12 @@ export declare class StringInputComponent extends AbstractValueInputComponent<st
     accessor enableClear$: ValueModel<boolean>;
     accessor enableClear: boolean;
     iconPrefix: string;
+    accessor suffixCommand: Command;
     readonly clearCommand: Command<void>;
+    readonly elementRef: ElementRef<any>;
     constructor();
+    get hasSuffixCommand(): boolean;
+    select(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StringInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StringInputComponent, "aup-string-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "enableClear$": { "alias": "enableClear$"; "required": false; }; "enableClear": { "alias": "enableClear"; "required": false; }; "iconPrefix": { "alias": "iconPrefix"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StringInputComponent, "aup-string-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "enableClear$": { "alias": "enableClear$"; "required": false; }; "enableClear": { "alias": "enableClear"; "required": false; }; "iconPrefix": { "alias": "iconPrefix"; "required": false; }; "suffixCommand": { "alias": "suffixCommand"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/forms/text-input/text-input.component.d.ts

@@ -1,9 +1,12 @@
+import { ElementRef } from '@angular/core';
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 import * as i0 from "@angular/core";
 export declare class TextInputComponent extends AbstractValueInputComponent<string> {
     rows: number;
     cols: number;
+    readonly elementRef: ElementRef<any>;
     constructor();
+    select(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "aup-text-input", never, { "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/loadable-component.d.ts

@@ -1,4 +1,4 @@
-import { ProviderToken } from '@angular/core';
+import { InjectOptions, ProviderToken } from '@angular/core';
 import { DisposableComponent } from "./disposable-component";
 import { Loadable } from "./types/loadable";
 import * as i0 from "@angular/core";
@@ -6,7 +6,10 @@ export declare class LoadableComponent extends DisposableComponent {
     #private;
     get loaded$(): import("@coolon/pectin").ValueModel<boolean>;
     ngOnInit(): void;
-    protected injectLoadable<T extends Loadable>(token: ProviderToken<T>, options?: {
+    protected injectLoadable<T extends Loadable>(token: ProviderToken<T>, options?: InjectOptions & {
+        wait: boolean;
+    }): T;
+    registerLoadable<T extends Loadable>(loadable: T, options?: {
         wait: boolean;
     }): T;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadableComponent, never>;

package/lib/components/resize-aware.component.d.ts

@@ -1,14 +1,13 @@
 import { AfterViewInit, ElementRef, NgZone } from '@angular/core';
-import { ValueModel } from '@coolon/pectin';
+import { GarbageCollector, ValueModel } from '@coolon/pectin';
 import { DisposableComponent } from './disposable-component';
 import { Bounds } from './types/bounds.class';
 import { Point } from './types/point.class';
 import * as i0 from "@angular/core";
 export declare class ResizeAwareComponent extends DisposableComponent implements AfterViewInit {
-    protected readonly elementRef: ElementRef;
+    protected readonly elementRef: ElementRef<any>;
     protected readonly ngZone: NgZone;
-    private _bounds$;
-    constructor(elementRef: ElementRef, ngZone: NgZone);
+    protected boundsTracker: ResizeAwareComponent.ResizeTracker;
     ngAfterViewInit(): void;
     get bounds$(): ValueModel<Bounds>;
     get nativeElement(): any;
@@ -17,9 +16,29 @@ export declare class ResizeAwareComponent extends DisposableComponent implements
         y: number;
     } | MouseEvent): Point;
     get bounds(): Bounds;
-    private _updateBounds;
     static ɵfac: i0.ɵɵFactoryDeclaration<ResizeAwareComponent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeAwareComponent, never, never, {}, {}, never, never, false, never>;
 }
 export declare namespace ResizeAwareComponent {
+    class ResizeTracker extends GarbageCollector {
+        protected readonly elementRef: ElementRef;
+        protected readonly ngZone: NgZone;
+        private _bounds$;
+        readonly width$: ValueModel<number>;
+        readonly height$: ValueModel<number>;
+        readonly top$: ValueModel<number>;
+        readonly left$: ValueModel<number>;
+        readonly bottom$: ValueModel<number>;
+        readonly right$: ValueModel<number>;
+        constructor(elementRef: ElementRef, ngZone: NgZone);
+        notifyViewReady(): void;
+        get bounds$(): ValueModel<Bounds>;
+        get nativeElement(): any;
+        relativePositionOf(point: {
+            x: number;
+            y: number;
+        } | MouseEvent): Point;
+        get bounds(): Bounds;
+        private _updateBounds;
+    }
 }

package/lib/components/switch-case/switch-case.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, ChangeDetectorRef, QueryList, TemplateRef } from '@angular/core';
+import { AfterContentInit, QueryList, TemplateRef } from '@angular/core';
 import { ValueModel } from '@coolon/pectin';
 import { DisposableComponent } from '../disposable-component';
 import * as i0 from "@angular/core";
@@ -32,12 +32,11 @@ export declare class SwitchCaseDefaultDirective<T> extends SwitchCaseOption<T> {
  * </aup-switch-case>
  */
 export declare class SwitchCaseComponent<T> extends DisposableComponent implements AfterContentInit {
-    private cdr;
     accessor switch$: ValueModel<T>;
     accessor switch: T;
     switchCaseOptions: QueryList<SwitchCaseOption<T>>;
     selectedIndex: number;
-    constructor(cdr: ChangeDetectorRef);
+    constructor();
     ngAfterContentInit(): void;
     private updateSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<SwitchCaseComponent<any>, never>;

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

@@ -1,7 +1,9 @@
 import { ComponentType } from "@angular/cdk/overlay";
 import { Injector } from "@angular/core";
-import { BooleanValueModelChain, Command, Constructable, DelegatingListModel, DirtyTrackingForm, Disposable, GarbageCollector, ListModel, SelectionModel, Types, ValueModel, ValueModelChain } from "@coolon/pectin";
+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 { 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";
@@ -11,22 +13,24 @@ import { PropertyColumnModel } from "./column/property-column-model";
 import { SelectionColumnModel } from "./column/selection-column-model";
 import { EditSession } from "./editor/edit-session";
 import { TextSearchPredicate } from "./filter/text-search-predicate";
+import { FooterRowModel } from "./footer/footer-row-model";
 import { CellRenderer } from "./renderer/cell-renderer";
 import { TableMoreMenuPopupComponent } from "./renderer/table-more-menu/table-more-menu-popup/table-more-menu-popup.component";
-export declare abstract class AbstractTableModel<Row> extends GarbageCollector {
+export declare abstract class AbstractTableModel<Row extends object> extends GarbageCollector {
     protected readonly _dataSource$: DelegatingListModel<Row>;
     protected readonly _filteredRows$: DelegatingListModel<Row>;
     protected readonly _visibleRows$: DelegatingListModel<Row>;
-    private readonly _columnList;
+    protected readonly columnManager: ColumnManager<Row>;
     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>>;
-    private selectionColumnModel;
+    readonly selectionColumnModel: SelectionColumnModel<Row>;
     private rowSelectionDisabledOnAllColumns$;
     private readonly rowClickListeners;
     readonly firstVisibleColumn$: ValueModel<ColumnModel<Row>>;
@@ -35,10 +39,11 @@ export declare abstract class AbstractTableModel<Row> extends GarbageCollector {
     readonly textSearchPredicate$: ValueModel<TextSearchPredicate<Row>>;
     protected identityOf: (item: Row) => any;
     readonly dataSourceEmpty$: ValueModel<boolean>;
-    private readonly selectionModelProxy;
     readonly selectedItems$: ListModel<Row>;
     readonly leadSelection$: ValueModel<Row>;
     readonly hasSelection$: BooleanValueModelChain;
+    footerRowModel: FooterRowModel.Impl<any>;
+    private readonly _viewDependencies;
     constructor();
     protected setDataSource(dataSource$: any): void;
     /**
@@ -48,6 +53,16 @@ export declare abstract class AbstractTableModel<Row> extends GarbageCollector {
      * @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
@@ -63,24 +78,27 @@ export declare abstract class AbstractTableModel<Row> extends GarbageCollector {
     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>;
     pluckList<P extends Types.ArrayPropertiesOf<Row>>(property: P, options?: {
         columnId: string;
     }): ListPropertyColumnModel<Row, P>;
-    protected _addSelectionColumn(selectionModel?: SelectionModel<Row>, visible?: ValueModel<boolean> | boolean): SelectionColumnModel<Row>;
+    useSelectionModel(selectionModel?: SelectionModel<Row>): void;
     addEditControls(saveCommandFactory: Command.Factory<DirtyTrackingForm<Row>, boolean | Promise<boolean>>, formFactory?: (row: Row) => DirtyTrackingForm<Row>): EditorControlColumnModel<Row>;
     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(componentClass: Constructable<TableMoreMenuPopupComponent<Row>>): 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>;
     addTemplateColumn<V>(columnId: string): CustomTemplateColumnModel<Row>;
-    addRowClass(className: string, predicate: (row: Row) => boolean): void;
+    addRowClass(className: string, predicate: (row: Row) => boolean, options?: DependsOnOptions): void;
+    addRowAttribute(attributeName: string, getValue: (row: Row) => string): void;
     getRowClasses(row: Row): string[];
-    protected addColumn<C extends ColumnModel<Row>>(column: C, index?: number): C;
+    getRowAttributes(row: Row): Record<string, string>;
+    protected addColumn<C extends ColumnModel<Row>>(column: C, position?: ColumnOrderManager.Position): 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 DisposableComponent implements OnInit {
+export declare class AbstractTableComponent<Row extends object> extends DisposableComponent implements OnInit {
     readonly injector: Injector;
     accessor showHeader$: ValueModel<boolean>;
     accessor showHeader: boolean;
@@ -72,7 +72,8 @@ export declare class AbstractTableComponent<Row> extends DisposableComponent imp
      * 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;
+    accessor enableScrolling$: ValueModel<boolean>;
+    accessor enableScrolling: boolean;
     columns: ListModelChain<ColumnModel<Row>>;
     columnIds: ListModelChain<string>;
     private columnsById;
@@ -91,5 +92,5 @@ export declare class AbstractTableComponent<Row> extends DisposableComponent imp
     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; }; }, {}, 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; }; "enableScrolling": { "alias": "enableScrolling"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -0,0 +1,19 @@
+import { GarbageCollector, ListModel, WatchList } from '@coolon/pectin';
+import { ColumnModel } from './column-model';
+import { ColumnOrderManager } from "./column-order-manager";
+export declare class ColumnManager<Row extends object> extends GarbageCollector implements ColumnOrderManager {
+    private readonly _columnRefs$;
+    private readonly orderedColumnRefs$;
+    private readonly _columnsById$;
+    readonly allColumns$: ListModel<ColumnModel<Row>>;
+    readonly columnVisibilities$: WatchList<boolean>;
+    readonly visibleColumns$: ListModel<ColumnModel<Row>>;
+    constructor();
+    position(column: ColumnModel<any>, newPosition: ColumnOrderManager.Position): void;
+    getColumn(id: string): ColumnModel<Row>;
+    hasColumn(id: string): boolean;
+    hasMatchingColumn(row: Row, regex: RegExp): boolean;
+    addColumn<C extends ColumnModel<Row>>(column: C, position?: ColumnOrderManager.Position): C;
+    computePosition(position?: ColumnOrderManager.Position): string;
+    doComputeValue(): ColumnModel<Row>[];
+}

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

@@ -7,8 +7,9 @@ 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> {
+export interface RowData<Row extends object> {
     row: Row;
     editSession?: EditSession<Row>;
     editRowCommand: Command<void>;
@@ -21,8 +22,9 @@ 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 GarbageCollector {
+export declare class ColumnModel<Row extends object> extends GarbageCollector {
     readonly columnId: string;
+    private readonly order;
     private textPropertiesProvider;
     private _columnTextProperties;
     private _columnHeaderPortalRef;
@@ -36,7 +38,7 @@ export declare class ColumnModel<Row> extends GarbageCollector {
     readonly dasherisedColumnId: string;
     private readonly textSearchDelegate;
     readonly visible$: ValueModel<boolean>;
-    constructor(columnId: string, textPropertiesProvider: ColumnModel.TextPropertiesProvider);
+    constructor(columnId: string, order: ColumnOrderManager, textPropertiesProvider: ColumnModel.TextPropertiesProvider);
     protected installHeaderRenderer(): void;
     getHeaderText(): string;
     isVisible(): boolean;
@@ -51,6 +53,8 @@ export declare class ColumnModel<Row> 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/column-order-manager.d.ts

@@ -0,0 +1,20 @@
+import { ColumnModel } from "./column-model";
+export interface ColumnOrderManager {
+    position(column: ColumnModel<any>, position: ColumnOrderManager.Position): void;
+}
+export declare namespace ColumnOrderManager {
+    interface Before {
+        before: ColumnModel<any> | null;
+    }
+    interface After {
+        after: ColumnModel<any> | null;
+    }
+    export type Position = Before | After;
+    export function processPosition(position: Position | undefined, callback: {
+        before(col: ColumnModel<any> | null): string;
+        after(col: ColumnModel<any> | null): string;
+        first(): string;
+        last(): string;
+    }): string;
+    export {};
+}

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

@@ -1,8 +1,9 @@
 import { TemplateRef, ViewContainerRef } from "@angular/core";
 import { ColumnModel } from "./column-model";
-export declare class CustomTemplateColumnModel<Row> extends ColumnModel<Row> {
+import { ColumnOrderManager } from "./column-order-manager";
+export declare class CustomTemplateColumnModel<Row extends object> extends ColumnModel<Row> {
     private readonly config;
-    constructor(columnId: string, defaults: ColumnModel.TextPropertiesProvider);
+    constructor(columnId: string, order: ColumnOrderManager, 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,8 +1,9 @@
 import { ComponentType } from "@angular/cdk/overlay";
 import { CellRendererOptions, ColumnModel, OnComponentInit } from "./column-model";
-export declare class CustomValueColumnModel<Row, V> extends ColumnModel<Row> {
+import { ColumnOrderManager } from "./column-order-manager";
+export declare class CustomValueColumnModel<Row extends object, V> extends ColumnModel<Row> {
     private getValue;
-    constructor(columnId: string, defaults: ColumnModel.TextPropertiesProvider, getValue: (row: Row) => V);
+    constructor(columnId: string, order: ColumnOrderManager, 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,8 +2,9 @@ import { ComponentType } from "@angular/cdk/overlay";
 import { Command, DirtyTrackingForm } from "@coolon/pectin";
 import { EditSession } from "../editor/edit-session";
 import { ColumnModel } from "./column-model";
-export declare class EditorControlColumnModel<Row> extends ColumnModel<Row> {
-    constructor(columnId: string, saveCommandFactory: Command.Factory<DirtyTrackingForm<Row>, boolean | Promise<boolean>>, defaults: ColumnModel.TextPropertiesProvider);
+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);
     cellRenderer(componentType: ComponentType<{
         row: Row;
         editSession: EditSession<Row>;

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

@@ -3,11 +3,12 @@ import { Types, Validator } from "@coolon/pectin";
 import { CellListEditorComponent } from "../renderer/cell-editors";
 import { CellRenderer } from "../renderer/cell-renderer";
 import { ColumnModel } from "./column-model";
-export declare class ListPropertyColumnModel<Row, P extends Types.ArrayPropertiesOf<Row>> extends ColumnModel<Row> {
+import { ColumnOrderManager } from "./column-order-manager";
+export declare class ListPropertyColumnModel<Row extends object, P extends Types.ArrayPropertiesOf<Row>> extends ColumnModel<Row> {
     readonly property: P;
     private _userFormat;
     private _defaultSearchTextFormat;
-    constructor(id: string, property: P, defaults: ColumnModel.TextPropertiesProvider);
+    constructor(id: string, order: ColumnOrderManager, 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,11 +4,12 @@ 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";
-export declare class PropertyColumnModel<Row, P extends Types.ValuePropertiesOf<Row>> extends ColumnModel<Row> {
+import { ColumnOrderManager } from "./column-order-manager";
+export declare class PropertyColumnModel<Row extends object, P extends Types.ValuePropertiesOf<Row>> extends ColumnModel<Row> {
     readonly property: P;
     private _userFormat;
     private _defaultSearchTextFormatter;
-    constructor(id: string, property: P, defaults: ColumnModel.TextPropertiesProvider);
+    constructor(id: string, order: ColumnOrderManager, 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,11 +1,16 @@
 import { ThemePalette } from "@angular/material/core";
-import { Proxified, SelectionModel } from "@coolon/pectin";
+import { GarbageCollector, SelectionModel } from "@coolon/pectin";
 import { ColumnModel } from "./column-model";
-export declare class SelectionColumnModel<Row> extends ColumnModel<Row> {
-    readonly selectionModel: Proxified<SelectionModel<Row>>;
+import { ColumnOrderManager } from "./column-order-manager";
+export declare class SelectionColumnModel<Row extends object> extends ColumnModel<Row> {
     private _enableHeaderControls;
     private _color;
-    constructor(columnId: string, defaults: ColumnModel.TextPropertiesProvider, selectionModel: Proxified<SelectionModel<Row>>);
+    private readonly _selectionModelProxy;
+    private _isUsingTemporarySelection$;
+    private _userSelectionModel;
+    constructor(columnId: string, order: ColumnOrderManager, defaults: ColumnModel.TextPropertiesProvider);
+    get selectionModel(): SelectionModel<Row>;
+    get isUsingTemporarySelectionModel$(): import("@coolon/pectin").ValueModel<boolean>;
     useSelectionModel(selectionModel: SelectionModel<Row>): void;
     protected getDefaultHeaderText(): string;
     enableHeaderControls(enable: boolean): this;
@@ -15,4 +20,5 @@ export declare class SelectionColumnModel<Row> extends ColumnModel<Row> {
     color(color: ThemePalette): void;
     selectRow(row: Row): void;
     isSelected(row: Row): boolean;
+    withTemporarySelectionModel<S extends SelectionModel<Row>>(createSelectionModel: (garbage: GarbageCollector) => S, process: (selectionModel: S) => Promise<void>): Promise<void>;
 }

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 DisposableComponent {
+export declare class EditRowControlsComponent<Row extends object> 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 GarbageCollector {
+export declare class EditSession<Row extends object> 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 +1,10 @@
+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/footer/footer-row-model.d.ts

@@ -0,0 +1,22 @@
+import { ComponentType } from "@angular/cdk/overlay";
+import { ComponentPortal } from "@angular/cdk/portal";
+declare class RowClass {
+    readonly className: string;
+    readonly matches: () => boolean;
+    constructor(className: string, matches: () => boolean);
+}
+export declare abstract class FooterRowModel<C> {
+    protected readonly _rowClasses: RowClass[];
+    noPadding(): void;
+    addClass(className: string, condition?: () => boolean): void;
+}
+export declare namespace FooterRowModel {
+    class Impl<C> extends FooterRowModel<C> {
+        protected readonly component: ComponentType<C>;
+        readonly onInit?: (component: C) => void;
+        readonly portal: ComponentPortal<C>;
+        constructor(component: ComponentType<C>, onInit?: (component: C) => void);
+        getActiveRowClasses(): string;
+    }
+}
+export {};

package/lib/components/tables/renderer/abstract-cell-renderer.d.ts

@@ -0,0 +1,6 @@
+import { LoadableComponent } from "../../loadable-component";
+import { CellRenderer } from "./cell-renderer";
+export declare abstract class AbstractCellRenderer<T> extends LoadableComponent implements CellRenderer<T> {
+    abstract accessor value: T;
+    protected constructor();
+}