@coolon/angular-ui-powerups 0.0.126 → 0.0.128

package/esm5/lib/place/navigation/session/navigation-session.js

@@ -0,0 +1,450 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import * as tslib_1 from "tslib";
+import { GarbageCollector, lang, Logger } from '@coolon/pectin';
+import { PlaceComponentDeactivationHandler } from '../place-component-deactivation-handler';
+/**
+ * Transient states
+ * @abstract
+ */
+var /**
+ * Transient states
+ * @abstract
+ */
+NavigationSession = /** @class */ (function (_super) {
+    tslib_1.__extends(NavigationSession, _super);
+    function NavigationSession(context, startingUrl) {
+        var _this = _super.call(this) || this;
+        _this.context = context;
+        _this.startingUrl = startingUrl;
+        _this.debugPropertyKeys = [];
+        _this._visits = new Map();
+        _this.componentDeactivationHandlers = new Map();
+        // TODO: can I get away without creating one every time?
+        _this._interactionContext = _this.context.routerInteractionAdapter.createExclusiveInteractionContext();
+        _this.onDispose((/**
+         * @return {?}
+         */
+        function () {
+            // the interaction context can be detached during the back button cancellation state transition
+            // as the transition is synchronous and activityCancellation isn't.  Otherwise dispose will be
+            // called before the context has been cancelled.  It might be work having the interaction context
+            // automatically cancel if the context is disposed so we don't have worry about detaching etc.
+            if (_this._interactionContext) {
+                _this._interactionContext.dispose(); // or do something like cancelAndDispose?
+            }
+        }));
+        return _this;
+    }
+    Object.defineProperty(NavigationSession.prototype, "name", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return this.constructor.name;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(NavigationSession.prototype, "urlService", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return this.context.urlService;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(NavigationSession.prototype, "interactionServiceAdapter", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return this.context.routerInteractionAdapter;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @param {?} visit
+     * @return {?}
+     */
+    NavigationSession.prototype.storeVisit = /**
+     * @param {?} visit
+     * @return {?}
+     */
+    function (visit) {
+        // console.log(`Storing visit for ${visit.placeDefinition.component.name}`, {visit});
+        this._visits.set(visit.placeDefinition, visit);
+    };
+    /**
+     * @param {?} placeDef
+     * @return {?}
+     */
+    NavigationSession.prototype.getVisitFor = /**
+     * @param {?} placeDef
+     * @return {?}
+     */
+    function (placeDef) {
+        /** @type {?} */
+        var visit = this._visits.get(placeDef);
+        // console.log(`Getting visit for ${placeDef.component.name}`, {visit});
+        return visit;
+    };
+    Object.defineProperty(NavigationSession.prototype, "canDeactivateInteractionContext", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return this._interactionContext;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @return {?}
+     */
+    NavigationSession.prototype.notifyActive = /**
+     * @return {?}
+     */
+    function () {
+        // noop.
+    };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    NavigationSession.prototype.onRouterStarted = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        // navigation sessions can have many cancel start cycles due to place guard redirects
+        this.ignore(event);
+    };
+    // @Trace()
+    // @Trace()
+    /**
+     * @param {?} url
+     * @return {?}
+     */
+    NavigationSession.prototype.onUrlChange = 
+    // @Trace()
+    /**
+     * @param {?} url
+     * @return {?}
+     */
+    function (url) {
+        // Normally we just ignore these but they are the only way of detecting if the back button
+        // was clicked during a canDeactivate promise.
+        // 1. a route is in progress and awaiting a canDeactivateGuard
+        // 2. the user the clicks the back button.
+        // So to handle that scenario we need to check if we've got a can deactivate interaction in
+        // progress and the do the appropriate clean up.
+        if (this.canDeactivateInteractionContext && this.canDeactivateInteractionContext.isActive()) {
+            this.cancelCanDeactivateInteraction(url);
+        }
+    };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    NavigationSession.prototype.onPopState = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        return this.illegalTransition(event);
+    };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    NavigationSession.prototype.onRouterCancelled = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        return this.illegalTransition(event);
+    };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    NavigationSession.prototype.onRouterError = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        return this.illegalTransition(event);
+    };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    NavigationSession.prototype.onRouterEnd = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        return this.illegalTransition(event);
+    };
+    /**
+     * @return {?}
+     */
+    NavigationSession.prototype.getVisits = /**
+     * @return {?}
+     */
+    function () {
+        return Array.from(this._visits.values());
+    };
+    /**
+     * @protected
+     * @template R
+     * @param {?} message
+     * @return {?}
+     */
+    NavigationSession.prototype.illegalTransition = /**
+     * @protected
+     * @template R
+     * @param {?} message
+     * @return {?}
+     */
+    function (message) {
+        return lang.illegalState(message.toString() + " not supported by " + this.toString());
+    };
+    /**
+     * @protected
+     * @return {?}
+     */
+    NavigationSession.prototype.currentRouterUrl = /**
+     * @protected
+     * @return {?}
+     */
+    function () {
+        return this.urlService.getCurrentRouterUrl();
+    };
+    /**
+     * @param {?} url
+     * @param {?=} options
+     * @return {?}
+     */
+    NavigationSession.prototype.resetBrowserLocation = /**
+     * @param {?} url
+     * @param {?=} options
+     * @return {?}
+     */
+    function (url, options) {
+        if (options === void 0) { options = { replaceCurrent: false }; }
+        // console.log(`---> resetting browser location to: ${url}`);
+        this.urlService.resetBrowserLocation(url, options);
+    };
+    // @Trace()
+    // @Trace()
+    /**
+     * @protected
+     * @param {?} poppedHistoryToReplace
+     * @param {?} activeUrl
+     * @return {?}
+     */
+    NavigationSession.prototype.repairBrowserHistoryAndUrlAfterGuardCancellation = 
+    // @Trace()
+    /**
+     * @protected
+     * @param {?} poppedHistoryToReplace
+     * @param {?} activeUrl
+     * @return {?}
+     */
+    function (poppedHistoryToReplace, activeUrl) {
+        // Important: I tried to perform this fix at a later point int he routing cycle but it created all kinds of
+        // strangeness.
+        Logger.get(this).info('WORK-AROUND: Updating browser location after pop state - see angular issue #13586');
+        console.log("replacing " + this.urlService.getCurrentLocationUrlSnapshot().url + " with " + poppedHistoryToReplace);
+        this.urlService.resetBrowserLocation(poppedHistoryToReplace, { replaceCurrent: true });
+        console.log("pushing " + activeUrl + " back onto the history.");
+        this.urlService.resetBrowserLocation(activeUrl, { replaceCurrent: false });
+    };
+    /**
+     * @param {?} event
+     * @param {?=} reason
+     * @return {?}
+     */
+    NavigationSession.prototype.ignore = /**
+     * @param {?} event
+     * @param {?=} reason
+     * @return {?}
+     */
+    function (event, reason) {
+        reason = reason ? " -> " + reason : '';
+        Logger.get(this).info("Ignoring router event" + reason + ": " + event.constructor.name + " -> " + event.url + " :: " + this.toString());
+    };
+    /**
+     * @return {?}
+     */
+    NavigationSession.prototype.toString = /**
+     * @return {?}
+     */
+    function () {
+        return this.constructor.name + "(" + this.debugState() + ")";
+    };
+    /**
+     * @protected
+     * @param {?=} properties
+     * @return {?}
+     */
+    NavigationSession.prototype.debugState = /**
+     * @protected
+     * @param {?=} properties
+     * @return {?}
+     */
+    function (properties) {
+        var _this = this;
+        return (properties || this.debugPropertyKeys).map((/**
+         * @param {?} p
+         * @return {?}
+         */
+        function (p) {
+            return p + ": " + _this[p];
+        })).join(', ');
+    };
+    /**
+     * @param {?} component
+     * @param {?} currentUrl
+     * @param {?} nextUrl
+     * @return {?}
+     */
+    NavigationSession.prototype.canDeactivatePlace = /**
+     * @param {?} component
+     * @param {?} currentUrl
+     * @param {?} nextUrl
+     * @return {?}
+     */
+    function (component, currentUrl, nextUrl) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var handler, isPrimaryHandler;
+            return tslib_1.__generator(this, function (_a) {
+                // console.log(`---> canDeactivatePlace(${component.placeDefinition.path}, ${currentUrl.url} -> ${nextUrl.url})`);
+                // lookup the handler and create it if we've not seen it yet
+                handler = this.componentDeactivationHandlers.get(component);
+                if (!handler) {
+                    isPrimaryHandler = this.componentDeactivationHandlers.size === 0;
+                    handler = new PlaceComponentDeactivationHandler(component, this, isPrimaryHandler);
+                    this.componentDeactivationHandlers.set(component, handler);
+                }
+                return [2 /*return*/, handler.canDeactivate(currentUrl, nextUrl).then((/**
+                     * @param {?} result
+                     * @return {?}
+                     */
+                    function (result) {
+                        // console.log(`<--- canDeactivatePlace(${component.placeDefinition.path}): ${result}`);
+                        return result;
+                    })).catch((/**
+                     * @param {?} error
+                     * @return {?}
+                     */
+                    function (error) {
+                        throw error;
+                    }))];
+            });
+        });
+    };
+    /**
+     * @param {?} newUrl
+     * @return {?}
+     */
+    NavigationSession.prototype.cancelCanDeactivateInteraction = /**
+     * @param {?} newUrl
+     * @return {?}
+     */
+    function (newUrl) {
+        Logger.get(this).info("back button pressed during navigation session interaction promise");
+        // detach the interaction from the session so it doesn't get disposed until the activity has finished
+        // all it's things.
+        /** @type {?} */
+        var canDeactivateInteractionContext = this.detachCanDeactivateInteractionContext();
+        // TODO: I need to make the exclusive interaction context disallow nested activities or
+        //       that would mess things up entirely. Or, can I do a context.abortAll().then(..)
+        Logger.get(this).info('cancelling current navigation activity..');
+        canDeactivateInteractionContext.cancelActiveActivity().then((/**
+         * @return {?}
+         */
+        function () {
+            canDeactivateInteractionContext.dispose();
+        }));
+        this.handleCanDeactivateCancelledEventScenario(newUrl);
+    };
+    /**
+     * @protected
+     * @param {?} url
+     * @return {?}
+     */
+    NavigationSession.prototype.reinstateUrlAfterAngularChangedItOnCancellation = /**
+     * @protected
+     * @param {?} url
+     * @return {?}
+     */
+    function (url) {
+        // Angular calls _this.resetUrlToCurrentUrlTree() on cancelling and fucks our history.
+        // So this means that the top of the stack is the url we want to go back to, and not the one that was on
+        // it before the cancel event fired.
+        // So we need to:
+        // - replace the just inserted url with the one that used to be there.
+        // - push our actual url back onto the top of the stack.
+        this.resetBrowserLocation(url, { replaceCurrent: true });
+    };
+    /**
+     * @protected
+     * @return {?}
+     */
+    NavigationSession.prototype.detachCanDeactivateInteractionContext = /**
+     * @protected
+     * @return {?}
+     */
+    function () {
+        /** @type {?} */
+        var context = this._interactionContext;
+        this._interactionContext = null;
+        return context;
+    };
+    return NavigationSession;
+}(GarbageCollector));
+/**
+ * Transient states
+ * @abstract
+ */
+export { NavigationSession };
+if (false) {
+    /** @type {?} */
+    NavigationSession.prototype.debugPropertyKeys;
+    /**
+     * @type {?}
+     * @private
+     */
+    NavigationSession.prototype._visits;
+    /**
+     * @type {?}
+     * @private
+     */
+    NavigationSession.prototype.componentDeactivationHandlers;
+    /** @type {?} */
+    NavigationSession.prototype.isPopState;
+    /**
+     * @type {?}
+     * @private
+     */
+    NavigationSession.prototype._interactionContext;
+    /** @type {?} */
+    NavigationSession.prototype.context;
+    /** @type {?} */
+    NavigationSession.prototype.startingUrl;
+    /**
+     * @abstract
+     * @param {?} newUrl
+     * @return {?}
+     */
+    NavigationSession.prototype.handleCanDeactivateCancelledEventScenario = function (newUrl) { };
+}
+//# sourceMappingURL=navigation-session.js.map

