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

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

@@ -21,7 +21,7 @@ import { MatTableModule } from '@angular/material/table';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
 import { fas } from '@fortawesome/free-solid-svg-icons';
-import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, ValueModel, StoreInValueModel, Command, MutableListModel, StoreInListModel, Disposable, MutableValueModel, DelegatingListModel, FocusManager, EventListenerList, Form, Guard, Binding, DebugContext, ListModel, MultipleSelectionModel, DelegatingSelectionModel, AbstractComputedListModel, DirtyTrackingForm, ComputedListModel, PageController, Deferred, Trace, Functions } from '@coolon/pectin';
+import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, ValueModel, StoreInValueModel, Command, MutableListModel, StoreInListModel, Disposable, MutableValueModel, DelegatingListModel, FocusManager, EventListenerList, Form, Guard, Binding, DebugContext, ListModel, MultipleSelectionModel, DelegatingSelectionModel, AbstractComputedListModel, DirtyTrackingForm, ComputedListModel, PageController, Deferred, Functions } from '@coolon/pectin';
 import { __decorate, __metadata, __awaiter } from 'tslib';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as _ from 'lodash';
@@ -35,7 +35,7 @@ import { FlexModule, GridModule } from '@angular/flex-layout';
 import * as i1$1 from '@angular/material/dialog';
 import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
 import * as i1 from '@angular/router';
-import { RouterModule, ActivatedRouteSnapshot, NavigationStart, NavigationCancel, UrlSegment, Router, UrlSerializer, NavigationEnd, NavigationError } from '@angular/router';
+import { RouterModule, ActivatedRouteSnapshot, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel } from '@angular/router';
 import { Overlay, CdkScrollable } from '@angular/cdk/overlay';
 import { MatListModule } from '@angular/material/list';
 import { Memoize as Memoize$1 } from '@typescript-plus/fast-memoize-decorator';
@@ -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,
@@ -5291,204 +5433,6 @@ InteractionModule.decorators = [
             },] }
 ];
 
