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

package/fesm2015/coolon-angular-ui-powerups.js

@@ -28,8 +28,8 @@ import * as _ from 'lodash';
 import ___default from 'lodash';
 import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
 import { Enum } from 'typescript-string-enums';
+import { assert as assert$1, Stringy, lang as lang$1, Mixin, Opts, Klass } from '@coolon/typescript-utilities';
 import ResizeObserver from 'resize-observer-polyfill';
-import { assert as assert$1, Stringy, Mixin, Opts, lang as lang$1, Klass } from '@coolon/typescript-utilities';
 import produce from 'immer';
 import { FlexModule, GridModule } from '@angular/flex-layout';
 import * as i1$1 from '@angular/material/dialog';
@@ -651,7 +651,7 @@ CommandFaceComponent.decorators = [
                 selector: 'aup-command-face',
                 template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n  <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n  <span *ngIf=\"face.text\">{{face.text}}</span>\n  <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n",
                 encapsulation: ViewEncapsulation.None,
-                styles: ["aup-command-face{--icon-gap:var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}"]
+                styles: ["aup-command-face{--icon-gap:var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}"]
             },] }
 ];
 CommandFaceComponent.ctorParameters = () => [];
@@ -668,6 +668,12 @@ __decorate([
     __metadata("design:type", Array)
 ], CommandFaceComponent.prototype, "_rawFaces", void 0);
 