package/esm5/lib/place/navigation/session/navigation-session.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-session.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/navigation/session/navigation-session.ts"],"names":[],"mappings":"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","sourcesContent":["import { NavigationCancel, NavigationEnd, NavigationError, NavigationStart, RouterEvent } from '@angular/router';\nimport { Dsl, GarbageCollector, lang, Logger, Trace } from '@coolon/pectin';\nimport { InteractionContext } from '../../../interaction/interaction-context';\nimport { InteractionServiceRoutingAdapter } from '../../../interaction/services/interaction-service-routing-adapter';\nimport { PlaceComponent } from '../../place-component';\nimport { PlaceDefinition } from '../../place-definition';\nimport { UrlService } from '../../url-service';\nimport { UrlSnapshot } from '../../url-snapshot';\nimport { Visit } from '../../visit';\nimport { PlaceComponentDeactivationHandler } from '../place-component-deactivation-handler';\nimport { NavigationContext } from './navigation-context';\n\n/**\n * Transient states\n */\nexport abstract class NavigationSession extends GarbageCollector {\n\n  debugPropertyKeys: string[] = [];\n  private _visits = new Map<PlaceDefinition, Visit>();\n\n  private componentDeactivationHandlers = new Map<PlaceComponent, PlaceComponentDeactivationHandler>();\n  abstract readonly isPopState: boolean;\n\n  private _interactionContext: InteractionContext;\n\n  constructor(readonly context: NavigationContext, readonly startingUrl: string) {\n    super();\n    // TODO: can I get away without creating one every time?\n    this._interactionContext = this.context.routerInteractionAdapter.createExclusiveInteractionContext();\n    this.onDispose(() => {\n      // the interaction context can be detached during the back button cancellation state transition\n      // as the transition is synchronous and activityCancellation isn't.  Otherwise dispose will be\n      // called before the context has been cancelled.  It might be work having the interaction context\n      // automatically cancel if the context is disposed so we don't have worry about detaching etc.\n      if (this._interactionContext) {\n        this._interactionContext.dispose(); // or do something like cancelAndDispose?\n      }\n    });\n  }\n\n  get name(): string {\n    return this.constructor.name;\n  }\n\n  get urlService(): UrlService {\n    return this.context.urlService;\n  }\n\n  get interactionServiceAdapter(): InteractionServiceRoutingAdapter {\n    return this.context.routerInteractionAdapter;\n  }\n\n  storeVisit(visit: Visit) {\n    // console.log(`Storing visit for ${visit.placeDefinition.component.name}`, {visit});\n    this._visits.set(visit.placeDefinition, visit);\n  }\n\n\n  getVisitFor(placeDef: PlaceDefinition) {\n    const visit = this._visits.get(placeDef);\n    // console.log(`Getting visit for ${placeDef.component.name}`, {visit});\n    return visit;\n  }\n\n  get canDeactivateInteractionContext(): InteractionContext {\n    return this._interactionContext;\n  }\n\n  notifyActive() {\n    // noop.\n  }\n\n  onRouterStarted(event: NavigationStart): void {\n    // navigation sessions can have many cancel start cycles due to place guard redirects\n    this.ignore(event);\n  }\n\n  // @Trace()\n  onUrlChange(url: string) {\n    // Normally we just ignore these but they are the only way of detecting if the back button\n    // was clicked during a canDeactivate promise.\n    // 1. a route is in progress and awaiting a canDeactivateGuard\n    // 2. the user the clicks the back button.\n    // So to handle that scenario we need to check if we've got a can deactivate interaction in\n    // progress and the do the appropriate clean up.\n    if (this.canDeactivateInteractionContext && this.canDeactivateInteractionContext.isActive()) {\n      this.cancelCanDeactivateInteraction(url);\n    }\n  }\n\n  onPopState(event: NavigationStart): void {\n    return this.illegalTransition(event);\n  }\n\n  onRouterCancelled(event: NavigationCancel): void {\n    return this.illegalTransition(event);\n  }\n\n  onRouterError(event: NavigationError): void {\n    return this.illegalTransition(event);\n  }\n\n  onRouterEnd(event: NavigationEnd): void {\n    return this.illegalTransition(event);\n  }\n\n  getVisits(): Visit[] {\n    return Array.from(this._visits.values());\n  }\n\n  protected illegalTransition<R>(message: string | RouterEvent): R {\n    return lang.illegalState(`${message.toString()} not supported by ${this.toString()}`);\n  }\n\n  protected currentRouterUrl(): string {\n    return this.urlService.getCurrentRouterUrl();\n  }\n\n  resetBrowserLocation(url, options: { replaceCurrent: boolean } = { replaceCurrent: false }) {\n    // console.log(`---> resetting browser location to: ${url}`);\n    this.urlService.resetBrowserLocation(url, options);\n  }\n\n  // @Trace()\n  protected repairBrowserHistoryAndUrlAfterGuardCancellation(poppedHistoryToReplace: string, activeUrl:string): void {\n    // Important: I tried to perform this fix at a later point int he routing cycle but it created all kinds of\n    // strangeness.\n    Logger.get(this).info('WORK-AROUND: Updating browser location after pop state - see angular issue #13586');\n    console.log(`replacing ${this.urlService.getCurrentLocationUrlSnapshot().url} with ${poppedHistoryToReplace}`);\n    this.urlService.resetBrowserLocation(poppedHistoryToReplace, { replaceCurrent: true });\n    console.log(`pushing ${activeUrl} back onto the history.`);\n    this.urlService.resetBrowserLocation(activeUrl, { replaceCurrent: false });\n  }\n\n\n  ignore(event: RouterEvent, reason?: string): void {\n    reason = reason ? ` -> ${reason}` : '';\n    Logger.get(this).info(`Ignoring router event${reason}: ${event.constructor.name} -> ${event.url} :: ${this.toString()}`);\n  }\n\n  toString(): string {\n    return `${this.constructor.name}(${this.debugState()})`;\n  }\n\n  protected debugState(properties?: string[]) {\n    return (properties || this.debugPropertyKeys).map(p => {\n      return `${p}: ${this[p]}`;\n    }).join(', ');\n  }\n\n  async canDeactivatePlace(component: PlaceComponent, currentUrl: UrlSnapshot, nextUrl: UrlSnapshot): Promise<boolean | UrlSnapshot> {\n    // console.log(`---> canDeactivatePlace(${component.placeDefinition.path}, ${currentUrl.url} -> ${nextUrl.url})`);\n    // lookup the handler and create it if we've not seen it yet\n    let handler = this.componentDeactivationHandlers.get(component);\n    if (!handler) {\n      const isPrimaryHandler = this.componentDeactivationHandlers.size === 0; // only primary handler cancels the app model interations\n      handler = new PlaceComponentDeactivationHandler(component, this, isPrimaryHandler);\n      this.componentDeactivationHandlers.set(component, handler);\n    }\n    return handler.canDeactivate(currentUrl, nextUrl).then(result => {\n      // console.log(`<--- canDeactivatePlace(${component.placeDefinition.path}): ${result}`);\n      return result;\n    }).catch(error => {\n      throw error;\n    });\n  }\n\n  cancelCanDeactivateInteraction(newUrl: string): void {\n    Logger.get(this).info(`back button pressed during navigation session interaction promise`);\n    // detach the interaction from the session so it doesn't get disposed until the activity has finished\n    // all it's things.\n    const canDeactivateInteractionContext = this.detachCanDeactivateInteractionContext();\n    // TODO: I need to make the exclusive interaction context disallow nested activities or\n    //       that would mess things up entirely. Or, can I do a context.abortAll().then(..)\n    Logger.get(this).info('cancelling current navigation activity..');\n    canDeactivateInteractionContext.cancelActiveActivity().then(() => {\n      canDeactivateInteractionContext.dispose();\n    });\n\n    this.handleCanDeactivateCancelledEventScenario(newUrl);\n  }\n\n  abstract handleCanDeactivateCancelledEventScenario(newUrl: string): void\n\n  protected reinstateUrlAfterAngularChangedItOnCancellation(url: string) {\n    // Angular calls _this.resetUrlToCurrentUrlTree() on cancelling and fucks our history.\n    // So this means that the top of the stack is the url we want to go back to, and not the one that was on\n    // it before the cancel event fired.\n    // So we need to:\n    // - replace the just inserted url with the one that used to be there.\n    // - push our actual url back onto the top of the stack.\n    this.resetBrowserLocation(url, { replaceCurrent: true });\n  }\n\n  protected detachCanDeactivateInteractionContext(): InteractionContext {\n    const context = this._interactionContext;\n    this._interactionContext = null;\n    return context;\n  }\n}\n"]}

package/esm5/lib/place/navigation/session/pop-state-navigation.js

@@ -0,0 +1,50 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import * as tslib_1 from "tslib";
+import { AbstractPopStateNavigation } from './abstract-pop-state-navigation';
+import { WaitUntilPopStateDuringCanDeactivateInteractionFinishes } from './event-cleanup/wait-until-popstate-during-can-deactivate-transition-finishes';
+var PopStateNavigation = /** @class */ (function (_super) {
+    tslib_1.__extends(PopStateNavigation, _super);
+    function PopStateNavigation() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    PopStateNavigation.prototype.onRouterCancelled = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        this.repairBrowserHistoryAndUrlAfterGuardCancellation();
+        this.context.finishRoutingSession();
+    };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    PopStateNavigation.prototype.onRouterEnd = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        this.context.finishRoutingSession(this.getVisits());
+    };
+    /**
+     * @param {?} locationTriggerUrl
+     * @return {?}
+     */
+    PopStateNavigation.prototype.handleCanDeactivateCancelledEventScenario = /**
+     * @param {?} locationTriggerUrl
+     * @return {?}
+     */
+    function (locationTriggerUrl) {
+        this.context.transitionTo(new WaitUntilPopStateDuringCanDeactivateInteractionFinishes(this.context, this.startingUrl, locationTriggerUrl, this.poppedHistoryUrl));
+    };
+    return PopStateNavigation;
+}(AbstractPopStateNavigation));
+export { PopStateNavigation };
+//# sourceMappingURL=pop-state-navigation.js.map