-class PlaceHistory {
-    constructor() {
-        this._archive = new Map();
-        this.placeHistoryDepth = 4;
-    }
-    notifyNavigationStarted() {
-        if (this._activeVisits) {
-            this.archive(this._activeVisits.visits);
-            this._previousVisits = this._activeVisits;
-        }
-    }
-    notifyNavigationFinished(visits) {
-        this._activeVisits = new PlaceHistory.VisitRecord(visits);
-    }
-    updateVisit(visit) {
-        assert.isTruthy(this._activeVisits);
-        this._activeVisits.update(visit);
-    }
-    lastVisitIncluded(placeDef) {
-        var _a;
-        return !!((_a = this._previousVisits) === null || _a === void 0 ? void 0 : _a.getVisitFor(placeDef));
-    }
-    getMostRecentVisitFor(placeDef) {
-        return ___default.first(this.getHistory(placeDef));
-    }
-    getHistory(placeDef) {
-        let history = this._archive.get(placeDef);
-        if (!history) {
-            history = [];
-            this.setHistory(placeDef, history);
-        }
-        return history;
-    }
-    setHistory(placeDef, history) {
-        this._archive.set(placeDef, history);
-    }
-    archive(visits) {
-        visits.forEach(state => {
-            const history = this.getHistory(state.placeDefinition);
-            const previousState = ___default.first(history);
-            if (!previousState || state.hasChangedFrom(previousState)) {
-                history.unshift(state); // LIFO
-                this.setHistory(state.placeDefinition, history.slice(0, this.placeHistoryDepth));
-            }
-        });
-    }
-}
-PlaceHistory.ɵprov = i0.ɵɵdefineInjectable({ factory: function PlaceHistory_Factory() { return new PlaceHistory(); }, token: PlaceHistory, providedIn: "root" });
-PlaceHistory.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-PlaceHistory.ctorParameters = () => [];
-(function (PlaceHistory) {
-    class VisitRecord {
-        constructor(visits) {
-            this.visits = visits;
-        }
-        update(visit) {
-            this.visits = this.visits.filter(v => v.placeDefinition !== visit.placeDefinition).concat(visit);
-        }
-        getVisitFor(placeDef) {
-            return this.visits.find(v => v.placeDefinition === placeDef);
-        }
-    }
-    PlaceHistory.VisitRecord = VisitRecord;
-    // export class Query {
-    //   private _history: Visit.State[];
-    //   private _places: Place[];
-    //   private _predicate: (visit: any) => boolean;
-    //   private _limit: number;
-    //
-    //   constructor(history, limit = history.length) {
-    //     this._history = history;
-    //     this._places = [];
-    //     this._predicate = (visit => true);
-    //     this._limit = limit;
-    //   }
-    //
-    //   to(...places:Place[]):this {
-    //     this._places = places;
-    //     return this;
-    //   }
-    //
-    //   with(parameters: { [parameter: string]: any }): this {
-    //     this.matching(state => {
-    //       return Object.keys(parameters).reduce((acc, key) => {
-    //         const matchValue = parameters[key];
-    //         const visitValue = state.get(key);
-    //         const matched = matchValue === '*' ? !_.isNil(visitValue) : visitValue == matchValue;
-    //         // Logger.get(this).info(`matched=${matched}`, parameters, visitValue);
-    //         return acc && matched;
-    //       }, true);
-    //     });
-    //     return this;
-    //   }
-    //
-    //   last(): Visit.State {
-    //     return _.findLast(this._history, visit => this._matches(visit))
-    //   }
-    //
-    //   // @trace
-    //   allThatMatch(): Visit.State[] {
-    //     return _.filter(this._history, visit => this._matches(visit)).slice(-this._limit);
-    //   }
-    //
-    //   // @trace
-    //   mostRecentValueOf<T=any>(param: string, defaultValue: T = null): T {
-    //     const lastStateWithParam = _.findLast(this.allThatMatch(), state => !_.isNil(state.get(param)));
-    //     return _.isNil(lastStateWithParam) ? defaultValue : lastStateWithParam.get(param);
-    //   }
-    //
-    //   limit(limit: number): this {
-    //     this._limit = limit;
-    //     return this;
-    //   }
-    //
-    //   matching(predicate: (visit: Visit.State) => boolean): this {
-    //     this._predicate = predicate;
-    //     return this;
-    //   }
-    //
-    //   _matches(visit: Visit.State) {
-    //     return this._isPlaceMatch(visit) && this._predicate(visit);
-    //   }
-    //
-    //   _isPlaceMatch(visit: Visit.State) {
-    //     return this._places.length < 1 || this._places.includes(visit.place)
-    //   }
-    //
-    // }
-})(PlaceHistory || (PlaceHistory = {}));
-
-class Visit {
-    constructor(placeDefinition, visitParameters = {}) {
-        this.placeDefinition = placeDefinition;
-        this.visitParameters = visitParameters;
-    }
-    // @Trace()
-    getRouteId() {
-        return this.placeDefinition.getRouteIdFrom(this);
-    }
-    // @Trace()
-    hasRouteId() {
-        return !_.isNil(this.getRouteId());
-    }
-    /**
-     * Returns the value of the place parameter with the specified name.  The parameter
-     * name is taken from the `as` option, e.g. {as: 'aCustomName'} otherwise it is the
-     * same as the the ValueModel property name.
-     * @param parameterName the field name of the property model or the `as` option if specified.
-     */
-    getParameter(parameterName) {
-        return this.visitParameters[parameterName];
-    }
-    // @Trace()
-    hasParameter(parameterName) {
-        return Object.keys(this.visitParameters).includes(parameterName);
-    }
-    replace(parameter, value) {
-        return new Visit(this.placeDefinition, Object.assign(Object.assign({}, this.visitParameters), { [parameter.name]: value }));
-    }
-    mergeRouteParameters(routeParams) {
-        // todo: whitelist parameters.
-        const routeParameterKeys = Object.keys(routeParams);
-        const params = {};
-        this.placeDefinition.getVisitParameterDefs().forEach(def => {
-            if (def.isRouteId || def.isRouteParameter) {
-                if (routeParameterKeys.includes(def.name)) {
-                    params[def.name] = routeParams[def.name];
-                }
-            }
-            else {
-                // copy non route params as is, but only if they already exist otherwise we'll inject nil values and break the
-                // defaults and remember sanitisation process.
-                const value = this.getParameter(def.name);
-                if (this.hasParameter(def.name)) {
-                    params[def.name] = value;
-                }
-            }
-        });
-        return new Visit(this.placeDefinition, params);
-    }
-    hasRoutingChangedFrom(other) {
-        const samePlace = other.placeDefinition === this.placeDefinition;
-        const sameRouteParameters = _.isEqual(this.placeDefinition.getFormattedRouteParameters(this, true), this.placeDefinition.getFormattedRouteParameters(other, true));
-        return !samePlace || !sameRouteParameters;
-    }
-    hasChangedFrom(other) {
-        const sameNonRouteParameters = _.isEqual(this.placeDefinition.getNonRouteParameters(this), this.placeDefinition.getNonRouteParameters(other));
-        return !sameNonRouteParameters || this.hasRoutingChangedFrom(other);
-    }
-    toDebugString() {
-        return Object.keys(this.visitParameters).map(k => `${k}=${this.visitParameters[k]}`).join(',');
-    }
-}
-
 class ParameterDefinition {
     constructor(propertyName, options, urlFormat) {
         this.propertyName = propertyName;
@@ -5507,6 +5451,7 @@ class ParameterDefinition {
     getOptionValue(key) {
         return this.options.getOptional(key, null);
     }
+    // @Trace()
     sanitise(value, visit, placeHistory, injector, isPopState) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.isMissingFrom(visit)) {
@@ -5527,12 +5472,6 @@ class ParameterDefinition {
         return !visit.hasParameter(this.name);
     }
 }
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object, Visit, PlaceHistory, Injector, Boolean]),
-    __metadata("design:returntype", Promise)
-], ParameterDefinition.prototype, "sanitise", null);
 (function (ParameterDefinition) {
     class RouteId extends ParameterDefinition {
         constructor() {
@@ -5730,6 +5669,7 @@ class PlaceComponent extends DisposableComponent {
         when(this._active).becomesTruthy(() => this.onPlaceReady());
         this.childPlaces = this.placeDefinition.children.map(d => d.component);
     }
+    // @Trace()
     initialiseVisit(visit, notifyVisitChanged) {
         assert.isNil(this.visitModel.value);
         const { when } = Dsl.disposeWith(this);
@@ -5750,17 +5690,18 @@ class PlaceComponent extends DisposableComponent {
     isInitialised() {
         return !!this.visitModel.value;
     }
+    // @Trace()
     installBinding(parameterDef) {
         const model = this[parameterDef.propertyName];
         DebugContext.tag(model, `${this.placeDefinition.component.name}.${parameterDef.propertyName}`);
         const binding = this.registerDisposable(new Binding(this.visitModel, model, {
             toRight(visit) {
                 const value = visit.getParameter(parameterDef.name);
-                console.log('push to component', { name: parameterDef.name, value, visit });
+                // console.log('push to component', { name: parameterDef.name, value, visit });
                 return value;
             },
             toLeft(value, currentVisit) {
-                console.log('push to route', { name: parameterDef.name, value, currentVisit });
+                // console.log('push to route', { name: parameterDef.name, value, currentVisit });
                 return currentVisit.replace(parameterDef, value);
             }
         }));
@@ -5785,18 +5726,6 @@ PlaceComponent.decorators = [
     { type: Directive }
 ];
 PlaceComponent.ctorParameters = () => [];
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Visit, Function]),
-    __metadata("design:returntype", void 0)
-], PlaceComponent.prototype, "initialiseVisit", null);
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [ParameterDefinition]),
-    __metadata("design:returntype", void 0)
-], PlaceComponent.prototype, "installBinding", null);
 __decorate([
     Memoize$1(),
     __metadata("design:type", PlaceDefinition),
@@ -6340,9 +6269,11 @@ class WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined exte
         this.clickedLinkMatchedBackButtonUrl = false;
         this.debugPropertyKeys = ['idle', 'startingUrl', 'clickedLinkUrl', 'firstCancelEventUrl', 'clickedLinkMatchedBackButtonUrl', 'popStateEventUrl'];
     }
+    // @Trace()
     onRouterStarted(event) {
         this.ignore(event);
     }
+    // @Trace()
     onRouterCancelled(event) {
         if (event.url === this.clickedLinkUrl) {
             this.context.transitionTo(new WaitForLinkSameAsBackToPlayOut(this.context, this.startingUrl, this.clickedLinkUrl));
@@ -6357,18 +6288,6 @@ class WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined exte
         });
     }
 }
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [NavigationStart]),
-    __metadata("design:returntype", void 0)
-], WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined.prototype, "onRouterStarted", null);
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [NavigationCancel]),
-    __metadata("design:returntype", void 0)
-], WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined.prototype, "onRouterCancelled", null);
 class WaitForLinkSameAsBackToPlayOut extends EventCleanUpSession {
     constructor(context, startingUrl, clickedLinkUrl) {
         super(context, startingUrl);
@@ -6615,6 +6534,140 @@ var PlaceAccessGuard;
     PlaceAccessGuard.NoAuth = NoAuth;
 })(PlaceAccessGuard || (PlaceAccessGuard = {}));
 
