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

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

@@ -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;
@@ -2628,9 +2624,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 +2645,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 +2735,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;
@@ -3426,7 +3426,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 +3446,8 @@ class TreeLabelColumnModel extends ColumnModel {
         }));
         return this;
     }
-    selectRowOnClick(selectOnRowClick) {
-        return super.selectRowOnClick(selectOnRowClick);
+    _selectRowOnClick(selectOnRowClick) {
+        return super._selectRowOnClick(selectOnRowClick);
     }
 }
 
@@ -3596,6 +3596,9 @@ class TreeTableModel extends AbstractTableModel {
     ensureAncestorsAndSelfVisible(node) {
         this.treeExpansionModel.ensureAncestorsAndSelfVisible(node);
     }
+    addSelectionColumn(selectionModel, showSelectionColumn) {
+        return this._addSelectionColumn(selectionModel, showSelectionColumn);
+    }
 }
 class FlattenStrategy extends SelfAndDescendantsVisitor {
     constructor(collapsedIds) {
@@ -4598,6 +4601,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 +4836,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 +4983,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 +5082,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 +5332,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 +5341,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 +5396,11 @@ InteractionModule.decorators = [
                     Activity,
                     ActivityTitleComponent,
                     ActivityBodyComponent,
-                    ActivityActionsComponent
+                    ActivityActionsComponent,
+                    AbstractActivityTriggerComponent,
+                    PopupActivityTriggerComponent,
+                    InlineActivityTriggerComponent,
+                    ModalActivityTriggerComponent
                 ],
                 exports: [
                     ActivityContainerComponent,
@@ -5274,7 +5413,10 @@ InteractionModule.decorators = [
                     InteractionContextTriggerFor,
                     StringInputActivity,
                     SelectInputActivity,
-                    ActivityBodyComponent
+                    ActivityBodyComponent,
+                    PopupActivityTriggerComponent,
+                    InlineActivityTriggerComponent,
+                    ModalActivityTriggerComponent
                 ],
                 entryComponents: [
                     ActivityContainerComponent,
@@ -8133,5 +8275,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, 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, 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