package/esm5/lib/place/navigation/session/pop-state-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pop-state-navigation.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/navigation/session/pop-state-navigation.ts"],"names":[],"mappings":";;;;;AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAG7E,OAAO,EAAE,uDAAuD,EAAE,MAAM,+EAA+E,CAAC;AAExJ;IAAwC,8CAA0B;IAAlE;;IAkBA,CAAC;;;;;IAhBC,8CAAiB;;;;IAAjB,UAAkB,KAAuB;QACvC,IAAI,CAAC,gDAAgD,EAAE,CAAC;QACxD,IAAI,CAAC,OAAO,CAAC,oBAAoB,EAAE,CAAC;IACtC,CAAC;;;;;IAED,wCAAW;;;;IAAX,UAAY,KAAoB;QAC9B,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;IACtD,CAAC;;;;;IAED,sEAAyC;;;;IAAzC,UAA0C,kBAA0B;QAClE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,uDAAuD,CAAC,IAAI,CAAC,OAAO,EAChG,IAAI,CAAC,WAAW,EAChB,kBAAkB,EAClB,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC5B,CAAC;IAEH,yBAAC;AAAD,CAAC,AAlBD,CAAwC,0BAA0B,GAkBjE","sourcesContent":["import { NavigationCancel, NavigationEnd, NavigationError } from '@angular/router';\nimport { Logger, Trace } from '@coolon/pectin';\nimport { AbstractPopStateNavigation } from './abstract-pop-state-navigation';\nimport { NavigationContext } from './navigation-context';\nimport { NavigationSession } from './navigation-session';\nimport { WaitUntilPopStateDuringCanDeactivateInteractionFinishes } from './event-cleanup/wait-until-popstate-during-can-deactivate-transition-finishes';\n\nexport class PopStateNavigation extends AbstractPopStateNavigation {\n\n  onRouterCancelled(event: NavigationCancel): void {\n    this.repairBrowserHistoryAndUrlAfterGuardCancellation();\n    this.context.finishRoutingSession();\n  }\n\n  onRouterEnd(event: NavigationEnd): void {\n    this.context.finishRoutingSession(this.getVisits());\n  }\n\n  handleCanDeactivateCancelledEventScenario(locationTriggerUrl: string): void {\n    this.context.transitionTo(new WaitUntilPopStateDuringCanDeactivateInteractionFinishes(this.context,\n      this.startingUrl,\n      locationTriggerUrl,\n      this.poppedHistoryUrl));\n  }\n\n}\n"]}

