@coolon/angular-ui-powerups 0.0.74 → 0.0.75

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material'), require('@angular/material/tabs'), require('@angular/platform-browser/animations'), require('@coolon/pectin'), require('@angular/cdk/portal'), require('@angular/router'), require('lodash'), require('@coolon/typescript-utilities'), require('@angular/material/dialog'), require('uuid'), require('@angular/material/icon'), require('@angular/material/list'), require('@angular/material/tooltip'), require('@typescript-plus/fast-memoize-decorator/dist/src'), require('@typescript-plus/fast-memoize-decorator'), require('reflect-metadata'), require('@angular/animations'), require('resize-observer-polyfill')) :
-    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material', '@angular/material/tabs', '@angular/platform-browser/animations', '@coolon/pectin', '@angular/cdk/portal', '@angular/router', 'lodash', '@coolon/typescript-utilities', '@angular/material/dialog', 'uuid', '@angular/material/icon', '@angular/material/list', '@angular/material/tooltip', '@typescript-plus/fast-memoize-decorator/dist/src', '@typescript-plus/fast-memoize-decorator', 'reflect-metadata', '@angular/animations', 'resize-observer-polyfill'], factory) :
-    (global = global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material, global.ng.material.tabs, global.ng.platformBrowser.animations, global.pectin, global.ng.cdk.portal, global.ng.router, global.___default, global.typescriptUtilities, global.ng.material.dialog, global.uuid, global.ng.material.icon, global.ng.material.list, global.ng.material.tooltip, global.src, global.fastMemoizeDecorator, null, global.ng.animations, global.ResizeObserver));
-}(this, function (exports, common, core, forms, material, tabs, animations, pectin, portal, router, ___default, typescriptUtilities, dialog, uuid, icon, list, tooltip, src, fastMemoizeDecorator, reflectMetadata, animations$1, ResizeObserver) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material'), require('@angular/material/tabs'), require('@angular/platform-browser/animations'), require('@coolon/pectin'), require('@angular/cdk/portal'), require('@angular/router'), require('lodash'), require('@coolon/typescript-utilities'), require('@angular/material/dialog'), require('@angular/material/icon'), require('@angular/material/list'), require('@angular/material/tooltip'), require('@typescript-plus/fast-memoize-decorator/dist/src'), require('@typescript-plus/fast-memoize-decorator'), require('reflect-metadata'), require('@angular/animations'), require('resize-observer-polyfill')) :
+    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material', '@angular/material/tabs', '@angular/platform-browser/animations', '@coolon/pectin', '@angular/cdk/portal', '@angular/router', 'lodash', '@coolon/typescript-utilities', '@angular/material/dialog', '@angular/material/icon', '@angular/material/list', '@angular/material/tooltip', '@typescript-plus/fast-memoize-decorator/dist/src', '@typescript-plus/fast-memoize-decorator', 'reflect-metadata', '@angular/animations', 'resize-observer-polyfill'], factory) :
+    (global = global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material, global.ng.material.tabs, global.ng.platformBrowser.animations, global.pectin, global.ng.cdk.portal, global.ng.router, global.___default, global.typescriptUtilities, global.ng.material.dialog, global.ng.material.icon, global.ng.material.list, global.ng.material.tooltip, global.src, global.fastMemoizeDecorator, null, global.ng.animations, global.ResizeObserver));
+}(this, function (exports, common, core, forms, material, tabs, animations, pectin, portal, router, ___default, typescriptUtilities, dialog, icon, list, tooltip, src, fastMemoizeDecorator, reflectMetadata, animations$1, ResizeObserver) { 'use strict';
 
     var ___default__default = 'default' in ___default ? ___default['default'] : ___default;
     ResizeObserver = ResizeObserver && ResizeObserver.hasOwnProperty('default') ? ResizeObserver['default'] : ResizeObserver;
@@ -1734,15 +1734,17 @@
         __extends(ActivityContainerComponent, _super);
         function ActivityContainerComponent() {
             var _this = _super.call(this) || this;
-            _this.activityFinishedEvents = new pectin.MutableStream();
+            _this.throttledNestedActivityFinishEvents = new pectin.MutableStream();
+            // tslint:disable-next-line:no-output-rename
+            _this.initialActivityOutletContextEvent = new core.EventEmitter();
+            _this.dynamicHeight = false;
             _this.activityTabs = new pectin.MutableListModel();
-            _this.finished = false;
             _this._activityList = new pectin.MutableListModel();
             var _a = pectin.Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
-            chain(_this.activityFinishedEvents).throttle(50).subscribe((/**
+            chain(_this.throttledNestedActivityFinishEvents).throttle(50).subscribe((/**
              * @return {?}
              */
-            function () { return _this.onActivityFinished(); }));
+            function () { return _this.onNestedActivityFinished(); }));
             return _this;
         }
         Object.defineProperty(ActivityContainerComponent.prototype, "initialActivityOutletContext", {
@@ -1750,33 +1752,37 @@
              * @return {?}
              */
             function () {
-                return this.activityTabs.length > 0 ? this.activityTabs.value[0] : null;
+                return this._initialActivityOutletContext;
             },
             set: /**
              * @param {?} initialContext
              * @return {?}
              */
             function (initialContext) {
-                var _this = this;
-                pectin.assert.isNil(this.initialActivityOutletContext);
-                this.activityTabs.push(new TabContext(initialContext.activityData, initialContext.activityClass, this, {
-                    onDone: (/**
-                     * @param {?} result
-                     * @return {?}
-                     */
-                    function (result) {
-                        _this.finished = true;
-                        return initialContext.onDone(result);
-                    }),
-                    onCancel: (/**
-                     * @param {?} error
-                     * @return {?}
-                     */
-                    function (error) {
-                        _this.finished = true;
-                        return initialContext.onCancel(error);
-                    })
-                }));
+                pectin.assert.isNil(this._initialActivityOutletContext);
+                /** @type {?} */
+                var self = this;
+                if (initialContext) {
+                    this._initialActivityOutletContext = initialContext;
+                    this.activityTabs.push(new TabContext(initialContext.activityData, initialContext.activityClass, this, {
+                        onDone: (/**
+                         * @param {?} result
+                         * @return {?}
+                         */
+                        function (result) {
+                            self.finishInitialActivity();
+                            initialContext.onDone(result);
+                        }),
+                        onCancel: (/**
+                         * @param {?} error
+                         * @return {?}
+                         */
+                        function (error) {
+                            self.finishInitialActivity();
+                            initialContext.onCancel(error);
+                        })
+                    }));
+                }
             },
             enumerable: true,
             configurable: true
@@ -1788,7 +1794,7 @@
          * @return {?}
          */
         function () {
-            return this.parentInteractionContext.isActive();
+            return this._activityList.length > 0;
         };
         Object.defineProperty(ActivityContainerComponent.prototype, "activityList", {
             get: /**
@@ -1800,6 +1806,16 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(ActivityContainerComponent.prototype, "isFinished", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return !this._initialActivityOutletContext;
+            },
+            enumerable: true,
+            configurable: true
+        });
         /**
          * @return {?}
          */
@@ -1860,7 +1876,7 @@
                      */
                     function (result) {
                         resolve(result);
-                        self.activityFinishedEvents.publish({});
+                        self.throttledNestedActivityFinishEvents.publish({});
                     }),
                     onCancel: (/**
                      * @param {?} error
@@ -1868,7 +1884,7 @@
                      */
                     function (error) {
                         reject(error);
-                        self.activityFinishedEvents.publish({});
+                        self.throttledNestedActivityFinishEvents.publish({});
                     })
                 });
                 self.activityTabs.push(context);
@@ -1918,13 +1934,27 @@
                 data: data
             });
         };