+const HorizontalAlignment = Enum({
+    START: 'start',
+    CENTER: 'center',
+    END: 'end'
+});
+
 class PopupAwareComponent extends DisposableComponent {
     constructor(element, parent) {
         super();
@@ -702,6 +708,7 @@ class CommandComponent extends PopupAwareComponent {
     constructor(element, parent) {
         super(element, parent);
         this.CommandFace = CommandFace;
+        this.alignFace = HorizontalAlignment.CENTER;
         const { chain, switchOn } = Dsl.disposeWith(this);
         this.faces = chain(this.command.busy).mapToList(busy => {
             return busy ?
@@ -732,8 +739,8 @@ class CommandComponent extends PopupAwareComponent {
 CommandComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-command',
-                template: "<ng-container *ngIf=\"iconOnly.value\">\n  <button mat-icon-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\" [matTooltip]=\"tooltipModel.value\">\n    <aup-command-face class=\"centered\" [faces]=\"faces.value\"></aup-command-face>\n  </button>\n</ng-container>\n<ng-container *ngIf=\"!iconOnly.value\">\n  <ng-container [ngSwitch]=\"buttonStyle.value\">\n    <ng-container *ngSwitchCase=\"CommandFace.Style.STROKED\">\n      <button mat-stroked-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\" [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face class=\"centered\" [faces]=\"faces.value\"></aup-command-face>\n      </button>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"CommandFace.Style.RAISED\">\n      <button mat-raised-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\" [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face class=\"centered\" [faces]=\"faces.value\"></aup-command-face>\n      </button>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <button mat-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\" [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face class=\"centered\" [faces]=\"faces.value\"></aup-command-face>\n      </button>\n    </ng-container>\n  </ng-container>\n</ng-container>\n",
-                styles: [":host{display:inline-flex;flex-direction:row;justify-content:stretch}button{flex:1}"]
+                template: "<ng-container *ngIf=\"iconOnly.value\">\n  <button mat-icon-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n          [matTooltip]=\"tooltipModel.value\">\n    <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n  </button>\n</ng-container>\n<ng-container *ngIf=\"!iconOnly.value\">\n  <ng-container [ngSwitch]=\"buttonStyle.value\">\n    <ng-container *ngSwitchCase=\"CommandFace.Style.STROKED\">\n      <button mat-stroked-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n              [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n      </button>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"CommandFace.Style.RAISED\">\n      <button mat-raised-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n              [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n      </button>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <button mat-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n              [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n      </button>\n    </ng-container>\n  </ng-container>\n</ng-container>\n",
+                styles: [":host{display:inline-flex;flex-direction:row;justify-content:stretch}:host.centered button{text-align:center}:host.start button{text-align:start}:host.end button{text-align:end}button{flex:1}"]
             },] }
 ];
 CommandComponent.ctorParameters = () => [
@@ -745,7 +752,8 @@ CommandComponent.propDecorators = {
     faceModel: [{ type: Input }],
     face: [{ type: Input }],
     busyFaceModel: [{ type: Input }],
-    busyFace: [{ type: Input }]
+    busyFace: [{ type: Input }],
+    alignFace: [{ type: Input }, { type: HostBinding, args: ["class",] }]
 };
 __decorate([
     TrackExternal(),
@@ -883,7 +891,7 @@ class MoreMenuComponent extends AbstractPopupMenuComponent {
 MoreMenuComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-more-menu',
-                template: "<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n",
+                template: "<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            (click) = \"$event.stopPropagation()\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n",
                 providers: [
                     { provide: POPUP_CONTAINER, useExisting: MoreMenuComponent }
                 ]
@@ -1010,7 +1018,7 @@ class PopupMenuComponent extends AbstractPopupMenuComponent {
 PopupMenuComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-popup-menu',
-                template: "<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n",
+                template: "<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            (click) = \"$event.stopPropagation()\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n",
                 providers: [
                     { provide: POPUP_CONTAINER, useExisting: PopupMenuComponent }
                 ]
@@ -2243,9 +2251,10 @@ class ColumnModel {
     constructor(columnId, textPropertiesProvider) {
         this.columnId = columnId;
         this.textPropertiesProvider = textPropertiesProvider;
-        this._selectRowOnClick = undefined;
+        this._enableRowSelection = true;
         this._flex = false;
-        this._visibleModel = new DelegatingValueModel().withDefault(true);
+        this._defaultVisibility = new DelegatingValueModel().withDefault(true);
+        this._visible = new DelegatingValueModel().withDefault(this._defaultVisibility);
         this.installHeaderRenderer();
         this.dasherisedColumnId = Stringy.from(columnId).dasherize().toString();
     }
@@ -2262,12 +2271,15 @@ class ColumnModel {
         return this.visible.value;
     }
     get visible() {
-        return this._visibleModel.readonly;
+        return this._visible.readonly;
     }
     visibleWhile(visible) {
-        this._visibleModel.setDelegate(visible);
+        this._visible.setDelegate(visible);
         return this;
     }
+    setDefaultVisibility(visible) {
+        this._defaultVisibility.setDelegate(visible);
+    }
     getDefaultHeaderText() {
         return this.columnId;
     }
@@ -2329,18 +2341,12 @@ class ColumnModel {
     updatePortalContent(host) {
         this._cellRendererPortalRef.pushState(host);
     }
-    selectRowOnClick(selectOnRowClick) {
-        this._selectRowOnClick = selectOnRowClick;
+    _selectRowOnClick(selectRowOnClick) {
+        this._enableRowSelection = selectRowOnClick;
         return this;
     }
     isRowSelectionEnabled() {
-        return this._selectRowOnClick;
-    }
-    isRowSelectionExplicitlyEnabled() {
-        return this._selectRowOnClick === true;
-    }
-    isRowSelectionExplicitlyDisabled() {
-        return this._selectRowOnClick === false;
+        return this._enableRowSelection;
     }
 }
 __decorate([
@@ -2438,7 +2444,7 @@ class PropertyColumnModel extends ColumnModel {
         return this;
     }
     selectRowOnClick(selectOnRowClick) {
-        return super.selectRowOnClick(selectOnRowClick);
+        return this._selectRowOnClick(selectOnRowClick);
     }
 }
 class ListPropertyColumnModel extends ColumnModel {
@@ -2474,8 +2480,8 @@ class ListPropertyColumnModel extends ColumnModel {
         this._format = formatter;
         return this;
     }
-    selectRowOnClick(selectOnRowClick) {
-        return super.selectRowOnClick(selectOnRowClick);
+    selectRowOnClick(selectRowOnClick) {
+        return this._selectRowOnClick(selectRowOnClick);
     }
 }
 class CustomValueColumnModel extends ColumnModel {
@@ -2504,7 +2510,7 @@ class CustomValueColumnModel extends ColumnModel {
         return this;
     }
     selectRowOnClick(selectOnRowClick) {
-        return super.selectRowOnClick(selectOnRowClick);
+        return this._selectRowOnClick(selectOnRowClick);
     }
 }
 class EditorControlColumnModel extends ColumnModel {
@@ -2534,7 +2540,7 @@ class CustomTemplateColumnModel extends ColumnModel {
         this.config.registerPortal(templateRef, viewContainer, fillCell, padChild);
     }
     selectRowOnClick(selectOnRowClick) {
-        return super.selectRowOnClick(selectOnRowClick);
+        return this._selectRowOnClick(selectOnRowClick);
     }
 }
 class SelectionColumnModel extends ColumnModel {
@@ -2542,8 +2548,7 @@ class SelectionColumnModel extends ColumnModel {
         super(columnId, defaults);
         this._enableHeaderControls = true;
         this.selectionModel = DelegatingSelectionModel.createDelegate();
-        this.hasSelectionModel = new MutableValueModel(false);
-        this.selectOnRowClick(false);
+        this._selectRowOnClick(false);
         this.cellHeaderRenderer(SelectHeaderCellRendererComponent, (component) => {
             component.selectionModel = this.selectionModel;
             component.enableHeaderControls = this._enableHeaderControls;
@@ -2553,23 +2558,14 @@ class SelectionColumnModel extends ColumnModel {
             component.selectionModel = this.selectionModel;
         }));
         this.setSelectionModel(selectionModel);
-        this.visibleWhile(this.hasSelectionModel);
     }
     setSelectionModel(selectionModel) {
         this.selectionModel.setDelegate(selectionModel);
-        this.hasSelectionModel.value = !!selectionModel;
+        this.setDefaultVisibility(selectionModel instanceof MultipleSelectionModel ? ValueModel.TRUE : ValueModel.FALSE);
     }
     getDefaultHeaderText() {
         return '';
     }
-    isRowSelectionEnabledByDefault() {
-        return this.isRowSelectionExplicitlyEnabled();
-    }
-    selectOnRowClick(selectOnRowClick) {
-        // note we're using different method name as the selection column treats this
-        // state as the default for all columns.
-        return super.selectRowOnClick(selectOnRowClick);
-    }
     enableHeaderControls(enable) {
         this._enableHeaderControls = enable;
         return this;
@@ -2582,6 +2578,193 @@ class SelectionColumnModel extends ColumnModel {
     }
 }
 
+/**
+ * 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
+ *     }
+ *   }
+ * }
+ */
+class AbstractTableComponent extends ResizeAwareComponent {
+    constructor(elementRef, ngZone) {
+        super(elementRef, ngZone);
+        /**
+         * Set to true to enable scrolling.  Once enabled the table will have 0 implicit height.  You will either
+         * need to set it explicitly e.g. height: 400px; or by using flex or grid layout to make it fill it's
+         * containment area.
+         */
+        this.enableScrolling = false;
+        // TODO: support user defined header and row heights via css vars.
+        this.headerHeight = new MutableValueModel(56);
+        this.rowHeight = new MutableValueModel(48);
+        this.baseCssClass = 'aup-table-component';
+        const { chain, when } = Dsl.disposeWith(this);
+        const actualHeaderHeight = chain(this.showHeaderModel).map(show => {
+            return show ? this.headerHeight.value : 0;
+        }, { dependsOn: this.headerHeight });
+        this.visibleRowCount = chain(this.boundsModel).map(bounds => {
+            // TODO: this doesn't take into account any css styling adjustments etc.  Will invistigate if it's an issue.
+            const rawRowCount = (bounds.height - actualHeaderHeight.value) / this.rowHeight.value;
+            return rawRowCount < 1 ? 0 : Math.floor(rawRowCount);
+        }, {
+            dependsOn: [actualHeaderHeight, this.rowHeight],
+            postponeWhile: chain(this.boundsModel).pluckNumeric('height').isLessThan(1)
+        });
+    }
+    get hideHeader() {
+        return !this.showHeader;
+    }
+    getModel() {
+        return lang$1.abstractMethod(this.constructor);
+    }
+    ngOnInit() {
+        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
+        this.columns = chain(this.getModel().columns);
+        this.columnIds = chain(this.columns).pluck('columnId');
+        this.columnsById = chain(this.columns).indexBy('columnId');
+    }
+    isEditing(row) {
+        return !!this.getModel().getEditSessionFor(row);
+    }
+    registerColumnTemplate(columnId, templateRef, viewContainer, fillCell, padChild) {
+        const column = this.columnsById.get(columnId);
+        if (column instanceof CustomTemplateColumnModel) {
+            column.setTemplate(templateRef, viewContainer, fillCell, padChild);
+        }
+    }
+    notifyCellClicked(columnModel, row) {
+        this.getModel()._notifyCellClicked(columnModel, row);
+    }
+    // @Trace()
+    isFirstVisibleColumn(columnId) {
+        var _a;
+        return ((_a = this.getModel().firstVisibleColumn.query().value) === null || _a === void 0 ? void 0 : _a.columnId) === columnId;
+    }
+    // @Trace()
+    isLastVisibleColumn(columnId) {
+        var _a;
+        return ((_a = this.getModel().lastVisibleColumn.query().value) === null || _a === void 0 ? void 0 : _a.columnId) === columnId;
+    }
+    getColumnClasses(columnId) {
+        const classes = [`aup-col-${this.columnsById.get(columnId).dasherisedColumnId}`];
+        if (this.isFirstVisibleColumn(columnId)) {
+            classes.push('first-visible-column');
+        }
+        if (this.isLastVisibleColumn(columnId)) {
+            classes.push('last-visible-column');
+        }
+        return classes;
+    }
+}
+AbstractTableComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-abstract-table',
+                template: ''
+            },] }
+];
+AbstractTableComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: NgZone }
+];
+AbstractTableComponent.propDecorators = {
+    showHeaderModel: [{ type: Input }],
+    showHeader: [{ type: Input }],
+    enableScrolling: [{ type: Input }, { type: HostBinding, args: ['class.enable-scrolling',] }],
+    baseCssClass: [{ type: HostBinding, args: ['class',] }],
+    hideHeader: [{ type: HostBinding, args: ['class.hide-header',] }]
+};
+__decorate([
+    TrackExternal({ defaultValue: true }),
+    __metadata("design:type", ValueModel)
+], AbstractTableComponent.prototype, "showHeaderModel", void 0);
+__decorate([
+    StoreInValueModel('showHeaderModel'),
+    __metadata("design:type", Boolean)
+], AbstractTableComponent.prototype, "showHeader", void 0);
+
+class ColumnTemplateDirective {
+    constructor(host, templateRef, viewContainer) {
+        this.host = host;
+        this.templateRef = templateRef;
+        this.viewContainer = viewContainer;
+        this.aupColumnTemplateFillCell = false;
+        this.aupColumnTemplateAutoPadChild = undefined;
+    }
+    ngOnInit() {
+        var _a;
+        assert.isTruthy(this.aupColumnTemplateColumnId);
+        this.host.registerColumnTemplate(this.aupColumnTemplateColumnId, this.templateRef, this.viewContainer, this.aupColumnTemplateFillCell, (_a = this.aupColumnTemplateAutoPadChild) !== null && _a !== void 0 ? _a : this.aupColumnTemplateFillCell);
+    }
+}
+ColumnTemplateDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[aupColumnTemplate]'
+            },] }
+];
+ColumnTemplateDirective.ctorParameters = () => [
+    { type: AbstractTableComponent },
+    { type: TemplateRef },
+    { type: ViewContainerRef }
+];
+ColumnTemplateDirective.propDecorators = {
+    aupColumnTemplate: [{ type: Input }],
+    aupColumnTemplateColumnId: [{ type: Input }],
+    aupColumnTemplateFillCell: [{ type: Input }],
+    aupColumnTemplateAutoPadChild: [{ type: Input }]
+};
+
 // export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];
 // export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];
 class RowClass {
@@ -2628,9 +2811,9 @@ class AbstractTableModel extends GarbageCollector {
         this.editing = chain(this._editorSessions).count().isGreaterThan(0);
         this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);
         this.firstEditableColumn = chain(this.columns).select(c => c.hasEditorPortal()).first();
-        this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(column => column.isRowSelectionExplicitlyEnabled()).isGreaterThanOrEqualTo(0);
         this.firstVisibleColumn = chain(this._visibleColumnTracker).first();
         this.lastVisibleColumn = chain(this._visibleColumnTracker).last();
+        this.rowSelectionDisabledOnAllColumns = chain(this._visibleColumnTracker).select(column => column.isRowSelectionEnabled()).count().equals(0);
     }
     get rowsBeingEdited() {
         return this._rowsBeingEdited.readonly;
@@ -2649,12 +2832,16 @@ class AbstractTableModel extends GarbageCollector {
         const columnId = (options === null || options === void 0 ? void 0 : options.columnId) || property.toString();
         return this.addColumn(new ListPropertyColumnModel(columnId, property, () => this.getColumnTextProperties(columnId)));
     }
-    _addSelectionColumn(selectionModel) {
+    _addSelectionColumn(selectionModel, visible) {
         assert.isNil(this.selectionColumnModel);
         const columnId = 'selection-column';
         this.selectionColumnModel = new SelectionColumnModel(columnId, () => this.getColumnTextProperties(columnId), selectionModel);
         this.addRowClass('aup-row-selected', row => this.selectionColumnModel.isSelected(row));
-        return this.addColumn(this.selectionColumnModel);
+        const selectionColumnModel = this.addColumn(this.selectionColumnModel);
+        if (!_.isNil(visible)) {
+            selectionColumnModel.visibleWhile(visible instanceof ValueModel ? visible : ValueModel.constant(visible));
+        }
+        return selectionColumnModel;
     }
     addEditControls(saveCommand) {
         this.saveCommand = saveCommand;
@@ -2735,14 +2922,14 @@ class AbstractTableModel extends GarbageCollector {
         });
     }
     isRowSelectionEnabledFor(column) {
-        var _a;
-        return this.selectionColumnModel && ((_a = column.isRowSelectionEnabled()) !== null && _a !== void 0 ? _a : this.isRowSelectionEnabledByDefault());
-    }
-    isRowSelectionEnabledByDefault() {
-        return this.selectionColumnModel && this.selectionColumnModel.isRowSelectionEnabledByDefault();
+        return this.isRowSelectionEnabled() && column.isRowSelectionEnabled();
     }
     isRowSelectionEnabled() {
-        return this.hasColumnsWithRowSelectionExplicitlyEnabled.value || this.isRowSelectionEnabledByDefault();
+        return this.hasSelectionModel() && !this.rowSelectionDisabledOnAllColumns.value;
+    }
+    hasSelectionModel() {
+        var _a;
+        return !!((_a = this.selectionColumnModel) === null || _a === void 0 ? void 0 : _a.selectionModel.getDelegate());
     }
     isHoverEnabled() {
         return this.isRowSelectionEnabled() || this.rowClickListeners.listenerCount > 0;
@@ -2764,197 +2951,7 @@ class AbstractTableModel extends GarbageCollector {
         this.rowClickListeners.fire(l => l(row));
     }
 }
-TrackExternal.oneTimeBinding(AbstractTableModel);
-
-/**
- * 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
- *     }
- *   }
- * }
- */
-class TableComponent extends ResizeAwareComponent {
-    constructor(elementRef, ngZone) {
-        super(elementRef, ngZone);
-        /**
-         * Set to true to enable scrolling.  Once enabled the table will have 0 implicit height.  You will either
-         * need to set it explicitly e.g. height: 400px; or by using flex or grid layout to make it fill it's
-         * containment area.
-         */
-        this.enableScrolling = false;
-        // TODO: support user defined header and row heights via css vars.
-        this.headerHeight = new MutableValueModel(56);
-        this.rowHeight = new MutableValueModel(48);
-        const { chain, when } = Dsl.disposeWith(this);
-        const actualHeaderHeight = chain(this.showHeaderModel).map(show => {
-            return show ? this.headerHeight.value : 0;
-        }, { dependsOn: this.headerHeight });
-        this.visibleRowCount = chain(this.boundsModel).map(bounds => {
-            // TODO: this doesn't take into account any css styling adjustments etc.  Will invistigate if it's an issue.
-            const rawRowCount = (bounds.height - actualHeaderHeight.value) / this.rowHeight.value;
-            const rowCount = rawRowCount < 1 ? 0 : Math.floor(rawRowCount);
-            // console.log({rowCount})
-            return rowCount;
-        }, {
-            dependsOn: [actualHeaderHeight, this.rowHeight],
-            postponeWhile: chain(this.boundsModel).pluckNumeric('height').isLessThan(1)
-        });
-    }
-    get hideHeader() {
-        return !this.showHeader;
-    }
-    ngOnInit() {
-        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
-        this.columns = chain(this.tableModel.columns);
-        this.columnIds = chain(this.columns).pluck('columnId');
-        this.columnsById = chain(this.columns).indexBy('columnId');
-    }
-    isEditing(row) {
-        return !!this.tableModel.getEditSessionFor(row);
-    }
-    registerColumnTemplate(columnId, templateRef, viewContainer, fillCell, padChild) {
-        const column = this.columnsById.get(columnId);
-        if (column instanceof CustomTemplateColumnModel) {
-            column.setTemplate(templateRef, viewContainer, fillCell, padChild);
-        }
-    }
-    notifyCellClicked(columnModel, row) {
-        this.tableModel._notifyCellClicked(columnModel, row);
-    }
-    // @Trace()
-    isFirstVisibleColumn(columnId) {
-        var _a;
-        return ((_a = this.tableModel.firstVisibleColumn.query().value) === null || _a === void 0 ? void 0 : _a.columnId) === columnId;
-    }
-    // @Trace()
-    isLastVisibleColumn(columnId) {
-        var _a;
-        return ((_a = this.tableModel.lastVisibleColumn.query().value) === null || _a === void 0 ? void 0 : _a.columnId) === columnId;
-    }
-    getColumnClasses(columnId) {
-        const classes = [`aup-col-${this.columnsById.get(columnId).dasherisedColumnId}`];
-        if (this.isFirstVisibleColumn(columnId)) {
-            classes.push('first-visible-column');
-        }
-        if (this.isLastVisibleColumn(columnId)) {
-            classes.push('last-visible-column');
-        }
-        return classes;
-    }
-}
-TableComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aup-table',
-                template: "<div class=\"scroll-container\">\n  <table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.trackBy\">\n\n    <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\"\n                  matColumnDef=\"{{column.columnId}}\">\n      <th mat-header-cell *matHeaderCellDef [class.flex]=\"column.isFlex()\" [class.hide]=\"!column.isVisible()\">\n        <aup-table-header-cell-renderer [column]=\"column\"\n                                        [attr.column-index]=\"index\"\n                                        [attr.column-id]=\"column.columnId\"\n                                        [class]=\"getColumnClasses(column.columnId)\"\n        ></aup-table-header-cell-renderer>\n      </th>\n      <td mat-cell *matCellDef=\"let row\" (click)=\"notifyCellClicked(column, row)\"\n          [class.enable-cursor]=\"tableModel.isCursorEnabled(column)\"\n          [class.flex]=\"column.isFlex()\"\n          [class.hide]=\"!column.isVisible()\"\n      >\n        <aup-table-cell-renderer [column]=\"column\"\n                                 [row]=\"row\"\n                                 [tableModel]=\"tableModel\"\n                                 [editSession]=\"tableModel.getEditSessionFor(row)\"\n                                 [attr.column-index]=\"index\"\n                                 [attr.column-id]=\"column.columnId\"\n                                 [class]=\"getColumnClasses(column.columnId)\"\n        ></aup-table-cell-renderer>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: columnIds.value; let i = index\"\n        [ngClass]=\"tableModel.getRowClasses(row)\" [class.enable-hover]=\"tableModel.isHoverEnabled()\"\n        [attr.trackBy]=\"tableModel.trackBy(i, row)\"\n    ></tr>\n\n  </table>\n</div>\n",
-                styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{width:100%}:host.enable-scrolling{min-height:0}:host.enable-scrolling .scroll-container{flex:1;flex-basis:0;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch}"]
-            },] }
-];
-TableComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: NgZone }
-];
-TableComponent.propDecorators = {
-    tableModel: [{ type: Input }],
-    showHeaderModel: [{ type: Input }],
-    showHeader: [{ type: Input }],
-    enableScrolling: [{ type: Input }, { type: HostBinding, args: ['class.enable-scrolling',] }],
-    hideHeader: [{ type: HostBinding, args: ['class.hide-header',] }]
-};
-__decorate([
-    TrackExternal(),
-    __metadata("design:type", AbstractTableModel)
-], TableComponent.prototype, "tableModel", void 0);
-__decorate([
-    TrackExternal({ defaultValue: true }),
-    __metadata("design:type", ValueModel)
-], TableComponent.prototype, "showHeaderModel", void 0);
-__decorate([
-    StoreInValueModel('showHeaderModel'),
-    __metadata("design:type", Boolean)
-], TableComponent.prototype, "showHeader", void 0);
-
-class ColumnTemplateDirective {
-    constructor(host, templateRef, viewContainer) {
-        this.host = host;
-        this.templateRef = templateRef;
-        this.viewContainer = viewContainer;
-        this.aupColumnTemplateFillCell = false;
-        this.aupColumnTemplateAutoPadChild = undefined;
-    }
-    ngOnInit() {
-        var _a;
-        assert.isTruthy(this.aupColumnTemplateColumnId);
-        this.host.registerColumnTemplate(this.aupColumnTemplateColumnId, this.templateRef, this.viewContainer, this.aupColumnTemplateFillCell, (_a = this.aupColumnTemplateAutoPadChild) !== null && _a !== void 0 ? _a : this.aupColumnTemplateFillCell);
-    }
-}
-ColumnTemplateDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[aupColumnTemplate]'
-            },] }
-];
-ColumnTemplateDirective.ctorParameters = () => [
-    { type: TableComponent },
-    { type: TemplateRef },
-    { type: ViewContainerRef }
-];
-ColumnTemplateDirective.propDecorators = {
-    aupColumnTemplate: [{ type: Input }],
-    aupColumnTemplateColumnId: [{ type: Input }],
-    aupColumnTemplateFillCell: [{ type: Input }],
-    aupColumnTemplateAutoPadChild: [{ type: Input }]
-};
+TrackExternal.oneTimeBinding(AbstractTableModel);
 
 class TableCellRendererComponent extends DisposableComponent {
     constructor() {
@@ -3121,6 +3118,95 @@ TableRowMenuComponent.propDecorators = {
     menu: [{ type: ViewChild, args: [MatMenuTrigger,] }]
 };
 
+/**
+ * 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
+ *     }
+ *   }
+ * }
+ */
+class TableComponent extends AbstractTableComponent {
+    constructor(elementRef, ngZone) {
+        super(elementRef, ngZone);
+    }
+    getModel() {
+        return this.tableModel;
+    }
+}
+TableComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-table',
+                template: "<div class=\"scroll-container\">\n  <table mat-table [dataSource]=\"getModel().dataSource.value\" [trackBy]=\"getModel().trackBy\">\n\n    <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\"\n                  matColumnDef=\"{{column.columnId}}\">\n      <th mat-header-cell *matHeaderCellDef [class.flex]=\"column.isFlex()\" [class.hide]=\"!column.isVisible()\">\n        <aup-table-header-cell-renderer [column]=\"column\"\n                                        [attr.column-index]=\"index\"\n                                        [attr.column-id]=\"column.columnId\"\n                                        [class]=\"getColumnClasses(column.columnId)\"\n        ></aup-table-header-cell-renderer>\n      </th>\n      <td mat-cell *matCellDef=\"let row\" (click)=\"notifyCellClicked(column, row)\"\n          [class.enable-cursor]=\"getModel().isCursorEnabled(column)\"\n          [class.flex]=\"column.isFlex()\"\n          [class.hide]=\"!column.isVisible()\"\n      >\n        <aup-table-cell-renderer [column]=\"column\"\n                                 [row]=\"row\"\n                                 [tableModel]=\"getModel()\"\n                                 [editSession]=\"getModel().getEditSessionFor(row)\"\n                                 [attr.column-index]=\"index\"\n                                 [attr.column-id]=\"column.columnId\"\n                                 [class]=\"getColumnClasses(column.columnId)\"\n        ></aup-table-cell-renderer>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: columnIds.value; let i = index\"\n        [ngClass]=\"getModel().getRowClasses(row)\" [class.enable-hover]=\"getModel().isHoverEnabled()\"\n        [attr.trackBy]=\"getModel().trackBy(i, row)\"\n    ></tr>\n\n  </table>\n</div>\n",
+                providers: [
+                    { provide: AbstractTableComponent, useExisting: TableComponent }
+                ],
+                styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{width:100%}:host.enable-scrolling{min-height:0}:host.enable-scrolling .scroll-container{flex:1;flex-basis:0;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch}"]
+            },] }
+];
+TableComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: NgZone }
+];
+TableComponent.propDecorators = {
+    tableModel: [{ type: Input }]
+};
+__decorate([
+    TrackExternal(),
+    __metadata("design:type", AbstractTableModel)
+], TableComponent.prototype, "tableModel", void 0);
+
 const SVG_HEIGHT = 60;
 class TreeInheritanceIconComponent {
     constructor() {
@@ -3426,7 +3512,7 @@ class TreeLabelColumnModel extends ColumnModel {
     constructor(columnId, textPropertiesProvider, expansionModel) {
         super(columnId, textPropertiesProvider);
         this.expansionModel = expansionModel;
-        this.iconFactory = (node, expanded) => expanded ? 'mat:folder_open' : 'mat:folder';
+        this.iconFactory = (node, expanded) => expanded ? 'mat:expand_more' : 'mat:chevron_right';
         this.cellRenderer(TreeLabelCellRendererComponent);
     }
     pluck(property) {
@@ -3446,8 +3532,8 @@ class TreeLabelColumnModel extends ColumnModel {
         }));
         return this;
     }
-    selectRowOnClick(selectOnRowClick) {
-        return super.selectRowOnClick(selectOnRowClick);
+    _selectRowOnClick(selectOnRowClick) {
+        return super._selectRowOnClick(selectOnRowClick);
     }
 }
 
@@ -3537,7 +3623,7 @@ class TreeToListModel extends ComputedListModel {
     }
 }
 
