@coolon/angular-ui-powerups 12.4.0-alpha.7 → 12.4.0-alpha.71

package/lib/components/cards/abstract-card-container.component.d.ts

@@ -0,0 +1,11 @@
+import { OnInit, TemplateRef } from '@angular/core';
+import { Command } from '@coolon/pectin';
+import { CommandFace } from '../commands/command-face';
+import { DisposableComponent } from '../disposable-component';
+export declare class AbstractCardContainerComponent extends DisposableComponent implements OnInit {
+    addCardCommand: Command<any>;
+    addCardFace: CommandFace;
+    addCardTemplate: TemplateRef<any>;
+    constructor();
+    ngOnInit(): void;
+}

package/lib/components/{card-container → cards/card-container}/card-container.component.d.ts

@@ -1,7 +1,5 @@
-import { OnInit, TemplateRef } from '@angular/core';
-import { Command } from '@coolon/pectin';
-import { CommandFace } from '../commands/command-face';
-import { DisposableComponent } from '../disposable-component';
+import { ElementRef, OnInit } from '@angular/core';
+import { AbstractCardContainerComponent } from '../abstract-card-container.component';
 /**
  * @example
  * // basic usage
@@ -19,6 +17,13 @@ import { DisposableComponent } from '../disposable-component';
  *   <my-card *ngFor="..."></my-card>
  * </aup-card-container>
  *
+ * // use the aup-add-card-activity to display as the new card place holder and to run
+ * // the activity inside teh card
+ * <aup-card-container [addCardCommand]="addCard" [addCardFace]="i18n.addCard" >
+ *   <my-card *ngFor="..."></my-card>
+ *   <aup-add-card-activity type="inline" renderAs="card" [face]="i18n.commands.addModal" [activityClass]="AddCardActivity"></aup-add-card-activity>
+ * </aup-card-container>
+ *
  * // adds an add card component using the specified template.  The template
  * // will fill it's container in the grid.
  * <aup-card-container>
@@ -51,15 +56,31 @@ import { DisposableComponent } from '../disposable-component';
  * aup-card-container {
  *   --card-gap: var(--card-gap, 16px);
  *   --card-width: var(--card-width, 300px);
+ *   --card-max-width: auto;
  *   --card-height: var(--card-height, auto);
  *   --card-min-height: var(--card-min-height, auto);
  *   --card-background: var(--card-background, #fcfcfb);
  * }
  */
