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

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -1047,7 +1047,7 @@
                     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: i0.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 = function () { return []; };
@@ -1064,6 +1064,12 @@
         __metadata("design:type", Array)
     ], CommandFaceComponent.prototype, "_rawFaces", void 0);
 
+    var HorizontalAlignment = typescriptStringEnums.Enum({
+        START: 'start',
+        CENTER: 'center',
+        END: 'end'
+    });
+
     var PopupAwareComponent = /** @class */ (function (_super) {
         __extends(PopupAwareComponent, _super);
         function PopupAwareComponent(element, parent) {
@@ -1106,6 +1112,7 @@
         function CommandComponent(element, parent) {
             var _this = _super.call(this, element, parent) || this;
             _this.CommandFace = exports.CommandFace;
+            _this.alignFace = HorizontalAlignment.CENTER;
             var _a = pectin.Dsl.disposeWith(_this), chain = _a.chain, switchOn = _a.switchOn;
             _this.faces = chain(_this.command.busy).mapToList(function (busy) {
                 return busy ?
@@ -1138,8 +1145,8 @@
     CommandComponent.decorators = [
         { type: i0.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 = function () { return [
@@ -1151,7 +1158,8 @@
         faceModel: [{ type: i0.Input }],
         face: [{ type: i0.Input }],
         busyFaceModel: [{ type: i0.Input }],
-        busyFace: [{ type: i0.Input }]
+        busyFace: [{ type: i0.Input }],
+        alignFace: [{ type: i0.Input }, { type: i0.HostBinding, args: ["class",] }]
     };
     __decorate([
         pectin.TrackExternal(),
@@ -1306,7 +1314,7 @@
     MoreMenuComponent.decorators = [
         { type: i0.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 }
                     ]
@@ -1545,7 +1553,7 @@
     PopupMenuComponent.decorators = [
         { type: i0.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 }
                     ]
@@ -2832,9 +2840,10 @@
         function ColumnModel(columnId, textPropertiesProvider) {
             this.columnId = columnId;
             this.textPropertiesProvider = textPropertiesProvider;
-            this._selectRowOnClick = undefined;
+            this._enableRowSelection = true;
             this._flex = false;
-            this._visibleModel = new pectin.DelegatingValueModel().withDefault(true);
+            this._defaultVisibility = new pectin.DelegatingValueModel().withDefault(true);
+            this._visible = new pectin.DelegatingValueModel().withDefault(this._defaultVisibility);
             this.installHeaderRenderer();
             this.dasherisedColumnId = typescriptUtilities.Stringy.from(columnId).dasherize().toString();
         }
@@ -2852,15 +2861,18 @@
         };
         Object.defineProperty(ColumnModel.prototype, "visible", {
             get: function () {
-                return this._visibleModel.readonly;
+                return this._visible.readonly;
             },
             enumerable: false,
             configurable: true
         });
         ColumnModel.prototype.visibleWhile = function (visible) {
-            this._visibleModel.setDelegate(visible);
+            this._visible.setDelegate(visible);
             return this;
         };
+        ColumnModel.prototype.setDefaultVisibility = function (visible) {
+            this._defaultVisibility.setDelegate(visible);
+        };
         ColumnModel.prototype.getDefaultHeaderText = function () {
             return this.columnId;
         };
@@ -2923,18 +2935,12 @@
         ColumnModel.prototype.updatePortalContent = function (host) {
             this._cellRendererPortalRef.pushState(host);
         };
-        ColumnModel.prototype.selectRowOnClick = function (selectOnRowClick) {
-            this._selectRowOnClick = selectOnRowClick;
+        ColumnModel.prototype._selectRowOnClick = function (selectRowOnClick) {
+            this._enableRowSelection = selectRowOnClick;
             return this;
         };
         ColumnModel.prototype.isRowSelectionEnabled = function () {
-            return this._selectRowOnClick;
-        };
-        ColumnModel.prototype.isRowSelectionExplicitlyEnabled = function () {
-            return this._selectRowOnClick === true;
-        };
-        ColumnModel.prototype.isRowSelectionExplicitlyDisabled = function () {
-            return this._selectRowOnClick === false;
+            return this._enableRowSelection;
         };
         return ColumnModel;
     }());
@@ -3038,7 +3044,7 @@
             return this;
         };
         PropertyColumnModel.prototype.selectRowOnClick = function (selectOnRowClick) {
-            return _super.prototype.selectRowOnClick.call(this, selectOnRowClick);
+            return this._selectRowOnClick(selectOnRowClick);
         };
         return PropertyColumnModel;
     }(ColumnModel));
@@ -3079,8 +3085,8 @@
             this._format = formatter;
             return this;
         };
-        ListPropertyColumnModel.prototype.selectRowOnClick = function (selectOnRowClick) {
-            return _super.prototype.selectRowOnClick.call(this, selectOnRowClick);
+        ListPropertyColumnModel.prototype.selectRowOnClick = function (selectRowOnClick) {
+            return this._selectRowOnClick(selectRowOnClick);
         };
         return ListPropertyColumnModel;
     }(ColumnModel));
@@ -3113,7 +3119,7 @@
             return this;
         };
         CustomValueColumnModel.prototype.selectRowOnClick = function (selectOnRowClick) {
-            return _super.prototype.selectRowOnClick.call(this, selectOnRowClick);
+            return this._selectRowOnClick(selectOnRowClick);
         };
         return CustomValueColumnModel;
     }(ColumnModel));
@@ -3149,7 +3155,7 @@
             this.config.registerPortal(templateRef, viewContainer, fillCell, padChild);
         };
         CustomTemplateColumnModel.prototype.selectRowOnClick = function (selectOnRowClick) {
-            return _super.prototype.selectRowOnClick.call(this, selectOnRowClick);
+            return this._selectRowOnClick(selectOnRowClick);
         };
         return CustomTemplateColumnModel;
     }(ColumnModel));