-// import {T } from '@client/api/light-architect/model/area/area.class';
+// import { SelfAndDescendantsVisitor } from '@client/api/light-architect/model/area/visitable.class';
 // TODO:
 //    Selection Models:
 //      - as simple navigation tree
@@ -3596,24 +3682,33 @@ class TreeTableModel extends AbstractTableModel {
     ensureAncestorsAndSelfVisible(node) {
         this.treeExpansionModel.ensureAncestorsAndSelfVisible(node);
     }
-}
-class FlattenStrategy extends SelfAndDescendantsVisitor {
-    constructor(collapsedIds) {
-        super();
-        this.collapsedIds = collapsedIds;
-        this._areas = [];
-        this._collapsed = new Set(collapsedIds);
-    }
-    onVisit(it) {
-        this._areas.push(it);
-    }
-    shouldVisitChildrenOf(it) {
-        return !this._collapsed.has(it);
-    }
-    get flattenedAreas() {
-        return this._areas;
+    addSelectionColumn(selectionModel, showSelectionColumn) {
+        return this._addSelectionColumn(selectionModel, showSelectionColumn);
     }
 }
+// export class FlattenStrategy<T extends VisitableTree<any>> extends SelfAndDescendantsVisitor<T> {
+//
+//   private _areas: T[] = [];
+//   private _collapsed: Set<T>;
+//
+//   constructor(private collapsedIds: T[]) {
+//     super();
+//     this._collapsed = new Set<T>(collapsedIds);
+//   }
+//
+//   protected onVisit(it: T) {
+//     this._areas.push(it);
+//   }
+//
+//   protected shouldVisitChildrenOf(it: T): boolean {
+//     return !this._collapsed.has(it);
+//   }
+//
+//   get flattenedAreas(): T[] {
+//     return this._areas;
+//   }
+//
+// }
 // class DecoratorCache {
 //
 //     private map = new Map<number, T>();
@@ -3637,80 +3732,95 @@ class FlattenStrategy extends SelfAndDescendantsVisitor {
 //
 // }
 
-//
-// const template = `
-// <table-component list-model="zoneTreeController.visibleAreas"
-//                  selection-model="zoneTreeController.selectionModel"
-//                  selection-command="zoneTreeController.selectionCommand"
-//                  hover-model="zoneTreeController.decoratedHoverModel"
-//                  no-hover="zoneTreeController.noHover"
-//                  no-lines="true" no-scroll>
-//
-//     <row-attr name="parent-id" value="{{item.parent.id}}"></row-attr>
-//     <row-attr name="area-id" value="{{item.id}}"></row-attr>
-//     <row-attr name="area-name" value="{{item.name}}"></row-attr>
-//     <row-attr name="area-depth" value="{{item.depthFromZone()}}"></row-attr>
-//     <row-attr name="collapsed" value="{{zoneTreeController.isCollapsed(item)}}"></row-attr>
-//
-//     <column class="area" ng-class="{root: item.isZone(), parent: item.isGroup()}" class="allow-squish">
-//         <!--<label>Rooms in {{zoneTreeController.zoneModel.value.name}}</label>-->
-//         <label>Rooms</label>
-//         <div layout="row" layout-align="start center">
-//             <tree-icons tree-item="item"></tree-icons>
-//             <area-icon area="item"></area-icon>
-//             <span ng-if="item.isZone()">Zone ({{item.name}})</span>
-//             <span ng-if="!item.isZone()">{{item.name}}</span>
-//         </div>
-//     </column>
-//     <column class="expand-collapse" ng-class="{collapsed: zoneTreeController.isCollapsed(item)}">
-//         <md-button class="md-icon-button"
-//             ng-if="zoneTreeController.canCollapse(item)"
-//             ng-click="zoneTreeController.toggleCollapse(item)">
-//             <md-icon>keyboard_arrow_up</md-icon>
-//         </md-button>
-//     </column>
-//
-// </table-component>
-// `;
-class TreeTableComponent extends DisposableComponent {
-    constructor() {
-        super();
-        /**
-         * Set to true to enable scrolling.  Once enabled the table will have 0 implicit height.  You will either
-         * need to set it explicitly e.g. height: 400px; or by using flex or grid layout to make it fill it's
-         * containment area.
-         */
-        this.enableScrolling = false;
+/**
+ * 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
+ *     }
+ *   }
+ * }
+ */
+class TreeTableComponent extends AbstractTableComponent {
+    constructor(elementRef, ngZone) {
+        super(elementRef, ngZone);
+    }
+    getModel() {
+        return this.treeTableModel;
     }
 }
 TreeTableComponent.decorators = [
     { type: Component, args: [{
-                selector: "aup-tree-table",
-                template: "<aup-table [tableModel]=\"treeTableModel\" [showHeaderModel]=\"showHeaderModel\" [enableScrolling]=\"enableScrolling\"></aup-table>\n",
-                encapsulation: ViewEncapsulation.None // allow us to target nested table styles
-                ,
-                styles: ["td.mat-cell{border-top-width:0!important;border-bottom-width:0!important}td.mat-column-tree-label{width:1px}aup-table-cell-renderer[column-id=tree-label]{padding-left:8px!important}aup-tree-label-cell-renderer{flex:1}"]
+                selector: 'aup-tree-table',
+                template: "<div class=\"scroll-container\">\n  <table mat-table [dataSource]=\"getModel().dataSource.value\" [trackBy]=\"getModel().trackBy\">\n\n    <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\"\n                  matColumnDef=\"{{column.columnId}}\">\n      <th mat-header-cell *matHeaderCellDef [class.flex]=\"column.isFlex()\" [class.hide]=\"!column.isVisible()\">\n        <aup-table-header-cell-renderer [column]=\"column\"\n                                        [attr.column-index]=\"index\"\n                                        [attr.column-id]=\"column.columnId\"\n                                        [class]=\"getColumnClasses(column.columnId)\"\n        ></aup-table-header-cell-renderer>\n      </th>\n      <td mat-cell *matCellDef=\"let row\" (click)=\"notifyCellClicked(column, row)\"\n          [class.enable-cursor]=\"getModel().isCursorEnabled(column)\"\n          [class.flex]=\"column.isFlex()\"\n          [class.hide]=\"!column.isVisible()\"\n      >\n        <aup-table-cell-renderer [column]=\"column\"\n                                 [row]=\"row\"\n                                 [tableModel]=\"getModel()\"\n                                 [editSession]=\"getModel().getEditSessionFor(row)\"\n                                 [attr.column-index]=\"index\"\n                                 [attr.column-id]=\"column.columnId\"\n                                 [class]=\"getColumnClasses(column.columnId)\"\n        ></aup-table-cell-renderer>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: columnIds.value; let i = index\"\n        [ngClass]=\"getModel().getRowClasses(row)\" [class.enable-hover]=\"getModel().isHoverEnabled()\"\n        [attr.trackBy]=\"getModel().trackBy(i, row)\"\n    ></tr>\n\n  </table>\n</div>\n",
+                providers: [
+                    { provide: AbstractTableComponent, useExisting: TreeTableComponent }
+                ],
+                styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{width:100%}:host.enable-scrolling{min-height:0}:host.enable-scrolling .scroll-container{flex:1;flex-basis:0;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch}", "td.mat-cell{border-top-width:0!important;border-bottom-width:0!important}td.mat-column-tree-label{width:1px}aup-table-cell-renderer[column-id=tree-label]{padding-left:8px!important}aup-tree-label-cell-renderer{flex:1}"]
             },] }
 ];
-TreeTableComponent.ctorParameters = () => [];
+TreeTableComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: NgZone }
+];
 TreeTableComponent.propDecorators = {
-    treeTableModel: [{ type: Input }],
-    showHeaderModel: [{ type: Input }],
-    showHeader: [{ type: Input }],
-    enableScrolling: [{ type: Input }, { type: HostBinding, args: ['class.enable-scrolling',] }]
+    treeTableModel: [{ type: Input }]
 };
 __decorate([
     TrackExternal(),
     __metadata("design:type", TreeTableModel)
 ], TreeTableComponent.prototype, "treeTableModel", void 0);
-__decorate([
-    TrackExternal({ defaultValue: true }),
-    __metadata("design:type", ValueModel)
-], TreeTableComponent.prototype, "showHeaderModel", void 0);
-__decorate([
-    StoreInValueModel('showHeaderModel'),
-    __metadata("design:type", Boolean)
-], TreeTableComponent.prototype, "showHeader", void 0);
 
 class VerticalFocusContainerComponent extends FocusContainerComponent {
     constructor(focusManager) {
@@ -3864,6 +3974,7 @@ ComponentsModule.decorators = [
                     BusyOverlayComponent,
                     EmptyStateComponent,
                     PaginatorComponent,
+                    AbstractTableComponent
                 ],
                 imports: [
                     CommonModule,
@@ -4598,6 +4709,74 @@ ActivityTitleComponent.propDecorators = {
     color: [{ type: Input }, { type: HostBinding, args: ['attr.color',] }]
 };
 
+class AbstractActivityTriggerComponent extends DisposableComponent {
+    constructor() {
+        super();
+        this.alignFace = HorizontalAlignment.CENTER;
+        this.confirmEvent = new EventEmitter();
+        this.cancelEvent = new EventEmitter();
+        this.startActivityCommand = Command.create(() => {
+            assert.notNil(this.activityClass);
+            assert.notNil(this.interactionContext);
+            this.interactionContext.startActivity(this.activityClass, this.activityData)
+                .then(result => {
+                this.confirmEvent.emit(result);
+            }).catch(error => {
+                this.cancelEvent.emit(error);
+            });
+        });
+    }
+    ngOnInit() {
+    }
+    get isActive() {
+        var _a;
+        return (_a = this.interactionContext) === null || _a === void 0 ? void 0 : _a.isActive();
+    }
+}
+AbstractActivityTriggerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-abstract-activity-trigger',
+                template: ''
+            },] }
+];
+AbstractActivityTriggerComponent.ctorParameters = () => [];
+AbstractActivityTriggerComponent.propDecorators = {
+    activityClass: [{ type: Input }],
+    activityClassModel: [{ type: Input }],
+    activityData: [{ type: Input }],
+    activityDataModel: [{ type: Input }],
+    face: [{ type: Input }],
+    faceModel: [{ type: Input }],
+    alignFace: [{ type: Input }],
+    confirmEvent: [{ type: Output }],
+    cancelEvent: [{ type: Output }],
+    isActive: [{ type: HostBinding, args: ['class.active',] }]
+};
+__decorate([
+    StoreInValueModel('activityClassModel'),
+    __metadata("design:type", Object)
+], AbstractActivityTriggerComponent.prototype, "activityClass", void 0);
+__decorate([
+    TrackExternal(),
+    __metadata("design:type", ValueModel)
+], AbstractActivityTriggerComponent.prototype, "activityClassModel", void 0);
+__decorate([
+    StoreInValueModel('activityDataModel'),
+    __metadata("design:type", Object)
+], AbstractActivityTriggerComponent.prototype, "activityData", void 0);
+__decorate([
+    TrackExternal(),
+    __metadata("design:type", ValueModel)
+], AbstractActivityTriggerComponent.prototype, "activityDataModel", void 0);
+__decorate([
+    StoreInValueModel('faceModel'),
+    __metadata("design:type", Object)
+], AbstractActivityTriggerComponent.prototype, "face", void 0);
+__decorate([
+    TrackExternal(),
+    __metadata("design:type", ValueModel)
+], AbstractActivityTriggerComponent.prototype, "faceModel", void 0);
+
 class InteractionServiceRoutingAdapter {
     constructor(activeInteractionContextIds, activeModalContext, createExclusiveInteractionContext) {
         this.activeInteractionContextIds = activeInteractionContextIds;
@@ -4765,10 +4944,26 @@ InteractionService.ctorParameters = () => [
     InteractionService.ApiAdapter = ApiAdapter;
 })(InteractionService || (InteractionService = {}));
 
+class ModalActivityTriggerComponent extends AbstractActivityTriggerComponent {
+    constructor(interactionService) {
+        super();
+        this.interactionContext = interactionService.createModalInteractionContextDisposedWith(this);
+    }
+}
+ModalActivityTriggerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-modal-activity-trigger',
+                template: "<aup-command [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n",
+                styles: [":host{display:inline-block}"]
+            },] }
+];
+ModalActivityTriggerComponent.ctorParameters = () => [
+    { type: InteractionService }
+];
+
 /**
  * @example
  *   <aup-in-place-interaction-context #inPlaceInteractionContext>
- *
  *   </aup-in-place-interaction-context>
  *
  *   in your component
@@ -4896,6 +5091,33 @@ __decorate([
     __metadata("design:type", Command)
 ], AddItemInteractionContextComponent.prototype, "addCommand", void 0);
 
+class InlineActivityTriggerComponent extends AbstractActivityTriggerComponent {
+    constructor() {
+        super();
+    }
+}
+InlineActivityTriggerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-inline-activity-trigger',
+                template: "<aup-in-place-interaction-context #interactionContext [animateFirstActivity]=\"false\">\n  <aup-command [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n</aup-in-place-interaction-context>\n",
+                styles: [":host{display:inline-block}"]
+            },] }
+];
+InlineActivityTriggerComponent.ctorParameters = () => [];
+InlineActivityTriggerComponent.propDecorators = {
+    interactionContext: [{ type: ViewChild, args: [InPlaceInteractionContextComponent, { static: true },] }]
+};
+
+/**
+ * <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;
+ */
 class PopupInteractionContextComponent extends DisposableComponent {
     constructor(_element, _overlay, scrollable) {
         super();
@@ -4968,7 +5190,7 @@ PopupInteractionContextComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-popup-interaction-context',
                 template: "<ng-content></ng-content>\n",
-                styles: [":host{display:inline}:host.interaction-active{background:rgba(0,0,0,.05)}"]
+                styles: [":host{display:inline-block}:host.interaction-active{background:rgba(0,0,0,.05)}"]
             },] }
 ];
 PopupInteractionContextComponent.ctorParameters = () => [
@@ -5218,8 +5440,8 @@ class TableModel extends AbstractTableModel {
             builder(model);
         return model;
     }
-    addSelectionColumn(selectionModel) {
-        return this._addSelectionColumn(selectionModel);
+    addSelectionColumn(selectionModel, showSelectionColumn) {
+        return this._addSelectionColumn(selectionModel, showSelectionColumn);
     }
 }
 
@@ -5227,6 +5449,27 @@ class TableModel extends AbstractTableModel {
  * @file Automatically generated by barrelsby.
  */
 
+class PopupActivityTriggerComponent extends AbstractActivityTriggerComponent {
+    constructor() {
+        super();
+        this.anchorX = 'start';
+        this.anchorY = 'bottom';
+    }
+}
+PopupActivityTriggerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-popup-activity-trigger',
+                template: "<aup-popup-interaction-context [anchorX]=\"anchorX\" [anchorY]=\"anchorY\">\n  <aup-command [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n</aup-popup-interaction-context>\n",
+                styles: [":host{display:inline-block}"]
+            },] }
+];
+PopupActivityTriggerComponent.ctorParameters = () => [];
+PopupActivityTriggerComponent.propDecorators = {
+    anchorX: [{ type: Input }],
+    anchorY: [{ type: Input }],
+    interactionContext: [{ type: ViewChild, args: [PopupInteractionContextComponent, { static: true },] }]
+};
+
 class InteractionModule {
 }
 InteractionModule.decorators = [
@@ -5261,7 +5504,11 @@ InteractionModule.decorators = [
                     Activity,
                     ActivityTitleComponent,
                     ActivityBodyComponent,
-                    ActivityActionsComponent
+                    ActivityActionsComponent,
+                    AbstractActivityTriggerComponent,
+                    PopupActivityTriggerComponent,
+                    InlineActivityTriggerComponent,
+                    ModalActivityTriggerComponent
                 ],
                 exports: [
                     ActivityContainerComponent,
@@ -5274,7 +5521,10 @@ InteractionModule.decorators = [
                     InteractionContextTriggerFor,
                     StringInputActivity,
                     SelectInputActivity,
-                    ActivityBodyComponent
+                    ActivityBodyComponent,
+                    PopupActivityTriggerComponent,
+                    InlineActivityTriggerComponent,
+                    ModalActivityTriggerComponent
                 ],
                 entryComponents: [
                     ActivityContainerComponent,
@@ -8133,5 +8383,5 @@ VisibilityService.ctorParameters = () => [
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AUP_UNAUTHORISED_PLACE_NOTICE_COMPONENT, AbstractInputActivity, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractPopupMenuComponent, AbstractTableModel, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityBodyComponent, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, ActivityTitleComponent, AddItemInteractionContextComponent, AlertDialogComponent, AngularUiPowerupsModule, AutocompleteInputComponent, Bounds, BusyOverlayComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CellEditorPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnModel, ColumnTemplateDirective, CommandComponent, CommandContainer, CommandDirective, CommandFace, CommandFaceComponent, ComponentCellRendererPortalRef, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DecoratedTreeNode, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControls, EditSession, EditorControlColumnModel, EmptyStateComponent, EventCleanUpSession, FlattenStrategy, FlexComponent, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, HEADER_CELL_RENDERER_PORTAL, HighlightPipe, HighlightTextModelDirective, IconComponent, InPlaceInteractionContextComponent, InteractionContextTriggerFor, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ListPropertyColumnModel, ModalInteractionContextFactory, MoreMenuComponent, MultipleSelectInputComponent, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NotAuthorisedNoticeComponent, NumberInputComponent, POPUP_CONTAINER, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, PaginatorComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceAccessGuard, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupAwareComponent, PopupInteractionContextComponent, PopupMenuComponent, PopupMenuRendererComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SectionHeaderComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SelfAndDescendantsVisitor, SeparatorComponent, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TableRowMenuComponent, TemplateCellRendererPortalRef, TextInputComponent, ToolBarComponent, TrackBy, TreeExpansionModel, TreeInheritanceIconComponent, TreeLabelCellRendererComponent, TreeLabelColumnModel, TreeTableComponent, TreeTableModel, TreeToListModel, UrlService, UrlSnapshot, VerticalFocusContainerComponent, VisibilityService, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, ɵ0 };
+export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AUP_UNAUTHORISED_PLACE_NOTICE_COMPONENT, AbstractActivityTriggerComponent, AbstractInputActivity, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractPopupMenuComponent, AbstractTableComponent, AbstractTableModel, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityBodyComponent, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, ActivityTitleComponent, AddItemInteractionContextComponent, AlertDialogComponent, AngularUiPowerupsModule, AutocompleteInputComponent, Bounds, BusyOverlayComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CellEditorPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnModel, ColumnTemplateDirective, CommandComponent, CommandContainer, CommandDirective, CommandFace, CommandFaceComponent, ComponentCellRendererPortalRef, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DecoratedTreeNode, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControls, EditSession, EditorControlColumnModel, EmptyStateComponent, EventCleanUpSession, FlexComponent, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, HEADER_CELL_RENDERER_PORTAL, HighlightPipe, HighlightTextModelDirective, HorizontalAlignment, IconComponent, InPlaceInteractionContextComponent, InlineActivityTriggerComponent, InteractionContextTriggerFor, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ListPropertyColumnModel, ModalActivityTriggerComponent, ModalInteractionContextFactory, MoreMenuComponent, MultipleSelectInputComponent, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NotAuthorisedNoticeComponent, NumberInputComponent, POPUP_CONTAINER, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, PaginatorComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceAccessGuard, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupActivityTriggerComponent, PopupAwareComponent, PopupInteractionContextComponent, PopupMenuComponent, PopupMenuRendererComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SectionHeaderComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SelfAndDescendantsVisitor, SeparatorComponent, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TableRowMenuComponent, TemplateCellRendererPortalRef, TextInputComponent, ToolBarComponent, TrackBy, TreeExpansionModel, TreeInheritanceIconComponent, TreeLabelCellRendererComponent, TreeLabelColumnModel, TreeTableComponent, TreeTableModel, TreeToListModel, UrlService, UrlSnapshot, VerticalFocusContainerComponent, VisibilityService, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, ɵ0 };
 //# sourceMappingURL=coolon-angular-ui-powerups.js.map