+        /**
+         * @private
+         * @return {?}
+         */
+        ActivityContainerComponent.prototype.finishInitialActivity = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            this._initialActivityOutletContext = null;
+            this.activityTabs.value = [];
+            this._activityList.value = [];
+            this.initialActivityOutletContextEvent.emit(null);
+        };
         // @Trace()
         // @Trace()
         /**
          * @private
          * @return {?}
          */
-        ActivityContainerComponent.prototype.onActivityFinished = 
+        ActivityContainerComponent.prototype.onNestedActivityFinished = 
         // @Trace()
         /**
          * @private
@@ -1932,12 +1962,10 @@
          */
         function () {
             // don't do anything if job already queued up.
-            if (!this.finished) {
-                if (this.synchroniseSelectedTabIndex()) {
-                    this.cleanupStaleActivities();
-                }
-                this.updateActivityList();
+            if (this.synchroniseSelectedTabIndex()) {
+                this.cleanupStaleNestedActivities();
             }
+            this.updateActivityList();
         };
         // @Trace()
         // @Trace()
@@ -1945,7 +1973,7 @@
          * @private
          * @return {?}
          */
-        ActivityContainerComponent.prototype.cleanupStaleActivities = 
+        ActivityContainerComponent.prototype.cleanupStaleNestedActivities = 
         // @Trace()
         /**
          * @private
@@ -1953,7 +1981,6 @@
          */
         function () {
             var _this = this;
-            // clean up old tabs
             if (this.tabs.selectedIndex < this.activityTabs.length - 1) {
                 this.activityTabs.runInTransaction((/**
                  * @param {?} draft
@@ -2006,7 +2033,7 @@
          */
         function () {
             this.getSelectedOutlet().component.onActivityReady();
-            this.cleanupStaleActivities();
+            this.cleanupStaleNestedActivities();
             this.updateActivityList();
         };
         /**
@@ -2042,15 +2069,16 @@
         ActivityContainerComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'aup-activity-container',
-                        template: "<mat-tab-group #tabs no-tab-header [dynamicHeight]=\"true\">\n  <mat-tab *ngFor=\"let tab of activityTabs.value\">\n    <aup-activity-outlet [interactionContext]=\"this\"\n                                         [activityContext]=\"tab\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n",
-                        styles: [":host{display:block}"]
+                        template: "<mat-tab-group #tabs no-tab-header [dynamicHeight]=\"dynamicHeight\" [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let tab of activityTabs.value\">\n    <aup-activity-outlet [interactionContext]=\"this\" [activityContext]=\"tab\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n",
+                        styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
                     }] }
         ];
         /** @nocollapse */
         ActivityContainerComponent.ctorParameters = function () { return []; };
         ActivityContainerComponent.propDecorators = {
-            parentInteractionContext: [{ type: core.Input }],
             initialActivityOutletContext: [{ type: core.Input }],
+            initialActivityOutletContextEvent: [{ type: core.Output, args: ['initialActivityOutletContext',] }],
+            dynamicHeight: [{ type: core.Input }],
             tabs: [{ type: core.ViewChild, args: ['tabs', { static: true },] }],
             outlets: [{ type: core.ViewChildren, args: [ActivityOutletComponent,] }]
         };
@@ -2061,9 +2089,16 @@
          * @type {?}
          * @private
          */
-        ActivityContainerComponent.prototype.activityFinishedEvents;
+        ActivityContainerComponent.prototype.throttledNestedActivityFinishEvents;
+        /**
+         * @type {?}
+         * @private
+         */
+        ActivityContainerComponent.prototype._initialActivityOutletContext;
+        /** @type {?} */
+        ActivityContainerComponent.prototype.initialActivityOutletContextEvent;
         /** @type {?} */
-        ActivityContainerComponent.prototype.parentInteractionContext;
+        ActivityContainerComponent.prototype.dynamicHeight;
         /** @type {?} */
         ActivityContainerComponent.prototype.tabs;
         /** @type {?} */
@@ -2074,12 +2109,170 @@
          * @type {?}
          * @private
          */
-        ActivityContainerComponent.prototype.finished;
+        ActivityContainerComponent.prototype._activityList;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * @template D, R, E
+     */
+    var InplaceInteractionContextComponent = /** @class */ (function (_super) {
+        __extends(InplaceInteractionContextComponent, _super);
+        function InplaceInteractionContextComponent() {
+            return _super.call(this) || this;
+        }
         /**
-         * @type {?}
-         * @private
+         * @return {?}
          */
-        ActivityContainerComponent.prototype._activityList;
+        InplaceInteractionContextComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+        };
+        Object.defineProperty(InplaceInteractionContextComponent.prototype, "activityList", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this.interactionContext.activityList;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @return {?}
+         */
+        InplaceInteractionContextComponent.prototype.isActive = /**
+         * @return {?}
+         */
+        function () {
+            return this.interactionContext.isActive();
+        };
+        /**
+         * @param {?} alert
+         * @return {?}
+         */
+        InplaceInteractionContextComponent.prototype.alert = /**
+         * @param {?} alert
+         * @return {?}
+         */
+        function (alert) {
+            // TODO: Test disableClose === false
+            return this._startActivity(AlertDialogComponent, alert);
+        };
+        /**
+         * @param {?} confirm
+         * @return {?}
+         */
+        InplaceInteractionContextComponent.prototype.confirm = /**
+         * @param {?} confirm
+         * @return {?}
+         */
+        function (confirm) {
+            return this._startActivity(ConfirmationDialogComponent, confirm);
+        };
+        /**
+         * @template D1, R1, E1
+         * @param {?} confirm
+         * @param {?} activityType
+         * @param {?=} data
+         * @return {?}
+         */
+        InplaceInteractionContextComponent.prototype.confirmThen = /**
+         * @template D1, R1, E1
+         * @param {?} confirm
+         * @param {?} activityType
+         * @param {?=} data
+         * @return {?}
+         */
+        function (confirm, activityType, data) {
+            return this._startActivity(exports.ɵbf, {
+                confirm: confirm,
+                activityType: activityType,
+                data: data
+            });
+        };
+        /**
+         * @template D1, R1, E1
+         * @param {?} activityType
+         * @param {?=} data
+         * @return {?}
+         */
+        InplaceInteractionContextComponent.prototype.startActivity = /**
+         * @template D1, R1, E1
+         * @param {?} activityType
+         * @param {?=} data
+         * @return {?}
+         */
+        function (activityType, data) {
+            return this._startActivity(activityType, data);
+        };
+        /**
+         * @protected
+         * @template D1, R1, E1
+         * @param {?} activityType
+         * @param {?=} data
+         * @return {?}
+         */
+        InplaceInteractionContextComponent.prototype._startActivity = /**
+         * @protected
+         * @template D1, R1, E1
+         * @param {?} activityType
+         * @param {?=} data
+         * @return {?}
+         */
+        function (activityType, data) {
+            var _this = this;
+            /** @type {?} */
+            var self = this;
+            return new Promise((/**
+             * @param {?} resolve
+             * @param {?} reject
+             * @return {?}
+             */
+            function (resolve, reject) {
+                _this.interactionContext.initialActivityOutletContext = {
+                    activityClass: activityType,
+                    activityData: data,
+                    onDone: /**
+                     * @param {?} result
+                     * @return {?}
+                     */
+                    function (result) {
+                        resolve(result);
+                    },
+                    onCancel: /**
+                     * @param {?} error
+                     * @return {?}
+                     */
+                    function (error) {
+                        reject(error);
+                    }
+                };
+            }));
+        };
+        InplaceInteractionContextComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'aup-inplace-interaction-context',
+                        template: "<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\">\n  <mat-tab>\n    <ng-content></ng-content>\n  </mat-tab>\n  <mat-tab>\n    <aup-activity-container #activityContainer\n                            [(initialActivityOutletContext)]=\"initialActivityContext\"\n                            [dynamicHeight]=\"false\"></aup-activity-container>\n  </mat-tab>\n</mat-tab-group>\n\n",
+                        styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        InplaceInteractionContextComponent.ctorParameters = function () { return []; };
+        InplaceInteractionContextComponent.propDecorators = {
+            interactionContext: [{ type: core.ViewChild, args: ["activityContainer", { static: true },] }]
+        };
+        return InplaceInteractionContextComponent;
+    }(InteractionContext));
+    if (false) {
+        /** @type {?} */
+        InplaceInteractionContextComponent.prototype.interactionContext;
+        /** @type {?} */
+        InplaceInteractionContextComponent.prototype.initialActivityContext;
     }
 
     /**
@@ -2180,7 +2373,7 @@
          * @return {?}
          */
         function () {
-            return !!this.currentActivityId;
+            return this._activityList.length > 0;
         };
         /**
          * @return {?}
@@ -2246,8 +2439,8 @@
              * @return {?}
              */
             function () {
-                console.log("######  STARTING");
-                _this.currentActivityId = uuid.v1();
+                console.log('######  STARTING');
+                // this.currentActivityId = uuid.v1();
                 // this.location.go(this.router.routerState.snapshot.url, "aup");
                 /** @type {?} */
                 var self = _this;
@@ -2267,7 +2460,6 @@
                 function (resolve, reject) {
                     /** @type {?} */
                     var activityContainer = matDialogRef.componentInstance;
-                    activityContainer.parentInteractionContext = _this;
                     self.safelyUpdateActivityListDelegate(activityContainer.activityList);
                     activityContainer.initialActivityOutletContext = {
                         activityClass: activityType,
@@ -2289,13 +2481,16 @@
                             matDialogRef.close(true); // return true to let the after close listener know we've already handled it.
                         }
                     };
+                    // we need to check if our onDone/onCancel methods above we called or if we were
+                    // closed by the user clicking the backdrop.  If the later then we need to reject
+                    // our promise.
                     matDialogRef.afterClosed().subscribe((/**
                      * @param {?} promiseAlreadyFinished
                      * @return {?}
                      */
                     function (promiseAlreadyFinished) {
                         if (!promiseAlreadyFinished) {
-                            reject("auto-closed");
+                            reject('auto-closed');
                         }
                     }));
                     matDialogRef.updateSize();
@@ -2303,8 +2498,8 @@
                  * @return {?}
                  */
                 function () {
-                    console.log("######  FINISHED");
-                    _this.currentActivityId = null;
+                    console.log('######  FINISHED');
+                    // this.currentActivityId = null;
                     self.safelyUpdateActivityListDelegate(null);
                 }));
             }));
@@ -2444,12 +2639,14 @@
                             exports.ɵbf,
                             AlertDialogComponent,
                             ActivityOutletComponent,
-                            InteractionOutletComponent
+                            InteractionOutletComponent,
+                            InplaceInteractionContextComponent
                         ],
                         exports: [
                             ActivityContainerComponent,
                             ActivityOutletComponent,
-                            InteractionOutletComponent
+                            InteractionOutletComponent,
+                            InplaceInteractionContextComponent
                         ],
                         entryComponents: [
                             ActivityContainerComponent,
@@ -3302,6 +3499,8 @@
          * @private
          */
         exports.PlaceComponent.prototype.visit;
+        /** @type {?} */
+        exports.PlaceComponent.prototype.interactionContext;
     }
     (function (PlaceComponent) {
         /**
@@ -4234,6 +4433,7 @@
             _this._inOutletUpdate = new pectin.Guard();
             _this._activatedRouteModel = new pectin.MutableValueModel();
             _this._placeDefinition = new pectin.MutableValueModel();
+            _this.isOnInitialPlace = true;
             var _a = pectin.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.parentOutletModel = new pectin.MutableValueModel(parentOutlet);
             /** @type {?} */
@@ -4259,8 +4459,12 @@
              * @param {?} order
              * @return {?}
              */
-            function (order) { return Math.max(order, 0); })); // we get -1 on the first load which triggers an animation to the first page, so alway pin it to 0.
-            // we get -1 on the first load which triggers an animation to the first page, so alway pin it to 0.
+            function (order) {
+                // we get -1 on the first load which triggers an animation to the first page, so alway pin it to 0
+                // if we're animating.
+                return _this.isOnInitialPlace ? 0 :
+                    _this.animate ? Math.max(order, 0) : 0;
+            }));
             // Push incoming changes into the component
             /** @type {?} */
             var routeVisit = chain(_this._activePlace).pluck('placeDefinition').findIn(placeRouter.activeVisitIndex);
