@coolon/angular-ui-powerups 16.1.0-alpha.238 → 16.1.0-aplpha.1

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

@@ -1,6 +1,8 @@
-import { ListModel, MultipleSelectionModel, ValueModel } from "@coolon/pectin";
+import { ListModel, SelectionModel, ValueModel } from "@coolon/pectin";
 import { AbstractTableModel } from "../abstract-table-model";
+import { SelectionColumnModel } from "../column/selection-column-model";
 /**
+ * Example:
  * @example
  * const model = new TableModel(heroList, table => {
  *   table.pluck("firstName");
@@ -8,29 +10,54 @@ import { AbstractTableModel } from "../abstract-table-model";
  *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
  * });
  *
+ * Editable tables
+ * @example
+ * const saveCommand = UnaryCommand.create((form: Form<Hero>) => {
+ *   if (form.validate()) {
+ *     // normal form save stuff
+ *     return true; // finish editing
+ *   }
+ *   return false; // continue editiing
+ * }
+ * const colorsNames: ListModel<string> = ...;
+ * const model = TableModel.fromList(heroList, table => {
+ *   table.pluck("firstName").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }
+ *   table.pluck("lastName").cellEditor(StringInputComponent, {
+ *     validators: [Validator.present("We need a last name")]
+ *   });
+ *   table.pluck("age").cellEditor(NumberInputComponent);
+ *   table.pluck("favoriteColor").cellEditor(SelectInputComponent, {
+ *     initialiseComponent(component: SelectInputComponent) {
+ *       selectInput.optionsModel = colorsNames; // <- initialise our component
+ *     }
+ *   });
+ *   table.addEditControls(saveCommand); // <- required to enable editing
+ * });
+ *
  * Selection models
  * @example
  * const model = new TableModel(heroList, table => {
- *   table.useSelectionModel(selectionModel); // single or multiple selection model
+ *   table.addSelectionColumn(selectionModel); // <- can be single or multiple selection model
  *   table.pluck("firstName");
  *   table.pluck("lastName");
  * });
  *
- * Custom cell renderers
+ * Custom cell renderers and editors
  * @example
  * const model = new TableModel(heroList, table => {
  *   table.pluck("favoriteColor")
  *      .cellHeaderRenderer(CellHeaderRendererComponent, (component, column) => {
  *        // configure your component with what ever you need.
- *      })
- *      .cellRenderer(CellRendererComponent);
+ *      });
+ *      .cellRenderer(CellRendererComponent) // <-- interface CellEditor { value: string; }
+ *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }
  *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
  * });
  *
  * Template columns
  * @example
  * const model = new TableModel(heroList, table => {
- *   table.useSelectionModel(selectionModel);
+ *   table.addSelectionColumn(selectionModel); // <- can be single or multiple selection model
  *   table.addTemplateColumn("myTemplate");
  * });
  *
@@ -47,15 +74,14 @@ import { AbstractTableModel } from "../abstract-table-model";
  *         headerText: "Full Name"
  *
  * const model = new TableModel(heroList, table => {
- *   table.pluck("favoriteColor");
+ *   table.pluck("favoriteColor").cellRenderer(...).cellEditor(...);
  *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
  *
  *   table.columnTextProperties(I18n.table.columns); // <- configures all columns
  * });
  */
