@coolon/angular-ui-powerups 12.0.0-alpha.3 → 12.0.1

package/lib/components/alignment.d.ts

@@ -0,0 +1,7 @@
+import { Enum } from 'typescript-string-enums';
+export declare const HorizontalAlignment: {
+    START: "start";
+    CENTER: "center";
+    END: "end";
+};
+export declare type HorizontalAlignment = Enum<typeof HorizontalAlignment>;

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

@@ -1,5 +1,6 @@
 import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
 import { BooleanValueModelChain, Command, ListModelChain, ValueModel, ValueModelChain } from '@coolon/pectin';
+import { HorizontalAlignment } from '../../alignment';
 import { CommandFace } from '../command-face';
 import { PopupAwareComponent } from '../group/popup-aware.component';
 import { PopupContainer } from '../group/popup-container';
@@ -13,6 +14,7 @@ export declare class CommandComponent extends PopupAwareComponent implements OnI
     busyFaceModel: ValueModel<CommandFace>;
     busyFace: CommandFace;
     CommandFace: typeof CommandFace;
+    alignFace: HorizontalAlignment;
     readonly faces: ListModelChain<CommandFace>;
     readonly buttonStyle: ValueModelChain<string>;
     readonly colorModel: ValueModelChain<'primary' | 'accent' | 'warn' | undefined>;

package/lib/components/exports.d.ts

@@ -1,6 +1,7 @@
 /**
  * @file Automatically generated by barrelsby.
  */
+export * from "./alignment";
 export * from "./components.module";
 export * from "./disposable-component";
 export * from "./focusable.component";
@@ -39,37 +40,38 @@ export * from "./noop/noop.component";
 export * from "./scroll-container/scroll-container.component";
 export * from "./section-header/section-header.component";
 export * from "./switch-case/switch-case.component";
-export * from "./table/abstract-table-model";
-export * from "./table/cell-editors";
-export * from "./table/cell-portal-ref";
-export * from "./table/cell-renderer";
-export * from "./table/column-model";
-export * from "./table/column-text-properties";
-export * from "./table/edit-session";
-export * from "./table/mutable-cell-renderer";
-export * from "./table/table-def";
-export * from "./table/table-model";
-export * from "./table/table.component";
-export * from "./table/column-template/column-template.directive";
-export * from "./table/default-cell-renderer/default-cell-renderer.component";
-export * from "./table/default-header-cell-renderer/default-header-cell-renderer.component";
-export * from "./table/edit-row-controls/edit-row-controls.component";
-export * from "./table/paginator/paginator.component";
-export * from "./table/select-cell-renderer/select-cell-renderer.component";
-export * from "./table/select-header-cell-renderer/select-header-cell-renderer.component";
-export * from "./table/table-cell-renderer/table-cell-renderer.component";
-export * from "./table/table-header-cell-renderer/table-header-cell-renderer.component";
-export * from "./table/table-row-menu/table-row-menu.component";
-export * from "./tree-table/decorated-tree-node";
-export * from "./tree-table/tree-expansion-model";
-export * from "./tree-table/tree-label-column-model";
-export * from "./tree-table/tree-node";
-export * from "./tree-table/tree-table-component";
-export * from "./tree-table/tree-table-model";
-export * from "./tree-table/tree-to-list-model";
-export * from "./tree-table/visitable.class";
-export * from "./tree-table/tree-inheritance-icon/tree-inheritance-icon.component";
-export * from "./tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component";
+export * from "./tables/abstract-table-model";
+export * from "./tables/abstract-table.component";
+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/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";
+export * from "./tables/table/edit-row-controls/edit-row-controls.component";
+export * from "./tables/table/paginator/paginator.component";
+export * from "./tables/table/select-cell-renderer/select-cell-renderer.component";
+export * from "./tables/table/select-header-cell-renderer/select-header-cell-renderer.component";
+export * from "./tables/table/table-cell-renderer/table-cell-renderer.component";
+export * from "./tables/table/table-header-cell-renderer/table-header-cell-renderer.component";
+export * from "./tables/table/table-row-menu/table-row-menu.component";
+export * from "./tables/tree-table/decorated-tree-node";
+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/tree-to-list-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";
 export * from "./types/dimension.class";
 export * from "./types/point.class";

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