+class PlaceHistory {
+    constructor() {
+        this._archive = new Map();
+        this.placeHistoryDepth = 4;
+    }
+    notifyNavigationStarted() {
+        if (this._activeVisits) {
+            this.archive(this._activeVisits.visits);
+            this._previousVisits = this._activeVisits;
+        }
+    }
+    notifyNavigationFinished(visits) {
+        this._activeVisits = new PlaceHistory.VisitRecord(visits);
+    }
+    updateVisit(visit) {
+        assert.isTruthy(this._activeVisits);
+        this._activeVisits.update(visit);
+    }
+    lastVisitIncluded(placeDef) {
+        var _a;
+        return !!((_a = this._previousVisits) === null || _a === void 0 ? void 0 : _a.getVisitFor(placeDef));
+    }
+    getMostRecentVisitFor(placeDef) {
+        return ___default.first(this.getHistory(placeDef));
+    }
+    getHistory(placeDef) {
+        let history = this._archive.get(placeDef);
+        if (!history) {
+            history = [];
+            this.setHistory(placeDef, history);
+        }
+        return history;
+    }
+    setHistory(placeDef, history) {
+        this._archive.set(placeDef, history);
+    }
+    archive(visits) {
+        visits.forEach(state => {
+            const history = this.getHistory(state.placeDefinition);
+            const previousState = ___default.first(history);
+            if (!previousState || state.hasChangedFrom(previousState)) {
+                history.unshift(state); // LIFO
+                this.setHistory(state.placeDefinition, history.slice(0, this.placeHistoryDepth));
+            }
+        });
+    }
+}
+PlaceHistory.ɵprov = i0.ɵɵdefineInjectable({ factory: function PlaceHistory_Factory() { return new PlaceHistory(); }, token: PlaceHistory, providedIn: "root" });
+PlaceHistory.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+PlaceHistory.ctorParameters = () => [];
+(function (PlaceHistory) {
+    class VisitRecord {
+        constructor(visits) {
+            this.visits = visits;
+        }
+        update(visit) {
+            this.visits = this.visits.filter(v => v.placeDefinition !== visit.placeDefinition).concat(visit);
+        }
+        getVisitFor(placeDef) {
+            return this.visits.find(v => v.placeDefinition === placeDef);
+        }
+    }
+    PlaceHistory.VisitRecord = VisitRecord;
+    // export class Query {
+    //   private _history: Visit.State[];
+    //   private _places: Place[];
+    //   private _predicate: (visit: any) => boolean;
+    //   private _limit: number;
+    //
+    //   constructor(history, limit = history.length) {
+    //     this._history = history;
+    //     this._places = [];
+    //     this._predicate = (visit => true);
+    //     this._limit = limit;
+    //   }
+    //
+    //   to(...places:Place[]):this {
+    //     this._places = places;
+    //     return this;
+    //   }
+    //
+    //   with(parameters: { [parameter: string]: any }): this {
+    //     this.matching(state => {
+    //       return Object.keys(parameters).reduce((acc, key) => {
+    //         const matchValue = parameters[key];
+    //         const visitValue = state.get(key);
+    //         const matched = matchValue === '*' ? !_.isNil(visitValue) : visitValue == matchValue;
+    //         // Logger.get(this).info(`matched=${matched}`, parameters, visitValue);
+    //         return acc && matched;
+    //       }, true);
+    //     });
+    //     return this;
+    //   }
+    //
+    //   last(): Visit.State {
+    //     return _.findLast(this._history, visit => this._matches(visit))
+    //   }
+    //
+    //   // @trace
+    //   allThatMatch(): Visit.State[] {
+    //     return _.filter(this._history, visit => this._matches(visit)).slice(-this._limit);
+    //   }
+    //
+    //   // @trace
+    //   mostRecentValueOf<T=any>(param: string, defaultValue: T = null): T {
+    //     const lastStateWithParam = _.findLast(this.allThatMatch(), state => !_.isNil(state.get(param)));
+    //     return _.isNil(lastStateWithParam) ? defaultValue : lastStateWithParam.get(param);
+    //   }
+    //
+    //   limit(limit: number): this {
+    //     this._limit = limit;
+    //     return this;
+    //   }
+    //
+    //   matching(predicate: (visit: Visit.State) => boolean): this {
+    //     this._predicate = predicate;
+    //     return this;
+    //   }
+    //
+    //   _matches(visit: Visit.State) {
+    //     return this._isPlaceMatch(visit) && this._predicate(visit);
+    //   }
+    //
+    //   _isPlaceMatch(visit: Visit.State) {
+    //     return this._places.length < 1 || this._places.includes(visit.place)
+    //   }
+    //
+    // }
+})(PlaceHistory || (PlaceHistory = {}));
+
 class UrlSnapshot {
     // TODO: Update this accept a url Parser so it can be immutable and generate new trees on mutation using toString() are parseUrl.
     constructor(urlSerializer, url) {
@@ -7087,6 +7140,70 @@ PlaceRouter.ctorParameters = () => [
     PlaceRouter.State = State;
 })(PlaceRouter || (PlaceRouter = {}));
 
+class Visit {
+    constructor(placeDefinition, visitParameters = {}) {
+        this.placeDefinition = placeDefinition;
+        this.visitParameters = visitParameters;
+    }
+    // @Trace()
+    getRouteId() {
+        return this.placeDefinition.getRouteIdFrom(this);
+    }
+    // @Trace()
+    hasRouteId() {
+        return !_.isNil(this.getRouteId());
+    }
+    /**
+     * Returns the value of the place parameter with the specified name.  The parameter
+     * name is taken from the `as` option, e.g. {as: 'aCustomName'} otherwise it is the
+     * same as the the ValueModel property name.
+     * @param parameterName the field name of the property model or the `as` option if specified.
+     */
+    getParameter(parameterName) {
+        return this.visitParameters[parameterName];
+    }
+    // @Trace()
+    hasParameter(parameterName) {
+        return Object.keys(this.visitParameters).includes(parameterName);
+    }
+    replace(parameter, value) {
+        return new Visit(this.placeDefinition, Object.assign(Object.assign({}, this.visitParameters), { [parameter.name]: value }));
+    }
+    mergeRouteParameters(routeParams) {
+        // todo: whitelist parameters.
+        const routeParameterKeys = Object.keys(routeParams);
+        const params = {};
+        this.placeDefinition.getVisitParameterDefs().forEach(def => {
+            if (def.isRouteId || def.isRouteParameter) {
+                if (routeParameterKeys.includes(def.name)) {
+                    params[def.name] = routeParams[def.name];
+                }
+            }
+            else {
+                // copy non route params as is, but only if they already exist otherwise we'll inject nil values and break the
+                // defaults and remember sanitisation process.
+                const value = this.getParameter(def.name);
+                if (this.hasParameter(def.name)) {
+                    params[def.name] = value;
+                }
+            }
+        });
+        return new Visit(this.placeDefinition, params);
+    }
+    hasRoutingChangedFrom(other) {
+        const samePlace = other.placeDefinition === this.placeDefinition;
+        const sameRouteParameters = _.isEqual(this.placeDefinition.getFormattedRouteParameters(this, true), this.placeDefinition.getFormattedRouteParameters(other, true));
+        return !samePlace || !sameRouteParameters;
+    }
+    hasChangedFrom(other) {
+        const sameNonRouteParameters = _.isEqual(this.placeDefinition.getNonRouteParameters(this), this.placeDefinition.getNonRouteParameters(other));
+        return !sameNonRouteParameters || this.hasRoutingChangedFrom(other);
+    }
+    toDebugString() {
+        return Object.keys(this.visitParameters).map(k => `${k}=${this.visitParameters[k]}`).join(',');
+    }
+}
+
 const AUP_PLACE_CONFIG = new InjectionToken('AUP_PLACE_CONFIG');
 
 class NotAuthorisedNoticeComponent {
@@ -8158,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