-export declare class TableModel<Row extends object> extends AbstractTableModel<Row> {
+export declare class TableModel<Row> extends AbstractTableModel<Row> {
     constructor(sourceOfTruth?: ListModel<Row>, builder?: (table: TableModel<Row>) => void);
     bindToTable(filteredRows$: ListModel<Row>, visibleRows$: ListModel<Row>): void;
-    get isUsingTemporarySelectionModel$(): ValueModel<boolean>;
-    withTemporaryMultipleSelectionModel<R>(process: (selectionModel: MultipleSelectionModel<Row, unknown>) => Promise<R>): Promise<R>;
+    addSelectionColumn(selectionModel?: SelectionModel<Row>, showSelectionColumn?: ValueModel<boolean> | boolean): SelectionColumnModel<Row>;
 }

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

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

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

@@ -0,0 +1,28 @@
+import { MatLegacyMenuTrigger as MatMenuTrigger } from '@angular/material/legacy-menu';
+import { Command } from '@coolon/pectin';
+import { CommandFace } from '../../commands/command-face';
+import { DisposableComponent } from '../../disposable-component';
+import { CellRenderer } from '../renderer/cell-renderer';
+import * as i0 from "@angular/core";
+declare class MenuItemData<T extends object> {
+    readonly factory: Command.Factory<T, void>;
+    readonly face: CommandFace;
+    constructor(factory: Command.Factory<T, void>, face: CommandFace);
+}
+/**
+ *
+ */
+export declare class TableRowMenuComponent<T extends object> extends DisposableComponent implements CellRenderer<T> {
+    value: T;
+    menu: MatMenuTrigger;
+    readonly actions: MenuItemData<T>[];
+    readonly moreActions: MenuItemData<T>[];
+    registerAction(commandFactory: Command.Factory<T, void>, properties: CommandFace): void;
+    registerMoreAction(commandFactory: Command.Factory<T, void>, properties: CommandFace): void;
+    constructor();
+    createMoreMenuCommand(item: MenuItemData<T>, value: T): Command<void>;
+    private closeMoreMenu;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableRowMenuComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableRowMenuComponent<any>, "aup-table-row-menu", never, { "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+}
+export {};

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

@@ -1,6 +1,6 @@
 import { ComputedListModel, ListModel } from '@coolon/pectin';
 import { DecoratedTreeNode } from './decorated-tree-node';
-import type { TreeExpansionModel } from './tree-expansion-model';
+import { TreeExpansionModel } from './tree-expansion-model';
 export declare class FlattenedTreeListModel<T> extends ComputedListModel<DecoratedTreeNode<T>, ReadonlyArray<T>> {
     private readonly source;
     private readonly childRef;

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

@@ -1,4 +1,4 @@
-import { Disposable, DisposedWith, GarbageCollector, ListModel } from '@coolon/pectin';
+import { Disposable, DisposedWith, GarbageCollector, ListModel, ValueModel } 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$(): import("@coolon/pectin").ValueModel<(node: T) => boolean>;
+    get isExpandedPredicate$(): 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,6 +4,7 @@ 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-cell-renderer/tree-label-cell-renderer.component.d.ts

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

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

@@ -1,14 +1,13 @@
 import { ComponentType } from '@angular/cdk/overlay';
 import { Types } from '@coolon/pectin';
 import { ColumnModel } from '../column/column-model';
-import type { ColumnOrderManager } from "../column/column-order-manager";
 import { TreeLabelCellRendererComponent } from './tree-label-cell-renderer/tree-label-cell-renderer.component';
-import type { TreeTableModel } from './tree-table-model';
-export declare class TreeLabelColumnModel<Row extends object> extends ColumnModel<Row> {
+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 { Injector } from "@angular/core";
 import { TreeNode } from '@coolon/typescript-utilities';
-import type { AbstractTableModel } from '../abstract-table-model';
+import { AbstractTableModel } from '../abstract-table-model';
 import { AbstractTableComponent } from '../abstract-table.component';
-import type { 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";
@@ -67,10 +65,9 @@ import * as i0 from "@angular/core";
  *   }
  * }
  */
-export declare class TreeTableComponent<T extends TreeNode<T>> extends AbstractTableComponent<T> implements OnInit {
+export declare class TreeTableComponent<T extends TreeNode<T>> extends AbstractTableComponent<T> {
     accessor treeTableModel: TreeTableModel<T>;
     accessor expansionModel: TreeExpansionModel<T>;
-    protected readonly scrollMode$: ValueModel<TableBodyComponent.ScrollMode>;
     constructor(injector: Injector);
     ngOnInit(): void;
     getModel(): AbstractTableModel<T>;

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

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

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/components/types/loadable.d.ts

@@ -0,0 +1,5 @@
+import { ValueModel } from "@coolon/pectin";
+export interface Loadable {
+    loaded$: ValueModel<boolean>;
+    ensureLoaded(): Promise<unknown>;
+}

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

@@ -1,6 +1,6 @@
 import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { MatButton } from '@angular/material/button';
-import { MatMenu, MatMenuItem } from '@angular/material/menu';
+import { MatLegacyButton as MatButton } from '@angular/material/legacy-button';
+import { MatLegacyMenuItem as MatMenuItem } from '@angular/material/legacy-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 {
@@ -8,20 +8,18 @@ export declare class CommandDirective<P = any> extends GarbageCollector implemen
     private _command;
     private _commandEnabled;
     private matControl;
-    private isInPopupMenu;
     set pectinCommand(command: Command<any> | UnaryCommand<P>);
     get pectinCommand(): Command<any> | UnaryCommand<P>;
     private _commandParameter;
     private _commandParameterProvided;
     set commandParameter(value: P);
     get commandParameter(): P;
-    preventDefault: boolean;
-    constructor(elementRef: ElementRef, matButton: MatButton, matMenuItem: MatMenuItem, matMenu?: MatMenu);
+    constructor(elementRef: ElementRef, matButton: MatButton, matMenuItem: MatMenuItem);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     updateEnabledState(enabled: boolean): void;
     ngOnDestroy(): void;
     notifyClick($event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CommandDirective<any>, [null, { optional: true; host: true; }, { optional: true; host: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CommandDirective<any>, "[pectinCommand]", never, { "pectinCommand": { "alias": "pectinCommand"; "required": false; }; "commandParameter": { "alias": "commandParameter"; "required": false; }; "preventDefault": { "alias": "preventDefault"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CommandDirective<any>, [null, { optional: true; host: true; }, { optional: true; host: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CommandDirective<any>, "[pectinCommand]", never, { "pectinCommand": { "alias": "pectinCommand"; "required": false; }; "commandParameter": { "alias": "commandParameter"; "required": false; }; }, {}, never, never, false, never>;
 }

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/input";
-import * as i10 from "@angular/material/form-field";
-import * as i11 from "@angular/material/select";
-import * as i12 from "@angular/material/tabs";
+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";
 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.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 ɵ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 ɵinj: i0.ɵɵInjectorDeclaration<DirectivesModule>;
 }

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/directives/focus-binding.d.ts

@@ -5,7 +5,6 @@ export declare class FocusBinding extends GarbageCollector {
     private readonly ngZone;
     readonly focusContext: FocusManager.Context;
     private readonly document;
-    private focusing;
     constructor(focusTargetElement: HTMLElement, ngZone: NgZone, document: any, focusContext: FocusManager.Context);
     onFocusIn(): void;
     onFocusOut(): void;

package/lib/directives/highlight.pipe.d.ts

@@ -1,6 +1,6 @@
 import { OnDestroy, PipeTransform } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
-import { GarbageCollector } from '@coolon/pectin';
+import { GarbageCollector, ValueModel } from '@coolon/pectin';
 import { HighlightTextModelDirective } from './highlight-text-model.directive';
 import * as i0 from "@angular/core";
 export declare class HighlightPipe extends GarbageCollector implements PipeTransform, OnDestroy {
@@ -8,13 +8,7 @@ export declare class HighlightPipe extends GarbageCollector implements PipeTrans
     private readonly highlightContext?;
     constructor(sanitizer: DomSanitizer, highlightContext?: HighlightTextModelDirective);
     ngOnDestroy(): void;
-    /**
-     * Highlights occurrences of `searchModel` within `value`.
-     *
-     * @param value The string to search within.
-     * @param searchTextFilter Intercept the search text to allow matching against substrings.
-     */
-    transform(value: any, searchTextFilter?: (raw: string) => string | undefined | null): any;
+    transform(value: any, searchModel?: ValueModel<string>): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<HighlightPipe, [null, { optional: true; }]>;
     static ɵpipe: i0.ɵɵPipeDeclaration<HighlightPipe, "aupHighlight", false>;
 }

package/lib/interaction/abstract-interaction-context.d.ts

@@ -1,15 +1,15 @@
 import { Constructable, Disposable } from '@coolon/pectin';
-import type { Activity } from './activity';
-import type { Alert } from './alert';
-import type { Confirm } from './confirm';
-import type { InteractionContext } from './interaction-context';
+import { Activity } from './activity';
+import { Alert } from './alert';
+import { Confirm } from './confirm';
+import { InteractionContext } from './interaction-context';
 export declare abstract class AbstractInteractionContext implements InteractionContext {
     abstract readonly identifier: string;
     abstract cancelActiveActivity(): Promise<boolean>;
     abstract dispose(): void;
     abstract registerDisposable<T extends Disposable>(disposable: T): T;
     abstract isActive(): boolean;
-    protected abstract createAndLaunchActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data: D, options?: InteractionContext.Options): Promise<R>;
+    protected abstract createAndLaunchActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data: D, disableClose: boolean): Promise<R>;
     startActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data?: D, options?: InteractionContext.Options): Promise<R>;
     confirm(confirm: Confirm): Promise<boolean>;
     alert(alert: Alert): Promise<void>;

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

@@ -1,6 +1,6 @@
-import { Constructable, Deferred } from '@coolon/pectin';
-import type { Activity } from './activity';
-import type { InteractionContext } from './interaction-context';
+import { Constructable, Deferred, ValueModel } from '@coolon/pectin';
+import { Activity } from './activity';
+import { InteractionContext } from './interaction-context';
 export declare class ActivityRef<D, R, E> {
     readonly activityClass: Constructable<Activity<D, R, E>>;
     readonly activityData: D;
@@ -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(): import("@coolon/pectin").ValueModel<boolean>;
+    get activityBusy(): ValueModel<boolean>;
 }

package/lib/interaction/activity.d.ts

@@ -1,18 +1,19 @@
-import { InjectionToken } from "@angular/core";
+import { AfterViewInit, InjectionToken } from "@angular/core";
 import { Command, Disposable, ValueModel } from "@coolon/pectin";
-import { LoadableComponent } from "../components/loadable-component";
-import type { InteractionContext } from "./interaction-context";
+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 {
-    #private;
+export declare class Activity<D, R, E = any> extends DisposableComponent implements AfterViewInit {
     readonly activityData: D;
     private readonly activityReadyListeners;
     private readonly _busy$;
     private _focused$;
     private _activityContext;
     private readonly _ready$;
+    protected activityActions: ActivityActionsComponent;
     accessor confirmCommand: Command<unknown>;
     accessor cancelCommand: Command<unknown>;
     private _interactionContext;
@@ -20,6 +21,8 @@ export declare class Activity<D, R, E = any> extends LoadableComponent {
     get isFocused(): boolean;
     constructor();
     initialise(nestedInteractionContext: InteractionContext, activityContext: Activity.Context<R, E>): void;
+    ngAfterViewInit(): void;
+    protected initialiseActivityAction(activityActions: ActivityActionsComponent): void;
     get interactionContext(): InteractionContext;
     done(result?: R): void;
     cancel(error?: E): void;
@@ -37,12 +40,9 @@ export declare class Activity<D, R, E = any> extends LoadableComponent {
     }): Disposable;
     get ready$(): ValueModel<boolean>;
     get busy$(): ValueModel<boolean>;
-    get disableClose$(): ValueModel<boolean>;
     get focused$(): ValueModel<boolean>;
     busyWhile(busyModel: ValueModel<boolean>): void;
     isBusy(): boolean;
-    get disableClose(): boolean;
-    disableCloseWhile(condition: ValueModel<boolean>): void;
     isInitialised(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<Activity<any, any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Activity<any, any, any>, "ng-component", never, {}, {}, never, never, false, never>;

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

@@ -1,10 +1,9 @@
-import type { CommandFace } from '../../components/commands/command-face';
+import { CommandFace } from '../../components/commands/command-face';
 import { Confirm } from '../confirm';
 import { AbstractDialogComponent } from './abstract-dialog.component';
 import * as i0 from "@angular/core";
-export declare class AbstractConfirmDialogComponent<D, R, E = any> extends AbstractDialogComponent<Confirm, D, R, E> {
+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/abstract-dialog.component.d.ts

@@ -1,11 +1,20 @@
 import { InjectionToken } from '@angular/core';
+import { CommandFace } from '../../components/commands/command-face';
 import { Activity } from '../activity';
-import type { Alert } from '../alert';
+import { Alert } from '../alert';
+import { Confirm } from '../confirm';
 import * as i0 from "@angular/core";
 export declare const ALERT_CONFIG: InjectionToken<any>;
-export declare class AbstractDialogComponent<C extends Alert, D, R, E = any> extends Activity<D, R, E> {
-    protected readonly config: C;
-    constructor(config: C);
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDialogComponent<any, any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractDialogComponent<any, any, any, any>, "ng-component", never, {}, {}, never, never, false, never>;
+export declare class AbstractDialogComponent<D, R, E = any> extends Activity<D, R, E> {
+    protected readonly config: Alert | Confirm;
+    readonly confirmFace: CommandFace;
+    readonly title: string;
+    readonly content: string[];
+    readonly color?: 'primary' | 'accent' | 'warn';
+    constructor(config: Alert | Confirm);
+    getConfig(): Alert | Confirm;
+    protected checkColor(rawColor: string): 'primary' | 'accent' | 'warn';
+    isDestructive(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDialogComponent<any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractDialogComponent<any, any, any>, "ng-component", never, {}, {}, never, never, false, never>;
 }

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

@@ -1,9 +1,9 @@
+import { ChangeDetectorRef } from "@angular/core";
 import { Command } from '@coolon/pectin';
 import { Enum } from 'typescript-string-enums';
 import { CommandFace } from '../../../components/commands/command-face';
 import { CommandComponent } from "../../../components/commands/command/command.component";
 import { DisposableComponent } from '../../../components/disposable-component';
-import { ActivityContext } from "../../activity-context";
 import * as i0 from "@angular/core";
 /**
  * @example
@@ -27,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;
     /**
@@ -46,15 +47,17 @@ export declare class ActivityActionsComponent extends DisposableComponent {
     set style(style: ActivityActionsComponent.Style);
     layout: ActivityActionsComponent.Layout;
     align: ActivityActionsComponent.Align;
-    alignContent: ActivityActionsComponent.AlignContent;
-    protected readonly activityContext: ActivityContext;
-    constructor();
+    constructor(cdr: ChangeDetectorRef);
     hasConfirmFace(): boolean;
     hasCancelFace(): boolean;
+    initCommands(activity: {
+        confirmCommand: Command<unknown>;
+        cancelCommand: Command<unknown>;
+    }): void;
     focusConfirm(): void;
     focusCancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActivityActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActivityActionsComponent, "aup-activity-actions", never, { "confirmCommand": { "alias": "confirmCommand"; "required": false; }; "cancelCommand": { "alias": "cancelCommand"; "required": false; }; "faces": { "alias": "faces"; "required": false; }; "confirmFace": { "alias": "confirmFace"; "required": false; }; "cancelFace": { "alias": "cancelFace"; "required": false; }; "style": { "alias": "style"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "align": { "alias": "align"; "required": false; }; "alignContent": { "alias": "alignContent"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActivityActionsComponent, "aup-activity-actions", never, { "confirmCommand": { "alias": "confirmCommand"; "required": false; }; "cancelCommand": { "alias": "cancelCommand"; "required": false; }; "faces": { "alias": "faces"; "required": false; }; "confirmFace": { "alias": "confirmFace"; "required": false; }; "cancelFace": { "alias": "cancelFace"; "required": false; }; "style": { "alias": "style"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "align": { "alias": "align"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare namespace ActivityActionsComponent {
     const Layout: {
@@ -64,16 +67,10 @@ export declare namespace ActivityActionsComponent {
     type Layout = Enum<typeof Layout>;
     const Align: {
         START: "start";
-        STRETCH: "stretch";
         END: "end";
+        STRETCH: "stretch";
     };
     type Align = Enum<typeof Align>;
-    const AlignContent: {
-        START: "start";
-        CENTER: "center";
-        END: "end";
-    };
-    type AlignContent = Enum<typeof AlignContent>;
     interface Style {
         confirm: CommandFace;
         cancel: CommandFace;

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

@@ -2,7 +2,6 @@ import { DisposableComponent } from '../../../components/disposable-component';
 import * as i0 from "@angular/core";
 export declare class ActivityBodyComponent extends DisposableComponent {
     fullWidth: boolean;
-    fullHeight: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActivityBodyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActivityBodyComponent, "aup-activity-body", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActivityBodyComponent, "aup-activity-body", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; }, {}, never, ["*"], false, never>;
 }