@@ -4369,12 +4573,16 @@
             enumerable: true,
             configurable: true
         });
+        // @Trace()
+        // @Trace()
         /**
          * @param {?} routerOutlet
          * @param {?} place
          * @return {?}
          */
-        PlaceOutletComponent.prototype.onOutletActivated = /**
+        PlaceOutletComponent.prototype.onOutletActivated = 
+        // @Trace()
+        /**
          * @param {?} routerOutlet
          * @param {?} place
          * @return {?}
@@ -4420,6 +4628,7 @@
              * @return {?}
              */
             function () {
+                _this.isOnInitialPlace = false;
                 _this._activePlace.value = null;
                 _this._activatedRouteModel.value = null;
                 _this._placeDefinition.value = null;
@@ -4471,12 +4680,6 @@
             __metadata("design:paramtypes", [Visit]),
             __metadata("design:returntype", void 0)
         ], PlaceOutletComponent.prototype, "navigate", null);
-        __decorate([
-            pectin.Trace(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [router.RouterOutlet, exports.PlaceComponent]),
-            __metadata("design:returntype", void 0)
-        ], PlaceOutletComponent.prototype, "onOutletActivated", null);
         return PlaceOutletComponent;
     }(DisposableComponent));
     if (false) {
@@ -4522,6 +4725,11 @@
         PlaceOutletComponent.prototype.parentOutletModel;
         /** @type {?} */
         PlaceOutletComponent.prototype.placeAnimationOrder;
+        /**
+         * @type {?}
+         * @private
+         */
+        PlaceOutletComponent.prototype.isOnInitialPlace;
         /**
          * @type {?}
          * @private
@@ -6097,10 +6305,10 @@
                             // we check the interaction first, so that components that don't need to check if they're in an
                             // interaction during the canDeactivate cycle.
                             // TODO: Add tests: show dialog -> hit back -> same route
-                            if (this.interactionContext.isActive()) {
+                            if (component.interactionContext && component.interactionContext.isActive()) {
                                 canLeave = false;
-                                console.log('cancelling', { activity: this.interactionContext.currentActivity });
-                                this.interactionContext.currentActivity.cancel(null);
+                                console.log('cancelling', { activity: component.interactionContext.currentActivity });
+                                component.interactionContext.currentActivity.cancel(null);
                             }
                             if (!canLeave) return [3 /*break*/, 3];
                             return [4 /*yield*/, component.canDeactivate()];
@@ -6204,6 +6412,7 @@
     exports.DisposableComponent = DisposableComponent;
     exports.EmptyStateComponent = EmptyStateComponent;
     exports.FocusBindingDirective = FocusBindingDirective;
+    exports.InplaceInteractionContextComponent = InplaceInteractionContextComponent;
     exports.InteractionContext = InteractionContext;
     exports.InteractionGuard = InteractionGuard;
     exports.InteractionModule = InteractionModule;
@@ -6239,8 +6448,9 @@
     exports.ɵbc = ACTIVITY_DATA;
     exports.ɵbg = AlertDialogComponent;
     exports.ɵbi = InteractionOutletComponent;
-    exports.ɵbj = DIALOG_INTERACTION_SERVICE_DEFAULTS;
-    exports.ɵbk = DialogInteractionService;
+    exports.ɵbj = InplaceInteractionContextComponent;
+    exports.ɵbk = DIALOG_INTERACTION_SERVICE_DEFAULTS;
+    exports.ɵbl = DialogInteractionService;
     exports.ɵc = FocusBindingDirective;
     exports.ɵd = DisposableComponent;
     exports.ɵe = ComponentsModule;