@coolon/angular-ui-powerups 16.1.0-aplpha.88 → 16.1.0-aplpha.9

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

@@ -7,7 +7,6 @@ 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> {
     row: Row;
@@ -24,7 +23,6 @@ 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;
@@ -38,7 +36,7 @@ export declare class ColumnModel<Row> 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 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 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, 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 ColumnModel<Row> {
-    constructor(columnId: string, order: ColumnOrderManager, saveCommandFactory: Command.Factory<DirtyTrackingForm<Row>, boolean | Promise<boolean>>, defaults: ColumnModel.TextPropertiesProvider);
+    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, 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, 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 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/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/table-body/table-body.component.d.ts

@@ -1,55 +1,36 @@
-import { CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
-import { AfterViewInit, ElementRef, InjectionToken, OnInit } from "@angular/core";
-import { ListModel, ListModelChain, MutableValueModel, 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 * 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 ResizeAwareComponent implements AfterViewInit {
-    protected bufferMultiplier: number;
+export declare class TableBodyComponent<Row> extends ResizeAwareComponent implements OnInit {
     accessor data$: ListModel<Row>;
     accessor tableModel: AbstractTableModel<Row>;
     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;
-    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; }; "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-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.component.d.ts

@@ -1,9 +1,8 @@
 import { Injector, OnInit } from "@angular/core";
-import { ValueModelChain } from "@coolon/pectin";
+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";
 /**
@@ -69,14 +68,20 @@ import * as i0 from "@angular/core";
 export declare class TableComponent<Row> extends AbstractTableComponent<Row> implements OnInit {
     accessor tableModel: TableModel<Row>;
     accessor filterModel: TableFilterModel<Row>;
-    tableBody: TableBodyComponent<Row>;
+    accessor enablePaging$: ValueModel<boolean>;
+    accessor enablePaging: boolean;
     private _footerContentAdded;
     private readonly _filteredRows$;
-    protected readonly scrollMode$: ValueModelChain<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; }; }, {}, never, ["[footer], [slot=footer]"], false, never>;
+    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-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 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/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>;

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

@@ -1,3 +1,4 @@
+import { ChangeDetectorRef } from "@angular/core";
 import { Command } from '@coolon/pectin';
 import { Enum } from 'typescript-string-enums';
 import { CommandFace } from '../../../components/commands/command-face';
@@ -26,6 +27,7 @@ import * as i0 from "@angular/core";
  * </aup-activity-actions>
  */
 export declare class ActivityActionsComponent extends DisposableComponent {
+    private readonly cdr;
     protected confirmCommandComponent: CommandComponent;
     protected cancelCommandComponent: CommandComponent;
     /**
@@ -45,7 +47,7 @@ export declare class ActivityActionsComponent extends DisposableComponent {
     set style(style: ActivityActionsComponent.Style);
     layout: ActivityActionsComponent.Layout;
     align: ActivityActionsComponent.Align;
-    constructor();
+    constructor(cdr: ChangeDetectorRef);
     hasConfirmFace(): boolean;
     hasCancelFace(): boolean;
     initCommands(activity: {

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

@@ -14,7 +14,6 @@ export declare class ActivityContainerComponent<D, R, E> extends AbstractInterac
     tabs: MatTabGroup;
     activityOutlets: QueryList<ActivityOutletComponent<any, any, any>>;
     activityRefs: ActivityRef<any, any, any>[];
-    animationDuration: string;
     private _identifier;
     private _deferredCleanUp;
     private interactionServiceApi;
@@ -27,7 +26,6 @@ export declare class ActivityContainerComponent<D, R, E> extends AbstractInterac
     readonly busy: DelegatingValueModel<boolean>;
     readonly syncTabsJob: () => void;
     readonly stable$: BooleanValueModelChain;
-    private wasActive;
     constructor(placeRouter: PlaceRouter);
     get started$(): import("@coolon/pectin").ValueModel<boolean>;
     get ready$(): import("@coolon/pectin").ValueModel<boolean>;
@@ -63,13 +61,11 @@ export declare class ActivityContainerComponent<D, R, E> extends AbstractInterac
      * Synchronises the selected tab index.
      */
     private synchroniseSelectedTabIndex;
-    finaliseActivityStates(): void;
+    private finaliseActivityStates;
     private getSelectedOutlet;
-    protected getTabAnimationDuration(): string;
-    protected getTabAnimationDurationInMillis(): number;
+    private getTabAnimationDuration;
     getSelectedTabIndex(): number;
     private triggerTabSynchronisation;
-    onAnimationDone(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActivityContainerComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActivityContainerComponent<any, any, any>, "aup-activity-container", never, { "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActivityContainerComponent<any, any, any>, "aup-activity-container", never, { "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -13,5 +13,5 @@ export declare class ActivityTitleComponent extends DisposableComponent {
     set color(color: ThemePalette);
     get color(): ThemePalette;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActivityTitleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActivityTitleComponent, "aup-activity-title", never, { "hasTransparentBackground": { "alias": "hasTransparentBackground"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*", "[slot='title-end']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActivityTitleComponent, "aup-activity-title", never, { "hasTransparentBackground": { "alias": "hasTransparentBackground"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

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

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

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

@@ -16,7 +16,7 @@ import * as i0 from "@angular/core";
  *   </aup-in-place-interaction-context>
  *
  *   in your component
- *     @ViewChild(InPlaceInteractionContextComponent)
+ *     @ViewChild('inPlaceInteractionContext', { static: true })
  *     interactionContext: InteractionContext;
  *
  *

package/lib/interaction/exports.d.ts

@@ -35,7 +35,6 @@ export * from "./components/input-activities/input-activity";
 export * from "./components/input-activities/select-input-activity";
 export * from "./components/input-activities/string-input-activity";
 export * from "./components/popup-interaction-context/popup-interaction-context.component";
-export * from "./components/slide-down-interaction-context/slide-down-interaction-context.component";
 export * from "./directives/interaction-context-trigger-for.directive";
 export * from "./services/interaction-service-routing-adapter";
 export * from "./services/interaction.service";

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

@@ -6,33 +6,33 @@ import * as i4 from "./components/confirm-then-execute-dialog/confirm-then-execu
 import * as i5 from "./components/alert-dialog/alert-dialog.component";
 import * as i6 from "./components/activity-container/activity-outlet/activity-outlet.component";
 import * as i7 from "./components/inplace-interaction-context/in-place-interaction-context.component";
-import * as i8 from "./components/slide-down-interaction-context/slide-down-interaction-context.component";
-import * as i9 from "./components/add-item-interaction-context/add-item-interaction-context.component";
-import * as i10 from "./components/activity-actions/activity-actions.component";
-import * as i11 from "./components/popup-interaction-context/popup-interaction-context.component";
-import * as i12 from "./components/input-activities/string-input-activity";
-import * as i13 from "./components/input-activities/select-input-activity";
-import * as i14 from "./components/input-activities/input-activity";
-import * as i15 from "./directives/interaction-context-trigger-for.directive";
-import * as i16 from "./activity";
-import * as i17 from "./components/activity-title/activity-title.component";
-import * as i18 from "./components/activity-body/activity-body.component";
-import * as i19 from "./components/activity-triggers/abstract-activity-trigger.component";
-import * as i20 from "./components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component";
-import * as i21 from "./components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component";
-import * as i22 from "./components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component";
-import * as i23 from "./components/add-card-activity/add-card-activity.component";
-import * as i24 from "./components/editors/inline-string-editor/inline-string-editor.component";
-import * as i25 from "./components/abstract-dialog.component";
-import * as i26 from "./components/abstract-confirm-dialog.component";
-import * as i27 from "@angular/common";
-import * as i28 from "@angular/material/button";
-import * as i29 from "@angular/material/dialog";
-import * as i30 from "@angular/material/tabs";
-import * as i31 from "@angular/cdk/portal";
-import * as i32 from "@angular/router";
-import * as i33 from "@angular/material/icon";
-import * as i34 from "../directives/directives.module";
+import * as i8 from "./components/add-item-interaction-context/add-item-interaction-context.component";
+import * as i9 from "./components/activity-actions/activity-actions.component";
+import * as i10 from "./components/popup-interaction-context/popup-interaction-context.component";
+import * as i11 from "./components/input-activities/string-input-activity";
+import * as i12 from "./components/input-activities/select-input-activity";
+import * as i13 from "./components/input-activities/input-activity";
+import * as i14 from "./directives/interaction-context-trigger-for.directive";
+import * as i15 from "./activity";
+import * as i16 from "./components/activity-title/activity-title.component";
+import * as i17 from "./components/activity-body/activity-body.component";
+import * as i18 from "./components/activity-triggers/abstract-activity-trigger.component";
+import * as i19 from "./components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component";
+import * as i20 from "./components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component";
+import * as i21 from "./components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component";
+import * as i22 from "./components/add-card-activity/add-card-activity.component";
+import * as i23 from "./components/editors/inline-string-editor/inline-string-editor.component";
+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/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";
+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/input";
@@ -40,6 +40,6 @@ 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.SlideDownInteractionContextComponent, typeof i9.AddItemInteractionContextComponent, typeof i10.ActivityActionsComponent, typeof i11.PopupInteractionContextComponent, typeof i12.StringInputActivity, typeof i13.SelectInputActivity, typeof i14.InputActivity, typeof i15.InteractionContextTriggerForDirective, typeof i16.Activity, typeof i17.ActivityTitleComponent, typeof i18.ActivityBodyComponent, typeof i10.ActivityActionsComponent, typeof i19.AbstractActivityTriggerComponent, typeof i20.PopupActivityTriggerComponent, typeof i21.InlineActivityTriggerComponent, typeof i22.ModalActivityTriggerComponent, typeof i23.AddCardActivityComponent, typeof i24.InlineStringEditorComponent, typeof i25.AbstractDialogComponent, typeof i26.AbstractConfirmDialogComponent], [typeof i27.CommonModule, typeof i28.MatButtonModule, typeof i29.MatDialogModule, typeof i30.MatTabsModule, typeof i31.PortalModule, typeof i32.RouterModule, typeof i33.MatIconModule, typeof i34.DirectivesModule, typeof i35.ComponentsModule, typeof i36.FormsModule, typeof i37.MatInputModule, typeof i38.MatFormFieldModule, typeof i39.A11yModule], [typeof i1.ActivityContainerComponent, typeof i6.ActivityOutletComponent, typeof i17.ActivityTitleComponent, typeof i7.InPlaceInteractionContextComponent, typeof i9.AddItemInteractionContextComponent, typeof i10.ActivityActionsComponent, typeof i11.PopupInteractionContextComponent, typeof i15.InteractionContextTriggerForDirective, typeof i12.StringInputActivity, typeof i13.SelectInputActivity, typeof i18.ActivityBodyComponent, typeof i20.PopupActivityTriggerComponent, typeof i21.InlineActivityTriggerComponent, typeof i22.ModalActivityTriggerComponent, typeof i23.AddCardActivityComponent, typeof i24.InlineStringEditorComponent, typeof i8.SlideDownInteractionContextComponent]>;
+    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/place/components/place-outlet/place-outlet.component.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPortal } from '@angular/cdk/portal';
-import { EventEmitter, InjectionToken } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, InjectionToken } from '@angular/core';
 import { ActivatedRoute, Router, RouterOutlet } from '@angular/router';
 import { BooleanValueModelChain, Constructable, ListModel, ValueModel, ValueModelChain } from '@coolon/pectin';
 import { DisposableComponent } from '../../../components/disposable-component';
@@ -13,6 +13,7 @@ export declare class PlaceOutletComponent extends DisposableComponent {
     private readonly router;
     private readonly placeRouter;
     readonly placeConfig: PlaceConfig;
+    private readonly cdr;
     accessor animate$: ValueModel<boolean>;
     accessor animate: boolean;
     accessor customPlaceAnimationOrder$: ListModel<Constructable<PlaceComponent>>;
@@ -36,7 +37,7 @@ export declare class PlaceOutletComponent extends DisposableComponent {
     readonly animationEnabled: BooleanValueModelChain;
     readonly authorised: ValueModelChain<boolean>;
     readonly notAuthorisedNoticePortal: ComponentPortal<any>;
-    constructor(router: Router, placeRouter: PlaceRouter, placeConfig: PlaceConfig, unauthorisedPlaceNotice: Constructable<any>, parentOutlet: PlaceOutletComponent);
+    constructor(router: Router, placeRouter: PlaceRouter, placeConfig: PlaceConfig, unauthorisedPlaceNotice: Constructable<any>, parentOutlet: PlaceOutletComponent, cdr: ChangeDetectorRef);
     getAnimationOrder(): number;
     get animationDuration(): string;
     get isAuthorised(): boolean;
@@ -52,6 +53,6 @@ export declare class PlaceOutletComponent extends DisposableComponent {
     private notifyComponentVisitSegmentChanged;
     animationStarted(): void;
     animationDone(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PlaceOutletComponent, [null, null, { optional: true; }, { optional: true; }, { optional: true; skipSelf: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlaceOutletComponent, [null, null, { optional: true; }, { optional: true; }, { optional: true; skipSelf: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PlaceOutletComponent, "aup-place-outlet", never, { "animate$": { "alias": "animate$"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; "customPlaceAnimationOrder$": { "alias": "placeAnimationOrderModel"; "required": false; }; "customPlaceAnimationOrder": { "alias": "placeAnimationOrder"; "required": false; }; }, { "placeChanged": "placeChanged"; }, never, never, false, never>;
 }

package/lib/place/place-component.d.ts

@@ -1,7 +1,7 @@
 import { ActivatedRouteSnapshot } from '@angular/router';
-import { Constructable, ListModel } from '@coolon/pectin';
+import { Constructable, ListModel, ValueModel } from '@coolon/pectin';
 import 'reflect-metadata';
-import { LoadableComponent } from "../components/loadable-component";
+import { DisposableComponent } from '../components/disposable-component';
 import { InteractionContext } from '../interaction/interaction-context';
 import { PlaceDefinition } from './place-definition';
 import { PlaceRouter } from "./place-router";
@@ -11,7 +11,7 @@ import { VisitSegment } from './visit-segment';
 import * as i0 from "@angular/core";
 export declare const DEFINITION_META_DATA_KEY = "PLACE_DEFINITION_OPTIONS";
 export declare const ROUTE_PARAMETER_LIST_KEY: unique symbol;
-export declare class PlaceComponent extends LoadableComponent {
+export declare class PlaceComponent extends DisposableComponent {
     private readonly _placeReadyCallbacks;
     private visitModel;
     private _inVisitUpdate;
@@ -32,7 +32,7 @@ export declare class PlaceComponent extends LoadableComponent {
      */
     private installAndInitialiseBinding;
     get placeDefinition(): PlaceDefinition;
-    get active(): import("@coolon/pectin").ValueModel<boolean>;
+    get active(): ValueModel<boolean>;
     /**
      * Called by the router to see if this component can deactivate.  This isn't called for route parameter changes.
      * @param interactionContext

package/lib/place/place.module.d.ts

@@ -14,11 +14,12 @@ import * as i12 from "@angular/material/list";
 import * as i13 from "@angular/material/tooltip";
 import * as i14 from "@angular/material/icon";
 import * as i15 from "../directives/directives.module";
-import * as i16 from "../components/components.module";
-import * as i17 from "@angular/cdk/portal";
-import * as i18 from "@angular/material/card";
+import * as i16 from "@angular/flex-layout";
+import * as i17 from "../components/components.module";
+import * as i18 from "@angular/cdk/portal";
+import * as i19 from "@angular/material/card";
 export declare class PlaceModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PlaceModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PlaceModule, [typeof i1.PlaceOutletComponent, typeof i2.TabbedPlaceNavigationComponent, typeof i3.ListPlaceNavComponent, typeof i4.SidePlaceNavigationComponent, typeof i5.AbstractPlaceNavigationComponent, typeof i6.NotAuthorisedNoticeComponent], [typeof i7.CommonModule, typeof i8.BrowserAnimationsModule, typeof i9.MatProgressSpinnerModule, typeof i10.RouterModule, typeof i11.MatTabsModule, typeof i12.MatListModule, typeof i13.MatTooltipModule, typeof i14.MatIconModule, typeof i15.DirectivesModule, typeof i16.ComponentsModule, typeof i17.PortalModule, typeof i18.MatCardModule], [typeof i1.PlaceOutletComponent, typeof i2.TabbedPlaceNavigationComponent, typeof i3.ListPlaceNavComponent, typeof i4.SidePlaceNavigationComponent, typeof i5.AbstractPlaceNavigationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PlaceModule, [typeof i1.PlaceOutletComponent, typeof i2.TabbedPlaceNavigationComponent, typeof i3.ListPlaceNavComponent, typeof i4.SidePlaceNavigationComponent, typeof i5.AbstractPlaceNavigationComponent, typeof i6.NotAuthorisedNoticeComponent], [typeof i7.CommonModule, typeof i8.BrowserAnimationsModule, typeof i9.MatProgressSpinnerModule, typeof i10.RouterModule, typeof i11.MatTabsModule, typeof i12.MatListModule, typeof i13.MatTooltipModule, typeof i14.MatIconModule, typeof i15.DirectivesModule, typeof i16.FlexModule, typeof i17.ComponentsModule, typeof i18.PortalModule, typeof i19.MatCardModule], [typeof i1.PlaceOutletComponent, typeof i2.TabbedPlaceNavigationComponent, typeof i3.ListPlaceNavComponent, typeof i4.SidePlaceNavigationComponent, typeof i5.AbstractPlaceNavigationComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PlaceModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "16.1.0-aplpha.88",
+  "version": "16.1.0-aplpha.9",
   "peerDependencies": {
     "@angular/animations": "^16.2.9",
     "@angular/common": "^16.2.9",
@@ -12,19 +12,17 @@
     "@angular/platform-browser-dynamic": "^16.2.9",
     "@angular/material-moment-adapter": "^16.2.10",
     "@angular/router": "^16.2.9",
-    "@coolon/pectin": "^5.0.0-alpha.37",
-    "fast-typescript-memoize": "^1.1.1",
+    "@coolon/pectin": "^5.0.0-alpha.0",
+    "@typescript-plus/fast-memoize-decorator": "^0.2.1",
     "lodash-es": "^4.17.21",
     "marked": "4.0.10",
     "reflect-metadata": "^0.1.13",
     "resize-observer-polyfill": "^1.5.1",
     "typescript-string-enums": "^1.0.0",
     "json5": "^2.1.0",
-    "immer": ">=10.0.3",
+    "immer": ">=7.0.15",
     "escape-string-regexp": "^5.0.0",
-    "@coolon/typescript-utilities": "^5.0.0-alpha.8",
-    "fractional-indexing": "^3.2.0",
-    "ng-table-virtual-scroll": "^1.6.1"
+    "@coolon/typescript-utilities": "^5.0.0-alpha.3"
   },
   "optionalDependencies": {
     "@fortawesome/fontawesome-free": "^6.0.0"