@@ -3159,8 +3165,7 @@
             var _this = _super.call(this, columnId, defaults) || this;
             _this._enableHeaderControls = true;
             _this.selectionModel = pectin.DelegatingSelectionModel.createDelegate();
-            _this.hasSelectionModel = new pectin.MutableValueModel(false);
-            _this.selectOnRowClick(false);
+            _this._selectRowOnClick(false);
             _this.cellHeaderRenderer(SelectHeaderCellRendererComponent, function (component) {
                 component.selectionModel = _this.selectionModel;
                 component.enableHeaderControls = _this._enableHeaderControls;
@@ -3170,24 +3175,15 @@
                 component.selectionModel = _this.selectionModel;
             }));
             _this.setSelectionModel(selectionModel);
-            _this.visibleWhile(_this.hasSelectionModel);
             return _this;
         }
         SelectionColumnModel.prototype.setSelectionModel = function (selectionModel) {
             this.selectionModel.setDelegate(selectionModel);
-            this.hasSelectionModel.value = !!selectionModel;
+            this.setDefaultVisibility(selectionModel instanceof pectin.MultipleSelectionModel ? pectin.ValueModel.TRUE : pectin.ValueModel.FALSE);
         };
         SelectionColumnModel.prototype.getDefaultHeaderText = function () {
             return '';
         };
