@coolon/angular-ui-powerups 0.0.70 → 0.0.72

package/esm5/lib/place/place.decorator.js

@@ -45,6 +45,8 @@ export function Place(options) {
         Options.prototype.authenticate;
         /** @type {?|undefined} */
         Options.prototype.children;
+        /** @type {?|undefined} */
+        Options.prototype.defaultChild;
     }
 })(Place || (Place = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhY2UuZGVjb3JhdG9yLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGNvb2xvbi9hbmd1bGFyLXVpLXBvd2VydXBzLyIsInNvdXJjZXMiOlsibGliL3BsYWNlL3BsYWNlLmRlY29yYXRvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFpQixJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQUM1QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7OztBQUVyRCxNQUFNLFVBQVUsS0FBSyxDQUFDLE9BQXNCO0lBQzFDOzs7O0lBQU8sVUFBQyxNQUFnQjtRQUN0QixJQUFJLGNBQWMsQ0FBQywyQkFBMkIsQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUN0RCxjQUFjLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksZUFBZSxDQUN6RCxNQUFNLEVBQ04sT0FBTyxDQUFDLElBQUksRUFDWixDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUM1RCxPQUFPLENBQUMsS0FBSyxFQUNiLE9BQU8sQ0FBQyxJQUFJLEVBQ1osY0FBYyxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxFQUN6QyxDQUFDLE9BQU8sQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLENBQUMsR0FBRzs7OztZQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsY0FBYyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBL0IsQ0FBK0IsRUFBQyxDQUNuRSxDQUFDLENBQUM7U0FFSjthQUFNO1lBQ0wsSUFBSSxDQUFDLFlBQVksQ0FBSSxNQUFNLDREQUF5RCxDQUFDLENBQUM7U0FDdkY7SUFDSCxDQUFDLEVBQUM7QUFDSixDQUFDO0FBRUQsV0FBaUIsS0FBSzs7OztJQUVwQixzQkFNQzs7OztRQUxDLHVCQUFhOztRQUNiLHdCQUFjOztRQUNkLHVCQUE4Qjs7UUFDOUIsK0JBQXVCOztRQUN2QiwyQkFBMEM7O0FBRzlDLENBQUMsRUFWZ0IsS0FBSyxLQUFMLEtBQUssUUFVckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb25zdHJ1Y3RhYmxlLCBsYW5nIH0gZnJvbSAnQGNvb2xvbi9wZWN0aW4nO1xuaW1wb3J0ICogYXMgXyBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgUGxhY2VDb21wb25lbnQgfSBmcm9tICcuL3BsYWNlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBQbGFjZURlZmluaXRpb24gfSBmcm9tICcuL3BsYWNlLWRlZmluaXRpb24nO1xuXG5leHBvcnQgZnVuY3Rpb24gUGxhY2Uob3B0aW9uczogUGxhY2UuT3B0aW9ucykge1xuICByZXR1cm4gKHRhcmdldDogRnVuY3Rpb24pID0+IHtcbiAgICBpZiAoUGxhY2VDb21wb25lbnQuaXNQbGFjZUNvbXBvbmVudENvbnN0cnVjdG9yKHRhcmdldCkpIHtcbiAgICAgIFBsYWNlQ29tcG9uZW50LmluamVjdERlZmluaXRpb24odGFyZ2V0LCBuZXcgUGxhY2VEZWZpbml0aW9uKFxuICAgICAgICB0YXJnZXQsXG4gICAgICAgIG9wdGlvbnMucGF0aCxcbiAgICAgICAgXy5pc05pbChvcHRpb25zLmF1dGhlbnRpY2F0ZSkgPyBmYWxzZSA6IG9wdGlvbnMuYXV0aGVudGljYXRlLFxuICAgICAgICBvcHRpb25zLm9yZGVyLFxuICAgICAgICBvcHRpb25zLmRhdGEsXG4gICAgICAgIFBsYWNlQ29tcG9uZW50LmdldFJvdXRlUGFyYW1ldGVycyh0YXJnZXQpLFxuICAgICAgICAob3B0aW9ucy5jaGlsZHJlbiB8fCBbXSkubWFwKGMgPT4gUGxhY2VDb21wb25lbnQuZ2V0RGVmaW5pdGlvbihjKSlcbiAgICAgICkpO1xuXG4gICAgfSBlbHNlIHtcbiAgICAgIGxhbmcuaWxsZWdhbFN0YXRlKGAke3RhcmdldH0gbXVzdCBleHRlbmQgUGxhY2VDb21wb25lbnQgdG8gdXNlIHRoZSBAUGxhY2UgZGVjb3JhdG9yYCk7XG4gICAgfVxuICB9O1xufVxuXG5leHBvcnQgbmFtZXNwYWNlIFBsYWNlIHtcblxuICBleHBvcnQgaW50ZXJmYWNlIE9wdGlvbnMge1xuICAgIHBhdGg6IHN0cmluZyxcbiAgICBvcmRlcjogbnVtYmVyO1xuICAgIGRhdGE/OiB7IFtrZXk6IHN0cmluZ106IGFueSB9LCAvLyBkZWZhdWx0cyB0byB0cnVlXG4gICAgYXV0aGVudGljYXRlPzogYm9vbGVhbiwgLy8gZGVmYXVsdHMgdG8gdHJ1ZVxuICAgIGNoaWxkcmVuPzogQ29uc3RydWN0YWJsZTxQbGFjZUNvbXBvbmVudD5bXVxuICB9XG5cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhY2UuZGVjb3JhdG9yLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGNvb2xvbi9hbmd1bGFyLXVpLXBvd2VydXBzLyIsInNvdXJjZXMiOlsibGliL3BsYWNlL3BsYWNlLmRlY29yYXRvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFpQixJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQUM1QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7OztBQUVyRCxNQUFNLFVBQVUsS0FBSyxDQUFDLE9BQXNCO0lBQzFDOzs7O0lBQU8sVUFBQyxNQUFnQjtRQUN0QixJQUFJLGNBQWMsQ0FBQywyQkFBMkIsQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUN0RCxjQUFjLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksZUFBZSxDQUN6RCxNQUFNLEVBQ04sT0FBTyxDQUFDLElBQUksRUFDWixDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUM1RCxPQUFPLENBQUMsS0FBSyxFQUNiLE9BQU8sQ0FBQyxJQUFJLEVBQ1osY0FBYyxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxFQUN6QyxDQUFDLE9BQU8sQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLENBQUMsR0FBRzs7OztZQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsY0FBYyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBL0IsQ0FBK0IsRUFBQyxDQUNuRSxDQUFDLENBQUM7U0FFSjthQUFNO1lBQ0wsSUFBSSxDQUFDLFlBQVksQ0FBSSxNQUFNLDREQUF5RCxDQUFDLENBQUM7U0FDdkY7SUFDSCxDQUFDLEVBQUM7QUFDSixDQUFDO0FBRUQsV0FBaUIsS0FBSzs7OztJQUVwQixzQkFPQzs7OztRQU5DLHVCQUFhOztRQUNiLHdCQUFjOztRQUNkLHVCQUE4Qjs7UUFDOUIsK0JBQXVCOztRQUN2QiwyQkFBMEM7O1FBQzFDLCtCQUE0Qzs7QUFHaEQsQ0FBQyxFQVhnQixLQUFLLEtBQUwsS0FBSyxRQVdyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbnN0cnVjdGFibGUsIGxhbmcgfSBmcm9tICdAY29vbG9uL3BlY3Rpbic7XG5pbXBvcnQgKiBhcyBfIGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgeyBQbGFjZUNvbXBvbmVudCB9IGZyb20gJy4vcGxhY2UtY29tcG9uZW50JztcbmltcG9ydCB7IFBsYWNlRGVmaW5pdGlvbiB9IGZyb20gJy4vcGxhY2UtZGVmaW5pdGlvbic7XG5cbmV4cG9ydCBmdW5jdGlvbiBQbGFjZShvcHRpb25zOiBQbGFjZS5PcHRpb25zKSB7XG4gIHJldHVybiAodGFyZ2V0OiBGdW5jdGlvbikgPT4ge1xuICAgIGlmIChQbGFjZUNvbXBvbmVudC5pc1BsYWNlQ29tcG9uZW50Q29uc3RydWN0b3IodGFyZ2V0KSkge1xuICAgICAgUGxhY2VDb21wb25lbnQuaW5qZWN0RGVmaW5pdGlvbih0YXJnZXQsIG5ldyBQbGFjZURlZmluaXRpb24oXG4gICAgICAgIHRhcmdldCxcbiAgICAgICAgb3B0aW9ucy5wYXRoLFxuICAgICAgICBfLmlzTmlsKG9wdGlvbnMuYXV0aGVudGljYXRlKSA/IGZhbHNlIDogb3B0aW9ucy5hdXRoZW50aWNhdGUsXG4gICAgICAgIG9wdGlvbnMub3JkZXIsXG4gICAgICAgIG9wdGlvbnMuZGF0YSxcbiAgICAgICAgUGxhY2VDb21wb25lbnQuZ2V0Um91dGVQYXJhbWV0ZXJzKHRhcmdldCksXG4gICAgICAgIChvcHRpb25zLmNoaWxkcmVuIHx8IFtdKS5tYXAoYyA9PiBQbGFjZUNvbXBvbmVudC5nZXREZWZpbml0aW9uKGMpKVxuICAgICAgKSk7XG5cbiAgICB9IGVsc2Uge1xuICAgICAgbGFuZy5pbGxlZ2FsU3RhdGUoYCR7dGFyZ2V0fSBtdXN0IGV4dGVuZCBQbGFjZUNvbXBvbmVudCB0byB1c2UgdGhlIEBQbGFjZSBkZWNvcmF0b3JgKTtcbiAgICB9XG4gIH07XG59XG5cbmV4cG9ydCBuYW1lc3BhY2UgUGxhY2Uge1xuXG4gIGV4cG9ydCBpbnRlcmZhY2UgT3B0aW9ucyB7XG4gICAgcGF0aDogc3RyaW5nLFxuICAgIG9yZGVyOiBudW1iZXI7XG4gICAgZGF0YT86IHsgW2tleTogc3RyaW5nXTogYW55IH0sIC8vIGRlZmF1bHRzIHRvIHRydWVcbiAgICBhdXRoZW50aWNhdGU/OiBib29sZWFuLCAvLyBkZWZhdWx0cyB0byB0cnVlXG4gICAgY2hpbGRyZW4/OiBDb25zdHJ1Y3RhYmxlPFBsYWNlQ29tcG9uZW50PltdXG4gICAgZGVmYXVsdENoaWxkPzogQ29uc3RydWN0YWJsZTxQbGFjZUNvbXBvbmVudD5cbiAgfVxuXG59XG4iXX0=

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

@@ -1,5 +1,5 @@
 import { DOCUMENT, Location, CommonModule } from '@angular/common';
-import { EventEmitter, Input, Output, HostListener, Component, Directive, ElementRef, Inject, NgZone, InjectionToken, Injector, ComponentFactoryResolver, ViewContainerRef, ViewChild, ViewChildren, Injectable, Optional, ɵɵdefineInjectable, ɵɵinject, NgModule, HostBinding, INJECTOR } from '@angular/core';
+import { EventEmitter, Input, Output, HostListener, Component, Directive, ElementRef, Inject, NgZone, InjectionToken, Injector, ComponentFactoryResolver, ViewContainerRef, ViewChild, ViewChildren, Injectable, Optional, ɵɵdefineInjectable, ɵɵinject, NgModule, HostBinding, SkipSelf, INJECTOR } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatDialog, MatButtonModule, MatDialogModule, MatTabsModule, MatProgressSpinnerModule, MatInputModule, MatFormFieldModule, MatSelectModule } from '@angular/material';
 import { MatTabsModule as MatTabsModule$1 } from '@angular/material/tabs';
@@ -7,7 +7,7 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { __decorate, __metadata, __awaiter } from 'tslib';
 import { GarbageCollector, DelegatingFormValueModel, UseDelegate, ValueModel, ListModel, StoreInListModel, assert, UnaryCommand, lang, Dsl, Logger, DelegatingValueModel, MutableStream, MutableListModel, DelegatingListModel, StoreInValueModel, Binding, MutableValueModel, Trace, Guard as Guard$1, OptionsHelper, ValueHolder } from '@coolon/pectin';
 import { PortalModule } from '@angular/cdk/portal';
-import { Router, RouterModule, NavigationStart, NavigationEnd, NavigationError, ActivatedRoute, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
+import { Router, RouterModule, NavigationStart, NavigationEnd, NavigationError, ActivatedRoute, RouterOutlet, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
 import ___default, { last, isNil, isEqual } from 'lodash';
 import { assert as assert$1, Opts, Klass } from '@coolon/typescript-utilities';
 import { MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS, MatDialog as MatDialog$1 } from '@angular/material/dialog';
@@ -2616,79 +2616,6 @@ if (false) {
     ListPlaceNavComponent.prototype.expanded;
 }
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class PlaceHistory {
-    /**
-     * @param {?} router
-     */
-    constructor(router) {
-        this.router = router;
-        this._history = new Map();
-    }
-    // @Trace()
-    /**
-     * @param {?} state
-     * @return {?}
-     */
-    add(state) {
-        /** @type {?} */
-        const history = this.getHistory(state.placeDefinition);
-        /** @type {?} */
-        const previousState = ___default.last(history);
-        if (!previousState || state.hasChangedFrom(previousState)) {
-            history.unshift(state); // LIFO
-            this.setHistory(state.placeDefinition, history.slice(0, 3)); // limit our history to 4 visits
-        }
-    }
-    /**
-     * @param {?} placeDef
-     * @return {?}
-     */
-    getHistory(placeDef) {
-        /** @type {?} */
-        let history = this._history.get(placeDef);
-        if (!history) {
-            history = [];
-            this.setHistory(placeDef, history);
-        }
-        return history;
-    }
-    /**
-     * @private
-     * @param {?} placeDef
-     * @param {?} history
-     * @return {?}
-     */
-    setHistory(placeDef, history) {
-        this._history.set(placeDef, history);
-    }
-}
-PlaceHistory.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-/** @nocollapse */
-PlaceHistory.ctorParameters = () => [
-    { type: Router }
-];
-/** @nocollapse */ PlaceHistory.ngInjectableDef = ɵɵdefineInjectable({ factory: function PlaceHistory_Factory() { return new PlaceHistory(ɵɵinject(Router)); }, token: PlaceHistory, providedIn: "root" });
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceHistory.prototype._history;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceHistory.prototype.router;
-}
-
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -2836,6 +2763,79 @@ if (false) {
     NavigationSession.createExternal = createExternal;
 })(NavigationSession || (NavigationSession = {}));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class PlaceHistory {
+    /**
+     * @param {?} router
+     */
+    constructor(router) {
+        this.router = router;
+        this._history = new Map();
+    }
+    // @Trace()
+    /**
+     * @param {?} state
+     * @return {?}
+     */
+    add(state) {
+        /** @type {?} */
+        const history = this.getHistory(state.placeDefinition);
+        /** @type {?} */
+        const previousState = ___default.last(history);
+        if (!previousState || state.hasChangedFrom(previousState)) {
+            history.unshift(state); // LIFO
+            this.setHistory(state.placeDefinition, history.slice(0, 3)); // limit our history to 4 visits
+        }
+    }
+    /**
+     * @param {?} placeDef
+     * @return {?}
+     */
+    getHistory(placeDef) {
+        /** @type {?} */
+        let history = this._history.get(placeDef);
+        if (!history) {
+            history = [];
+            this.setHistory(placeDef, history);
+        }
+        return history;
+    }
+    /**
+     * @private
+     * @param {?} placeDef
+     * @param {?} history
+     * @return {?}
+     */
+    setHistory(placeDef, history) {
+        this._history.set(placeDef, history);
+    }
+}
+PlaceHistory.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+/** @nocollapse */
+PlaceHistory.ctorParameters = () => [
+    { type: Router }
+];
+/** @nocollapse */ PlaceHistory.ngInjectableDef = ɵɵdefineInjectable({ factory: function PlaceHistory_Factory() { return new PlaceHistory(ɵɵinject(Router)); }, token: PlaceHistory, providedIn: "root" });
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    PlaceHistory.prototype._history;
+    /**
+     * @type {?}
+     * @private
+     */
+    PlaceHistory.prototype.router;
+}
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -3034,12 +3034,25 @@ class PlaceRouter extends GarbageCollector {
     /**
      *  placeRouter.navigate(placeDestinations.somePlace.createVisit(routeId, ...visitParams));
      * @param {?} visit
+     * @param {?=} options
      * @return {?}
      */
-    // @Trace()
-    navigate(visit) {
+    navigate(visit, options) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.doNavigation(visit);
+            this.doNavigation(visit, (/**
+             * @param {?} router
+             * @return {?}
+             */
+            (router) => __awaiter(this, void 0, void 0, function* () {
+                /** @type {?} */
+                const commands = [
+                    visit.placeDefinition.path,
+                    ...this.createRouteParameters(visit)
+                ];
+                yield this.router.navigate(commands, {
+                    relativeTo: options ? options.relativeTo : null
+                });
+            })));
         });
     }
     /**
@@ -3063,13 +3076,11 @@ class PlaceRouter extends GarbageCollector {
                     /** @type {?} */
                     const relativePath = !!previous.placeDefinition.hasRouteId() ? '..' : '.';
                     /** @type {?} */