@@ -1,9 +1,9 @@
 import { ComponentType } from '@angular/cdk/overlay';
 import { BooleanValueModelChain, CanIdentify, DirtyTrackingForm, Disposable, GarbageCollector, ListModel, ListModelChain, SelectionModel, Types, UnaryCommand, ValueModel, ValueModelChain } from '@coolon/pectin';
-import { CellRenderer } from './cell-renderer';
-import { CellRendererOptions, ColumnModel, CustomTemplateColumnModel, CustomValueColumnModel, EditorControlColumnModel, ListPropertyColumnModel, OnComponentInit, PropertyColumnModel, SelectionColumnModel } from './column-model';
-import { ColumnTextProperties } from './column-text-properties';
-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 sourceOfTruth;
     private readonly _columns;
@@ -20,7 +20,7 @@ export declare class AbstractTableModel<Row> extends GarbageCollector {
     readonly dataSource: ListModelChain<Row>;
     readonly firstEditableColumn: ValueModelChain<ColumnModel<Row>>;
     private selectionColumnModel;
-    private hasColumnsWithRowSelectionExplicitlyEnabled;
+    private rowSelectionDisabledOnAllColumns;
     private readonly rowClickListeners;
     readonly firstVisibleColumn: ValueModel<ColumnModel<Row>>;
     readonly lastVisibleColumn: ValueModel<ColumnModel<Row>>;
@@ -36,7 +36,7 @@ export declare class AbstractTableModel<Row> extends GarbageCollector {
     pluckList<P extends Types.ArrayPropertiesOf<Row>>(property: P, options?: {
         columnId: string;
     }): ListPropertyColumnModel<Row, P>;
-    protected _addSelectionColumn(selectionModel?: SelectionModel<Row>): SelectionColumnModel<Row>;
+    protected _addSelectionColumn(selectionModel?: SelectionModel<Row>, visible?: ValueModel<boolean> | boolean): SelectionColumnModel<Row>;
     addEditControls(saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>): 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>;
@@ -53,9 +53,9 @@ export declare class AbstractTableModel<Row> extends GarbageCollector {
     startEditSession(row: Row): EditSession<Row>;
     getEditSessionFor(row: Row): EditSession<Row>;
     cancelAllEditorSessions(): void;
-    isRowSelectionEnabledFor(column: ColumnModel<Row>): boolean | undefined;
-    isRowSelectionEnabledByDefault(): boolean;
+    isRowSelectionEnabledFor(column: ColumnModel<Row>): boolean;
     isRowSelectionEnabled(): boolean;
+    hasSelectionModel(): boolean;
     isHoverEnabled(): boolean;
     isCursorEnabled(column: ColumnModel<Row>): boolean;
     selectRow(row: Row): void;

package/lib/components/{table/table.component.d.ts → tables/abstract-table.component.d.ts}

@@ -2,7 +2,7 @@ import { ElementRef, NgZone, OnInit, TemplateRef, ViewContainerRef } from '@angu
 import { ListModelChain, ValueModel } from '@coolon/pectin';
 import { ResizeAwareComponent } from '../resize-aware.component';
 import { AbstractTableModel } from './abstract-table-model';
-import { ColumnModel } from './column-model';
+import { ColumnModel } from './table/column-model';
 /**
  * Create your model:
  * @example
@@ -62,8 +62,7 @@ import { ColumnModel } from './column-model';
  *   }
  * }
  */
-export declare class TableComponent<Row> extends ResizeAwareComponent implements OnInit {
-    tableModel: AbstractTableModel<Row>;
+export declare class AbstractTableComponent<Row> extends ResizeAwareComponent implements OnInit {
     showHeaderModel: ValueModel<boolean>;
     showHeader: boolean;
     /**
@@ -78,8 +77,10 @@ export declare class TableComponent<Row> extends ResizeAwareComponent implements
     readonly visibleRowCount: ValueModel<number>;
     private readonly headerHeight;
     private readonly rowHeight;
+    baseCssClass: string;
     constructor(elementRef: ElementRef, ngZone: NgZone);
     get hideHeader(): boolean;
+    getModel(): AbstractTableModel<Row>;
     ngOnInit(): void;
     isEditing(row: Row): boolean;
     registerColumnTemplate(columnId: string, templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean): void;

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

@@ -29,9 +29,10 @@ export declare class ColumnModel<Row> {
     private _columnHeaderPortalRef;
     private _cellRendererPortalRef;
     private _cellEditorPortalRef;
-    private _selectRowOnClick;
+    private _enableRowSelection;
     private _flex;
-    private _visibleModel;
+    private _defaultVisibility;
+    private _visible;
     readonly dasherisedColumnId: string;
     constructor(columnId: string, textPropertiesProvider: ColumnModel.TextPropertiesProvider);
     protected installHeaderRenderer(): void;
@@ -39,6 +40,7 @@ export declare class ColumnModel<Row> {
     isVisible(): boolean;
     get visible(): ValueModel<boolean>;
     visibleWhile(visible: ValueModel<boolean>): this;
+    protected setDefaultVisibility(visible: ValueModel<boolean>): void;
     protected getDefaultHeaderText(): string;
     getColumnTextProperties(): ColumnTextProperties;
     /**
@@ -60,10 +62,8 @@ export declare class ColumnModel<Row> {
     onRendererAttached(host: TableCellRendererComponent<Row>, component: any): void;
     onEditorAttached(host: TableCellRendererComponent<Row>, component: any): void;
     updatePortalContent(host: TableCellRendererComponent<Row>): void;
-    protected selectRowOnClick(selectOnRowClick: boolean): this;
-    isRowSelectionEnabled(): boolean | undefined;
-    isRowSelectionExplicitlyEnabled(): boolean;
-    isRowSelectionExplicitlyDisabled(): boolean;
+    protected _selectRowOnClick(selectRowOnClick: boolean): this;
+    isRowSelectionEnabled(): boolean;
 }
 export declare namespace ColumnModel {
     type TextPropertiesProvider = () => ColumnTextProperties;
@@ -96,7 +96,7 @@ export declare class ListPropertyColumnModel<Row, P extends Types.ArrayPropertie
     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;
     format(formatter: (value: Types.ArrayElementType<Row, P>[]) => any): this;
-    selectRowOnClick(selectOnRowClick: boolean): this;
+    selectRowOnClick(selectRowOnClick: boolean): this;
 }
 export declare class CustomValueColumnModel<Row, V> extends ColumnModel<Row> {
     private getValue;
@@ -124,12 +124,9 @@ export declare class CustomTemplateColumnModel<Row> extends ColumnModel<Row> {
 export declare class SelectionColumnModel<Row> extends ColumnModel<Row> {
     private _enableHeaderControls;
     readonly selectionModel: DelegatingSelectionModel<Row, unknown>;
-    private hasSelectionModel;
     constructor(columnId: string, defaults: ColumnModel.TextPropertiesProvider, selectionModel: SelectionModel<Row>);
     setSelectionModel(selectionModel: SelectionModel<Row>): void;
     protected getDefaultHeaderText(): string;
-    isRowSelectionEnabledByDefault(): boolean | undefined;
-    selectOnRowClick(selectOnRowClick: boolean): this;
     enableHeaderControls(enable: boolean): this;
     selectRow(row: Row): void;
     isSelected(row: Row): boolean;

package/lib/components/{table → tables/table}/column-template/column-template.directive.d.ts

@@ -1,13 +1,13 @@
 import { OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
-import { TableComponent } from '../table.component';
+import { AbstractTableComponent } from '../../abstract-table.component';
 export declare class ColumnTemplateDirective implements OnInit {
-    readonly host: TableComponent<any>;
+    readonly host: AbstractTableComponent<any>;
     private templateRef;
     private viewContainer;
     aupColumnTemplate: string;
     aupColumnTemplateColumnId: string;
     aupColumnTemplateFillCell: boolean;
     aupColumnTemplateAutoPadChild: any;
-    constructor(host: TableComponent<any>, templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
+    constructor(host: AbstractTableComponent<any>, templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
     ngOnInit(): void;
 }

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

@@ -1,6 +1,6 @@
 import { OnInit } from '@angular/core';
 import { Command, DirtyTrackingForm } from '@coolon/pectin';
-import { DisposableComponent } from '../../disposable-component';
+import { DisposableComponent } from '../../../disposable-component';
 import { EditSession } from '../edit-session';
 export declare class EditRowControls<Row> extends DisposableComponent implements OnInit {
     row: Row;

package/lib/components/{table → tables/table}/paginator/paginator.component.d.ts

@@ -1,6 +1,6 @@
 import { OnInit } from '@angular/core';
 import { PageController } from '@coolon/pectin';
-import { DisposableComponent } from '../../disposable-component';
+import { DisposableComponent } from '../../../disposable-component';
 export declare class PaginatorComponent extends DisposableComponent implements OnInit {
     pageController: PageController;
     constructor();

package/lib/components/{table → tables/table}/select-cell-renderer/select-cell-renderer.component.d.ts

@@ -1,5 +1,5 @@
 import { Command, DelegatingSelectionModel } from '@coolon/pectin';
-import { DisposableComponent } from '../../disposable-component';
+import { DisposableComponent } from '../../../disposable-component';
 export declare class SelectCellRendererComponent<Row> extends DisposableComponent {
     readonly selectCommand: Command<void>;
     row: Row;

package/lib/components/{table → tables/table}/select-header-cell-renderer/select-header-cell-renderer.component.d.ts

@@ -1,5 +1,5 @@
 import { Command, DelegatingSelectionModel } from '@coolon/pectin';
-import { DisposableComponent } from '../../disposable-component';
+import { DisposableComponent } from '../../../disposable-component';
 export declare class SelectHeaderCellRendererComponent<Row> extends DisposableComponent {
     readonly selectCommand: Command<void>;
     selectionModel: DelegatingSelectionModel<Row, any>;

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

@@ -1,7 +1,7 @@
 import { Portal } from '@angular/cdk/portal';
 import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { DisposableComponent } from '../../disposable-component';
-import { AbstractTableModel } from '../abstract-table-model';
+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';

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

@@ -1,5 +1,5 @@
-import { ListModel, SelectionModel } from '@coolon/pectin';
-import { AbstractTableModel } from './abstract-table-model';
+import { ListModel, SelectionModel, ValueModel } from '@coolon/pectin';
+import { AbstractTableModel } from '../abstract-table-model';
 import { SelectionColumnModel } from './column-model';
 /**
  * Example:
@@ -82,5 +82,5 @@ import { SelectionColumnModel } from './column-model';
  */
 export declare class TableModel<Row> extends AbstractTableModel<Row> {
     static fromList<Row>(sourceOfTruth: ListModel<Row>, builder?: (tableModel: TableModel<Row>) => void): TableModel<Row>;
-    addSelectionColumn(selectionModel?: SelectionModel<Row>): SelectionColumnModel<Row>;
+    addSelectionColumn(selectionModel?: SelectionModel<Row>, showSelectionColumn?: ValueModel<boolean> | boolean): SelectionColumnModel<Row>;
 }

package/lib/components/{table → 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 { CommandFace } from '../../../commands/command-face';
+import { DisposableComponent } from '../../../disposable-component';
 declare class MenuItemData<T> {
     readonly factory: Command.Factory<T, void>;
     readonly face: CommandFace;

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

@@ -0,0 +1,67 @@
+import { ElementRef, NgZone } from '@angular/core';
+import { AbstractTableModel } from '../abstract-table-model';
+import { AbstractTableComponent } from '../abstract-table.component';
+/**
+ * Create your model:
+ * @example
+ * this.heroTableModel = TableModel.fromList(heroList, table => {
+ *   table.pluck("firstName");
+ *   table.pluck("lastName");
+ *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
+ * });
+ *
+ * Create your table
+ * @example
+ * <aup-table [tableModel]="heroTableModel"></aup-table>
+ *
+ * Column templates
+ * @example
+ * this.heroTableModel = TableModel.fromList(heroList, table => {
+ *   table.pluck("firstName");
+ *   table.pluck("lastName");
+ *   table.addTemplateColumn("specialColumn");
+ * });
+ * <aup-table [tableModel]="heroTableModel">
+ *   <div *aupColumnTemplate="let hero; columnId: 'specialColumn'; fillCell: true; padChild:false">
+ *     {{hero.name}}
+ *   </div>
+ * </aup-table>
+ *
+ * Styling
+ * @example
+ *  // global settings
+ * :root {
+ *   --aup-table-column-gap: 10px; // defaults to 24px
+ *   --aup-table-row-hover-background-color, rgba(0, 0, 0, 0.05)
+ *   --aup-table-row-selected-background-color: rebeccapurple; // defaults to transparent
+ *   --aup-table-first-column-padding-left: 18px // defaults to --column-gap
+ *   --aup-table-last-column-padding-right: 18px // defaults to --column-gap
+ * }
+ *
+ * // per table settings.
+ * aup-table {
+ *   --column-gap: 10px; // defaults to 24px
+ *   --row-hover-background-color, rgba(0, 0, 0, 0.05)
+ *   --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
+ *     }
+ *   }
+ * }
+ */
+export declare class TableComponent<Row> extends AbstractTableComponent<Row> {
+    tableModel: AbstractTableModel<Row>;
+    constructor(elementRef: ElementRef, ngZone: NgZone);
+    getModel(): AbstractTableModel<Row>;
+}

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

@@ -1,6 +1,6 @@
 import { OnInit } from '@angular/core';
 import { ListModelChain, ValueModelChain } from '@coolon/pectin';
-import { DisposableComponent } from '../../disposable-component';
+import { DisposableComponent } from '../../../disposable-component';
 import { DecoratedTreeNode } from '../decorated-tree-node';
 import { TreeExpansionModel } from '../tree-expansion-model';
 import { TreeLabelColumnModel } from '../tree-label-column-model';

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

@@ -13,7 +13,7 @@ export declare class TreeLabelColumnModel<Row extends TreeNode<Row>> extends Col
     pluck<P extends Types.ValuePropertiesOf<Row>>(property: P): void;
     addIcon<P extends Types.ValuePropertiesOf<Row>>(factory: TreeLabelColumnModel.LabelFactory<Row>): void;
     protected cellRenderer<C extends TreeLabelCellRendererComponent<Row>>(componentType: ComponentType<C>): this;
-    selectRowOnClick(selectOnRowClick: boolean): this;
+    _selectRowOnClick(selectOnRowClick: boolean): this;
 }
 export declare namespace TreeLabelColumnModel {
     type LabelFactory<Row extends TreeNode<Row>> = (node: DecoratedTreeNode<Row>, expanded: boolean) => string;

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

@@ -0,0 +1,71 @@
+import { ElementRef, NgZone } from '@angular/core';
+import { AbstractTableModel } from '../abstract-table-model';
+import { AbstractTableComponent } from '../abstract-table.component';
+import { DecoratedTreeNode } from './decorated-tree-node';
+import { TreeNode } from './tree-node';
+import { TreeTableModel } from './tree-table-model';
+/**
+ * Create your model:
+ * @example
+ * this.heroTableModel = TableTreeModel.fromList(heroList, table => {
+ *   table.pluck("firstName");
+ *   table.pluck("lastName");
+ *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
+ *   table.addTemplateColumn("specialColumn");
+ * });
+ *
+ * Create your table
+ * @example
+ * <aup-tree-table [treeTableModel]="heroTableModel"></aup-table>
+ *
+ * Column templates
+ * @example
+ * this.heroTableModel = TableModel.fromList(heroList, table => {
+ *   table.pluck("firstName");
+ *   table.pluck("lastName");
+ *   table.addTemplateColumn("specialColumn");
+ * });
+ * <aup-table [tableModel]="heroTableModel">
+ *   <div *aupColumnTemplate="let hero; columnId: 'specialColumn'; fillCell: true; padChild:false">
+ *     {{hero.name}}
+ *   </div>
+ * </aup-table>
+ *
+ * Styling
+ * @example
+ *  // global settings
+ * :root {
+ *   --aup-table-column-gap: 10px; // defaults to 24px
+ *   --aup-table-row-hover-background-color, rgba(0, 0, 0, 0.05)
+ *   --aup-table-row-selected-background-color: rebeccapurple; // defaults to transparent
+ *   --aup-table-first-column-padding-left: 18px // defaults to --column-gap
+ *   --aup-table-last-column-padding-right: 18px // defaults to --column-gap
+ * }
+ *
+ * // per table settings.
+ * aup-table {
+ *   --column-gap: 10px; // defaults to 24px
+ *   --row-hover-background-color, rgba(0, 0, 0, 0.05)
+ *   --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
+ *     }
+ *   }
+ * }
+ */
+export declare class TreeTableComponent<T extends TreeNode<T>> extends AbstractTableComponent<DecoratedTreeNode<T>> {
+    treeTableModel: TreeTableModel<T>;
+    constructor(elementRef: ElementRef, ngZone: NgZone);
+    getModel(): AbstractTableModel<DecoratedTreeNode<T>>;
+}

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

@@ -1,10 +1,10 @@
-import { ListModel, MutableValueModel, ValueModel } from '@coolon/pectin';
-import { AbstractTableModel } from '../table/abstract-table-model';
+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';
 import { TreeNode } from './tree-node';
-import { SelfAndDescendantsVisitor, VisitableTree } from './visitable.class';
 export declare class TreeTableModel<Row extends TreeNode<Row>> extends AbstractTableModel<DecoratedTreeNode<Row>> {
     readonly treeExpansionModel: TreeExpansionModel<DecoratedTreeNode<Row>>;
     constructor(source: ListModel<DecoratedTreeNode<Row>>, treeExpansionModel: TreeExpansionModel<DecoratedTreeNode<Row>>);
@@ -16,18 +16,10 @@ export declare class TreeTableModel<Row extends TreeNode<Row>> extends AbstractT
     collapse(node: DecoratedTreeNode<Row>): void;
     isCollapsed(node: DecoratedTreeNode<Row>): boolean;
     ensureAncestorsAndSelfVisible(node: DecoratedTreeNode<Row>): void;
+    addSelectionColumn(selectionModel?: SelectionModel<DecoratedTreeNode<Row>>, showSelectionColumn?: ValueModel<boolean> | boolean): SelectionColumnModel<DecoratedTreeNode<Row>>;
 }
 export declare namespace TreeTableModel {
     interface Options<T, K extends keyof T> {
         storeIdIn: MutableValueModel<K>;
     }
 }
-export declare class FlattenStrategy<T extends VisitableTree<any>> extends SelfAndDescendantsVisitor<T> {
-    private collapsedIds;
-    private _areas;
-    private _collapsed;
-    constructor(collapsedIds: T[]);
-    protected onVisit(it: T): void;
-    protected shouldVisitChildrenOf(it: T): boolean;
-    get flattenedAreas(): T[];
-}

package/lib/interaction/components/activity-triggers/abstract-activity-trigger.component.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { Command, Constructable, ValueModel } from '@coolon/pectin';
+import { HorizontalAlignment } from '../../../components/alignment';
+import { CommandFace } from '../../../components/commands/command-face';
+import { DisposableComponent } from '../../../components/disposable-component';
+import { Activity } from '../../activity';
+import { InteractionContext } from '../../interaction-context';
+export declare class AbstractActivityTriggerComponent<D = any, R = any, E = any> extends DisposableComponent implements OnInit {
+    activityClass: Constructable<Activity<D, R, E>>;
+    activityClassModel: ValueModel<Constructable<Activity<D, R, E>>>;
+    activityData: D;
+    activityDataModel: ValueModel<D>;
+    face: CommandFace;
+    faceModel: ValueModel<CommandFace>;
+    alignFace: HorizontalAlignment;
+    readonly startActivityCommand: Command<unknown>;
+    interactionContext: InteractionContext;
+    confirmEvent: EventEmitter<R>;
+    cancelEvent: EventEmitter<E>;
+    constructor();
+    ngOnInit(): void;
+    get isActive(): boolean;
+}

package/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.d.ts

@@ -0,0 +1,6 @@
+import { InteractionContext } from '../../../interaction-context';
+import { AbstractActivityTriggerComponent } from '../abstract-activity-trigger.component';
+export declare class InlineActivityTriggerComponent<D = any, R = any, E = any> extends AbstractActivityTriggerComponent<D, R, E> {
+    interactionContext: InteractionContext;
+    constructor();
+}

package/lib/interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component.d.ts

@@ -0,0 +1,7 @@
+import { InteractionContext } from '../../../interaction-context';
+import { InteractionService } from '../../../services/interaction.service';
+import { AbstractActivityTriggerComponent } from '../abstract-activity-trigger.component';
+export declare class ModalActivityTriggerComponent<D = any, R = any, E = any> extends AbstractActivityTriggerComponent<D, R, E> {
+    interactionContext: InteractionContext;
+    constructor(interactionService: InteractionService);
+}

package/lib/interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component.d.ts

@@ -0,0 +1,8 @@
+import { InteractionContext } from '../../../interaction-context';
+import { AbstractActivityTriggerComponent } from '../abstract-activity-trigger.component';
+export declare class PopupActivityTriggerComponent<D = any, R = any, E = any> extends AbstractActivityTriggerComponent<D, R, E> {
+    anchorX: 'start' | 'end';
+    anchorY: 'top' | 'bottom';
+    interactionContext: InteractionContext;
+    constructor();
+}

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

@@ -11,7 +11,6 @@ import { ActivityContainerComponent } from '../activity-container/activity-conta
 /**
  * @example
  *   <aup-in-place-interaction-context #inPlaceInteractionContext>
- *
  *   </aup-in-place-interaction-context>
  *
  *   in your component

package/lib/interaction/components/popup-interaction-context/popup-interaction-context.component.d.ts

@@ -5,6 +5,16 @@ import { Constructable } from '@coolon/pectin';
 import { DisposableComponent } from '../../../components/disposable-component';
 import { Activity } from '../../activity';
 import { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';
+/**
+ * <aup-popup-interaction-context #ctx></aup-popup-interaction-context>
+ *
+ * in your component
+ * @ViewChild('inPlaceInteractionContext', { static: true })
+ * interactionContext: InteractionContext;
+ * or
+ * @ViewChild('ctx', { static: true })
+ * interactionContext: InteractionContext;
+ */
 export declare class PopupInteractionContextComponent extends DisposableComponent implements OnInit {
     private _element;
     private _overlay;

package/lib/interaction/exports.d.ts

@@ -15,6 +15,10 @@ export * from "./components/activity-body/activity-body.component";
 export * from "./components/activity-container/activity-container.component";
 export * from "./components/activity-container/activity-outlet/activity-outlet.component";
 export * from "./components/activity-title/activity-title.component";
+export * from "./components/activity-triggers/abstract-activity-trigger.component";
+export * from "./components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component";
+export * from "./components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component";
+export * from "./components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component";
 export * from "./components/add-item-interaction-context/add-item-interaction-context.component";
 export * from "./components/alert-dialog/alert-dialog.component";
 export * from "./components/confirm-then-dialog/confirm-then-dialog.component";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "12.0.0-alpha.3",
+  "version": "12.0.1",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "@coolon/typescript-utilities": "^2.2.0",