package/esm5/lib/place/place-component.js

@@ -3,7 +3,7 @@
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 import * as tslib_1 from "tslib";
-import { assert, Binding, DebugContext, lang } from '@coolon/pectin';
+import { assert, Binding, DebugContext, Dsl, Guard, lang, MutableValueModel } from '@coolon/pectin';
 import { Klass } from '@coolon/typescript-utilities';
 import { Memoize } from '@typescript-plus/fast-memoize-decorator';
 import 'reflect-metadata';
@@ -18,29 +18,73 @@ export var ROUTE_PARAMETER_LIST_KEY = Symbol('place:route:parameters');
 var PlaceComponent = /** @class */ (function (_super) {
     tslib_1.__extends(PlaceComponent, _super);
     function PlaceComponent() {
-        return _super.call(this) || this;
+        var _this = _super.call(this) || this;
+        _this.visitModel = new MutableValueModel();
+        _this._inVisitUpdate = new Guard();
+        return _this;
     }
+    // @Trace()
+    // @Trace()
     /**
      * @param {?} visit
+     * @param {?} notifyVisitChanged
      * @return {?}
      */
-    PlaceComponent.prototype.initialiseVisit = /**
+    PlaceComponent.prototype.initialiseVisit = 
+    // @Trace()
+    /**
      * @param {?} visit
+     * @param {?} notifyVisitChanged
      * @return {?}
      */
-    function (visit) {
+    function (visit, notifyVisitChanged) {
         var _this = this;
-        assert.isNil(this.visit);
-        this.visit = visit;
-        DebugContext.get(this.visit).tag(this.placeDefinition.component.name + ".visit");
+        assert.isNil(this.visitModel.value);
+        var when = Dsl.disposeWith(this).when;
+        this.visitModel.value = visit;
+        DebugContext.get(this.visitModel).tag(this.placeDefinition.component.name + ".visitModel");
         this.placeDefinition.getVisitParameterDefs().forEach((/**
          * @param {?} parameterDef
          * @return {?}
          */
-        function (parameterDef) {
-            _this.installBinding(parameterDef);
+        function (parameterDef) { return _this.installBinding(parameterDef); }));
+        when.valueOf(this.visitModel).changes((/**
+         * @param {?} current
+         * @param {?} previous
+         * @return {?}
+         */
+        function (current, previous) {
+            notifyVisitChanged(current, previous);
+        }), { unless: this._inVisitUpdate });
+    };
+    /**
+     * @param {?} visit
+     * @return {?}
+     */
+    PlaceComponent.prototype.updateVisit = /**
+     * @param {?} visit
+     * @return {?}
+     */
+    function (visit) {
+        var _this = this;
+        assert.isTruthy(this.isInitialised());
+        assert.notNil(visit);
+        this._inVisitUpdate.whileTrue((/**
+         * @return {?}
+         */
+        function () {
+            _this.visitModel.value = visit;
         }));
     };
+    /**
+     * @return {?}
+     */
+    PlaceComponent.prototype.isInitialised = /**
+     * @return {?}
+     */
+    function () {
+        return !!this.visitModel.value;
+    };
     // @Trace()
     // @Trace()
     /**
@@ -62,7 +106,7 @@ var PlaceComponent = /** @class */ (function (_super) {
         var model = (/** @type {?} */ (this[parameterDef.propertyName]));
         DebugContext.tag(model, this.placeDefinition.component.name + "." + parameterDef.propertyName);
         /** @type {?} */
-        var binding = this.registerDisposable(new Binding(this.visit, model, {
+        var binding = this.registerDisposable(new Binding(this.visitModel, model, {
             toRight: /**
              * @param {?} visit
              * @return {?}
@@ -83,12 +127,7 @@ var PlaceComponent = /** @class */ (function (_super) {
                 return currentVisit.replace(parameterDef, value);
             }
         }));
-        setTimeout((/**
-         * @return {?}
-         */
-        function () {
-            binding.writeRight();
-        }));
+        binding.writeRight();
     };
     Object.defineProperty(PlaceComponent.prototype, "placeDefinition", {
         get: /**
@@ -135,7 +174,12 @@ if (false) {
      * @type {?}
      * @private
      */
-    PlaceComponent.prototype.visit;
+    PlaceComponent.prototype.visitModel;
+    /**
+     * @type {?}
+     * @private
+     */
+    PlaceComponent.prototype._inVisitUpdate;
     /** @type {?} */
     PlaceComponent.prototype.interactionContext;
 }