-        SelectionColumnModel.prototype.isRowSelectionEnabledByDefault = function () {
-            return this.isRowSelectionExplicitlyEnabled();
-        };
-        SelectionColumnModel.prototype.selectOnRowClick = function (selectOnRowClick) {
-            // note we're using different method name as the selection column treats this
-            // state as the default for all columns.
-            return _super.prototype.selectRowOnClick.call(this, selectOnRowClick);
-        };
         SelectionColumnModel.prototype.enableHeaderControls = function (enable) {
             this._enableHeaderControls = enable;
             return this;
@@ -3277,9 +3273,9 @@
             _this.editing = chain(_this._editorSessions).count().isGreaterThan(0);
             _this.dataSource = chain(_this.sourceOfTruth).replaceAll(_this.rowsBeingEdited);
             _this.firstEditableColumn = chain(_this.columns).select(function (c) { return c.hasEditorPortal(); }).first();
-            _this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(_this._columns).findIndex(function (column) { return column.isRowSelectionExplicitlyEnabled(); }).isGreaterThanOrEqualTo(0);
             _this.firstVisibleColumn = chain(_this._visibleColumnTracker).first();
             _this.lastVisibleColumn = chain(_this._visibleColumnTracker).last();
+            _this.rowSelectionDisabledOnAllColumns = chain(_this._visibleColumnTracker).select(function (column) { return column.isRowSelectionEnabled(); }).count().equals(0);
             return _this;
         }
         Object.defineProperty(AbstractTableModel.prototype, "rowsBeingEdited", {
@@ -3313,13 +3309,17 @@
             var columnId = (options === null || options === void 0 ? void 0 : options.columnId) || property.toString();
             return this.addColumn(new ListPropertyColumnModel(columnId, property, function () { return _this.getColumnTextProperties(columnId); }));
         };
-        AbstractTableModel.prototype._addSelectionColumn = function (selectionModel) {
+        AbstractTableModel.prototype._addSelectionColumn = function (selectionModel, visible) {
             var _this = this;
             pectin.assert.isNil(this.selectionColumnModel);
             var columnId = 'selection-column';
             this.selectionColumnModel = new SelectionColumnModel(columnId, function () { return _this.getColumnTextProperties(columnId); }, selectionModel);
             this.addRowClass('aup-row-selected', function (row) { return _this.selectionColumnModel.isSelected(row); });
-            return this.addColumn(this.selectionColumnModel);
+            var selectionColumnModel = this.addColumn(this.selectionColumnModel);
+            if (!___namespace.isNil(visible)) {
+                selectionColumnModel.visibleWhile(visible instanceof pectin.ValueModel ? visible : pectin.ValueModel.constant(visible));
+            }
+            return selectionColumnModel;
         };
         AbstractTableModel.prototype.addEditControls = function (saveCommand) {
             var _this = this;
@@ -3406,14 +3406,14 @@
             });
         };
         AbstractTableModel.prototype.isRowSelectionEnabledFor = function (column) {
-            var _a;
-            return this.selectionColumnModel && ((_a = column.isRowSelectionEnabled()) !== null && _a !== void 0 ? _a : this.isRowSelectionEnabledByDefault());
-        };
-        AbstractTableModel.prototype.isRowSelectionEnabledByDefault = function () {
-            return this.selectionColumnModel && this.selectionColumnModel.isRowSelectionEnabledByDefault();
+            return this.isRowSelectionEnabled() && column.isRowSelectionEnabled();
         };
         AbstractTableModel.prototype.isRowSelectionEnabled = function () {
-            return this.hasColumnsWithRowSelectionExplicitlyEnabled.value || this.isRowSelectionEnabledByDefault();
+            return this.hasSelectionModel() && !this.rowSelectionDisabledOnAllColumns.value;
+        };
+        AbstractTableModel.prototype.hasSelectionModel = function () {
+            var _a;
+            return !!((_a = this.selectionColumnModel) === null || _a === void 0 ? void 0 : _a.selectionModel.getDelegate());
         };
         AbstractTableModel.prototype.isHoverEnabled = function () {
             return this.isRowSelectionEnabled() || this.rowClickListeners.listenerCount > 0;
@@ -4009,7 +4009,7 @@
         function TreeLabelColumnModel(columnId, textPropertiesProvider, expansionModel) {
             var _this = _super.call(this, columnId, textPropertiesProvider) || this;
             _this.expansionModel = expansionModel;
-            _this.iconFactory = function (node, expanded) { return expanded ? 'mat:folder_open' : 'mat:folder'; };
+            _this.iconFactory = function (node, expanded) { return expanded ? 'mat:expand_more' : 'mat:chevron_right'; };
             _this.cellRenderer(TreeLabelCellRendererComponent);
             return _this;
         }
@@ -4031,8 +4031,8 @@
             }));
             return this;
         };