-export declare class CardContainerComponent extends DisposableComponent implements OnInit {
-    addCardCommand: Command<any>;
-    addCardFace: CommandFace;
-    addCardTemplate: TemplateRef<any>;
-    constructor();
+export declare class CardContainerComponent extends AbstractCardContainerComponent implements OnInit {
+    private readonly elementRef;
+    private _columnCount;
+    set columnCount(count: number | undefined);
+    get columnCount(): number | undefined;
+    /**
+     * Enable scrolling.  If true the container will have height==0 so you must set it's height explicitly
+     * or place in a layout that will stretch it such as a grid or flex layout.
+     */
+    enabledScroll: boolean;
+    constructor(elementRef: ElementRef);
     ngOnInit(): void;
+    get isAutoColumns(): boolean;
+    get isSingleColumn(): boolean;
+    protected updateColumnCountStyles(): void;
+}
+export declare namespace CardContainerComponent {
+    interface ColumnConfiguration {
+        count: number;
+        stretchToFill: boolean;
+    }
 }

package/lib/components/cards/card-stack/card-stack.component.d.ts

@@ -0,0 +1,65 @@
+import { AbstractCardContainerComponent } from '../abstract-card-container.component';
+/**
+ * @deprecated deprecated, use `aup-card-container [columnCount]="1"` instead.
+ * @example
+ * // basic usage
+ * <aup-card-stack>
+ *   <my-card *ngFor="..."></my-card>
+ * </aup-card-stack>
+ *
+ * // adds an add button with a the '+' icon to the end of the card list.
+ * <aup-card-stack [addCardCommand]="addCard">
+ *   <my-card *ngFor="..."></my-card>
+ * </aup-card-stack>
+ *
+ * // adds an add button with the specified face
+ * <aup-card-stack [addCardCommand]="addCard" [addCardFace]="i18n.addCard" >
+ *   <my-card *ngFor="..."></my-card>
+ * </aup-card-stack>
+ *
+ * // use the aup-add-card-activity to display as the new card place holder and to run
+ * // the activity inside teh card
+ * <aup-card-stack [addCardCommand]="addCard" [addCardFace]="i18n.addCard" >
+ *   <my-card *ngFor="..."></my-card>
+ *   <aup-add-card-activity type="inline" renderAs="card" [face]="i18n.commands.addModal" [activityClass]="AddCardActivity"></aup-add-card-activity>
+ * </aup-card-stack>
+ *
+ * // adds an add card component using the specified template.  The template
+ * // will fill it's container in the grid.
+ * <aup-card-stack>
+ *   <my-card *ngFor="..."></my-card>
+ *   <ng-template #addCardTemplate>
+ *     <div>This is a new card template, it will the the size of the other cards.</div>
+ *   </ng-template>
+ * </aup-card-stack>
+ *
+ * // sing the default new card styles for your template
+ * @import "../../../../assets/styles";
+ * .my-new-card {
+ *   @include aup-card-stack-new-card-style();
+ *   // OR
+ *   @include aup-card-stack-new-card-style(
+ *      $color: rgba(0,0,0,0.54),
+ *      $background-color: rgba(255,255,255,0.8),
+ *      $hover-color: $color,
+ *      $background-hover-color: white
+ *   )
+ * }
+ * <aup-card-stack>
+ *   <my-card *ngFor="..."></my-card>
+ *   <ng-template #addCardTemplate>
+ *     <div class="my-new-card" >This is a new card template, it will the the size of the other cards.</div>
+ *   </ng-template>
+ * </aup-card-stack>
+ *
+ * // CSS Vars
+ * aup-card-stack {
+ *   --card-gap: var(--card-gap, 16px);
+ *   --card-height: var(--card-height, auto);
+ *   --card-min-height: var(--card-min-height, auto);
+ *   --card-background: var(--card-background, #fcfcfb);
+ * }
+ */
+export declare class CardStackComponent extends AbstractCardContainerComponent {
+    constructor();
+}

package/lib/components/commands/command-face/command-face.component.d.ts

@@ -15,6 +15,7 @@ import { CommandFace } from '../command-face';
 export declare class CommandFaceComponent<T> extends DisposableComponent implements OnInit {
     private readonly facesModel;
     _rawFaces: CommandFace[];
+    set face(face: CommandFace);
     ignoreIcon: boolean;
     ignoreText: boolean;
     includeMissingIconInLayout: boolean;

package/lib/components/exports.d.ts

@@ -8,7 +8,9 @@ export * from "./focusable.component";
 export * from "./resize-aware.component";
 export * from "./track-by";
 export * from "./busy-overlay/busy-overlay.component";
-export * from "./card-container/card-container.component";
+export * from "./cards/abstract-card-container.component";
+export * from "./cards/card-container/card-container.component";
+export * from "./cards/card-stack/card-stack.component";
 export * from "./commands/command-face";
 export * from "./commands/flex.component";
 export * from "./commands/separator.component";
@@ -36,6 +38,8 @@ export * from "./forms/select-input/select-input.component";
 export * from "./forms/string-input/string-input.component";
 export * from "./forms/text-input/text-input.component";
 export * from "./icon/icon.component";
+export * from "./labelled-value/labelled-value.component";
+export * from "./loading-container/loading-container.component";
 export * from "./noop/noop.component";
 export * from "./scroll-container/scroll-container.component";
 export * from "./section-header/section-header.component";
@@ -43,16 +47,17 @@ export * from "./switch-case/switch-case.component";
 export * from "./tables/abstract-table-model";
 export * from "./tables/abstract-table.component";
 export * from "./tables/column-list-model";
+export * from "./tables/edit-session";
 export * from "./tables/table/cell-editors";
 export * from "./tables/table/cell-portal-ref";
 export * from "./tables/table/cell-renderer";
 export * from "./tables/table/column-model";
 export * from "./tables/table/column-text-properties";
-export * from "./tables/table/edit-session";
 export * from "./tables/table/mutable-cell-renderer";
 export * from "./tables/table/table-def";
 export * from "./tables/table/table-model";
 export * from "./tables/table/table.component";
+export * from "./tables/table/text-search-predicate";
 export * from "./tables/table/column-template/column-template.directive";
 export * from "./tables/table/default-cell-renderer/default-cell-renderer.component";
 export * from "./tables/table/default-header-cell-renderer/default-header-cell-renderer.component";
@@ -67,10 +72,8 @@ export * from "./tables/tree-table/decorated-tree-node";
 export * from "./tables/tree-table/flattened-tree-list-model";
 export * from "./tables/tree-table/tree-expansion-model";
 export * from "./tables/tree-table/tree-label-column-model";
-export * from "./tables/tree-table/tree-node";
 export * from "./tables/tree-table/tree-table-component";
 export * from "./tables/tree-table/tree-table-model";
-export * from "./tables/tree-table/visitable.class";
 export * from "./tables/tree-table/tree-inheritance-icon/tree-inheritance-icon.component";
 export * from "./tables/tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component";
 export * from "./types/bounds.class";

package/lib/components/labelled-value/labelled-value.component.d.ts

@@ -0,0 +1,7 @@
+import { OnInit } from '@angular/core';
+import { DisposableComponent } from '../disposable-component';
+export declare class LabelledValueComponent extends DisposableComponent implements OnInit {
+    label: string;
+    constructor();
+    ngOnInit(): void;
+}

package/lib/components/loading-container/loading-container.component.d.ts

@@ -0,0 +1,11 @@
+import { OnInit } from '@angular/core';
+import { GarbageCollector, ValueModel } from '@coolon/pectin';
+export declare class LoadingContainerComponent extends GarbageCollector implements OnInit {
+    loadingModel: ValueModel<boolean>;
+    loading: boolean;
+    messageModel: ValueModel<string>;
+    message: string;
+    get state(): string;
+    constructor();
+    ngOnInit(): void;
+}

package/lib/components/section-header/section-header.component.d.ts

@@ -1,6 +1,9 @@
 import { OnInit } from '@angular/core';
-export declare class SectionHeaderComponent implements OnInit {
-    underline: boolean;
+import { DisposableComponent } from '../disposable-component';
+export declare class SectionHeaderComponent extends DisposableComponent implements OnInit {
+    size: 'toolbar' | 'large' | 'medium' | 'small';
+    borderTop: boolean;
+    borderBottom: boolean;
     constructor();
     ngOnInit(): void;
 }

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

@@ -1,9 +1,9 @@
 import { ComponentType } from '@angular/cdk/overlay';
-import { BooleanValueModelChain, DirtyTrackingForm, Disposable, GarbageCollector, ListModel, ListModelChain, SelectionModel, Types, UnaryCommand, ValueModel, ValueModelChain } from '@coolon/pectin';
+import { BooleanValueModelChain, Command, DirtyTrackingForm, Disposable, GarbageCollector, ListModel, ListModelChain, SelectionModel, Types, ValueModel, ValueModelChain } from '@coolon/pectin';
+import { EditSession } from './edit-session';
 import { CellRenderer } from './table/cell-renderer';
 import { CellRendererOptions, ColumnModel, CustomTemplateColumnModel, CustomValueColumnModel, EditorControlColumnModel, ListPropertyColumnModel, OnComponentInit, PropertyColumnModel, SelectionColumnModel } from './table/column-model';
 import { ColumnTextProperties } from './table/column-text-properties';
-import { EditSession } from './table/edit-session';
 export declare class AbstractTableModel<Row> extends GarbageCollector {
     private readonly _dataSource;
     readonly dataSource: ListModelChain<Row>;
@@ -12,7 +12,7 @@ export declare class AbstractTableModel<Row> extends GarbageCollector {
     private readonly _rowsBeingEdited;
     private readonly rowClassNamePredicates;
     private _columnTextPropertiesLookup;
-    private saveCommand;
+    private saveCommandFactory;
     private _editorSessionByRowId;
     readonly editing: BooleanValueModelChain;
     readonly firstEditableColumn: ValueModelChain<ColumnModel<Row>>;
@@ -23,6 +23,8 @@ export declare class AbstractTableModel<Row> extends GarbageCollector {
     readonly lastVisibleColumn: ValueModel<ColumnModel<Row>>;
     private _createForm;
     constructor();
+    findMatchingColumns(row: Row, regex: RegExp): ColumnModel<Row>[];
+    hasMatchingColumn(row: Row, regex: RegExp): boolean;
     protected setDataSource(sourceOfTruth: ListModel<Row>): void;
     identityOf(row: Row): any;
     get rowsBeingEdited(): ListModel<Row>;
@@ -36,10 +38,10 @@ export declare class AbstractTableModel<Row> extends GarbageCollector {
         columnId: string;
     }): ListPropertyColumnModel<Row, P>;
     protected _addSelectionColumn(selectionModel?: SelectionModel<Row>, visible?: ValueModel<boolean> | boolean): SelectionColumnModel<Row>;
-    addEditControls(saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>): EditorControlColumnModel<Row>;
+    addEditControls(saveCommandFactory: Command.Factory<DirtyTrackingForm<Row>, boolean | Promise<boolean>>, formFactory?: (row: Row) => DirtyTrackingForm<Row>): EditorControlColumnModel<Row>;
     addCustomColumn<V>(columnId: string, dataAccessor: (row: Row) => V): CustomValueColumnModel<Row, V>;
-    addComponentColumn<C extends CellRenderer<Row>>(columnId: string, component: ComponentType<C>, onInit?: OnComponentInit<C>): CustomValueColumnModel<Row, Row>;
-    addComponentColumn<C extends CellRenderer<Row>>(columnId: string, component: ComponentType<C>, options?: CellRendererOptions<Row, C>): CustomValueColumnModel<Row, Row>;
+    addComponentColumn<C extends CellRenderer<Partial<Row>>>(columnId: string, component: ComponentType<C>, onInit?: OnComponentInit<C>): CustomValueColumnModel<Row, Row>;
+    addComponentColumn<C extends CellRenderer<Partial<Row>>>(columnId: string, component: ComponentType<C>, options?: CellRendererOptions<Row, C>): CustomValueColumnModel<Row, Row>;
     addTemplateColumn<V>(columnId: string): CustomTemplateColumnModel<Row>;
     addRowClass(className: string, predicate: (row: Row) => boolean): void;
     getRowClasses(row: Row): string[];
@@ -54,7 +56,8 @@ export declare class AbstractTableModel<Row> extends GarbageCollector {
     cancelAllEditorSessions(): void;
     isRowSelectionEnabledFor(column: ColumnModel<Row>): boolean;
     isRowSelectionEnabled(): boolean;
-    hasSelectionModel(): boolean;
+    hasUserSelectionModel(): boolean;
+    getSelectionModel(): SelectionModel<Row> | undefined;
     isHoverEnabled(): boolean;
     isCursorEnabled(column: ColumnModel<Row>): boolean;
     selectRow(row: Row): void;

package/lib/components/tables/{table/edit-session.d.ts → edit-session.d.ts}

@@ -1,9 +1,9 @@
-import { DirtyTrackingForm, GarbageCollector, UnaryCommand } from '@coolon/pectin';
+import { Command, DirtyTrackingForm, GarbageCollector } from '@coolon/pectin';
 export declare class EditSession<Row> extends GarbageCollector {
     readonly rowId: any;
     readonly form: DirtyTrackingForm<Row>;
-    readonly saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>;
+    readonly saveCommand: Command<boolean | Promise<boolean>>;
     private _liveRowValue;
     readonly liveRowValue: import("@coolon/pectin").ValueModel<Row>;
-    constructor(rowId: any, row: Row, form: DirtyTrackingForm<Row>, saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>);
+    constructor(rowId: any, row: Row, form: DirtyTrackingForm<Row>, saveCommand: Command<boolean | Promise<boolean>>);
 }

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

@@ -1,7 +1,7 @@
 import { ComponentType } from '@angular/cdk/overlay';
 import { TemplateRef, ViewContainerRef } from '@angular/core';
 import { ColumnModel, RowData } from './column-model';
-import { EditSession } from './edit-session';
+import { EditSession } from '../edit-session';
 import { TableCellRendererComponent } from './table-cell-renderer/table-cell-renderer.component';
 import { TableHeaderCellRendererComponent } from './table-header-cell-renderer/table-header-cell-renderer.component';
 export declare const HEADER_CELL_RENDERER_PORTAL: unique symbol;

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

@@ -1,3 +1,5 @@
+import { TextSearchPredicate } from './text-search-predicate';
 export interface CellRenderer<T> {
     value: T;
+    matches?: TextSearchPredicate<T>;
 }

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

@@ -1,14 +1,15 @@
 import { ComponentType } from '@angular/cdk/overlay';
 import { TemplateRef, ViewContainerRef } from '@angular/core';
-import { Command, DelegatingSelectionModel, DirtyTrackingForm, SelectionModel, Types, UnaryCommand, Validator, ValueModel } from '@coolon/pectin';
+import { Command, DelegatingSelectionModel, DirtyTrackingForm, GarbageCollector, SelectionModel, Types, Validator, ValueModel } from '@coolon/pectin';
 import { CellEditorComponent, CellListEditorComponent } from './cell-editors';
 import { CellEditorPortalRef, CellHeaderPortalRef, CellRendererPortalRef } from './cell-portal-ref';
 import { CellRenderer } from './cell-renderer';
 import { ColumnTextProperties } from './column-text-properties';
-import { EditSession } from './edit-session';
+import { EditSession } from '../edit-session';
 import { MutableCellRenderer } from './mutable-cell-renderer';
 import { TableCellRendererComponent } from './table-cell-renderer/table-cell-renderer.component';
 import { TableHeaderCellRendererComponent } from './table-header-cell-renderer/table-header-cell-renderer.component';
+import { TextSearchPredicate } from './text-search-predicate';
 export interface RowData<Row> {
     row: Row;
     editSession?: EditSession<Row>;
@@ -22,7 +23,7 @@ export interface CellRendererOptions<Row, E> {
 export interface MutableCellRendererOptions<Row, E, P extends keyof Row> extends CellRendererOptions<Row, E> {
     onValueEdit: (row: Row, is: Row[P], was: Row[P]) => void;
 }
-export declare class ColumnModel<Row> {
+export declare class ColumnModel<Row> extends GarbageCollector {
     readonly columnId: string;
     private textPropertiesProvider;
     private _columnTextProperties;
@@ -34,6 +35,8 @@ export declare class ColumnModel<Row> {
     private _defaultVisibility;
     private _visible;
     readonly dasherisedColumnId: string;
+    protected _columnModelTextSearchPredicate: TextSearchPredicate<Row>;
+    protected _cellRendererTextSearchPredicate: TextSearchPredicate<Row>;
     constructor(columnId: string, textPropertiesProvider: ColumnModel.TextPropertiesProvider);
     protected installHeaderRenderer(): void;
     getHeaderText(): string;
@@ -42,6 +45,12 @@ export declare class ColumnModel<Row> {
     visibleWhile(visible: ValueModel<boolean>): this;
     protected setDefaultVisibility(visible: ValueModel<boolean>): void;
     protected getDefaultHeaderText(): string;
+    get isTextMatch(): TextSearchPredicate<Row>;
+    /**
+     * Sets the predicate to use when checking if the specified row is a text match for this column.
+     * @param predicate
+     */
+    useTextSearchPredicate(predicate: TextSearchPredicate<Row>): this;
     getColumnTextProperties(): ColumnTextProperties;
     /**
      * @deprecated use #columnTextProperties instead
@@ -102,12 +111,12 @@ export declare class CustomValueColumnModel<Row, V> extends ColumnModel<Row> {
     private getValue;
     constructor(columnId: string, defaults: ColumnModel.TextPropertiesProvider, getValue: (row: Row) => V);
     cellRenderer<C extends {
-        value: V;
+        value: Partial<V>;
     }>(componentType: ComponentType<C>, onComponentInitOrOptions?: CellRendererOptions<Row, C> | OnComponentInit<C>): this;
     selectRowOnClick(selectOnRowClick: boolean): this;
 }
 export declare class EditorControlColumnModel<Row> extends ColumnModel<Row> {
-    constructor(columnId: string, saveCommand: UnaryCommand<DirtyTrackingForm<Row>, 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/table/default-cell-renderer/default-cell-renderer.component.d.ts

@@ -1,4 +1,5 @@
-export declare class DefaultCellRendererComponent<T> {
+import { CellRenderer } from '../cell-renderer';
+export declare class DefaultCellRendererComponent<T> implements CellRenderer<T> {
     private _value;
     set value(value: T);
     get value(): T;

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

@@ -1,11 +1,13 @@
 import { OnInit } from '@angular/core';
 import { Command, DirtyTrackingForm } from '@coolon/pectin';
 import { DisposableComponent } from '../../../disposable-component';
-import { EditSession } from '../edit-session';
+import { EditSession } from '../../edit-session';
 export declare class EditRowControls<Row> extends DisposableComponent implements OnInit {
     row: Row;
     editRowCommand: Command<void>;
-    editSession: EditSession<Row>;
+    private _session;
+    set editSession(session: EditSession<Row>);
+    get editSession(): EditSession<Row>;
     readonly saveCommand: Command<void>;
     readonly cancelCommand: Command<void>;
     constructor();

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

@@ -4,7 +4,7 @@ import { DisposableComponent } from '../../../disposable-component';
 import { AbstractTableModel } from '../../abstract-table-model';
 import { CellEditorComponent, CellListEditorComponent } from '../cell-editors';
 import { ColumnModel, RowData } from '../column-model';
-import { EditSession } from '../edit-session';
+import { EditSession } from '../../edit-session';
 import { CELL_RENDERER_PORTAL, CELL_EDITOR_PORTAL } from '../cell-portal-ref';
 export declare class TableCellRendererComponent<Row> extends DisposableComponent implements OnInit, OnChanges {
     row: Row;

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

@@ -1,8 +1,8 @@
-import { OnInit } from '@angular/core';
 import { MatMenuTrigger } from '@angular/material/menu';
 import { Command } from '@coolon/pectin';
 import { CommandFace } from '../../../commands/command-face';
 import { DisposableComponent } from '../../../disposable-component';
+import { CellRenderer } from '../cell-renderer';
 declare class MenuItemData<T> {
     readonly factory: Command.Factory<T, void>;
     readonly face: CommandFace;
@@ -11,7 +11,7 @@ declare class MenuItemData<T> {
 /**
  *
  */
-export declare class TableRowMenuComponent<T> extends DisposableComponent implements OnInit {
+export declare class TableRowMenuComponent<T> extends DisposableComponent implements CellRenderer<T> {
     value: T;
     menu: MatMenuTrigger;
     readonly actions: MenuItemData<T>[];
@@ -19,7 +19,6 @@ export declare class TableRowMenuComponent<T> extends DisposableComponent implem
     registerAction(commandFactory: Command.Factory<T, void>, properties: CommandFace): void;
     registerMoreAction(commandFactory: Command.Factory<T, void>, properties: CommandFace): void;
     constructor();
-    ngOnInit(): void;
     createMoreMenuCommand(item: MenuItemData<T>, value: T): Command<void>;
     private closeMoreMenu;
 }

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

@@ -45,18 +45,19 @@ import { AbstractTableComponent } from '../abstract-table.component';
  *   --row-selected-background-color: rebeccapurple; // defaults to transparent
  *   --first-column-padding-left: 18px // defaults to --column-gap
  *   --last-column-padding-right: 18px // defaults to --column-gap
- *
- *   aup-table-header-cell-renderer,
- *   aup-table-cell-renderer {
- *     &.aup-col-my-dasherised-column-id {
- *       // do stuff
- *     }
- *     &.first-visible-column {
- *       // do stuff
- *     }
- *     &.last-visible-column {
- *       // do stuff
- *     }
+ *   ::ng-deep {
+ *      aup-table-header-cell-renderer,
+ *      aup-table-cell-renderer {
+ *        &.aup-col-my-dasherised-column-id {
+ *          // do stuff
+ *        }
+ *        &.first-visible-column {
+ *          // do stuff
+ *        }
+ *        &.last-visible-column {
+ *          // do stuff
+ *        }
+ *      }
  *   }
  * }
  */

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

@@ -0,0 +1 @@
+export declare type TextSearchPredicate<T> = (row: T, matcher: RegExp) => boolean;

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

@@ -6,7 +6,6 @@ export declare class FlattenedTreeListModel<T> extends ComputedListModel<Decorat
     private readonly childRef;
     readonly expansionModel: TreeExpansionModel<DecoratedTreeNode<T>>;
     constructor(source: ListModel<T>, childRef: (node: T) => T[], expansionModel: TreeExpansionModel<DecoratedTreeNode<T>>);
-    getIdentityOf(item: DecoratedTreeNode<T>): any;
     compute(values: T[]): DecoratedTreeNode<T>[];
     private addNodeAndVisibleChildren;
 }

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

@@ -3,7 +3,6 @@ import { ListModelChain, ValueModelChain } from '@coolon/pectin';
 import { DisposableComponent } from '../../../disposable-component';
 import { CellRenderer } from '../../table/cell-renderer';
 import { DecoratedTreeNode } from '../decorated-tree-node';
-import { TreeExpansionModel } from '../tree-expansion-model';
 import { TreeTableModel } from '../tree-table-model';
 export declare class TreeLabelCellRendererComponent<T> extends DisposableComponent implements CellRenderer<T>, OnInit {
     iconTypes: string[];
@@ -11,7 +10,7 @@ export declare class TreeLabelCellRendererComponent<T> extends DisposableCompone
     value: T;
     label: string;
     iconFactory: TreeTableModel.IconFactory<T>;
-    expansionModel: TreeExpansionModel<T>;
+    treeTableModel: TreeTableModel<T>;
     readonly iconList: ListModelChain<string>;
     canExpand: ValueModelChain<boolean>;
     canCollapse: ValueModelChain<boolean>;
@@ -21,7 +20,7 @@ export declare class TreeLabelCellRendererComponent<T> extends DisposableCompone
     get isRoot(): boolean;
     get isLeaf(): boolean;
     get node(): T;
-    expandOrCollapse(node: DecoratedTreeNode<T>): void;
+    expandOrCollapse($event: MouseEvent, node: DecoratedTreeNode<T>): void;
 }
 export declare namespace TreeLabelCellRendererComponent {
     const DEFAULT_ICON_FACTORY: TreeTableModel.IconFactory<any>;

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 '../table/column-model';
-import { TreeExpansionModel } from './tree-expansion-model';
 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: TreeExpansionModel<Row>;
+    readonly expansionModel: TreeTableModel<Row>;
     private labelProperty;
     private iconFactory;
-    constructor(columnId: string, textPropertiesProvider: ColumnModel.TextPropertiesProvider, expansionModel: TreeExpansionModel<Row>);
+    constructor(columnId: string, textPropertiesProvider: ColumnModel.TextPropertiesProvider, expansionModel: TreeTableModel<Row>);
     pluck<P extends Types.ValuePropertiesOf<Row>>(property: P): void;
     /**
      * @deprecated use #useIcon instead.

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

@@ -1,7 +1,7 @@
 import { ElementRef, NgZone } from '@angular/core';
+import { TreeNode } from '@coolon/typescript-utilities';
 import { AbstractTableModel } from '../abstract-table-model';
 import { AbstractTableComponent } from '../abstract-table.component';
-import { TreeNode } from './tree-node';
 import { TreeTableModel } from './tree-table-model';
 /**
  * Create your model:

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

@@ -1,7 +1,6 @@
 import { ListModel, MutableValueModel, SelectionModel, ValueModel } from '@coolon/pectin';
 import { AbstractTableModel } from '../abstract-table-model';
 import { SelectionColumnModel } from '../table/column-model';
-import { DecoratedTreeNode } from './decorated-tree-node';
 import { TreeExpansionModel } from './tree-expansion-model';
 import { TreeLabelColumnModel } from './tree-label-column-model';
 export declare type ChildArrayPropertiesOf<T> = {
@@ -12,10 +11,10 @@ export declare class TreeTableModel<Row> extends AbstractTableModel<Row> {
     private readonly flattenedDataSource;
     constructor(source: ListModel<Row>, childAccessor: ChildArrayPropertiesOf<Row> | ((node: Row) => Row[]), builder?: (model: TreeTableModel<Row>) => void);
     treeControlColumn(builder: (column: TreeLabelColumnModel<Row>) => void): void;
-    expand(node: DecoratedTreeNode<Row>): void;
-    collapse(node: DecoratedTreeNode<Row>): void;
-    isCollapsed(node: DecoratedTreeNode<Row>): boolean;
-    ensureAncestorsAndSelfVisible(node: DecoratedTreeNode<Row>): void;
+    expand(node: Row): void;
+    collapse(node: Row): void;
+    isCollapsed(node: Row): boolean;
+    ensureAncestorsAndSelfVisible(node: Row): void;
     addSelectionColumn(selectionModel?: SelectionModel<Row>, showSelectionColumn?: ValueModel<boolean> | boolean): SelectionColumnModel<Row>;
 }
 export declare namespace TreeTableModel {

package/lib/components/track-by.d.ts

@@ -1,5 +1,14 @@
 import { TrackByFunction } from '@angular/core';
+import { Constructable } from '@coolon/pectin';
+import { ValuePropertiesOf } from '@coolon/typescript-utilities';
 export declare namespace TrackBy {
     const byIndex: TrackByFunction<any>;
+    /**
+     * @deprecated use #track(MyType).by("property") instead.
+     * @param property
+     */
     function trackByProperty<T, P extends keyof T>(property: P): TrackByFunction<T>;
+    function track<T>(type: Constructable<T>): {
+        by<P extends ValuePropertiesOf<T>>(property: P): (index: number, item: T) => T[P];
+    };
 }

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

@@ -21,4 +21,5 @@ export declare abstract class AbstractInteractionContext implements InteractionC
      * @param data the activity data.
      */
     confirmThen<D, R, E>(confirm: Confirm, activityType: Constructable<Activity<D, R, E>>, data?: D): Promise<R>;
+    confirmThenExecute<R>(confirm: Confirm, operation: () => (Promise<R> | R)): Promise<R>;
 }

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

@@ -1,5 +1,6 @@
 import { ChangeDetectorRef, OnInit } from '@angular/core';
 import { Command } from '@coolon/pectin';
+import { Enum } from 'typescript-string-enums';
 import { CommandFace } from '../../../components/commands/command-face';
 import { DisposableComponent } from '../../../components/disposable-component';
 /**
@@ -40,9 +41,8 @@ export declare class ActivityActionsComponent extends DisposableComponent implem
      * @deprecated use #faces instead.
      */
     set style(style: ActivityActionsComponent.Style);
-    align: 'start' | 'end' | 'stretch';
-    get alignEnd(): boolean;
-    get alignStretch(): boolean;
+    layout: ActivityActionsComponent.Layout;
+    align: ActivityActionsComponent.Align;
     constructor(cdr: ChangeDetectorRef);
     ngOnInit(): void;
     hasConfirmFace(): boolean;
@@ -53,6 +53,17 @@ export declare class ActivityActionsComponent extends DisposableComponent implem
     }): void;
 }
 export declare namespace ActivityActionsComponent {
+    const Layout: {
+        INLINE: "inline";
+        BLOCK: "block";
+    };
+    type Layout = Enum<typeof Layout>;
+    const Align: {
+        START: "start";
+        END: "end";
+        STRETCH: "stretch";
+    };
+    type Align = Enum<typeof Align>;
     interface Style {
         confirm: CommandFace;
         cancel: CommandFace;