@coolon/angular-ui-powerups 0.0.37 → 0.0.38

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

@@ -1,11 +1,10 @@
 import { DOCUMENT, CommonModule } from '@angular/common';
-import { EventEmitter, Input, Output, HostListener, Component, Directive, ElementRef, Inject, NgZone, InjectionToken, Injector, ComponentFactoryResolver, ViewContainerRef, ViewChild, ViewChildren, Injectable, ɵɵdefineInjectable, ɵɵinject, NgModule, INJECTOR } from '@angular/core';
+import { EventEmitter, Input, Output, HostListener, Component, Directive, ElementRef, Inject, NgZone, InjectionToken, Injector, ComponentFactoryResolver, ViewContainerRef, ViewChild, ViewChildren, Injectable, ɵɵdefineInjectable, ɵɵinject, NgModule, HostBinding, INJECTOR } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatDialog, MatButtonModule, MatDialogModule, MatTabsModule, MatProgressSpinnerModule, MatInputModule, MatFormFieldModule, MatSelectModule } from '@angular/material';
-import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { __extends, __decorate, __metadata, __assign, __awaiter, __generator, __values } from 'tslib';
-import { GarbageCollector, DelegatingFormValueModel, UseDelegate, ValueModel, assert, UnaryCommand, lang, Dsl, Logger, ListModel, StoreInListModel, EventListenerList, DelegatingValueModel, Trace, MutableListModel, StoreInValueModel, MutableValueModel, TransactionObserver, Binding, OptionsHelper, ValueHolder } from '@coolon/pectin';
+import { GarbageCollector, DelegatingFormValueModel, UseDelegate, ValueModel, ListModel, StoreInListModel, assert, UnaryCommand, lang, Dsl, Logger, EventListenerList, DelegatingValueModel, Trace, MutableListModel, StoreInValueModel, MutableValueModel, Binding, OptionsHelper, ValueHolder } from '@coolon/pectin';
 import { PortalModule } from '@angular/cdk/portal';
 import { Deferred } from '@coolon/pectin/lib/promise/deferred.class';
 import { assert as assert$1, Klass, Opts } from '@coolon/typescript-utilities';
