@coolon/angular-ui-powerups 16.1.0-aplpha.5 → 16.1.0-aplpha.51

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

@@ -3,10 +3,11 @@ import { CdkPortalOutletAttachedRef } from "@angular/cdk/portal";
 import { Injector } from "@angular/core";
 import { Command, GarbageCollector, ValueModel } from "@coolon/pectin";
 import { EditSession } from "../editor/edit-session";
+import { ColumnTextSearchFormatter } from "../filter/column-text-search-formatter";
 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 { ColumnTextSearchFormatter } from "../filter/column-text-search-formatter";
+import { ColumnOrderManager } from "./column-order-manager";
 import { ColumnTextProperties } from "./column-text-properties";
 export interface RowData<Row> {
     row: Row;
@@ -23,6 +24,7 @@ export interface MutableCellRendererOptions<Row, E, P extends keyof Row> extends
 }
 export declare class ColumnModel<Row> 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";
+import { ColumnOrderManager } from "./column-order-manager";
 export declare class CustomTemplateColumnModel<Row> 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";
+import { ColumnOrderManager } from "./column-order-manager";
 export declare class CustomValueColumnModel<Row, 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";
+import { ColumnOrderManager } from "./column-order-manager";
 export declare class EditorControlColumnModel<Row> extends ColumnModel<Row> {
-    constructor(columnId: string, saveCommandFactory: Command.Factory<DirtyTrackingForm<Row>, boolean | Promise<boolean>>, defaults: ColumnModel.TextPropertiesProvider);
+    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";
+import { ColumnOrderManager } from "./column-order-manager";
 export declare class ListPropertyColumnModel<Row, 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";
+import { ColumnOrderManager } from "./column-order-manager";
 export declare class PropertyColumnModel<Row, 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,12 @@
 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 ColumnModel<Row> {
     readonly selectionModel: Proxified<SelectionModel<Row>>;
     private _enableHeaderControls;
     private _color;
-    constructor(columnId: string, defaults: ColumnModel.TextPropertiesProvider, selectionModel: Proxified<SelectionModel<Row>>);
+    constructor(columnId: string, order: ColumnOrderManager, 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 EditRowControls<Row> extends DisposableComponent {
+export declare class EditRowControlsComponent<Row> extends DisposableComponent {
     row: Row;
     accessor editRowCommand: Command<void>;
     private _session;
@@ -12,6 +12,6 @@ export declare class EditRowControls<Row> extends DisposableComponent {
     readonly cancelCommand: Command<void>;
     constructor();
     get form(): DirtyTrackingForm<Row>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EditRowControls<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditRowControls<any>, "aup-row-editor-controls", never, { "row": { "alias": "row"; "required": false; }; "editRowCommand": { "alias": "editRowCommand"; "required": false; }; "editSession": { "alias": "editSession"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditRowControlsComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditRowControlsComponent<any>, "aup-row-editor-controls", never, { "row": { "alias": "row"; "required": false; }; "editRowCommand": { "alias": "editRowCommand"; "required": false; }; "editSession": { "alias": "editSession"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/tables/editor/editable-cell-renderer.d.ts

@@ -1,5 +1,5 @@
-import { CellRenderer } from '../renderer/cell-renderer';
 import { Disposable } from '@coolon/pectin';
+import { CellRenderer } from '../renderer/cell-renderer';
 export interface EditableCellRenderer<T> extends CellRenderer<T> {
     value: T;
     onValueEdited(callback: (is: T, was: T) => void): Disposable;

package/lib/components/tables/filter/enable-cell-text-search.decorator.d.ts

@@ -1,8 +1,8 @@
 import { ComponentType } from "@angular/cdk/overlay";
 import { Constructable } from "@coolon/typescript-utilities";
 import { Enum } from "typescript-string-enums";
-import { ColumnTextSearchFormatter } from "./column-text-search-formatter";
 import { CellRenderer } from "../renderer/cell-renderer";
+import { ColumnTextSearchFormatter } from "./column-text-search-formatter";
 export declare const Keys: {
     useFunction: "useFunction";
     useInstance: "useInstance";

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

@@ -10,9 +10,8 @@ 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, Host, Portal> {
-    constructor();
-    abstract initialiseHost(host: Host, columnModel: ColumnModel<Row>): any;
-    abstract onPortalAttached(host: Host, portalComponent: Portal): any;
+    abstract initialiseHost(host: Host, columnModel: ColumnModel<Row>): void;
+    abstract onPortalAttached(host: Host, portalComponent: Portal): void;
 }
 export declare class CellHeaderPortalRef<Row, C> extends CellPortalRef<Row, TableHeaderCellComponent, C> {
     readonly componentType: ComponentType<C>;

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

@@ -4,7 +4,6 @@ export declare class DefaultCellRendererComponent<T> implements CellRenderer<T>
     private _value;
     set value(value: T);
     get value(): T;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<DefaultCellRendererComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DefaultCellRendererComponent<any>, "aup-default-cell-renderer", never, { "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,7 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class DefaultHeaderCellRendererComponent {
     headerText: string;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<DefaultHeaderCellRendererComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DefaultHeaderCellRendererComponent, "aup-default-header-renderer", never, { "headerText": { "alias": "headerText"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/tables/renderer/select-header-cell/selection-header-cell.component.d.ts

@@ -13,6 +13,7 @@ export declare class SelectionHeaderCellComponent<Row> extends DisposableCompone
     isVisible(): boolean;
     isMultiSelectionModel(): boolean;
     ifMultiSelectionModel<T>(runnable: (model$: MultipleSelectionModel<Row, any>) => T, otherwise?: T): T;
+    handleClick(event$: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectionHeaderCellComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SelectionHeaderCellComponent<any>, "aup-selection-header-cell", never, {}, {}, never, never, false, never>;
 }

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

@@ -1,5 +1,5 @@
-import { ElementRef, EventEmitter, NgZone, OnInit } from "@angular/core";
-import { ListModel, ListModelChain, ValueModel } from "@coolon/pectin";
+import { EventEmitter, OnInit } from "@angular/core";
+import { ListModel, ListModelChain, MutableValueModel, ValueModel } from "@coolon/pectin";
 import { ResizeAwareComponent } from "../../../resize-aware.component";
 import { AbstractTableModel } from "../../abstract-table-model";
 import { ColumnModel } from "../../column/column-model";
@@ -17,14 +17,14 @@ export declare class TableBodyComponent<Row> extends ResizeAwareComponent implem
      * containment area.
      */
     enableScrolling: boolean;
-    columns: ListModelChain<ColumnModel<Row>>;
-    columnIds: ListModelChain<string>;
-    private columnsById;
-    readonly _visibleRowCount: ValueModel<number>;
-    private readonly headerHeight;
-    private readonly rowHeight;
+    columns$: ListModelChain<ColumnModel<Row>>;
+    columnIds$: ListModelChain<string>;
+    private columnsById$;
+    readonly _visibleRowCount$: ValueModel<number>;
+    private readonly headerHeight$;
+    protected rowHeight$: MutableValueModel<number>;
     baseCssClass: string;
-    constructor(elementRef: ElementRef, ngZone: NgZone);
+    constructor();
     get hideHeader(): boolean;
     isEditing(row: Row): boolean;
     notifyCellClicked(columnModel: ColumnModel<Row>, row: Row): void;

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

@@ -7,7 +7,6 @@ export declare class TableHeaderCellComponent implements OnInit {
     column: ColumnModel<any>;
     defaultClassNames: string;
     [HEADER_CELL_RENDERER_PORTAL]: Portal<any>;
-    constructor();
     ngOnInit(): void;
     initialiseHeader(ref: CdkPortalOutletAttachedRef): void;
     getPortal(): Portal<any>;

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

@@ -1,5 +1,5 @@
 import { CdkPortalOutletAttachedRef, ComponentPortal } from "@angular/cdk/portal";
-import { MatLegacyMenuTrigger as MatMenuTrigger } from "@angular/material/legacy-menu";
+import { MatMenuTrigger } from "@angular/material/menu";
 import { ValueModelChain } from "@coolon/pectin";
 import { Constructable } from "@coolon/typescript-utilities";
 import { DisposableComponent } from "../../../disposable-component";
@@ -13,8 +13,9 @@ 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>>): void;
+    configurePopupComponentType(popupComponentType: Constructable<TableMoreMenuPopupComponent<T>>, configureCallback?: (component: TableMoreMenuPopupComponent<T>) => void): void;
     preventDefault($event: MouseEvent): void;
     initialise($event: CdkPortalOutletAttachedRef): void;
     get visible$(): import("@coolon/pectin").ValueModel<boolean>;

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

@@ -1,4 +1,4 @@
-import { Injector } from "@angular/core";
+import { Injector, OnInit } from "@angular/core";
 import { ValueModel } from "@coolon/pectin";
 import { AbstractTableModel } from '../abstract-table-model';
 import { AbstractTableComponent } from '../abstract-table.component';
@@ -65,7 +65,7 @@ import * as i0 from "@angular/core";
  *   }
  * }
  */
-export declare class TableComponent<Row> extends AbstractTableComponent<Row> {
+export declare class TableComponent<Row> extends AbstractTableComponent<Row> implements OnInit {
     accessor tableModel: TableModel<Row>;
     accessor filterModel: TableFilterModel<Row>;
     accessor enablePaging$: ValueModel<boolean>;

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

@@ -1,4 +1,4 @@
-import { MatLegacyMenuTrigger as MatMenuTrigger } from '@angular/material/legacy-menu';
+import { MatMenuTrigger } from '@angular/material/menu';
 import { Command } from '@coolon/pectin';
 import { CommandFace } from '../../commands/command-face';
 import { DisposableComponent } from '../../disposable-component';

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

@@ -1,4 +1,4 @@
-import { Disposable, DisposedWith, GarbageCollector, ListModel, ValueModel } from '@coolon/pectin';
+import { Disposable, DisposedWith, GarbageCollector, ListModel } from '@coolon/pectin';
 export declare class TreeExpansionModel<T> extends GarbageCollector {
     private readonly _source$;
     private readonly collapsedIds;
@@ -8,7 +8,7 @@ export declare class TreeExpansionModel<T> extends GarbageCollector {
     bindToTable(source$: ListModel<T>, visibleRows$: ListModel<T>): Disposable;
     get visibleRows$(): ListModel<T>;
     protected identityOf(row: T): any;
-    get isExpandedPredicate$(): ValueModel<(node: T) => boolean>;
+    get isExpandedPredicate$(): import("@coolon/pectin").ValueModel<(node: T) => boolean>;
     expand(node: T): void;
     collapse(node: T): void;
     canExpand(node: T): boolean;

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

@@ -4,7 +4,6 @@ export declare class TreeInheritanceIconComponent<T> {
     type: TreeInheritanceIconComponent.Type | string;
     pixelWidth: number;
     pixelHeight: number;
-    constructor();
     get heightOffset(): number;
     get viewBox(): string;
     hasHead(): boolean;

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

@@ -1,13 +1,14 @@
 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 ColumnModel<Row> {
     readonly expansionModel: TreeTableModel<Row>;
     private labelFactory;
     private iconFactory;
-    constructor(columnId: string, textPropertiesProvider: ColumnModel.TextPropertiesProvider, expansionModel: TreeTableModel<Row>);
+    constructor(columnId: string, order: ColumnOrderManager, 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,4 +1,4 @@
-import { Injector } from "@angular/core";
+import { Injector, OnInit } from "@angular/core";
 import { TreeNode } from '@coolon/typescript-utilities';
 import { AbstractTableModel } from '../abstract-table-model';
 import { AbstractTableComponent } from '../abstract-table.component';
@@ -65,7 +65,7 @@ import * as i0 from "@angular/core";
  *   }
  * }
  */
-export declare class TreeTableComponent<T extends TreeNode<T>> extends AbstractTableComponent<T> {
+export declare class TreeTableComponent<T extends TreeNode<T>> extends AbstractTableComponent<T> implements OnInit {
     accessor treeTableModel: TreeTableModel<T>;
     accessor expansionModel: TreeExpansionModel<T>;
     constructor(injector: Injector);

package/lib/components/text/markdown/markdown.component.d.ts

@@ -22,7 +22,7 @@ export declare class MarkdownComponent extends DisposableComponent implements On
     accessor content$: ValueModel<string>;
     accessor content: string;
     inline: boolean;
-    constructor(platform: Object, element: ElementRef<HTMLElement>, markdownService: MarkdownService);
+    constructor(platform: object, element: ElementRef<HTMLElement>, markdownService: MarkdownService);
     private extractInnerContent;
     private renderContent;
     static ɵfac: i0.ɵɵFactoryDeclaration<MarkdownComponent, never>;

package/lib/directives/command.directive.d.ts

@@ -1,6 +1,6 @@
 import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { MatLegacyButton as MatButton } from '@angular/material/legacy-button';
-import { MatLegacyMenuItem as MatMenuItem } from '@angular/material/legacy-menu';
+import { MatButton } from '@angular/material/button';
+import { MatMenuItem } from '@angular/material/menu';
 import { Command, GarbageCollector, UnaryCommand } from '@coolon/pectin';
 import * as i0 from "@angular/core";
 export declare class CommandDirective<P = any> extends GarbageCollector implements OnInit, OnDestroy, AfterViewInit {

package/lib/directives/directives.module.d.ts

@@ -7,12 +7,12 @@ import * as i5 from "./garbage-collector.directive";
 import * as i6 from "@angular/common";
 import * as i7 from "@angular/platform-browser/animations";
 import * as i8 from "@angular/forms";
-import * as i9 from "@angular/material/legacy-input";
-import * as i10 from "@angular/material/legacy-form-field";
-import * as i11 from "@angular/material/legacy-select";
-import * as i12 from "@angular/material/legacy-tabs";
+import * as i9 from "@angular/material/input";
+import * as i10 from "@angular/material/form-field";
+import * as i11 from "@angular/material/select";
+import * as i12 from "@angular/material/tabs";
 export declare class DirectivesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DirectivesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DirectivesModule, [typeof i1.CommandDirective, typeof i2.FocusBindingDirective, typeof i3.HighlightPipe, typeof i4.HighlightTextModelDirective, typeof i5.GarbageCollectorDirective], [typeof i6.CommonModule, typeof i7.BrowserAnimationsModule, typeof i8.FormsModule, typeof i9.MatLegacyInputModule, typeof i10.MatLegacyFormFieldModule, typeof i11.MatLegacySelectModule, typeof i12.MatLegacyTabsModule], [typeof i1.CommandDirective, typeof i2.FocusBindingDirective, typeof i3.HighlightPipe, typeof i4.HighlightTextModelDirective, typeof i5.GarbageCollectorDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DirectivesModule, [typeof i1.CommandDirective, typeof i2.FocusBindingDirective, typeof i3.HighlightPipe, typeof i4.HighlightTextModelDirective, typeof i5.GarbageCollectorDirective], [typeof i6.CommonModule, typeof i7.BrowserAnimationsModule, typeof i8.FormsModule, typeof i9.MatInputModule, typeof i10.MatFormFieldModule, typeof i11.MatSelectModule, typeof i12.MatTabsModule], [typeof i1.CommandDirective, typeof i2.FocusBindingDirective, typeof i3.HighlightPipe, typeof i4.HighlightTextModelDirective, typeof i5.GarbageCollectorDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DirectivesModule>;
 }

package/lib/directives/exports.d.ts

@@ -9,3 +9,4 @@ 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/directives/resize-observer.directive.d.ts

@@ -0,0 +1,16 @@
+import { AfterViewInit, ElementRef, EventEmitter, NgZone } from '@angular/core';
+import { ValueModel } from '@coolon/pectin';
+import { DisposableComponent } from '../components/disposable-component';
+import { Bounds } from '../components/types/bounds.class';
+import * as i0 from "@angular/core";
+export declare class ResizeObserverDirective extends DisposableComponent implements AfterViewInit {
+    aupOnResize: EventEmitter<Bounds>;
+    protected readonly elementRef: ElementRef<any>;
+    protected readonly ngZone: NgZone;
+    private _bounds$;
+    ngAfterViewInit(): void;
+    get bounds$(): ValueModel<Bounds>;
+    private _updateBounds;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizeObserverDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeObserverDirective, "[aupOnResize]", never, {}, { "aupOnResize": "aupOnResize"; }, never, never, true, never>;
+}

package/lib/interaction/activity-ref.d.ts

@@ -1,4 +1,4 @@
-import { Constructable, Deferred, ValueModel } from '@coolon/pectin';
+import { Constructable, Deferred } from '@coolon/pectin';
 import { Activity } from './activity';
 import { InteractionContext } from './interaction-context';
 export declare class ActivityRef<D, R, E> {
@@ -20,5 +20,5 @@ export declare class ActivityRef<D, R, E> {
     protected finishActivity(resolveOrReject: (deferred: Deferred<R>) => void): void;
     cancel(): void;
     get activityResult(): Promise<R>;
-    get activityBusy(): ValueModel<boolean>;
+    get activityBusy(): import("@coolon/pectin").ValueModel<boolean>;
 }

package/lib/interaction/activity.d.ts

@@ -1,12 +1,12 @@
 import { AfterViewInit, InjectionToken } from "@angular/core";
 import { Command, Disposable, ValueModel } from "@coolon/pectin";
-import { DisposableComponent } from "../components/disposable-component";
+import { LoadableComponent } from "../components/loadable-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 DisposableComponent implements AfterViewInit {
+export declare class Activity<D, R, E = any> extends LoadableComponent implements AfterViewInit {
     readonly activityData: D;
     private readonly activityReadyListeners;
     private readonly _busy$;

package/lib/interaction/components/activity-container/activity-container.component.d.ts

@@ -1,5 +1,5 @@
 import { QueryList } from "@angular/core";
-import { MatLegacyTabGroup as MatTabGroup } from "@angular/material/legacy-tabs";
+import { MatTabGroup } from "@angular/material/tabs";
 import { BooleanValueModelChain, Constructable, DelegatingValueModel, Disposable, MutableValueModel } from "@coolon/pectin";
 import { PlaceRouter } from "../../../place/place-router";
 import { AbstractInteractionContext } from "../../abstract-interaction-context";

package/lib/interaction/components/activity-container/activity-outlet/activity-outlet.component.d.ts

@@ -1,4 +1,4 @@
-import { ComponentFactoryResolver, Injector, OnInit, ViewContainerRef } from '@angular/core';
+import { ComponentFactoryResolver, Injector, ViewContainerRef } from '@angular/core';
 import { Activity } from '../../../activity';
 import { ActivityRef } from '../../../activity-ref';
 import { InteractionContext } from '../../../interaction-context';
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
  * ActivityOutletComponent creates and displays an activity and delegates the interaction context functionality to an
  * external service.
  */
-export declare class ActivityOutletComponent<D, R, E> implements OnInit {
+export declare class ActivityOutletComponent<D, R, E> {
     private componentFactoryResolver;
     private viewContainerRef;
     private injector;
@@ -17,7 +17,6 @@ export declare class ActivityOutletComponent<D, R, E> implements OnInit {
     set activityRef(activityRef: ActivityRef<D, R, E>);
     get activityRef(): ActivityRef<D, R, E>;
     constructor(componentFactoryResolver: ComponentFactoryResolver, viewContainerRef: ViewContainerRef, injector: Injector);
-    ngOnInit(): void;
     loadActivity(activityRef: ActivityRef<D, R, E>): void;
     get component(): Activity<D, R, E>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActivityOutletComponent<any, any, any>, never>;

package/lib/interaction/components/editors/edit-context.d.ts

@@ -1,3 +1,3 @@
 export interface EditContext<T> {
-    injectError(error: string): any;
+    injectError(error: string): void;
 }

package/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit } from "@angular/core";
-import { MatLegacyTabChangeEvent as MatTabChangeEvent, MatLegacyTabsConfig as MatTabsConfig } from "@angular/material/legacy-tabs";
+import { MatTabChangeEvent, MatTabsConfig } from "@angular/material/tabs";
 import { Constructable } from "@coolon/pectin";
 import { DisposableComponent } from "../../../components/disposable-component";
 import { Activity } from "../../activity";

package/lib/interaction/components/input-activities/string-input-activity.d.ts

@@ -5,6 +5,6 @@ export declare class StringInputActivity extends InputActivity<string> {
     static ɵcmp: i0.ɵɵComponentDeclaration<StringInputActivity, "aup-string-input-activity", never, {}, {}, never, never, false, never>;
 }
 export declare namespace StringInputActivity {
-    interface Data extends InputActivity.Data<String> {
+    interface Data extends InputActivity.Data<string> {
     }
 }

package/lib/interaction/directives/interaction-context-trigger-for.directive.d.ts

@@ -3,7 +3,7 @@ import { Constructable, GarbageCollector } from '@coolon/pectin';
 import { Activity } from '../activity';
 import { InteractionContext } from '../interaction-context';
 import * as i0 from "@angular/core";
-export declare class InteractionContextTriggerFor<D, R, E> extends GarbageCollector {
+export declare class InteractionContextTriggerForDirective<D, R, E> extends GarbageCollector {
     aupInteractionContextTriggerFor: Pick<InteractionContext, 'startActivity' | 'isActive' | 'cancelActiveActivity'>;
     activityClass: Constructable<Activity<D, R, E>>;
     activityData?: D;
@@ -15,6 +15,6 @@ export declare class InteractionContextTriggerFor<D, R, E> extends GarbageCollec
     onClick(event: MouseEvent): void;
     protected startActivity(): void;
     prepareActivityData(): D;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InteractionContextTriggerFor<any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<InteractionContextTriggerFor<any, any, any>, "[aupInteractionContextTriggerFor]", never, { "aupInteractionContextTriggerFor": { "alias": "aupInteractionContextTriggerFor"; "required": false; }; "activityClass": { "alias": "activityClass"; "required": false; }; "activityData": { "alias": "activityData"; "required": false; }; "activityDataFactory": { "alias": "activityDataFactory"; "required": false; }; }, { "activityDone": "activityDone"; "activityCancelled": "activityCancelled"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InteractionContextTriggerForDirective<any, any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InteractionContextTriggerForDirective<any, any, any>, "[aupInteractionContextTriggerFor]", never, { "aupInteractionContextTriggerFor": { "alias": "aupInteractionContextTriggerFor"; "required": false; }; "activityClass": { "alias": "activityClass"; "required": false; }; "activityData": { "alias": "activityData"; "required": false; }; "activityDataFactory": { "alias": "activityDataFactory"; "required": false; }; }, { "activityDone": "activityDone"; "activityCancelled": "activityCancelled"; }, never, never, false, never>;
 }

package/lib/interaction/interaction.module.d.ts

@@ -25,9 +25,9 @@ import * as i23 from "./components/editors/inline-string-editor/inline-string-ed
 import * as i24 from "./components/abstract-dialog.component";
 import * as i25 from "./components/abstract-confirm-dialog.component";
 import * as i26 from "@angular/common";
-import * as i27 from "@angular/material/legacy-button";
-import * as i28 from "@angular/material/legacy-dialog";
-import * as i29 from "@angular/material/legacy-tabs";
+import * as i27 from "@angular/material/button";
+import * as i28 from "@angular/material/dialog";
+import * as i29 from "@angular/material/tabs";
 import * as i30 from "@angular/cdk/portal";
 import * as i31 from "@angular/router";
 import * as i32 from "@angular/material/icon";
@@ -35,11 +35,11 @@ import * as i33 from "../directives/directives.module";
 import * as i34 from "@angular/flex-layout";
 import * as i35 from "../components/components.module";
 import * as i36 from "@angular/forms";
-import * as i37 from "@angular/material/legacy-input";
-import * as i38 from "@angular/material/legacy-form-field";
+import * as i37 from "@angular/material/input";
+import * as i38 from "@angular/material/form-field";
 import * as i39 from "@angular/cdk/a11y";
 export declare class InteractionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<InteractionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<InteractionModule, [typeof i1.ActivityContainerComponent, typeof i2.ConfirmationDialogComponent, typeof i3.ConfirmThenDialogComponent, typeof i4.ConfirmThenExecuteDialogComponent, typeof i5.AlertDialogComponent, typeof i6.ActivityOutletComponent, typeof i7.InPlaceInteractionContextComponent, typeof i8.AddItemInteractionContextComponent, typeof i9.ActivityActionsComponent, typeof i10.PopupInteractionContextComponent, typeof i11.StringInputActivity, typeof i12.SelectInputActivity, typeof i13.InputActivity, typeof i14.InteractionContextTriggerFor, typeof i15.Activity, typeof i16.ActivityTitleComponent, typeof i17.ActivityBodyComponent, typeof i9.ActivityActionsComponent, typeof i18.AbstractActivityTriggerComponent, typeof i19.PopupActivityTriggerComponent, typeof i20.InlineActivityTriggerComponent, typeof i21.ModalActivityTriggerComponent, typeof i22.AddCardActivityComponent, typeof i23.InlineStringEditorComponent, typeof i24.AbstractDialogComponent, typeof i25.AbstractConfirmDialogComponent], [typeof i26.CommonModule, typeof i27.MatLegacyButtonModule, typeof i28.MatLegacyDialogModule, typeof i29.MatLegacyTabsModule, typeof i30.PortalModule, typeof i31.RouterModule, typeof i32.MatIconModule, typeof i33.DirectivesModule, typeof i34.FlexModule, typeof i34.GridModule, typeof i35.ComponentsModule, typeof i36.FormsModule, typeof i37.MatLegacyInputModule, typeof i38.MatLegacyFormFieldModule, typeof i39.A11yModule], [typeof i1.ActivityContainerComponent, typeof i6.ActivityOutletComponent, typeof i16.ActivityTitleComponent, typeof i7.InPlaceInteractionContextComponent, typeof i8.AddItemInteractionContextComponent, typeof i9.ActivityActionsComponent, typeof i10.PopupInteractionContextComponent, typeof i14.InteractionContextTriggerFor, typeof i11.StringInputActivity, typeof i12.SelectInputActivity, typeof i17.ActivityBodyComponent, typeof i19.PopupActivityTriggerComponent, typeof i20.InlineActivityTriggerComponent, typeof i21.ModalActivityTriggerComponent, typeof i22.AddCardActivityComponent, typeof i23.InlineStringEditorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InteractionModule, [typeof i1.ActivityContainerComponent, typeof i2.ConfirmationDialogComponent, typeof i3.ConfirmThenDialogComponent, typeof i4.ConfirmThenExecuteDialogComponent, typeof i5.AlertDialogComponent, typeof i6.ActivityOutletComponent, typeof i7.InPlaceInteractionContextComponent, typeof i8.AddItemInteractionContextComponent, typeof i9.ActivityActionsComponent, typeof i10.PopupInteractionContextComponent, typeof i11.StringInputActivity, typeof i12.SelectInputActivity, typeof i13.InputActivity, typeof i14.InteractionContextTriggerForDirective, typeof i15.Activity, typeof i16.ActivityTitleComponent, typeof i17.ActivityBodyComponent, typeof i9.ActivityActionsComponent, typeof i18.AbstractActivityTriggerComponent, typeof i19.PopupActivityTriggerComponent, typeof i20.InlineActivityTriggerComponent, typeof i21.ModalActivityTriggerComponent, typeof i22.AddCardActivityComponent, typeof i23.InlineStringEditorComponent, typeof i24.AbstractDialogComponent, typeof i25.AbstractConfirmDialogComponent], [typeof i26.CommonModule, typeof i27.MatButtonModule, typeof i28.MatDialogModule, typeof i29.MatTabsModule, typeof i30.PortalModule, typeof i31.RouterModule, typeof i32.MatIconModule, typeof i33.DirectivesModule, typeof i34.FlexModule, typeof i34.GridModule, typeof i35.ComponentsModule, typeof i36.FormsModule, typeof i37.MatInputModule, typeof i38.MatFormFieldModule, typeof i39.A11yModule], [typeof i1.ActivityContainerComponent, typeof i6.ActivityOutletComponent, typeof i16.ActivityTitleComponent, typeof i7.InPlaceInteractionContextComponent, typeof i8.AddItemInteractionContextComponent, typeof i9.ActivityActionsComponent, typeof i10.PopupInteractionContextComponent, typeof i14.InteractionContextTriggerForDirective, typeof i11.StringInputActivity, typeof i12.SelectInputActivity, typeof i17.ActivityBodyComponent, typeof i19.PopupActivityTriggerComponent, typeof i20.InlineActivityTriggerComponent, typeof i21.ModalActivityTriggerComponent, typeof i22.AddCardActivityComponent, typeof i23.InlineStringEditorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<InteractionModule>;
 }

package/lib/interaction/services/mat-dialog-interaction/dialog-interaction-context-factory.d.ts

@@ -1,6 +1,5 @@
 import { InjectionToken } from '@angular/core';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
-import { MatLegacyDialogConfig as MatDialogConfig } from '@angular/material/legacy-dialog';
+import { MatDialog, MatDialogConfig } from '@angular/material/dialog';
 import { BooleanValueModelChain } from '@coolon/pectin';
 import { InteractionContext } from '../../interaction-context';
 import { InteractionService } from '../interaction.service';

package/lib/interaction/services/mat-dialog-interaction/dialog-interaction-context.d.ts

@@ -1,5 +1,4 @@
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
-import { MatLegacyDialogConfig as MatDialogConfig } from '@angular/material/legacy-dialog';
+import { MatDialog, MatDialogConfig } from '@angular/material/dialog';
 import { Constructable, Disposable } from '@coolon/pectin';
 import { AbstractInteractionContext } from '../../abstract-interaction-context';
 import { Activity } from '../../activity';

package/lib/place/components/abstract-place-navigation.component.d.ts

@@ -24,6 +24,7 @@ export declare class AbstractPlaceNavigationComponent extends DisposableComponen
     private activePlaceDefinition;
     private placeFaces;
     readonly trackByPlaceDef: TrackByFunction<MenuItem>;
+    private authorisedPlaces$;
     constructor(placeRouter: PlaceRouter);
     protected handlePlaceOutLetChanged(outlet: PlaceOutletComponent): void;
     getNavigationFace(placeDef: PlaceDefinition): CommandFace;