-        TreeLabelColumnModel.prototype.selectRowOnClick = function (selectOnRowClick) {
-            return _super.prototype.selectRowOnClick.call(this, selectOnRowClick);
+        TreeLabelColumnModel.prototype._selectRowOnClick = function (selectOnRowClick) {
+            return _super.prototype._selectRowOnClick.call(this, selectOnRowClick);
         };
         return TreeLabelColumnModel;
     }(ColumnModel));
@@ -4345,6 +4345,9 @@
         TreeTableModel.prototype.ensureAncestorsAndSelfVisible = function (node) {
             this.treeExpansionModel.ensureAncestorsAndSelfVisible(node);
         };
+        TreeTableModel.prototype.addSelectionColumn = function (selectionModel, showSelectionColumn) {
+            return this._addSelectionColumn(selectionModel, showSelectionColumn);
+        };
         return TreeTableModel;
     }(AbstractTableModel));
     var FlattenStrategy = /** @class */ (function (_super) {
@@ -5503,6 +5506,81 @@
         color: [{ type: i0.Input }, { type: i0.HostBinding, args: ['attr.color',] }]
     };
 
+    var AbstractActivityTriggerComponent = /** @class */ (function (_super) {
+        __extends(AbstractActivityTriggerComponent, _super);
+        function AbstractActivityTriggerComponent() {
+            var _this = _super.call(this) || this;
+            _this.alignFace = HorizontalAlignment.CENTER;
+            _this.confirmEvent = new i0.EventEmitter();
+            _this.cancelEvent = new i0.EventEmitter();
+            _this.startActivityCommand = pectin.Command.create(function () {
+                pectin.assert.notNil(_this.activityClass);
+                pectin.assert.notNil(_this.interactionContext);
+                _this.interactionContext.startActivity(_this.activityClass, _this.activityData)
+                    .then(function (result) {
+                    _this.confirmEvent.emit(result);
+                }).catch(function (error) {
+                    _this.cancelEvent.emit(error);
+                });
+            });
+            return _this;
+        }
+        AbstractActivityTriggerComponent.prototype.ngOnInit = function () {
+        };
+        Object.defineProperty(AbstractActivityTriggerComponent.prototype, "isActive", {
+            get: function () {
+                var _a;
+                return (_a = this.interactionContext) === null || _a === void 0 ? void 0 : _a.isActive();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return AbstractActivityTriggerComponent;
+    }(DisposableComponent));
+    AbstractActivityTriggerComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'aup-abstract-activity-trigger',
+                    template: ''
+                },] }
+    ];
+    AbstractActivityTriggerComponent.ctorParameters = function () { return []; };
+    AbstractActivityTriggerComponent.propDecorators = {
+        activityClass: [{ type: i0.Input }],
+        activityClassModel: [{ type: i0.Input }],
+        activityData: [{ type: i0.Input }],
+        activityDataModel: [{ type: i0.Input }],
+        face: [{ type: i0.Input }],
+        faceModel: [{ type: i0.Input }],
+        alignFace: [{ type: i0.Input }],
+        confirmEvent: [{ type: i0.Output }],
+        cancelEvent: [{ type: i0.Output }],
+        isActive: [{ type: i0.HostBinding, args: ['class.active',] }]
+    };
+    __decorate([
+        pectin.StoreInValueModel('activityClassModel'),
+        __metadata("design:type", Object)
+    ], AbstractActivityTriggerComponent.prototype, "activityClass", void 0);
+    __decorate([
+        pectin.TrackExternal(),
+        __metadata("design:type", pectin.ValueModel)
+    ], AbstractActivityTriggerComponent.prototype, "activityClassModel", void 0);
+    __decorate([
+        pectin.StoreInValueModel('activityDataModel'),
+        __metadata("design:type", Object)
+    ], AbstractActivityTriggerComponent.prototype, "activityData", void 0);
+    __decorate([
+        pectin.TrackExternal(),
+        __metadata("design:type", pectin.ValueModel)
+    ], AbstractActivityTriggerComponent.prototype, "activityDataModel", void 0);
+    __decorate([
+        pectin.StoreInValueModel('faceModel'),
+        __metadata("design:type", Object)
+    ], AbstractActivityTriggerComponent.prototype, "face", void 0);
+    __decorate([
+        pectin.TrackExternal(),
+        __metadata("design:type", pectin.ValueModel)
+    ], AbstractActivityTriggerComponent.prototype, "faceModel", void 0);
+
     var InteractionServiceRoutingAdapter = /** @class */ (function () {
         function InteractionServiceRoutingAdapter(activeInteractionContextIds, activeModalContext, createExclusiveInteractionContext) {
             this.activeInteractionContextIds = activeInteractionContextIds;
@@ -5684,10 +5762,29 @@
         InteractionService.ApiAdapter = ApiAdapter;
     })(exports.InteractionService || (exports.InteractionService = {}));
 
+    var ModalActivityTriggerComponent = /** @class */ (function (_super) {
+        __extends(ModalActivityTriggerComponent, _super);
+        function ModalActivityTriggerComponent(interactionService) {
+            var _this = _super.call(this) || this;
+            _this.interactionContext = interactionService.createModalInteractionContextDisposedWith(_this);
+            return _this;
+        }
+        return ModalActivityTriggerComponent;
+    }(AbstractActivityTriggerComponent));
+    ModalActivityTriggerComponent.decorators = [
+        { type: i0.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 = function () { return [
+        { type: exports.InteractionService }
+    ]; };
+
     /**
      * @example
      *   <aup-in-place-interaction-context #inPlaceInteractionContext>
-     *
      *   </aup-in-place-interaction-context>
      *
      *   in your component
@@ -5833,6 +5930,35 @@
         __metadata("design:type", pectin.Command)
     ], AddItemInteractionContextComponent.prototype, "addCommand", void 0);
 
+    var InlineActivityTriggerComponent = /** @class */ (function (_super) {
+        __extends(InlineActivityTriggerComponent, _super);
+        function InlineActivityTriggerComponent() {
+            return _super.call(this) || this;
+        }
+        return InlineActivityTriggerComponent;
+    }(AbstractActivityTriggerComponent));
+    InlineActivityTriggerComponent.decorators = [
+        { type: i0.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 = function () { return []; };
+    InlineActivityTriggerComponent.propDecorators = {
+        interactionContext: [{ type: i0.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;
+     */
     var PopupInteractionContextComponent = /** @class */ (function (_super) {
         __extends(PopupInteractionContextComponent, _super);
         function PopupInteractionContextComponent(_element, _overlay, scrollable) {
@@ -5913,7 +6039,7 @@
         { type: i0.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 = function () { return [
@@ -6171,8 +6297,8 @@
                 builder(model);
             return model;
         };
-        TableModel.prototype.addSelectionColumn = function (selectionModel) {
-            return this._addSelectionColumn(selectionModel);
+        TableModel.prototype.addSelectionColumn = function (selectionModel, showSelectionColumn) {
+            return this._addSelectionColumn(selectionModel, showSelectionColumn);
         };
         return TableModel;
     }(AbstractTableModel));
@@ -6181,6 +6307,30 @@
      * @file Automatically generated by barrelsby.
      */
 
+    var PopupActivityTriggerComponent = /** @class */ (function (_super) {
+        __extends(PopupActivityTriggerComponent, _super);
+        function PopupActivityTriggerComponent() {
+            var _this = _super.call(this) || this;
+            _this.anchorX = 'start';
+            _this.anchorY = 'bottom';
+            return _this;
+        }
+        return PopupActivityTriggerComponent;
+    }(AbstractActivityTriggerComponent));
+    PopupActivityTriggerComponent.decorators = [
+        { type: i0.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 = function () { return []; };
+    PopupActivityTriggerComponent.propDecorators = {
+        anchorX: [{ type: i0.Input }],
+        anchorY: [{ type: i0.Input }],
+        interactionContext: [{ type: i0.ViewChild, args: [PopupInteractionContextComponent, { static: true },] }]
+    };
+
     var InteractionModule = /** @class */ (function () {
         function InteractionModule() {
         }
@@ -6218,7 +6368,11 @@
                         Activity,
                         ActivityTitleComponent,
                         ActivityBodyComponent,
-                        ActivityActionsComponent
+                        ActivityActionsComponent,
+                        AbstractActivityTriggerComponent,
+                        PopupActivityTriggerComponent,
+                        InlineActivityTriggerComponent,
+                        ModalActivityTriggerComponent
                     ],
                     exports: [
                         ActivityContainerComponent,
@@ -6231,7 +6385,10 @@
                         InteractionContextTriggerFor,
                         StringInputActivity,
                         SelectInputActivity,
-                        ActivityBodyComponent
+                        ActivityBodyComponent,
+                        PopupActivityTriggerComponent,
+                        InlineActivityTriggerComponent,
+                        ModalActivityTriggerComponent
                     ],
                     entryComponents: [
                         ActivityContainerComponent,
@@ -9414,6 +9571,7 @@
     exports.ACTIVITY_DATA = ACTIVITY_DATA;
     exports.AUP_PLACE_CONFIG = AUP_PLACE_CONFIG;
     exports.AUP_UNAUTHORISED_PLACE_NOTICE_COMPONENT = AUP_UNAUTHORISED_PLACE_NOTICE_COMPONENT;
+    exports.AbstractActivityTriggerComponent = AbstractActivityTriggerComponent;
     exports.AbstractInputActivity = AbstractInputActivity;
     exports.AbstractInputComponent = AbstractInputComponent;
     exports.AbstractInteractionContext = AbstractInteractionContext;
@@ -9479,13 +9637,16 @@
     exports.HEADER_CELL_RENDERER_PORTAL = HEADER_CELL_RENDERER_PORTAL;
     exports.HighlightPipe = HighlightPipe;
     exports.HighlightTextModelDirective = HighlightTextModelDirective;
+    exports.HorizontalAlignment = HorizontalAlignment;
     exports.InPlaceInteractionContextComponent = InPlaceInteractionContextComponent;
+    exports.InlineActivityTriggerComponent = InlineActivityTriggerComponent;
     exports.InteractionContextTriggerFor = InteractionContextTriggerFor;
     exports.InteractionModule = InteractionModule;
     exports.InteractionServiceRoutingAdapter = InteractionServiceRoutingAdapter;
     exports.LEFT_RIGHT_PLACE_ANIMATION = LEFT_RIGHT_PLACE_ANIMATION;
     exports.ListPlaceNavComponent = ListPlaceNavComponent;
     exports.ListPropertyColumnModel = ListPropertyColumnModel;
+    exports.ModalActivityTriggerComponent = ModalActivityTriggerComponent;
     exports.ModalInteractionContextFactory = ModalInteractionContextFactory;
     exports.MoreMenuComponent = MoreMenuComponent;
     exports.MultipleSelectInputComponent = MultipleSelectInputComponent;
@@ -9510,6 +9671,7 @@
     exports.Point = Point;
     exports.PopStateDuringInteractionNavigation = PopStateDuringInteractionNavigation;
     exports.PopStateNavigation = PopStateNavigation;
+    exports.PopupActivityTriggerComponent = PopupActivityTriggerComponent;
     exports.PopupAwareComponent = PopupAwareComponent;
     exports.PopupInteractionContextComponent = PopupInteractionContextComponent;
     exports.PopupMenuComponent = PopupMenuComponent;