@@ -14,13 +13,13 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatListModule } from '@angular/material/list';
 import { MatTabsModule as MatTabsModule$1 } from '@angular/material/tabs';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { Router, RouterModule, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
-import { Memoize } from '@typescript-plus/fast-memoize-decorator';
-import { isNil } from 'lodash';
+import { Router, RouterModule } from '@angular/router';
+import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
+import { Memoize as Memoize$1 } from '@typescript-plus/fast-memoize-decorator';
+import { isNil, isEqual, isEmpty, isFunction } from 'lodash';
 import 'reflect-metadata';
 import { style, query, group, animate, trigger, transition } from '@angular/animations';
 import ResizeObserver from 'resize-observer-polyfill';
-import { Memoize as Memoize$1 } from '@typescript-plus/fast-memoize-decorator/dist/src';
 
 /**
  * @fileoverview added by tsickle
@@ -298,6 +297,126 @@ var NumberInputComponent = /** @class */ (function (_super) {
     return NumberInputComponent;
 }(AbstractInputComponent));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var PasswordInputComponent = /** @class */ (function (_super) {
+    __extends(PasswordInputComponent, _super);
+    function PasswordInputComponent() {
+        return _super.call(this) || this;
+    }
+    /**
+     * @return {?}
+     */
+    PasswordInputComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+    };
+    PasswordInputComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'angular-ui-powerups-password-input',
+                    template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"password\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"valueModel\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
+                    styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
+                }] }
+    ];
+    /** @nocollapse */
+    PasswordInputComponent.ctorParameters = function () { return []; };
+    return PasswordInputComponent;
+}(AbstractInputComponent));
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * @template T
+ */
+var SelectInputComponent = /** @class */ (function (_super) {
+    __extends(SelectInputComponent, _super);
+    function SelectInputComponent() {
+        var _this = _super.call(this) || this;
+        _this.optionLabelFormat = (/**
+         * @param {?} option
+         * @return {?}
+         */
+        function (option) { return (option && _this.optionLabel) ? option[_this.optionLabel] : option; });
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    SelectInputComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+    };
+    SelectInputComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'angular-ui-powerups-select-input',
+                    template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              [(ngModel)]=\"valueModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"valueModel\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngFor=\"let option of optionsModel.value\" [value]=\"option\">{{optionLabelFormat(option)}}\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+                    styles: [":host{display:inline-block}mat-form-field{width:100%}"]
+                }] }
+    ];
+    /** @nocollapse */
+    SelectInputComponent.ctorParameters = function () { return []; };
+    SelectInputComponent.propDecorators = {
+        optionsModel: [{ type: Input }],
+        options: [{ type: Input }],
+        optionLabel: [{ type: Input }],
+        optionLabelFormat: [{ type: Input }]
+    };
+    __decorate([
+        UseDelegate(),
+        __metadata("design:type", ListModel)
+    ], SelectInputComponent.prototype, "optionsModel", void 0);
+    __decorate([
+        StoreInListModel('optionsModel'),
+        __metadata("design:type", Array)
+    ], SelectInputComponent.prototype, "options", void 0);
+    return SelectInputComponent;
+}(AbstractInputComponent));
+if (false) {
+    /** @type {?} */
+    SelectInputComponent.prototype.optionsModel;
+    /** @type {?} */
+    SelectInputComponent.prototype.options;
+    /** @type {?} */
+    SelectInputComponent.prototype.optionLabel;
+    /** @type {?} */
+    SelectInputComponent.prototype.optionLabelFormat;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var StringInputComponent = /** @class */ (function (_super) {
+    __extends(StringInputComponent, _super);
+    function StringInputComponent() {
+        return _super.call(this) || this;
+    }
+    /**
+     * @return {?}
+     */
+    StringInputComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+    };
+    StringInputComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'angular-ui-powerups-string-input',
+                    template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"valueModel\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
+                    styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
+                }] }
+    ];
+    /** @nocollapse */
+    StringInputComponent.ctorParameters = function () { return []; };
+    return StringInputComponent;
+}(AbstractInputComponent));
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -674,126 +793,6 @@ if (false) {
     FocusBindingDirective.prototype.ngZone;
 }
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var StringInputComponent = /** @class */ (function (_super) {
-    __extends(StringInputComponent, _super);
-    function StringInputComponent() {
-        return _super.call(this) || this;
-    }
-    /**
-     * @return {?}
-     */
-    StringInputComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-    };
-    StringInputComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'angular-ui-powerups-string-input',
-                    template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"valueModel\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
-                    styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
-                }] }
-    ];
-    /** @nocollapse */
-    StringInputComponent.ctorParameters = function () { return []; };
-    return StringInputComponent;
-}(AbstractInputComponent));
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var PasswordInputComponent = /** @class */ (function (_super) {
-    __extends(PasswordInputComponent, _super);
-    function PasswordInputComponent() {
-        return _super.call(this) || this;
-    }
-    /**
-     * @return {?}
-     */
-    PasswordInputComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-    };
-    PasswordInputComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'angular-ui-powerups-password-input',
-                    template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"password\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"valueModel\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
-                    styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
-                }] }
-    ];
-    /** @nocollapse */
-    PasswordInputComponent.ctorParameters = function () { return []; };
-    return PasswordInputComponent;
-}(AbstractInputComponent));
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @template T
- */
-var SelectInputComponent = /** @class */ (function (_super) {
-    __extends(SelectInputComponent, _super);
-    function SelectInputComponent() {
-        var _this = _super.call(this) || this;
-        _this.optionLabelFormat = (/**
-         * @param {?} option
-         * @return {?}
-         */
-        function (option) { return (option && _this.optionLabel) ? option[_this.optionLabel] : option; });
-        return _this;
-    }
-    /**
-     * @return {?}
-     */
-    SelectInputComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-    };
-    SelectInputComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'angular-ui-powerups-select-input',
-                    template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              [(ngModel)]=\"valueModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"valueModel\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngFor=\"let option of optionsModel.value\" [value]=\"option\">{{optionLabelFormat(option)}}\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
-                    styles: [":host{display:inline-block}mat-form-field{width:100%}"]
-                }] }
-    ];
-    /** @nocollapse */
-    SelectInputComponent.ctorParameters = function () { return []; };
-    SelectInputComponent.propDecorators = {
-        optionsModel: [{ type: Input }],
-        options: [{ type: Input }],
-        optionLabel: [{ type: Input }],
-        optionLabelFormat: [{ type: Input }]
-    };
-    __decorate([
-        UseDelegate(),
-        __metadata("design:type", ListModel)
-    ], SelectInputComponent.prototype, "optionsModel", void 0);
-    __decorate([
-        StoreInListModel('optionsModel'),
-        __metadata("design:type", Array)
-    ], SelectInputComponent.prototype, "options", void 0);
-    return SelectInputComponent;
-}(AbstractInputComponent));
-if (false) {
-    /** @type {?} */
-    SelectInputComponent.prototype.optionsModel;
-    /** @type {?} */
-    SelectInputComponent.prototype.options;
-    /** @type {?} */
-    SelectInputComponent.prototype.optionLabel;
-    /** @type {?} */
-    SelectInputComponent.prototype.optionLabelFormat;
-}
-
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1296,7 +1295,6 @@ var ConfirmationDialogComponent = /** @class */ (function (_super) {
         var _this = _super.call(this) || this;
         _this.confirm = confirm;
         assert.notNil(confirm);
-        console.log(confirm);
         return _this;
     }
     /**
@@ -1449,7 +1447,6 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
      */
     function () {
         var _this = this;
-        // TODO: notify selected tab they are ready.  activty.afterAnimationComplete
         this.activityTabs.value = this.activityTabs.value.filter((/**
          * @param {?} tab
          * @return {?}
@@ -1757,88 +1754,175 @@ var EmptyStateComponent = /** @class */ (function () {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-var ResolvedRouteParameterSnapshot = /** @class */ (function () {
-    function ResolvedRouteParameterSnapshot(parameters) {
-        this.parameters = parameters;
+// TODO: there are really two types of snapshot, ones with id's and ones without.
+// Id snapshot are repesented by 2 url segments
+// ID => [{'/basePath', params}, {'id', params}]
+// NO ID => [{'/basePath', params}]
+var ParameterSnapshot = /** @class */ (function () {
+    function ParameterSnapshot(placeDefinition, resolved) {
+        this.placeDefinition = placeDefinition;
+        this.resolved = resolved;
     }
     /**
-     * @template T
-     * @param {?} parameter
+     * @param {?} other
      * @return {?}
      */
-    ResolvedRouteParameterSnapshot.prototype.get = /**
-     * @template T
-     * @param {?} parameter
+    ParameterSnapshot.prototype.hasChanged = /**
+     * @param {?} other
      * @return {?}
      */
-    function (parameter) {
+    function (other) {
         /** @type {?} */
-        var resolved = this.parameters.find((/**
-         * @param {?} p
+        var changed = this.resolved.find((/**
+         * @param {?} r
          * @return {?}
          */
-        function (p) { return p.parameterDef === parameter; }));
-        return resolved ? resolved.resolvedValue : null;
+        function (r) {
+            return !r.isSame(other.getResolvedParameterValue(r.parameterDef));
+        }));
+        if (changed) {
+            console.log({ mine: changed, theirs: other.getResolvedParameter(changed.parameterDef) });
+        }
+        return !!changed;
     };
     /**
-     * @template T
-     * @param {?} parameter
-     * @param {?} value
+     * @param {?} other
      * @return {?}
      */
-    ResolvedRouteParameterSnapshot.prototype.replace = /**
-     * @template T
-     * @param {?} parameter
-     * @param {?} value
+    ParameterSnapshot.prototype.asUrlSegment = /**
+     * @param {?} other
      * @return {?}
      */
-    function (parameter, value) {
-        return new ResolvedRouteParameterSnapshot(this.parameters.filter((/**
-         * @param {?} p
-         * @return {?}
+    function (other) {
+        assert.isTruthy(this.hasChanged(other));
+        /** @type {?} */
+        var routeParts = [];
+        /** @type {?} */
+        var gainedId = this.getFormattedRouteId() && !other.getFormattedRouteId();
+        /** @type {?} */
+        var sameId = this.getFormattedRouteId() === other.getFormattedRouteId();
+        /** @type {?} */
+        var lostId = (!this.getFormattedRouteId() && other.getFormattedRouteId());
+        /** @type {?} */
+        var changedId = (this.getFormattedRouteId() !== other.getFormattedRouteId());
+        if (lostId || changedId) {
+            routeParts.push('..');
+            if (changedId) {
+                routeParts.push(this.getFormattedRouteId());
+            }
+        }
+        else {
+            routeParts.push('.');
+        }
+        routeParts.push(this.getFormattedParameters());
+        return routeParts;
+    };
+    /**
+     * @template T, S
+     * @param {?} parameterDef
+     * @return {?}
+     */
+    ParameterSnapshot.prototype.getResolvedParameter = /**
+     * @template T, S
+     * @param {?} parameterDef
+     * @return {?}
+     */
+    function (parameterDef) {
+        return this.resolved.find((/**
+         * @param {?} r
+         * @return {?}
          */
-        function (p) { return p.parameterDef !== parameter; })).concat({
-            parameterDef: parameter,
-            resolvedValue: value
-        }));
+        function (r) { return r.parameterDef === parameterDef; }));
+    };
+    /**
+     * @template T, S
+     * @param {?} parameterDef
+     * @return {?}
+     */
+    ParameterSnapshot.prototype.getResolvedParameterValue = /**
+     * @template T, S
+     * @param {?} parameterDef
+     * @return {?}
+     */
+    function (parameterDef) {
+        /** @type {?} */
+        var resolvedParameter = this.getResolvedParameter(parameterDef);
+        return resolvedParameter ? resolvedParameter.value : null;
     };
     /**
      * @return {?}
      */
-    ResolvedRouteParameterSnapshot.prototype.getFormattedRouteId = /**
+    ParameterSnapshot.prototype.getRouteId = /**
      * @return {?}
      */
     function () {
+        return this.getResolvedRouteId() ? this.getResolvedRouteId().value : null;
+    };
+    /**
+     * @param {?} name
+     * @return {?}
+     */
+    ParameterSnapshot.prototype.getRouteParameter = /**
+     * @param {?} name
+     * @return {?}
+     */
+    function (name) {
         /** @type {?} */
-        var routeIdParam = this.getRouteIdParam();
-        return routeIdParam ? routeIdParam.parameterDef.type.format(routeIdParam.resolvedValue) : null;
+        var resolvedParameter = this.resolved.find((/**
+         * @param {?} r
+         * @return {?}
+         */
+        function (r) { return r.parameterDef.name === name; }));
+        return resolvedParameter ? resolvedParameter.value : null;
     };
     /**
      * @private
      * @return {?}
      */
-    ResolvedRouteParameterSnapshot.prototype.getRouteIdParam = /**
+    ParameterSnapshot.prototype.getResolvedRouteId = /**
      * @private
      * @return {?}
      */
     function () {
-        return this.parameters.find((/**
+        // RouteId's are never arrays: see parameter-decorators.ts createDefinition methods. It would be nice to
+        // capture this in the type system though
+        return (/** @type {?} */ (this.resolved.find((/**
          * @param {?} p
          * @return {?}
          */
-        function (p) { return p.parameterDef.isRouteId; }));
+        function (p) { return p.parameterDef.isRouteId; }))));
+    };
+    /**
+     * @return {?}
+     */
+    ParameterSnapshot.prototype.hasRouteId = /**
+     * @return {?}
+     */
+    function () {
+        return !!this.getResolvedRouteId();
+    };
+    /**
+     * @return {?}
+     */
+    ParameterSnapshot.prototype.getFormattedRouteId = /**
+     * @return {?}
+     */
+    function () {
+        /** @type {?} */
+        var routeIdParam = this.getResolvedRouteId();
+        return routeIdParam ? routeIdParam.formattedValue() : null;
     };
     /**
      * @return {?}
      */
-    ResolvedRouteParameterSnapshot.prototype.getFormattedParameters = /**
+    ParameterSnapshot.prototype.getFormattedParameters = /**
      * @return {?}
      */
     function () {
         /** @type {?} */
         var params = {};
         /** @type {?} */
-        var routeIdParam = this.parameters.filter((/**
+        var routeIdParam = this.resolved.filter((/**
          * @param {?} p
          * @return {?}
          */
@@ -1847,91 +1931,325 @@ var ResolvedRouteParameterSnapshot = /** @class */ (function () {
          * @return {?}
          */
         function (p) {
-            params[p.parameterDef.name] = p.parameterDef.type.format(p.resolvedValue);
+            params[p.parameterDef.name] = p.formattedValue();
         }));
         return params;
     };
     /**
+     * @template T, S
+     * @param {?} parameter
+     * @param {?} value
      * @return {?}
      */
-    ResolvedRouteParameterSnapshot.prototype.hasRouteId = /**
+    ParameterSnapshot.prototype.replace = /**
+     * @template T, S
+     * @param {?} parameter
+     * @param {?} value
      * @return {?}
      */
-    function () {
-        return !!this.getRouteIdParam();
+    function (parameter, value) {
+        return new ParameterSnapshot(this.placeDefinition, this.resolved.map((/**
+         * @param {?} p
+         * @return {?}
+         */
+        function (p) {
+            return p.parameterDef === parameter ? p.replace(value) : p;
+        })));
+    };
+    /**
+     * @param {?} url
+     * @return {?}
+     */
+    ParameterSnapshot.prototype.updateUrl = /**
+     * @param {?} url
+     * @return {?}
+     */
+    function (url) {
+        return url;
     };
+    var _a;
     __decorate([
-        Trace(),
+        Memoize(),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], ResolvedRouteParameterSnapshot.prototype, "getFormattedRouteId", null);
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", ParameterSnapshot.ResolvedParameter)
+    ], ParameterSnapshot.prototype, "getResolvedParameter", null);
     __decorate([
-        Trace(),
+        Memoize(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", typeof (_a = typeof S !== "undefined" && S) === "function" ? _a : Object)
+    ], ParameterSnapshot.prototype, "getResolvedParameterValue", null);
+    __decorate([
+        Memoize(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String]),
+        __metadata("design:returntype", Object)
+    ], ParameterSnapshot.prototype, "getRouteParameter", null);
+    __decorate([
+        Memoize(),
         __metadata("design:type", Function),
         __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], ResolvedRouteParameterSnapshot.prototype, "getFormattedParameters", null);
-    return ResolvedRouteParameterSnapshot;
+        __metadata("design:returntype", ParameterSnapshot.ResolvedValueParameter)
+    ], ParameterSnapshot.prototype, "getResolvedRouteId", null);
+    return ParameterSnapshot;
 }());
 if (false) {
     /** @type {?} */
-    ResolvedRouteParameterSnapshot.prototype.parameters;
+    ParameterSnapshot.prototype.placeDefinition;
+    /**
+     * @type {?}
+     * @private
+     */
+    ParameterSnapshot.prototype.resolved;
 }
+(function (ParameterSnapshot) {
+    /**
+     * @param {?} placeDef
+     * @param {?} paramMap
+     * @return {?}
+     */
+    function create(placeDef, paramMap) {
+        /** @type {?} */
+        var resolvedParameters = placeDef.getRouteParameters()
+            .map((/**
+         * @param {?} def
+         * @return {?}
+         */
+        function (def) {
+            if (def.isArray) {
+                /** @type {?} */
+                var value = paramMap.has(def.name) ? paramMap.getAll(def.name).map((/**
+                 * @param {?} raw
+                 * @return {?}
+                 */
+                function (raw) { return def.type.parse(raw); })) : null;
+                return new ResolvedArrayParameter(def, value);
+            }
+            else {
+                /** @type {?} */
+                var value = paramMap.has(def.name) ? def.type.parse(paramMap.get(def.name)) : null;
+                return new ResolvedValueParameter(def, value);
+            }
+        }));
+        return new ParameterSnapshot(placeDef, resolvedParameters);
+    }
+    ParameterSnapshot.create = create;
+    /**
+     * @abstract
+     * @template T, S
+     */
+    var /**
+     * @abstract
+     * @template T, S
+     */
+    ResolvedParameter = /** @class */ (function () {
+        function ResolvedParameter(parameterDef, value) {
+            this.parameterDef = parameterDef;
+            this.value = value;
+        }
+        /**
+         * @return {?}
+         */
+        ResolvedParameter.prototype.isRouteId = /**
+         * @return {?}
+         */
+        function () {
+            return this.parameterDef.isRouteId;
+        };
+        return ResolvedParameter;
+    }());
+    ParameterSnapshot.ResolvedParameter = ResolvedParameter;
+    if (false) {
+        /** @type {?} */
+        ResolvedParameter.prototype.parameterDef;
+        /** @type {?} */
+        ResolvedParameter.prototype.value;
+        /**
+         * @abstract
+         * @param {?} dest
+         * @return {?}
+         */
+        ResolvedParameter.prototype.injectRouteParam = function (dest) { };
+        /**
+         * @abstract
+         * @param {?} otherValue
+         * @return {?}
+         */
+        ResolvedParameter.prototype.isSame = function (otherValue) { };
+        /**
+         * @abstract
+         * @return {?}
+         */
+        ResolvedParameter.prototype.formattedValue = function () { };
+        /**
+         * @abstract
+         * @param {?} value
+         * @return {?}
+         */
+        ResolvedParameter.prototype.replace = function (value) { };
+    }
+    /**
+     * @template T
+     */
+    var ResolvedValueParameter = /** @class */ (function (_super) {
+        __extends(ResolvedValueParameter, _super);
+        function ResolvedValueParameter() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        /**
+         * @param {?} otherValue
+         * @return {?}
+         */
+        ResolvedValueParameter.prototype.isSame = /**
+         * @param {?} otherValue
+         * @return {?}
+         */
+        function (otherValue) {
+            return this.value === otherValue;
+        };
+        /**
+         * @param {?} dest
+         * @return {?}
+         */
+        ResolvedValueParameter.prototype.injectRouteParam = /**
+         * @param {?} dest
+         * @return {?}
+         */
+        function (dest) {
+            dest[this.parameterDef.name] = this.parameterDef.type.format(this.value);
+        };
+        /**
+         * @param {?} value
+         * @return {?}
+         */
+        ResolvedValueParameter.prototype.replace = /**
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) {
+            return new ResolvedValueParameter(this.parameterDef, value);
+        };
+        /**
+         * @return {?}
+         */
+        ResolvedValueParameter.prototype.formattedValue = /**
+         * @return {?}
+         */
+        function () {
+            return !isNil(this.value) ? this.parameterDef.type.format(this.value) : null;
+        };
+        __decorate([
+            Trace(),
+            __metadata("design:type", Function),
+            __metadata("design:paramtypes", [Object]),
+            __metadata("design:returntype", Boolean)
+        ], ResolvedValueParameter.prototype, "isSame", null);
+        return ResolvedValueParameter;
+    }(ResolvedParameter));
+    ParameterSnapshot.ResolvedValueParameter = ResolvedValueParameter;
+    /**
+     * @template T
+     */
+    var ResolvedArrayParameter = /** @class */ (function (_super) {
+        __extends(ResolvedArrayParameter, _super);
+        function ResolvedArrayParameter() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        /**
+         * @param {?} otherValue
+         * @return {?}
+         */
+        ResolvedArrayParameter.prototype.isSame = /**
+         * @param {?} otherValue
+         * @return {?}
+         */
+        function (otherValue) {
+            return isEqual(this.value, otherValue);
+        };
+        /**
+         * @param {?} dest
+         * @return {?}
+         */
+        ResolvedArrayParameter.prototype.injectRouteParam = /**
+         * @param {?} dest
+         * @return {?}
+         */
+        function (dest) {
+            var _this = this;
+            dest[this.parameterDef.name] = this.value.map((/**
+             * @param {?} v
+             * @return {?}
+             */
+            function (v) { return _this.parameterDef.type.format(v); }));
+        };
+        /**
+         * @param {?} value
+         * @return {?}
+         */
+        ResolvedArrayParameter.prototype.replace = /**
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) {
+            return new ResolvedArrayParameter(this.parameterDef, value);
+        };
+        /**
+         * @return {?}
+         */
+        ResolvedArrayParameter.prototype.formattedValue = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            return this.value ? this.value.map((/**
+             * @param {?} v
+             * @return {?}
+             */
+            function (v) { return _this.parameterDef.type.format(v); })) : [];
+        };
+        __decorate([
+            Trace(),
+            __metadata("design:type", Function),
+            __metadata("design:paramtypes", [Array]),
+            __metadata("design:returntype", Boolean)
+        ], ResolvedArrayParameter.prototype, "isSame", null);
+        return ResolvedArrayParameter;
+    }(ResolvedParameter));
+    ParameterSnapshot.ResolvedArrayParameter = ResolvedArrayParameter;
+})(ParameterSnapshot || (ParameterSnapshot = {}));
 
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-var RouteParameterBindings = /** @class */ (function (_super) {
-    __extends(RouteParameterBindings, _super);
-    function RouteParameterBindings(component, placeService) {
+// RAKE: making this Symbol(...) broke things.
+/** @type {?} */
+var DEFINITION_META_DATA_KEY = 'PLACE_DEFINITION_OPTIONS';
+// this one seems ok.
+/** @type {?} */
+var ROUTE_PARAMETER_LIST_KEY = Symbol('place:route:parameters');
+var PlaceComponent = /** @class */ (function (_super) {
+    __extends(PlaceComponent, _super);
+    function PlaceComponent(activatedRoute, placeService) {
         var _this = _super.call(this) || this;
-        _this.component = component;
+        _this.activatedRoute = activatedRoute;
         _this._incomingRouteChange = new MutableValueModel(false);
         _this.resolvedParameters = new MutableValueModel();
-        var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe;
-        _this.txo = new TransactionObserver(); //.onEvent(e => console.log(e.toString()));
-        //.onEvent(e => console.log(e.toString()));
-        /** @type {?} */
-        var routeParameterDefs = Klass.get(component).getMetadataList(RouteParameterBindings.ROUTE_PARAMETER_LIST_KEY);
-        routeParameterDefs.forEach((/**
-         * @param {?} parameter
+        var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
+        _this.placeDefinition.getRouteParameters().forEach((/**
+         * @param {?} p
          * @return {?}
          */
-        function (parameter) { return _this.installBinding(parameter); }));
-        /** @type {?} */
-        var incomingResolvedRouteParameters = observe.valuesFrom(component.activatedRoute.paramMap)
+        function (p) { return _this.installBinding(p); }));
+        observe.valuesFrom(activatedRoute.paramMap)
             .last()
             .map((/**
          * @param {?} params
          * @return {?}
          */
-        function (params) {
-            /** @type {?} */
-            var result = [];
-            routeParameterDefs.forEach((/**
-             * @param {?} parameterDef
-             * @return {?}
-             */
-            function (parameterDef) {
-                /** @type {?} */
-                var resolvedValue;
-                if (parameterDef.isArray) {
-                    resolvedValue = params.getAll(parameterDef.name).map((/**
-                     * @param {?} v
-                     * @return {?}
-                     */
-                    function (v) { return parameterDef.type.parse(v); }));
-                }
-                else {
-                    resolvedValue = parameterDef.type.parse(params.get(parameterDef.name));
-                }
-                result.push({ parameterDef: parameterDef, resolvedValue: resolvedValue });
-            }));
-            return new ResolvedRouteParameterSnapshot(result);
-        }));
-        incomingResolvedRouteParameters.subscribe((/**
+        function (params) { return ParameterSnapshot.create(_this.placeDefinition, params); }))
+            .subscribe((/**
          * @param {?} resolvedParameters
          * @return {?}
          */
@@ -1947,17 +2265,15 @@ var RouteParameterBindings = /** @class */ (function (_super) {
          */
         function (params, previous) {
             placeService.notifyRouteParametersChanged({
-                placeComponent: component,
+                activatedRoute: _this.activatedRoute,
                 next: params,
                 previous: previous,
                 updateRoute: !_this.incomingRouteChange.value // we update the route if it's a component triggered change.
             });
         }));
-        _this.txo.observe('incomingResolvedRouteParameters', incomingResolvedRouteParameters);
-        _this.txo.observe('this.routeIsChanging', _this.incomingRouteChange);
         return _this;
     }
-    Object.defineProperty(RouteParameterBindings.prototype, "incomingRouteChange", {
+    Object.defineProperty(PlaceComponent.prototype, "incomingRouteChange", {
         get: /**
          * @return {?}
          */
@@ -1968,28 +2284,28 @@ var RouteParameterBindings = /** @class */ (function (_super) {
         configurable: true
     });
     /**
-     * @protected
-     * @template T
-     * @param {?} parameter
+     * @private
+     * @template T, S
+     * @param {?} parameterDef
      * @return {?}
      */
-    RouteParameterBindings.prototype.installBinding = /**
-     * @protected
-     * @template T
-     * @param {?} parameter
+    PlaceComponent.prototype.installBinding = /**
+     * @private
+     * @template T, S
+     * @param {?} parameterDef
      * @return {?}
      */
-    function (parameter) {
+    function (parameterDef) {
         /** @type {?} */
-        var model = this.getModelFor(parameter);
-        // this.txo.observe(parameter.propertyName, model);
+        var model = (/** @type {?} */ (this[parameterDef.propertyName]));
+        // this.txo.observe(parameterDef.propertyName, model);
         this.registerDisposable(new Binding(this.resolvedParameters, model, {
             toRight: /**
              * @param {?} parameters
              * @return {?}
              */
             function (parameters) {
-                return parameters.get(parameter);
+                return parameters.getResolvedParameterValue(parameterDef);
             },
             toLeft: /**
              * @param {?} value
@@ -1997,66 +2313,11 @@ var RouteParameterBindings = /** @class */ (function (_super) {
              * @return {?}
              */
             function (value, currentParameters) {
-                return currentParameters.replace(parameter, value);
+                return currentParameters.replace(parameterDef, value);
             }
         }));
     };
-    /**
-     * @private
-     * @template T
-     * @param {?} parameter
-     * @return {?}
-     */
-    RouteParameterBindings.prototype.getModelFor = /**
-     * @private
-     * @template T
-     * @param {?} parameter
-     * @return {?}
-     */
-    function (parameter) {
-        return this.component[parameter.propertyName];
-    };
-    return RouteParameterBindings;
-}(GarbageCollector));
-if (false) {
-    /** @type {?} */
-    RouteParameterBindings.prototype._incomingRouteChange;
-    /**
-     * @type {?}
-     * @private
-     */
-    RouteParameterBindings.prototype.txo;
-    /**
-     * @type {?}
-     * @private
-     */
-    RouteParameterBindings.prototype.resolvedParameters;
-    /**
-     * @type {?}
-     * @private
-     */
-    RouteParameterBindings.prototype.component;
-}
-(function (RouteParameterBindings) {
-    RouteParameterBindings.ROUTE_PARAMETER_LIST_KEY = Symbol('place:route:parameters');
-})(RouteParameterBindings || (RouteParameterBindings = {}));
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-// RAKE: making this Symbol(...) broke things.
-/** @type {?} */
-var DEFINITION_META_DATA_KEY = 'PLACE_DEFINITION_OPTIONS';
-var PlaceComponent = /** @class */ (function (_super) {
-    __extends(PlaceComponent, _super);
-    function PlaceComponent(activatedRoute, placeService) {
-        var _this = _super.call(this) || this;
-        _this.activatedRoute = activatedRoute;
-        _this.routeBindingMediator = _this.registerDisposable(new RouteParameterBindings(_this, placeService));
-        return _this;
-    }
-    Object.defineProperty(PlaceComponent.prototype, "placeConfig", {
+    Object.defineProperty(PlaceComponent.prototype, "placeDefinition", {
         get: /**
          * @return {?}
          */
@@ -2084,10 +2345,10 @@ var PlaceComponent = /** @class */ (function (_super) {
     function () {
     };
     __decorate([
-        Memoize(),
+        Memoize$1(),
         __metadata("design:type", PlaceComponent.Definition),
         __metadata("design:paramtypes", [])
-    ], PlaceComponent.prototype, "placeConfig", null);
+    ], PlaceComponent.prototype, "placeDefinition", null);
     __decorate([
         Trace(),
         __metadata("design:type", Function),
@@ -2097,11 +2358,13 @@ var PlaceComponent = /** @class */ (function (_super) {
     return PlaceComponent;
 }(DisposableComponent));
 if (false) {
+    /** @type {?} */
+    PlaceComponent.prototype._incomingRouteChange;
     /**
      * @type {?}
      * @private
      */
-    PlaceComponent.prototype.routeBindingMediator;
+    PlaceComponent.prototype.resolvedParameters;
     /** @type {?} */
     PlaceComponent.prototype.activatedRoute;
 }
@@ -2114,17 +2377,31 @@ if (false) {
             this.order = options.order;
             this.data = options.data;
             this.authenticate = isNil(options.authenticate) || options.authenticate;
+            this.children = (options.children || []).map((/**
+             * @param {?} c
+             * @return {?}
+             */
+            function (c) { return PlaceComponent.getDefinition(c).component; }));
         }
         /**
-         * @param {?} construcable
+         * @return {?}
+         */
+        Definition.prototype.getRouteParameters = /**
+         * @return {?}
+         */
+        function () {
+            return Klass.get(this.component).getMetadataList(ROUTE_PARAMETER_LIST_KEY);
+        };
+        /**
+         * @param {?} constructable
          * @return {?}
          */
         Definition.prototype.isDescriptorForType = /**
-         * @param {?} construcable
+         * @param {?} constructable
          * @return {?}
          */
-        function (construcable) {
-            return lang.constructorChain(construcable).includes(PlaceComponent);
+        function (constructable) {
+            return lang.constructorChain(constructable).includes(PlaceComponent);
         };
         /**
          * @param {?} placeComponent
@@ -2181,6 +2458,12 @@ if (false) {
                 return defaultValue;
             }
         };
+        __decorate([
+            Memoize$1(),
+            __metadata("design:type", Function),
+            __metadata("design:paramtypes", []),
+            __metadata("design:returntype", Array)
+        ], Definition.prototype, "getRouteParameters", null);
         return Definition;
     }());
     PlaceComponent.Definition = Definition;
@@ -2194,6 +2477,8 @@ if (false) {
         /** @type {?} */
         Definition.prototype.data;
         /** @type {?} */
+        Definition.prototype.children;
+        /** @type {?} */
         Definition.prototype.component;
     }
     /**
@@ -2210,15 +2495,24 @@ if (false) {
         Options.prototype.data;
         /** @type {?|undefined} */
         Options.prototype.authenticate;
+        /** @type {?|undefined} */
+        Options.prototype.children;
+    }
+    /**
+     * @record
+     */
+    function ChildOptions() { }
+    PlaceComponent.ChildOptions = ChildOptions;
+    if (false) {
+        /** @type {?} */
+        ChildOptions.prototype.parent;
     }
     /**
      * @param {?} klass
      * @return {?}
      */
     function getDefinition(klass) {
-        /** @type {?} */
-        var placeOptions = Reflect.getMetadata(DEFINITION_META_DATA_KEY, klass);
-        return new Definition(klass, placeOptions);
+        return Reflect.getMetadata(DEFINITION_META_DATA_KEY, klass);
     }
     PlaceComponent.getDefinition = getDefinition;
     /**
@@ -2227,20 +2521,157 @@ if (false) {
      * @return {?}
      */
     function injectDefinition(klass, options) {
-        Reflect.defineMetadata(DEFINITION_META_DATA_KEY, options, klass);
+        Reflect.defineMetadata(DEFINITION_META_DATA_KEY, new Definition(klass, options), klass);
     }
     PlaceComponent.injectDefinition = injectDefinition;
 })(PlaceComponent || (PlaceComponent = {}));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var AbstractPlaceNavigationComponent = /** @class */ (function (_super) {
+    __extends(AbstractPlaceNavigationComponent, _super);
+    function AbstractPlaceNavigationComponent() {
+        var _this = _super.call(this) || this;
+        var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
+        _this.placeDefinitions = chain(_this.placesModel).map((/**
+         * @param {?} c
+         * @return {?}
+         */
+        function (c) { return PlaceComponent.getDefinition(c); }));
+        return _this;
+    }
+    /**
+     * @param {?} placeDef
+     * @return {?}
+     */
+    AbstractPlaceNavigationComponent.prototype.getNavItem = /**
+     * @param {?} placeDef
+     * @return {?}
+     */
+    function (placeDef) {
+        /** @type {?} */
+        var navItem = (/** @type {?} */ (placeDef.getData('navItem')));
+        return {
+            title: (/**
+             * @return {?}
+             */
+            function () { return navItem ? navItem.title() : placeDef.searchData(['navTitle', 'title']); }),
+            tooltip: (/**
+             * @return {?}
+             */
+            function () { return navItem && navItem.tooltip ? navItem.tooltip() : placeDef.getData('navTooltip', null); }),
+            icon: (/**
+             * @return {?}
+             */
+            function () { return navItem && navItem.icon ? navItem.icon() : placeDef.getData('navIcon', null); })
+        };
+    };
+    /**
+     * @return {?}
+     */
+    AbstractPlaceNavigationComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+    };
+    AbstractPlaceNavigationComponent.propDecorators = {
+        places: [{ type: Input }],
+        placesModel: [{ type: Input }]
+    };
+    __decorate([
+        StoreInListModel('placesModel'),
+        __metadata("design:type", Array)
+    ], AbstractPlaceNavigationComponent.prototype, "places", void 0);
+    __decorate([
+        UseDelegate(),
+        __metadata("design:type", ListModel)
+    ], AbstractPlaceNavigationComponent.prototype, "placesModel", void 0);
+    __decorate([
+        Memoize(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [PlaceComponent.Definition]),
+        __metadata("design:returntype", Object)
+    ], AbstractPlaceNavigationComponent.prototype, "getNavItem", null);
+    return AbstractPlaceNavigationComponent;
+}(DisposableComponent));
+if (false) {
+    /** @type {?} */
+    AbstractPlaceNavigationComponent.prototype.places;
+    /** @type {?} */
+    AbstractPlaceNavigationComponent.prototype.placesModel;
+    /** @type {?} */
+    AbstractPlaceNavigationComponent.prototype.placeDefinitions;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var ListPlaceNavComponent = /** @class */ (function (_super) {
+    __extends(ListPlaceNavComponent, _super);
+    function ListPlaceNavComponent() {
+        var _this = _super.call(this) || this;
+        _this.expanded = true;
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    ListPlaceNavComponent.prototype.expandMenu = /**
+     * @return {?}
+     */
+    function () {
+        this.expanded = true;
+    };
+    /**
+     * @return {?}
+     */
+    ListPlaceNavComponent.prototype.collapseMenu = /**
+     * @return {?}
+     */
+    function () {
+        this.expanded = false;
+    };
+    /**
+     * @return {?}
+     */
+    ListPlaceNavComponent.prototype.toggleMenu = /**
+     * @return {?}
+     */
+    function () {
+        this.expanded = !this.expanded;
+    };
+    ListPlaceNavComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'angular-ui-powerups-list-place-nav',
+                    template: "<mat-nav-list class=\"app-menu\">\n  <a mat-list-item *ngFor=\"let place of placeDefinitions.value\"\n     [routerLink]='place.path'\n     routerLinkActive #rla=\"routerLinkActive\"\n     [matTooltip]=\"getNavItem(place).tooltip()\">\n    <mat-icon *ngIf=\"getNavItem(place).icon()\">{{getNavItem(place).icon()}}</mat-icon>\n    <span class=\"expanded-only\">{{getNavItem(place).title()}}</span>\n  </a>\n</mat-nav-list>\n",
+                    styles: [":host{display:flex;flex-direction:column;--expanded-width:235px;--nav-item-width:var(--nav-bar-height);width:var(--nav-item-width);transition:width 125ms linear}:host.expanded{width:var(--expanded-width);max-width:var(--expanded-width)}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}.header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:var(--nav-bar-height);border-bottom:var(--pinstripe-border);cursor:pointer}.header .menu{flex:1}.header button{color:inherit;width:var(--nav-item-width);height:var(--nav-bar-height)}mat-nav-list{flex:1;display:flex;flex-direction:column}.mat-list-item{width:var(--nav-item-width);height:var(--nav-bar-height);color:inherit}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item mat-icon{margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}a[ng-reflect-router-link=manage-instruments] mat-icon{transform:rotate(90deg)}.app-menu{padding-top:0}"]
+                }] }
+    ];
+    /** @nocollapse */
+    ListPlaceNavComponent.ctorParameters = function () { return []; };
+    ListPlaceNavComponent.propDecorators = {
+        expanded: [{ type: HostBinding, args: ['class.expanded',] }]
+    };
+    return ListPlaceNavComponent;
+}(AbstractPlaceNavigationComponent));
+if (false) {
+    /** @type {?} */
+    ListPlaceNavComponent.prototype.expanded;
+}
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var PlaceService = /** @class */ (function (_super) {
     __extends(PlaceService, _super);
-    function PlaceService(router) {
+    function PlaceService(router, injector) {
         var _this = _super.call(this) || this;
         _this.router = router;
+        _this.injector = injector;
         _this._activePlaces = new MutableListModel();
         return _this;
     }
@@ -2294,10 +2725,25 @@ var PlaceService = /** @class */ (function (_super) {
             /** @type {?} */
             var path = routeId ? [relativePath, routeId, params.next.getFormattedParameters()] : [relativePath, params.next.getFormattedParameters()];
             this.router.navigate(path, {
-                relativeTo: params.placeComponent.activatedRoute
+                relativeTo: params.activatedRoute
             });
         }
     };
+    /**
+     * @param {?} snapshot
+     * @return {?}
+     */
+    PlaceService.prototype.sanitise = /**
+     * @param {?} snapshot
+     * @return {?}
+     */
+    function (snapshot) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, snapshot];
+            });
+        });
+    };
     PlaceService.decorators = [
         { type: Injectable, args: [{
                     providedIn: 'root'
@@ -2305,9 +2751,10 @@ var PlaceService = /** @class */ (function (_super) {
     ];
     /** @nocollapse */
     PlaceService.ctorParameters = function () { return [
-        { type: Router }
+        { type: Router },
+        { type: Injector }
     ]; };
-    /** @nocollapse */ PlaceService.ngInjectableDef = ɵɵdefineInjectable({ factory: function PlaceService_Factory() { return new PlaceService(ɵɵinject(Router)); }, token: PlaceService, providedIn: "root" });
+    /** @nocollapse */ PlaceService.ngInjectableDef = ɵɵdefineInjectable({ factory: function PlaceService_Factory() { return new PlaceService(ɵɵinject(Router), ɵɵinject(INJECTOR)); }, token: PlaceService, providedIn: "root" });
     __decorate([
         Trace(),
         __metadata("design:type", Function),
@@ -2326,6 +2773,12 @@ var PlaceService = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], PlaceService.prototype, "notifyRouteParametersChanged", null);
+    __decorate([
+        Trace(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [ParameterSnapshot]),
+        __metadata("design:returntype", Promise)
+    ], PlaceService.prototype, "sanitise", null);
     return PlaceService;
 }(GarbageCollector));
 if (false) {
@@ -2339,6 +2792,11 @@ if (false) {
      * @protected
      */
     PlaceService.prototype.router;
+    /**
+     * @type {?}
+     * @protected
+     */
+    PlaceService.prototype.injector;
 }
 
 /**
@@ -2381,11 +2839,18 @@ var right = [
         })
     ])
 ];
+/**
+ * @param {?} duration
+ * @return {?}
+ */
+function leftRightPlaceAnimation(duration) {
+    return trigger('routeAnimations', [
+        transition(':increment', right, { params: { duration: duration } }),
+        transition(':decrement', left, { params: { duration: duration } })
+    ]);
+}
 /** @type {?} */
-var LEFT_RIGHT_PLACE_ANIMATION = trigger('routeAnimations', [
-    transition(':increment', right, { params: { duration: '.3s' } }),
-    transition(':decrement', left, { params: { duration: '.3s' } })
-]);
+var LEFT_RIGHT_PLACE_ANIMATION = leftRightPlaceAnimation("0.3s");
 
 /**
  * @fileoverview added by tsickle
@@ -2506,54 +2971,19 @@ if (false) {
 var TabbedPlaceNavigationComponent = /** @class */ (function (_super) {
     __extends(TabbedPlaceNavigationComponent, _super);
     function TabbedPlaceNavigationComponent() {
-        var _this = _super.call(this) || this;
-        var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
-        _this.orderedPlaces = chain(_this.placesModel).map((/**
-         * @param {?} c
-         * @return {?}
-         */
-        function (c) { return PlaceComponent.getDefinition(c); })).sortBy('order');
-        return _this;
+        return _super.call(this) || this;
     }
-    /**
-     * @return {?}
-     */
-    TabbedPlaceNavigationComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-    };
     TabbedPlaceNavigationComponent.decorators = [
         { type: Component, args: [{
                     selector: 'angular-ui-powerups-tabbed-place-navigation',
-                    template: "<nav mat-tab-nav-bar>\n  <a mat-tab-link *ngFor=\"let placeDescriptor of orderedPlaces.value\"\n     [routerLink]='placeDescriptor.path'\n     routerLinkActive #rla=\"routerLinkActive\"\n     [active]=\"rla.isActive\"\n     [matTooltip]=\"placeDescriptor.searchData(['navTooltip', 'navTitle'])\">\n    <mat-icon *ngIf=\"placeDescriptor.getData('navIcon')\">{{placeDescriptor.getData('navIcon')}}</mat-icon>\n    <span>{{placeDescriptor.getData(\"navTitle\", 'missing @Place({data: {navTitle: ??}\\})')}}</span>\n  </a>\n</nav>\n",
+                    template: "<nav mat-tab-nav-bar>\n  <a mat-tab-link *ngFor=\"let place of placeDefinitions.value\"\n     [routerLink]='place.path'\n     routerLinkActive #rla=\"routerLinkActive\"\n     [active]=\"rla.isActive\"\n     [matTooltip]=\"getNavItem(place).tooltip()\">\n    <mat-icon *ngIf=\"getNavItem(place).icon()\">{{getNavItem(place).icon()}}</mat-icon>\n    <span>{{getNavItem(place).title()}}</span>\n  </a>\n</nav>\n",
                     styles: [""]
                 }] }
     ];
     /** @nocollapse */
     TabbedPlaceNavigationComponent.ctorParameters = function () { return []; };
-    TabbedPlaceNavigationComponent.propDecorators = {
-        places: [{ type: Input }],
-        placesModel: [{ type: Input }]
-    };
-    __decorate([
-        StoreInListModel('placesModel'),
-        __metadata("design:type", Array)
-    ], TabbedPlaceNavigationComponent.prototype, "places", void 0);
-    __decorate([
-        UseDelegate(),
-        __metadata("design:type", ListModel)
-    ], TabbedPlaceNavigationComponent.prototype, "placesModel", void 0);
     return TabbedPlaceNavigationComponent;
-}(DisposableComponent));
-if (false) {
-    /** @type {?} */
-    TabbedPlaceNavigationComponent.prototype.places;
-    /** @type {?} */
-    TabbedPlaceNavigationComponent.prototype.placesModel;
-    /** @type {?} */
-    TabbedPlaceNavigationComponent.prototype.orderedPlaces;
-}
+}(AbstractPlaceNavigationComponent));
 
 /**
  * @fileoverview added by tsickle
@@ -2578,14 +3008,16 @@ var PlaceModule = /** @class */ (function () {
                         EmptyStateComponent,
                         BusyOverlayComponent,
                         PlaceOutletComponent,
-                        TabbedPlaceNavigationComponent
+                        TabbedPlaceNavigationComponent,
+                        ListPlaceNavComponent
                     ],
                     entryComponents: [BusyOverlayComponent],
                     exports: [
                         BusyOverlayComponent,
                         PlaceOutletComponent,
                         EmptyStateComponent,
-                        TabbedPlaceNavigationComponent
+                        TabbedPlaceNavigationComponent,
+                        ListPlaceNavComponent
                     ],
                     providers: [
                         PlaceService
@@ -2610,11 +3042,10 @@ var AngularUiPowerupsModule = /** @class */ (function () {
                         NumberInputComponent,
                         StringInputComponent,
                         PasswordInputComponent,
-                        SelectInputComponent,
+                        SelectInputComponent
                     ],
                     imports: [
                         CommonModule,
-                        BrowserModule,
                         BrowserAnimationsModule,
                         FormsModule,
                         MatInputModule,
@@ -2631,7 +3062,7 @@ var AngularUiPowerupsModule = /** @class */ (function () {
                         PasswordInputComponent,
                         SelectInputComponent,
                         InteractionModule,
-                        PlaceModule,
+                        PlaceModule
                     ]
                 },] }
     ];
@@ -3012,14 +3443,37 @@ if (false) {
 /**
  * @record
  */
-function IPlaceComponent() { }
+function NavItem() { }
+if (false) {
+    /**
+     * @return {?}
+     */
+    NavItem.prototype.title = function () { };
+    /**
+     * @return {?}
+     */
+    NavItem.prototype.icon = function () { };
+    /**
+     * @return {?}
+     */
+    NavItem.prototype.tooltip = function () { };
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * @record
+ */
+function PlaceComponentLike() { }
 if (false) {
     /** @type {?} */
-    IPlaceComponent.prototype.activatedRoute;
+    PlaceComponentLike.prototype.activatedRoute;
     /**
      * @return {?}
      */
-    IPlaceComponent.prototype.onPlaceReady = function () { };
+    PlaceComponentLike.prototype.onPlaceReady = function () { };
 }
 
 /**
@@ -3029,13 +3483,13 @@ if (false) {
 /**
  * @record
  */
-function IPlaceService() { }
+function PlaceUpdatesService() { }
 if (false) {
     /**
      * @param {?} params
      * @return {?}
      */
-    IPlaceService.prototype.notifyRouteParametersChanged = function (params) { };
+    PlaceUpdatesService.prototype.notifyRouteParametersChanged = function (params) { };
 }
 
 /**
@@ -3059,6 +3513,28 @@ function Place(options) {
     });
 }
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * @record
+ */
+function Visit() { }
+if (false) {
+    /** @type {?} */
+    Visit.prototype.placeDefinition;
+    /**
+     * @return {?}
+     */
+    Visit.prototype.getRouteId = function () { };
+    /**
+     * @param {?} name
+     * @return {?}
+     */
+    Visit.prototype.getRouteParameter = function (name) { };
+}
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -3083,7 +3559,16 @@ var LeavePlaceGuard = /** @class */ (function () {
      * @return {?}
      */
     function (component, currentRoute, currentState, nextState) {
-        return component.canDeactivate();
+        // HACK: this will break with child routes...
+        /** @type {?} */
+        var path = "/" + component.placeDefinition.path;
+        console.log({ path: path, next: nextState.url });
+        if (!nextState.url.startsWith(path)) {
+            return component.canDeactivate();
+        }
+        else {
+            return true;
+        }
     };
     LeavePlaceGuard.decorators = [
         { type: Injectable, args: [{
@@ -3115,453 +3600,143 @@ if (false) {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-/**
- * @abstract
- * @template T, S
- */
-var  /**
- * @abstract
- * @template T, S
- */
-Sanitiser = /** @class */ (function () {
-    function Sanitiser(parameterDef, snapshot, sanitiser) {
-        this.parameterDef = parameterDef;
-        this.snapshot = snapshot;
-        this.sanitiser = sanitiser;
+var PlaceRouteGuard = /** @class */ (function () {
+    function PlaceRouteGuard(placeService, router) {
+        this.placeService = placeService;
+        this.router = router;
     }
     /**
+     * @param {?} route
+     * @param {?} state
      * @return {?}
      */
-    Sanitiser.prototype.isRouteId = /**
-     * @return {?}
-     */
-    function () {
-        return this.parameterDef.isRouteId;
-    };
-    Object.defineProperty(Sanitiser.prototype, "valueChanged", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return !isNil(this.initialValue) && this.hasChanged(this.initialValue, this.sanitisedValue);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(Sanitiser.prototype, "sanitisedValue", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._sanitisedValue;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @return {?}
-     */
-    Sanitiser.prototype.sanitize = /**
+    PlaceRouteGuard.prototype.canActivate = /**
+     * @param {?} route
+     * @param {?} state
      * @return {?}
      */
-    function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        if (!this.sanitiser) return [3 /*break*/, 2];
-                        this.initialValue = this.readFrom(this.snapshot);
-                        _a = this;
-                        return [4 /*yield*/, this.sanitiser.sanitise(this.initialValue)];
-                    case 1:
-                        _a._sanitisedValue = _b.sent();
-                        if (this.initialValue !== this._sanitisedValue) {
-                            return [2 /*return*/, false];
-                        }
-                        _b.label = 2;
-                    case 2: return [2 /*return*/, true];
-                }
-            });
-        });
+    function (route, state) {
+        // Implement this when adding child routes.
+        // TODO: there are really two types of snapshot, ones with id's and ones without.
+        // Id snapshot are repesented by 2 url segments
+        // ID => [{'/basePath', params}, {'id', params}]
+        // NO ID => [{'/basePath', params}]
+        console.log({ urlSegments: route.url });
+        // const snapshot = ParameterSnapshot.create(PlaceComponent.getDefinition(route.component as Constructable<PlaceComponent>), route.paramMap);
+        // return this.placeService.sanitise(snapshot).then(sanitised => {
+        //   if (sanitised.hasChanged(snapshot)) {
+        //     return this.router.createUrlTree(snapshot.updateUrl(route.url))
+        //   } else {
+        //     return true;
+        //   }
+        // });
+        return true;
     };
-    return Sanitiser;
+    PlaceRouteGuard.decorators = [
+        { type: Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    /** @nocollapse */
+    PlaceRouteGuard.ctorParameters = function () { return [
+        { type: PlaceService },
+        { type: Router }
+    ]; };
+    /** @nocollapse */ PlaceRouteGuard.ngInjectableDef = ɵɵdefineInjectable({ factory: function PlaceRouteGuard_Factory() { return new PlaceRouteGuard(ɵɵinject(PlaceService), ɵɵinject(Router)); }, token: PlaceRouteGuard, providedIn: "root" });
+    return PlaceRouteGuard;
 }());
 if (false) {
     /**
      * @type {?}
      * @private
      */
-    Sanitiser.prototype.initialValue;
+    PlaceRouteGuard.prototype.placeService;
     /**
      * @type {?}
      * @private
      */
-    Sanitiser.prototype._sanitisedValue;
-    /** @type {?} */
-    Sanitiser.prototype.parameterDef;
-    /** @type {?} */
-    Sanitiser.prototype.snapshot;
-    /** @type {?} */
-    Sanitiser.prototype.sanitiser;
-    /**
-     * @abstract
-     * @protected
-     * @param {?} snapshot
-     * @return {?}
-     */
-    Sanitiser.prototype.readFrom = function (snapshot) { };
-    /**
-     * @abstract
-     * @protected
-     * @param {?} initialValue
-     * @param {?} sanitisedValue
-     * @return {?}
-     */
-    Sanitiser.prototype.hasChanged = function (initialValue, sanitisedValue) { };
-    /**
-     * @abstract
-     * @param {?} dest
-     * @return {?}
-     */
-    Sanitiser.prototype.injectRouteParam = function (dest) { };
+    PlaceRouteGuard.prototype.router;
 }
-var RouteParameterSanitiser = /** @class */ (function () {
-    function RouteParameterSanitiser(parameterDefs, snapshot, injector) {
-        var _this = this;
-        this.parameterDefs = parameterDefs;
-        this.snapshot = snapshot;
-        this.injector = injector;
-        this.parameterSanitisers = [];
-        /** @type {?} */
-        var sanitisers = parameterDefs.map((/**
-         * @param {?} def
-         * @return {?}
-         */
-        function (def) {
-            return def.isArray ?
-                new Sanitiser.Array(def, snapshot, _this.getSanitiser(def)) :
-                new Sanitiser.Value(def, snapshot, _this.getSanitiser(def));
-        }));
-        this.routeIdSanitiser = sanitisers.find((/**
-         * @param {?} p
-         * @return {?}
-         */
-        function (p) { return p.isRouteId(); }));
-        this.parameterSanitisers = sanitisers.filter((/**
-         * @param {?} p
-         * @return {?}
-         */
-        function (p) { return !p.isRouteId(); }));
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * @template T, S
+ */
+var DefaultParameterSanitiser = /** @class */ (function () {
+    function DefaultParameterSanitiser(def, placeService, options) {
+        this.def = def;
+        this.placeService = placeService;
+        this.remember = isNil(options.remember) ? false : options.remember;
+        this.defaultValue = isNil(options.defaultValue) ? null : options.defaultValue;
     }
     /**
+     * @param {?} value
+     * @param {?} visit
      * @return {?}
      */
-    RouteParameterSanitiser.prototype.sanitise = /**
-     * @return {?}
-     */
-    function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var e_1, _a, _b, _c, sanitiser, e_1_1;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        if (!this.routeIdSanitiser) return [3 /*break*/, 2];
-                        return [4 /*yield*/, this.routeIdSanitiser.sanitize()];
-                    case 1:
-                        _d.sent();
-                        if (this.routeIdSanitiser.valueChanged) {
-                            // if the route id isn't ok we redirect immediately as the query params may need to be sanitised in the
-                            // context of the route id.
-                            return [2 /*return*/, false];
-                        }
-                        _d.label = 2;
-                    case 2:
-                        _d.trys.push([2, 7, 8, 9]);
-                        _b = __values(this.parameterSanitisers), _c = _b.next();
-                        _d.label = 3;
-                    case 3:
-                        if (!!_c.done) return [3 /*break*/, 6];
-                        sanitiser = _c.value;
-                        return [4 /*yield*/, sanitiser.sanitize()];
-                    case 4:
-                        _d.sent();
-                        _d.label = 5;
-                    case 5:
-                        _c = _b.next();
-                        return [3 /*break*/, 3];
-                    case 6: return [3 /*break*/, 9];
-                    case 7:
-                        e_1_1 = _d.sent();
-                        e_1 = { error: e_1_1 };
-                        return [3 /*break*/, 9];
-                    case 8:
-                        try {
-                            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                        }
-                        finally { if (e_1) throw e_1.error; }
-                        return [7 /*endfinally*/];
-                    case 9: return [2 /*return*/, !this.parameterSanitisers.find((/**
-                         * @param {?} s
-                         * @return {?}
-                         */
-                        function (s) { return s.valueChanged; }))];
-                }
-            });
-        });
-    };
-    /**
-     * @param {?} router
-     * @return {?}
-     */
-    RouteParameterSanitiser.prototype.redirect = /**
-     * @param {?} router
+    DefaultParameterSanitiser.prototype.sanitise = /**
+     * @param {?} value
+     * @param {?} visit
      * @return {?}
      */
-    function (router) {
-        assert.isTruthy(this.parameterSanitisers.length !== 0);
-        if (this.routeIdSanitiser.valueChanged) {
-            return router.navigate(['..', this.routeIdSanitiser.sanitisedValue]);
+    function (value, visit) {
+        if (this.isBlank(value)) {
+            if (this.remember) {
+                // value = null;
+            }
+            return this.isBlank(value) && !isNil(this.defaultValue) ? this.defaultValue : value;
         }
         else {
-            /** @type {?} */
-            var routeParams_1 = {};
-            this.parameterSanitisers.forEach((/**
-             * @param {?} s
-             * @return {?}
-             */
-            function (s) { return s.injectRouteParam(routeParams_1); }));
-            return router.navigate(['.', routeParams_1]);
+            return value;
         }
     };
     /**
      * @private
-     * @template T, S
-     * @param {?} def
+     * @param {?} value
      * @return {?}
      */
-    RouteParameterSanitiser.prototype.getSanitiser = /**
+    DefaultParameterSanitiser.prototype.isBlank = /**
      * @private
-     * @template T, S
-     * @param {?} def
+     * @param {?} value
      * @return {?}
      */
-    function (def) {
-        return def.sanitiser ? this.injector.get(def.sanitiser, new def.sanitiser()) : null;
+    function (value) {
+        /** @type {?} */
+        var isNil$1 = isNil(value);
+        return this.def.isArray ? !isNil$1 || value['length'] < 1 : isNil$1;
     };
     __decorate([
-        Memoize$1(),
+        Trace(),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
+        __metadata("design:paramtypes", [Object, Object]),
         __metadata("design:returntype", Object)
-    ], RouteParameterSanitiser.prototype, "getSanitiser", null);
-    return RouteParameterSanitiser;
+    ], DefaultParameterSanitiser.prototype, "sanitise", null);
+    return DefaultParameterSanitiser;
 }());
 if (false) {
     /**
      * @type {?}
      * @private
      */
-    RouteParameterSanitiser.prototype.routeIdSanitiser;
+    DefaultParameterSanitiser.prototype.remember;
     /**
      * @type {?}
      * @private
      */
-    RouteParameterSanitiser.prototype.parameterSanitisers;
-    /** @type {?} */
-    RouteParameterSanitiser.prototype.parameterDefs;
-    /** @type {?} */
-    RouteParameterSanitiser.prototype.snapshot;
-    /** @type {?} */
-    RouteParameterSanitiser.prototype.injector;
-}
-(function (Sanitiser) {
+    DefaultParameterSanitiser.prototype.defaultValue;
     /**
-     * @template T
+     * @type {?}
+     * @private
      */
-    var /**
-     * @template T
+    DefaultParameterSanitiser.prototype.def;
+    /**
+     * @type {?}
+     * @private
      */
-    Value = /** @class */ (function (_super) {
-        __extends(Value, _super);
-        function Value() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        /**
-         * @param {?} snapshot
-         * @return {?}
-         */
-        Value.prototype.readFrom = /**
-         * @param {?} snapshot
-         * @return {?}
-         */
-        function (snapshot) {
-            /** @type {?} */
-            var rawValue = this.parameterDef.isRouteId ?
-                snapshot.paramMap.get(this.parameterDef.name) :
-                snapshot.queryParamMap.get(this.parameterDef.name);
-            return this.parameterDef.type.parse(rawValue);
-        };
-        /**
-         * @protected
-         * @param {?} initialValue
-         * @param {?} sanitisedValue
-         * @return {?}
-         */
-        Value.prototype.hasChanged = /**
-         * @protected
-         * @param {?} initialValue
-         * @param {?} sanitisedValue
-         * @return {?}
-         */
-        function (initialValue, sanitisedValue) {
-            return initialValue !== sanitisedValue;
-        };
-        /**
-         * @param {?} dest
-         * @return {?}
-         */
-        Value.prototype.injectRouteParam = /**
-         * @param {?} dest
-         * @return {?}
-         */
-        function (dest) {
-            dest[this.parameterDef.name] = this.parameterDef.type.format(this.sanitisedValue);
-        };
-        return Value;
-    }(Sanitiser));
-    Sanitiser.Value = Value;
-    /**
-     * @template T
-     */
-    var /**
-     * @template T
-     */
-    Array = /** @class */ (function (_super) {
-        __extends(Array, _super);
-        function Array() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        /**
-         * @param {?} snapshot
-         * @return {?}
-         */
-        Array.prototype.readFrom = /**
-         * @param {?} snapshot
-         * @return {?}
-         */
-        function (snapshot) {
-            var _this = this;
-            /** @type {?} */
-            var rawValues = snapshot.queryParamMap.getAll(this.parameterDef.name);
-            return rawValues.map((/**
-             * @param {?} value
-             * @return {?}
-             */
-            function (value) { return _this.parameterDef.type.parse(value); }));
-        };
-        /**
-         * @protected
-         * @param {?} initialValue
-         * @param {?} sanitisedValue
-         * @return {?}
-         */
-        Array.prototype.hasChanged = /**
-         * @protected
-         * @param {?} initialValue
-         * @param {?} sanitisedValue
-         * @return {?}
-         */
-        function (initialValue, sanitisedValue) {
-            return initialValue !== sanitisedValue;
-        };
-        /**
-         * @param {?} dest
-         * @return {?}
-         */
-        Array.prototype.injectRouteParam = /**
-         * @param {?} dest
-         * @return {?}
-         */
-        function (dest) {
-            var _this = this;
-            dest[this.parameterDef.name] = this.sanitisedValue.map((/**
-             * @param {?} v
-             * @return {?}
-             */
-            function (v) { return _this.parameterDef.type.format(v); }));
-        };
-        return Array;
-    }(Sanitiser));
-    Sanitiser.Array = Array;
-})(Sanitiser || (Sanitiser = {}));
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var PlaceRouteGuard = /** @class */ (function () {
-    function PlaceRouteGuard(router, injector) {
-        this.router = router;
-        this.injector = injector;
-    }
-    /**
-     * @param {?} route
-     * @param {?} state
-     * @return {?}
-     */
-    PlaceRouteGuard.prototype.canActivate = /**
-     * @param {?} route
-     * @param {?} state
-     * @return {?}
-     */
-    function (route, state) {
-        var _this = this;
-        /** @type {?} */
-        var routeParameters = Klass.get(route.component).getMetadataList(RouteParameterBindings.ROUTE_PARAMETER_LIST_KEY);
-        /** @type {?} */
-        var sanitiser = new RouteParameterSanitiser(routeParameters, route, this.injector);
-        return sanitiser.sanitise().then((/**
-         * @param {?} proceed
-         * @return {?}
-         */
-        function (proceed) {
-            if (!proceed) {
-                sanitiser.redirect(_this.router);
-            }
-            return proceed;
-        }));
-    };
-    PlaceRouteGuard.decorators = [
-        { type: Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    /** @nocollapse */
-    PlaceRouteGuard.ctorParameters = function () { return [
-        { type: Router },
-        { type: Injector }
-    ]; };
-    /** @nocollapse */ PlaceRouteGuard.ngInjectableDef = ɵɵdefineInjectable({ factory: function PlaceRouteGuard_Factory() { return new PlaceRouteGuard(ɵɵinject(Router), ɵɵinject(INJECTOR)); }, token: PlaceRouteGuard, providedIn: "root" });
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [ActivatedRouteSnapshot, RouterStateSnapshot]),
-        __metadata("design:returntype", Object)
-    ], PlaceRouteGuard.prototype, "canActivate", null);
-    return PlaceRouteGuard;
-}());
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceRouteGuard.prototype.router;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceRouteGuard.prototype.injector;
+    DefaultParameterSanitiser.prototype.placeService;
 }
 
 /**
@@ -3592,6 +3767,10 @@ if (false) {
     /** @type {?|undefined} */
     ParameterOptions.prototype.optional;
     /** @type {?|undefined} */
+    ParameterOptions.prototype.remember;
+    /** @type {?|undefined} */
+    ParameterOptions.prototype.defaultValue;
+    /** @type {?|undefined} */
     ParameterOptions.prototype.sanitiser;
 }
 /**
@@ -3605,7 +3784,11 @@ if (false) {
     /** @type {?|undefined} */
     ListParameterOptions.prototype.optional;
     /** @type {?|undefined} */
-    ListParameterOptions.prototype.listSanitiser;
+    ListParameterOptions.prototype.remember;
+    /** @type {?|undefined} */
+    ListParameterOptions.prototype.defaultValue;
+    /** @type {?|undefined} */
+    ListParameterOptions.prototype.sanitiser;
 }
 /**
  * @template T
@@ -3623,7 +3806,7 @@ function RouteId(type, options) {
     function (prototype, propertyKey) {
         /** @type {?} */
         var param = createDefinition(propertyKey, type, options, true);
-        Klass.get(prototype).addToOwnMetadataList(RouteParameterBindings.ROUTE_PARAMETER_LIST_KEY, param);
+        Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
         UseDelegate()(prototype, propertyKey);
     });
 }
@@ -3643,7 +3826,7 @@ function RouteParameter(type, options) {
     function (prototype, propertyKey) {
         /** @type {?} */
         var param = createDefinition(propertyKey, type, options, false);
-        Klass.get(prototype).addToOwnMetadataList(RouteParameterBindings.ROUTE_PARAMETER_LIST_KEY, param);
+        Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
         UseDelegate()(prototype, propertyKey);
     });
 }
@@ -3663,7 +3846,7 @@ function RouteParameterList(elementType, options) {
     function (prototype, propertyKey) {
         /** @type {?} */
         var param = createArrayDefinition(propertyKey, elementType, options);
-        Klass.get(prototype).addToOwnMetadataList(RouteParameterBindings.ROUTE_PARAMETER_LIST_KEY, param);
+        Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
         UseDelegate()(prototype, propertyKey);
     });
 }
@@ -3708,7 +3891,7 @@ function createArrayDefinition(propertyName, type, options) {
         name: opts.getOptional('as', propertyNameAsString),
         propertyName: propertyNameAsString,
         type: assert.notNil(type),
-        sanitiser: opts.getOptional('listSanitiser', null),
+        sanitiser: opts.getOptional('sanitiser', null),
         isRouteId: false,
         isArray: true
     };
@@ -3721,7 +3904,7 @@ function createArrayDefinition(propertyName, type, options) {
  */
 /**
  * @record
- * @template E, S
+ * @template T, S
  */
 function ParameterDefinition() { }
 if (false) {
@@ -3751,10 +3934,25 @@ function ParameterSanitiser() { }
 if (false) {
     /**
      * @param {?} value
+     * @param {?=} visit
      * @return {?}
      */
-    ParameterSanitiser.prototype.sanitise = function (value) { };
+    ParameterSanitiser.prototype.sanitise = function (value, visit) { };
 }
+(function (ParameterSanitiser) {
+    /**
+     * @record
+     * @template T
+     */
+    function Options() { }
+    ParameterSanitiser.Options = Options;
+    if (false) {
+        /** @type {?|undefined} */
+        Options.prototype.remember;
+        /** @type {?|undefined} */
+        Options.prototype.defaultValue;
+    }
+})(ParameterSanitiser || (ParameterSanitiser = {}));
 
 /**
  * @fileoverview added by tsickle
@@ -3813,7 +4011,7 @@ var ParameterType;
          * @return {?}
          */
         function (value) {
-            return +value;
+            return isNil(value) || isEmpty(value) ? null : +value;
         };
         return NumberType;
     }());
@@ -3854,26 +4052,440 @@ var ParameterType;
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
- * @record
- * @template T
+ * @template T, S
  */
-function ResolvedParameter() { }
-if (false) {
-    /** @type {?} */
-    ResolvedParameter.prototype.parameterDef;
-    /** @type {?} */
-    ResolvedParameter.prototype.resolvedValue;
-}
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+var  /**
+ * @template T, S
  */
-var VisitSnapshot = /** @class */ (function () {
-    function VisitSnapshot() {
+Sanitiser = /** @class */ (function () {
+    function Sanitiser(parameterDef, snapshot, sanitiser) {
+        this.parameterDef = parameterDef;
+        this.snapshot = snapshot;
+        this.sanitiser = sanitiser;
     }
-    return VisitSnapshot;
-}());
+    /**
+     * @return {?}
+     */
+    Sanitiser.prototype.isRouteId = /**
+     * @return {?}
+     */
+    function () {
+        return this.parameterDef.isRouteId;
+    };
+    Object.defineProperty(Sanitiser.prototype, "valueChanged", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return !isNil(this.initialValue) && this.hasChanged(this.initialValue, this.sanitisedValue);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(Sanitiser.prototype, "sanitisedValue", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return this._sanitisedValue;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @protected
+     * @param {?} snapshot
+     * @return {?}
+     */
+    Sanitiser.prototype.readFrom = /**
+     * @protected
+     * @param {?} snapshot
+     * @return {?}
+     */
+    function (snapshot) {
+        return lang.abstractMethod(this.constructor);
+    };
+    /**
+     * @protected
+     * @param {?} initialValue
+     * @param {?} sanitisedValue
+     * @return {?}
+     */
+    Sanitiser.prototype.hasChanged = /**
+     * @protected
+     * @param {?} initialValue
+     * @param {?} sanitisedValue
+     * @return {?}
+     */
+    function (initialValue, sanitisedValue) {
+        return lang.abstractMethod(this.constructor);
+    };
+    /**
+     * @param {?} dest
+     * @return {?}
+     */
+    Sanitiser.prototype.injectRouteParam = /**
+     * @param {?} dest
+     * @return {?}
+     */
+    function (dest) {
+        lang.abstractMethod(this.constructor);
+    };
+    /**
+     * @return {?}
+     */
+    Sanitiser.prototype.sanitize = /**
+     * @return {?}
+     */
+    function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!this.sanitiser) return [3 /*break*/, 2];
+                        this.initialValue = this.readFrom(this.snapshot);
+                        _a = this;
+                        return [4 /*yield*/, this.sanitiser.sanitise(this.initialValue)];
+                    case 1:
+                        _a._sanitisedValue = _b.sent();
+                        if (this.initialValue !== this._sanitisedValue) {
+                            return [2 /*return*/, false];
+                        }
+                        _b.label = 2;
+                    case 2: return [2 /*return*/, true];
+                }
+            });
+        });
+    };
+    return Sanitiser;
+}());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    Sanitiser.prototype.initialValue;
+    /**
+     * @type {?}
+     * @private
+     */
+    Sanitiser.prototype._sanitisedValue;
+    /** @type {?} */
+    Sanitiser.prototype.parameterDef;
+    /** @type {?} */
+    Sanitiser.prototype.snapshot;
+    /** @type {?} */
+    Sanitiser.prototype.sanitiser;
+}
+var RouteParameterSanitiser = /** @class */ (function () {
+    function RouteParameterSanitiser(parameterDefs, snapshot, placeService, injector) {
+        var _this = this;
+        this.parameterDefs = parameterDefs;
+        this.snapshot = snapshot;
+        this.placeService = placeService;
+        this.injector = injector;
+        this.parameterSanitisers = [];
+        /** @type {?} */
+        var sanitisers = parameterDefs.map((/**
+         * @param {?} def
+         * @return {?}
+         */
+        function (def) {
+            return def.isArray ?
+                new Sanitiser.Array(def, snapshot, _this.getSanitiser(def)) :
+                new Sanitiser.Value(def, snapshot, _this.getSanitiser(def));
+        }));
+        this.routeIdSanitiser = sanitisers.find((/**
+         * @param {?} p
+         * @return {?}
+         */
+        function (p) { return p.isRouteId(); }));
+        this.parameterSanitisers = sanitisers.filter((/**
+         * @param {?} p
+         * @return {?}
+         */
+        function (p) { return !p.isRouteId(); }));
+    }
+    /**
+     * @return {?}
+     */
+    RouteParameterSanitiser.prototype.sanitise = /**
+     * @return {?}
+     */
+    function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var e_1, _a, _b, _c, sanitiser, e_1_1;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        if (!this.routeIdSanitiser) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.routeIdSanitiser.sanitize()];
+                    case 1:
+                        _d.sent();
+                        if (this.routeIdSanitiser.valueChanged) {
+                            // if the route id isn't ok we redirect immediately as the query params may need to be sanitised in the
+                            // context of the route id.
+                            return [2 /*return*/, false];
+                        }
+                        _d.label = 2;
+                    case 2:
+                        _d.trys.push([2, 7, 8, 9]);
+                        _b = __values(this.parameterSanitisers), _c = _b.next();
+                        _d.label = 3;
+                    case 3:
+                        if (!!_c.done) return [3 /*break*/, 6];
+                        sanitiser = _c.value;
+                        return [4 /*yield*/, sanitiser.sanitize()];
+                    case 4:
+                        _d.sent();
+                        _d.label = 5;
+                    case 5:
+                        _c = _b.next();
+                        return [3 /*break*/, 3];
+                    case 6: return [3 /*break*/, 9];
+                    case 7:
+                        e_1_1 = _d.sent();
+                        e_1 = { error: e_1_1 };
+                        return [3 /*break*/, 9];
+                    case 8:
+                        try {
+                            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                        }
+                        finally { if (e_1) throw e_1.error; }
+                        return [7 /*endfinally*/];
+                    case 9: return [2 /*return*/, !this.parameterSanitisers.find((/**
+                         * @param {?} s
+                         * @return {?}
+                         */
+                        function (s) { return s.valueChanged; }))];
+                }
+            });
+        });
+    };
+    /**
+     * @private
+     * @template T, S
+     * @param {?} def
+     * @return {?}
+     */
+    RouteParameterSanitiser.prototype.getSanitiser = /**
+     * @private
+     * @template T, S
+     * @param {?} def
+     * @return {?}
+     */
+    function (def) {
+        if (def.sanitiser) {
+            if (this.isSanitiserContructor(def.sanitiser)) {
+                return this.injector.get(def.sanitiser, new def.sanitiser());
+            }
+            else {
+                return new DefaultParameterSanitiser(def, this.placeService, def.sanitiser);
+            }
+        }
+        else {
+            return null;
+        }
+    };
+    /**
+     * @return {?}
+     */
+    RouteParameterSanitiser.prototype.routeIdHasChanged = /**
+     * @return {?}
+     */
+    function () {
+        assert.isTruthy(this.parameterSanitisers.length !== 0);
+        return this.routeIdSanitiser && this.routeIdSanitiser.valueChanged;
+    };
+    /**
+     * @return {?}
+     */
+    RouteParameterSanitiser.prototype.getRedirectParams = /**
+     * @return {?}
+     */
+    function () {
+        if (this.routeIdHasChanged()) {
+            return [this.routeIdSanitiser.sanitisedValue];
+        }
+        else {
+            /** @type {?} */
+            var routeParams_1 = {};
+            this.parameterSanitisers.forEach((/**
+             * @param {?} s
+             * @return {?}
+             */
+            function (s) { return s.injectRouteParam(routeParams_1); }));
+            return [routeParams_1];
+        }
+    };
+    /**
+     * @private
+     * @template S
+     * @param {?} value
+     * @return {?}
+     */
+    RouteParameterSanitiser.prototype.isSanitiserContructor = /**
+     * @private
+     * @template S
+     * @param {?} value
+     * @return {?}
+     */
+    function (value) {
+        return isFunction(value) && lang.constructorChain((/** @type {?} */ ((/** @type {?} */ (value))))).includes(Sanitiser);
+    };
+    __decorate([
+        Memoize(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", Object)
+    ], RouteParameterSanitiser.prototype, "getSanitiser", null);
+    __decorate([
+        Trace(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", Array)
+    ], RouteParameterSanitiser.prototype, "getRedirectParams", null);
+    return RouteParameterSanitiser;
+}());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    RouteParameterSanitiser.prototype.routeIdSanitiser;
+    /**
+     * @type {?}
+     * @private
+     */
+    RouteParameterSanitiser.prototype.parameterSanitisers;
+    /** @type {?} */
+    RouteParameterSanitiser.prototype.parameterDefs;
+    /** @type {?} */
+    RouteParameterSanitiser.prototype.snapshot;
+    /** @type {?} */
+    RouteParameterSanitiser.prototype.placeService;
+    /** @type {?} */
+    RouteParameterSanitiser.prototype.injector;
+}
+(function (Sanitiser) {
+    /**
+     * @template T
+     */
+    var /**
+     * @template T
+     */
+    Value = /** @class */ (function (_super) {
+        __extends(Value, _super);
+        function Value() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        /**
+         * @param {?} snapshot
+         * @return {?}
+         */
+        Value.prototype.readFrom = /**
+         * @param {?} snapshot
+         * @return {?}
+         */
+        function (snapshot) {
+            /** @type {?} */
+            var rawValue = snapshot.paramMap.get(this.parameterDef.name);
+            return this.parameterDef.type.parse(rawValue);
+        };
+        /**
+         * @protected
+         * @param {?} initialValue
+         * @param {?} sanitisedValue
+         * @return {?}
+         */
+        Value.prototype.hasChanged = /**
+         * @protected
+         * @param {?} initialValue
+         * @param {?} sanitisedValue
+         * @return {?}
+         */
+        function (initialValue, sanitisedValue) {
+            return initialValue !== sanitisedValue;
+        };
+        /**
+         * @param {?} dest
+         * @return {?}
+         */
+        Value.prototype.injectRouteParam = /**
+         * @param {?} dest
+         * @return {?}
+         */
+        function (dest) {
+            dest[this.parameterDef.name] = this.parameterDef.type.format(this.sanitisedValue);
+        };
+        return Value;
+    }(Sanitiser));
+    Sanitiser.Value = Value;
+    /**
+     * @template T
+     */
+    var /**
+     * @template T
+     */
+    Array = /** @class */ (function (_super) {
+        __extends(Array, _super);
+        function Array() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        /**
+         * @param {?} snapshot
+         * @return {?}
+         */
+        Array.prototype.readFrom = /**
+         * @param {?} snapshot
+         * @return {?}
+         */
+        function (snapshot) {
+            var _this = this;
+            /** @type {?} */
+            var rawValues = snapshot.paramMap.getAll(this.parameterDef.name);
+            return rawValues.map((/**
+             * @param {?} value
+             * @return {?}
+             */
+            function (value) { return _this.parameterDef.type.parse(value); }));
+        };
+        /**
+         * @protected
+         * @param {?} initialValue
+         * @param {?} sanitisedValue
+         * @return {?}
+         */
+        Array.prototype.hasChanged = /**
+         * @protected
+         * @param {?} initialValue
+         * @param {?} sanitisedValue
+         * @return {?}
+         */
+        function (initialValue, sanitisedValue) {
+            return initialValue !== sanitisedValue;
+        };
+        /**
+         * @param {?} dest
+         * @return {?}
+         */
+        Array.prototype.injectRouteParam = /**
+         * @param {?} dest
+         * @return {?}
+         */
+        function (dest) {
+            var _this = this;
+            dest[this.parameterDef.name] = this.sanitisedValue.map((/**
+             * @param {?} v
+             * @return {?}
+             */
+            function (v) { return _this.parameterDef.type.format(v); }));
+        };
+        return Array;
+    }(Sanitiser));
+    Sanitiser.Array = Array;
+})(Sanitiser || (Sanitiser = {}));
 
 /**
  * @fileoverview added by tsickle
@@ -3895,5 +4507,5 @@ var VisitSnapshot = /** @class */ (function () {
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { ACTIVITY_DATA, AbstractActivity, AbstractInputComponent, ActivityContainerComponent, ActivityOutletComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CommandDirective, ConfirmationDialogComponent, DEFINITION_META_DATA_KEY, DialogInteractionService, Dimension, DisposableComponent, EmptyStateComponent, FocusBindingDirective, INTERACTION_CONTEXT, InteractionContext, InteractionModule, LEFT_RIGHT_PLACE_ANIMATION, LeavePlaceGuard, NumberInputComponent, ParameterType, PasswordInputComponent, Place, PlaceComponent, PlaceModule, PlaceOutletComponent, PlaceRouteGuard, PlaceService, Point, ResizeAwareComponent, ResolvedRouteParameterSnapshot, RouteId, RouteParameter, RouteParameterBindings, RouteParameterList, RouteParameterSanitiser, Sanitiser, SelectInputComponent, StringInputComponent, TabbedPlaceNavigationComponent, VisitSnapshot, slideDownAndUpAnimation, CommandDirective as ɵa, FocusBindingDirective as ɵb, DisposableComponent as ɵc, NumberInputComponent as ɵd, AbstractInputComponent as ɵe, StringInputComponent as ɵf, PasswordInputComponent as ɵg, SelectInputComponent as ɵh, PlaceModule as ɵi, EmptyStateComponent as ɵj, BusyOverlayComponent as ɵk, PlaceOutletComponent as ɵl, LEFT_RIGHT_PLACE_ANIMATION as ɵm, PlaceService as ɵn, TabbedPlaceNavigationComponent as ɵo, InteractionModule as ɵp, ActivityContainerComponent as ɵq, ActivityOutletComponent as ɵr, ConfirmationDialogComponent as ɵs, AbstractActivity as ɵt, ACTIVITY_DATA as ɵu, AlertDialogComponent as ɵw, DialogInteractionService as ɵy, InteractionContext as ɵz };
+export { ACTIVITY_DATA, AbstractActivity, AbstractInputComponent, AbstractPlaceNavigationComponent, ActivityContainerComponent, ActivityOutletComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CommandDirective, ConfirmationDialogComponent, DEFINITION_META_DATA_KEY, DefaultParameterSanitiser, DialogInteractionService, Dimension, DisposableComponent, EmptyStateComponent, FocusBindingDirective, INTERACTION_CONTEXT, InteractionContext, InteractionModule, LEFT_RIGHT_PLACE_ANIMATION, LeavePlaceGuard, ListPlaceNavComponent, NumberInputComponent, ParameterSnapshot, ParameterType, PasswordInputComponent, Place, PlaceComponent, PlaceModule, PlaceOutletComponent, PlaceRouteGuard, PlaceService, Point, ROUTE_PARAMETER_LIST_KEY, ResizeAwareComponent, RouteId, RouteParameter, RouteParameterList, RouteParameterSanitiser, Sanitiser, SelectInputComponent, StringInputComponent, TabbedPlaceNavigationComponent, leftRightPlaceAnimation, slideDownAndUpAnimation, CommandDirective as ɵa, FocusBindingDirective as ɵb, DialogInteractionService as ɵbb, InteractionContext as ɵbc, DisposableComponent as ɵc, NumberInputComponent as ɵd, AbstractInputComponent as ɵe, StringInputComponent as ɵf, PasswordInputComponent as ɵg, SelectInputComponent as ɵh, PlaceModule as ɵi, EmptyStateComponent as ɵj, BusyOverlayComponent as ɵk, PlaceOutletComponent as ɵl, leftRightPlaceAnimation as ɵm, LEFT_RIGHT_PLACE_ANIMATION as ɵn, PlaceService as ɵo, TabbedPlaceNavigationComponent as ɵp, AbstractPlaceNavigationComponent as ɵq, ListPlaceNavComponent as ɵr, InteractionModule as ɵs, ActivityContainerComponent as ɵt, ActivityOutletComponent as ɵu, ConfirmationDialogComponent as ɵv, AbstractActivity as ɵw, ACTIVITY_DATA as ɵx, AlertDialogComponent as ɵz };
 //# sourceMappingURL=coolon-angular-ui-powerups.js.map