-                    const def = next.placeDefinition;
-                    /** @type {?} */
-                    const params = next.hasRouteId() ?
-                        [def.getFormattedRouteId(next), def.getFormattedRouteParameters(next)] :
-                        [def.getFormattedRouteParameters(next)];
-                    /** @type {?} */
-                    const commands = [relativePath].concat(params, this.extractChildPath(activatedRoute.snapshot));
+                    const commands = [
+                        relativePath,
+                        ...this.createRouteParameters(next),
+                        ...this.extractChildPath(activatedRoute.snapshot)
+                    ];
                     console.log('### Redirect', commands);
                     return router.navigate(commands, {
                         relativeTo: activatedRoute
@@ -3080,28 +3091,14 @@ class PlaceRouter extends GarbageCollector {
     }
     /**
      * @param {?} visit
-     * @param {?=} customNavigation
+     * @param {?} customNavigation
      * @return {?}
      */
     doNavigation(visit, customNavigation) {
         return __awaiter(this, void 0, void 0, function* () {
             this._navigationSessionModel.value = NavigationSession.createInternal(visit);
             try {
-                if (customNavigation) {
-                    yield customNavigation(this.router);
-                }
-                else {
-                    /** @type {?} */
-                    const def = visit.placeDefinition;
-                    /** @type {?} */
-                    const parameterCommands = visit.hasRouteId() ?
-                        [def.getFormattedRouteId(visit), def.getFormattedRouteParameters(visit)] :
-                        [def.getFormattedRouteParameters(visit)];
-                    /** @type {?} */
-                    const commands = [def.path].concat(parameterCommands);
-                    console.log('_doNavigation', visit, commands);
-                    yield this.router.navigate(commands);
-                }
+                yield customNavigation(this.router);
             }
             finally {
                 if (this.navigationSession && !this.router.getCurrentNavigation()) {
@@ -3110,6 +3107,18 @@ class PlaceRouter extends GarbageCollector {
             }
         });
     }
+    /**
+     * @private
+     * @param {?} visit
+     * @return {?}
+     */
+    createRouteParameters(visit) {
+        /** @type {?} */
+        const def = visit.placeDefinition;
+        return visit.hasRouteId() ?
+            [def.getFormattedRouteId(visit), def.getFormattedRouteParameters(visit)] :
+            [def.getFormattedRouteParameters(visit)];
+    }
     // @Trace()
     /**
      * @private
@@ -3174,6 +3183,12 @@ PlaceRouter.ctorParameters = () => [
     { type: PlaceHistory }
 ];
 /** @nocollapse */ PlaceRouter.ngInjectableDef = ɵɵdefineInjectable({ factory: function PlaceRouter_Factory() { return new PlaceRouter(ɵɵinject(Router), ɵɵinject(Location), ɵɵinject(PlaceHistory)); }, token: PlaceRouter, providedIn: "root" });
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Visit, Object]),
+    __metadata("design:returntype", Promise)
+], PlaceRouter.prototype, "navigate", null);
 __decorate([
     Trace(),
     __metadata("design:type", Function),
@@ -3289,13 +3304,13 @@ class PlaceOutletComponent extends DisposableComponent {
     /**
      * @param {?} router
      * @param {?} placeRouter
-     * @param {?} placeHistory
+     * @param {?} parentOutlet
      */
-    constructor(router, placeRouter, placeHistory) {
+    constructor(router, placeRouter, parentOutlet) {
         super();
         this.router = router;
         this.placeRouter = placeRouter;
-        this.placeHistory = placeHistory;
+        this.parentOutlet = parentOutlet;
         this.animate = true;
         this.placeChanged = new EventEmitter();
         this._activePlace = new MutableValueModel();
@@ -3307,17 +3322,17 @@ class PlaceOutletComponent extends DisposableComponent {
          */
         this._placeVisit = new MutableValueModel();
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
-        // Handle incoming route changes.
-        /** @type {?} */
-        const inRouteVisitUpdate = new Guard$1();
+        // Push incoming changes into the component
         /** @type {?} */
         const routeVisit = chain(this._activePlace).pluck('placeDefinition').findIn(placeRouter.activeVisitIndex);
+        /** @type {?} */
+        const inRouteVisitUpdate = new Guard$1();
         when.valueOf(routeVisit).changes((/**
          * @param {?} visit
          * @return {?}
          */
         (visit) => {
-            if (visit) {
+            if (visit) { // can be null while the place and index sync up
                 inRouteVisitUpdate.whileTrue((/**
                  * @return {?}
                  */
@@ -3352,6 +3367,16 @@ class PlaceOutletComponent extends DisposableComponent {
      */
     ngOnInit() {
     }
+    /**
+     * @param {?} visit
+     * @return {?}
+     */
+    navigate(visit) {
+        console.log({ activatedRoute: this._activatedRouteModel.value });
+        this.placeRouter.navigate(visit, {
+            relativeTo: this.parentOutlet ? this.parentOutlet.activatedRouteModel.value : null
+        });
+    }
     /**
      * @param {?} next
      * @param {?} previous
@@ -3368,6 +3393,12 @@ class PlaceOutletComponent extends DisposableComponent {
     get activePlaceModel() {
         return this._activePlace.readonly;
     }
+    /**
+     * @return {?}
+     */
+    get activatedRouteModel() {
+        return this._activatedRouteModel.readonly;
+    }
     /**
      * @param {?} routerOutlet
      * @param {?} place
@@ -3423,13 +3454,6 @@ class PlaceOutletComponent extends DisposableComponent {
             this._activePlace.value.onPlaceReady();
         }
     }
-    /**
-     * @param {?} placeDestination
-     * @return {?}
-     */
-    activate(placeDestination) {
-        // this.router.
-    }
 }
 PlaceOutletComponent.decorators = [
     { type: Component, args: [{
@@ -3443,13 +3467,31 @@ PlaceOutletComponent.decorators = [
 PlaceOutletComponent.ctorParameters = () => [
     { type: Router },
     { type: PlaceRouter },
-    { type: PlaceHistory }
+    { type: PlaceOutletComponent, decorators: [{ type: SkipSelf }, { type: Optional }] }
 ];
 PlaceOutletComponent.propDecorators = {
     animate: [{ type: Input }],
     placeChanged: [{ type: Output }],
     routerOut: [{ type: ViewChild, args: ['routeOutlet', { static: true },] }]
 };
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Visit]),
+    __metadata("design:returntype", void 0)
+], PlaceOutletComponent.prototype, "navigate", null);
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [RouterOutlet, PlaceComponent]),
+    __metadata("design:returntype", void 0)
+], PlaceOutletComponent.prototype, "onOutletActivated", null);
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [RouterOutlet, Object]),
+    __metadata("design:returntype", void 0)
+], PlaceOutletComponent.prototype, "onOutletDeactivated", null);
 if (false) {
     /** @type {?} */
     PlaceOutletComponent.prototype.animate;
@@ -3492,11 +3534,8 @@ if (false) {
      * @private
      */
     PlaceOutletComponent.prototype.placeRouter;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceOutletComponent.prototype.placeHistory;
+    /** @type {?} */
+    PlaceOutletComponent.prototype.parentOutlet;
 }
 
 /**
@@ -4075,6 +4114,8 @@ function Place(options) {
         Options.prototype.authenticate;
         /** @type {?|undefined} */
         Options.prototype.children;
+        /** @type {?|undefined} */
+        Options.prototype.defaultChild;
     }
 })(Place || (Place = {}));