@coolon/angular-ui-powerups 0.0.1 → 0.0.3

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/platform-browser'), require('@angular/platform-browser/animations'), require('@coolon/pectin'), require('resize-observer-polyfill'), require('@angular/cdk/portal'), require('@coolon/pectin/lib/promise/deferred.class'), require('@angular/material/dialog'), require('@typescript-plus/fast-memoize-decorator'), require('lodash'), require('reflect-metadata'), require('@angular/router'), require('@coolon/typescript-utilities'), require('@typescript-plus/fast-memoize-decorator/dist/src')) :
-    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material', '@angular/platform-browser', '@angular/platform-browser/animations', '@coolon/pectin', 'resize-observer-polyfill', '@angular/cdk/portal', '@coolon/pectin/lib/promise/deferred.class', '@angular/material/dialog', '@typescript-plus/fast-memoize-decorator', 'lodash', 'reflect-metadata', '@angular/router', '@coolon/typescript-utilities', '@typescript-plus/fast-memoize-decorator/dist/src'], 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.platformBrowser, global.ng.platformBrowser.animations, global.pectin, global.ResizeObserver, global.ng.cdk.portal, global.deferred_class, global.ng.material.dialog, global.fastMemoizeDecorator, global.lodash, null, global.ng.router, global.typescriptUtilities, global.src));
-}(this, function (exports, common, core, forms, material, platformBrowser, animations, pectin, ResizeObserver, portal, deferred_class, dialog, fastMemoizeDecorator, lodash, reflectMetadata, router, typescriptUtilities, src) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material'), require('@angular/platform-browser'), require('@angular/platform-browser/animations'), require('@coolon/pectin'), require('@angular/cdk/portal'), require('@coolon/pectin/lib/promise/deferred.class'), require('@angular/material/dialog'), require('@angular/router'), require('resize-observer-polyfill'), require('@typescript-plus/fast-memoize-decorator'), require('lodash'), require('reflect-metadata'), require('@coolon/typescript-utilities'), require('@typescript-plus/fast-memoize-decorator/dist/src')) :
+    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material', '@angular/platform-browser', '@angular/platform-browser/animations', '@coolon/pectin', '@angular/cdk/portal', '@coolon/pectin/lib/promise/deferred.class', '@angular/material/dialog', '@angular/router', 'resize-observer-polyfill', '@typescript-plus/fast-memoize-decorator', 'lodash', 'reflect-metadata', '@coolon/typescript-utilities', '@typescript-plus/fast-memoize-decorator/dist/src'], 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.platformBrowser, global.ng.platformBrowser.animations, global.pectin, global.ng.cdk.portal, global.deferred_class, global.ng.material.dialog, global.ng.router, global.ResizeObserver, global.fastMemoizeDecorator, global.lodash, null, global.typescriptUtilities, global.src));
+}(this, function (exports, common, core, forms, material, platformBrowser, animations, pectin, portal, deferred_class, dialog, router, ResizeObserver, fastMemoizeDecorator, lodash, reflectMetadata, typescriptUtilities, src) { 'use strict';
 
     ResizeObserver = ResizeObserver && ResizeObserver.hasOwnProperty('default') ? ResizeObserver['default'] : ResizeObserver;
 
@@ -897,401 +897,159 @@
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var AngularUiPowerupsModule = /** @class */ (function () {
-        function AngularUiPowerupsModule() {
-        }
-        AngularUiPowerupsModule.decorators = [
-            { type: core.NgModule, args: [{
-                        declarations: [
-                            CommandDirective,
-                            FocusBindingDirective,
-                            NumberInputComponent,
-                            StringInputComponent,
-                            PasswordInputComponent,
-                            SelectInputComponent,
-                        ],
-                        imports: [
-                            common.CommonModule,
-                            platformBrowser.BrowserModule,
-                            animations.BrowserAnimationsModule,
-                            forms.FormsModule,
-                            material.MatInputModule,
-                            material.MatFormFieldModule,
-                            material.MatSelectModule
-                        ],
-                        exports: [
-                            CommandDirective,
-                            FocusBindingDirective,
-                            NumberInputComponent,
-                            StringInputComponent,
-                            PasswordInputComponent,
-                            SelectInputComponent,
-                        ]
-                    },] }
-        ];
-        return AngularUiPowerupsModule;
-    }());
-
+    /** @type {?} */
+    var INTERACTION_CONTEXT = new core.InjectionToken('InteractionContext');
     /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @abstract
      */
-    var Dimension = /** @class */ (function () {
-        function Dimension(width, height) {
-            this.width = width;
-            this.height = height;
+    var   /**
+     * @abstract
+     */
+    InteractionContext = /** @class */ (function () {
+        function InteractionContext() {
         }
-        return Dimension;
+        return InteractionContext;
     }());
     if (false) {
-        /** @type {?} */
-        Dimension.prototype.width;
-        /** @type {?} */
-        Dimension.prototype.height;
+        /**
+         * @abstract
+         * @template D, R, E
+         * @param {?} activityType
+         * @param {?=} data
+         * @return {?}
+         */
+        InteractionContext.prototype.startActivity = function (activityType, data) { };
+        /**
+         * @abstract
+         * @param {?} confirm
+         * @return {?}
+         */
+        InteractionContext.prototype.confirm = function (confirm) { };
+        /**
+         * @abstract
+         * @param {?} alert
+         * @return {?}
+         */
+        InteractionContext.prototype.alert = function (alert) { };
     }
 
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var Point = /** @class */ (function () {
-        function Point(x, y) {
-            this.x = x;
-            this.y = y;
+    /**
+     * @template D, R, E
+     */
+    var   /**
+     * @template D, R, E
+     */
+    AbstractActivity = /** @class */ (function (_super) {
+        __extends(AbstractActivity, _super);
+        function AbstractActivity() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this._doneListeners = new pectin.EventListenerList();
+            _this._cancelListeners = new pectin.EventListenerList();
+            _this._finishListeners = new pectin.EventListenerList();
+            _this._busyModel = new pectin.DelegatingValueModel().withDefault(false);
+            return _this;
         }
         /**
-         * @param {?} data
+         * @param {?} callback
          * @return {?}
          */
-        Point.from = /**
-         * @param {?} data
+        AbstractActivity.prototype.onDone = /**
+         * @param {?} callback
          * @return {?}
          */
-        function (data) {
-            return new Point(data.x, data.y);
+        function (callback) {
+            this._doneListeners.add(callback);
         };
         /**
-         * @param {?} x
-         * @param {?} y
+         * @param {?} callback
          * @return {?}
          */
-        Point.prototype.translate = /**
-         * @param {?} x
-         * @param {?} y
+        AbstractActivity.prototype.onCancel = /**
+         * @param {?} callback
          * @return {?}
          */
-        function (x, y) {
-            return new Point(this.x + x, this.y + y);
+        function (callback) {
+            this._cancelListeners.add(callback);
         };
-        return Point;
-    }());
-    if (false) {
-        /** @type {?} */
-        Point.prototype.x;
-        /** @type {?} */
-        Point.prototype.y;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    exports.Bounds = /** @class */ (function (_super) {
-        __extends(Bounds, _super);
-        function Bounds(top, left, width, height) {
-            var _this = _super.call(this, width, height) || this;
-            _this.top = top;
-            _this.left = left;
-            _this.width = width;
-            _this.height = height;
-            return _this;
-        }
         /**
-         * @param {?} point
+         * @param {?=} result
          * @return {?}
          */
-        Bounds.prototype.relativePositionOf = /**
-         * @param {?} point
+        AbstractActivity.prototype.done = /**
+         * @param {?=} result
          * @return {?}
          */
-        function (point) {
-            if (point instanceof MouseEvent) {
-                return new Point(point.clientX - this.left, point.clientY - this.top);
-            }
-            else {
-                return new Point(point.x - this.left, point.y - this.top);
-            }
+        function (result) {
+            var _this = this;
+            return this._doneListeners
+                .fireAndWait((/**
+             * @param {?} l
+             * @return {?}
+             */
+            function (l) { return l(result); }))
+                .finally((/**
+             * @return {?}
+             */
+            function () { return _this.finalizeAndDispose(); }));
         };
-        return Bounds;
-    }(Dimension));
-    if (false) {
-        /** @type {?} */
-        exports.Bounds.prototype.top;
-        /** @type {?} */
-        exports.Bounds.prototype.left;
-        /** @type {?} */
-        exports.Bounds.prototype.width;
-        /** @type {?} */
-        exports.Bounds.prototype.height;
-    }
-    (function (Bounds) {
         /**
-         * @param {?} element
+         * @param {?=} error
          * @return {?}
          */
-        function ofElement(element) {
-            /** @type {?} */
-            var rect = element.getBoundingClientRect();
-            return new Bounds(rect.top, rect.left, rect.width, rect.height);
-        }
-        Bounds.ofElement = ofElement;
-    })(exports.Bounds || (exports.Bounds = {}));
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var ResizeAwareComponent = /** @class */ (function (_super) {
-        __extends(ResizeAwareComponent, _super);
-        function ResizeAwareComponent(elementRef, ngZone) {
-            var _this = _super.call(this) || this;
-            _this.elementRef = elementRef;
-            _this.ngZone = ngZone;
-            _this._boundsModel = new pectin.ValueHolder(new exports.Bounds(0, 0, 0, 0));
-            return _this;
-        }
+        AbstractActivity.prototype.cancel = /**
+         * @param {?=} error
+         * @return {?}
+         */
+        function (error) {
+            var _this = this;
+            return this._cancelListeners
+                .fireAndWait((/**
+             * @param {?} l
+             * @return {?}
+             */
+            function (l) { return l(error); }))
+                .finally((/**
+             * @return {?}
+             */
+            function () { return _this.finalizeAndDispose(); }));
+        };
         /**
+         * @private
          * @return {?}
          */
-        ResizeAwareComponent.prototype.ngAfterViewInit = /**
+        AbstractActivity.prototype.finalizeAndDispose = /**
+         * @private
          * @return {?}
          */
         function () {
-            var _this = this;
-            this.updateBounds();
-            /** @type {?} */
-            var element = this.elementRef.nativeElement;
-            /** @type {?} */
-            var ro = new ResizeObserver((/**
-             * @param {?} entries
-             * @param {?} observer
+            // this._activeModel.value = false;
+            this._finishListeners.fire((/**
+             * @param {?} l
              * @return {?}
              */
-            function (entries, observer) {
-                _this.ngZone.run((/**
-                 * @return {?}
-                 */
-                function () { return _this.updateBounds(); }));
-            }));
-            ro.observe(element);
-            this.onDispose((/**
+            function (l) { return l(); }));
+            // this._interactionContext = null;
+            // this._initialized = false;
+            [
+                this._finishListeners,
+                this._doneListeners,
+                this._cancelListeners
+            ].forEach((/**
+             * @param {?} l
              * @return {?}
              */
-            function () { return ro.disconnect(); }));
+            function (l) { return l.dispose(); }));
         };
-        Object.defineProperty(ResizeAwareComponent.prototype, "boundsModel", {
+        Object.defineProperty(AbstractActivity.prototype, "busy", {
             get: /**
              * @return {?}
              */
             function () {
-                return this._boundsModel.readonly;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(ResizeAwareComponent.prototype, "nativeElement", {
-            get: /**
-             * @return {?}
-             */
-            function () {
-                return this.elementRef.nativeElement;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        // TODO: Make this handle body scroll
-        // TODO: Make this handle body scroll
-        /**
-         * @param {?} point
-         * @return {?}
-         */
-        ResizeAwareComponent.prototype.relativePositionOf = 
-        // TODO: Make this handle body scroll
-        /**
-         * @param {?} point
-         * @return {?}
-         */
-        function (point) {
-            return this.bounds.relativePositionOf(point);
-        };
-        Object.defineProperty(ResizeAwareComponent.prototype, "bounds", {
-            get: /**
-             * @return {?}
-             */
-            function () {
-                return this._boundsModel.value;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        /**
-         * @private
-         * @return {?}
-         */
-        ResizeAwareComponent.prototype.updateBounds = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            this._boundsModel.value = exports.Bounds.ofElement(this.nativeElement);
-        };
-        return ResizeAwareComponent;
-    }(DisposableComponent));
-    if (false) {
-        /**
-         * @type {?}
-         * @private
-         */
-        ResizeAwareComponent.prototype._boundsModel;
-        /**
-         * @type {?}
-         * @protected
-         */
-        ResizeAwareComponent.prototype.elementRef;
-        /**
-         * @type {?}
-         * @protected
-         */
-        ResizeAwareComponent.prototype.ngZone;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /**
-     * @template D, R, E
-     */
-    var   /**
-     * @template D, R, E
-     */
-    AbstractActivity = /** @class */ (function (_super) {
-        __extends(AbstractActivity, _super);
-        function AbstractActivity() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this._doneListeners = new pectin.EventListenerList();
-            _this._cancelListeners = new pectin.EventListenerList();
-            _this._finishListeners = new pectin.EventListenerList();
-            _this._busyModel = new pectin.DelegatingValueModel().withDefault(false);
-            return _this;
-        }
-        /**
-         * @param {?} callback
-         * @return {?}
-         */
-        AbstractActivity.prototype.onDone = /**
-         * @param {?} callback
-         * @return {?}
-         */
-        function (callback) {
-            this._doneListeners.add(callback);
-        };
-        /**
-         * @param {?} callback
-         * @return {?}
-         */
-        AbstractActivity.prototype.onCancel = /**
-         * @param {?} callback
-         * @return {?}
-         */
-        function (callback) {
-            this._cancelListeners.add(callback);
-        };
-        /**
-         * @param {?=} result
-         * @return {?}
-         */
-        AbstractActivity.prototype.done = /**
-         * @param {?=} result
-         * @return {?}
-         */
-        function (result) {
-            var _this = this;
-            return this._doneListeners
-                .fireAndWait((/**
-             * @param {?} l
-             * @return {?}
-             */
-            function (l) { return l(result); }))
-                .finally((/**
-             * @return {?}
-             */
-            function () { return _this.finalizeAndDispose(); }));
-        };
-        /**
-         * @param {?=} error
-         * @return {?}
-         */
-        AbstractActivity.prototype.cancel = /**
-         * @param {?=} error
-         * @return {?}
-         */
-        function (error) {
-            var _this = this;
-            return this._cancelListeners
-                .fireAndWait((/**
-             * @param {?} l
-             * @return {?}
-             */
-            function (l) { return l(error); }))
-                .finally((/**
-             * @return {?}
-             */
-            function () { return _this.finalizeAndDispose(); }));
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        AbstractActivity.prototype.finalizeAndDispose = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            // this._activeModel.value = false;
-            this._finishListeners.fire((/**
-             * @param {?} l
-             * @return {?}
-             */
-            function (l) { return l(); }));
-            // this._interactionContext = null;
-            // this._initialized = false;
-            [
-                this._finishListeners,
-                this._doneListeners,
-                this._cancelListeners
-            ].forEach((/**
-             * @param {?} l
-             * @return {?}
-             */
-            function (l) { return l.dispose(); }));
-        };
-        Object.defineProperty(AbstractActivity.prototype, "busy", {
-            get: /**
-             * @return {?}
-             */
-            function () {
-                return this._busyModel.readonly;
+                return this._busyModel.readonly;
             },
             enumerable: true,
             configurable: true
@@ -1371,132 +1129,52 @@
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    /**
-     * @record
-     */
-    function Alert() { }
-    if (false) {
-        /**
-         * @return {?}
-         */
-        Alert.prototype.title = function () { };
+    var AlertDialogComponent = /** @class */ (function (_super) {
+        __extends(AlertDialogComponent, _super);
+        function AlertDialogComponent(alert) {
+            var _this = _super.call(this) || this;
+            _this.alert = alert;
+            return _this;
+        }
         /**
          * @return {?}
          */
-        Alert.prototype.content = function () { };
-        /**
+        AlertDialogComponent.prototype.ngOnInit = /**
          * @return {?}
          */
-        Alert.prototype.ok = function () { };
+        function () {
+        };
+        AlertDialogComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'angular-ui-powerups-alert-dialog',
+                        template: "<h3 matDialogTitle *ngIf=\"alert.title\">{{alert.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of alert.content()\">{{line}}</p>\n</div>\n<p matDialogActions>\n  <button mat-raised-button color=\"primary\" (click)=\"done()\">{{alert.ok()}}</button>\n</p>\n",
+                        styles: [":host{display:block;padding:var(--default-padding)}.mat-dialog-actions{justify-content:flex-end}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        AlertDialogComponent.ctorParameters = function () { return [
+            { type: undefined, decorators: [{ type: core.Inject, args: [ACTIVITY_DATA,] }] }
+        ]; };
+        return AlertDialogComponent;
+    }(AbstractActivity));
+    if (false) {
+        /** @type {?} */
+        AlertDialogComponent.prototype.alert;
     }
 
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    /**
-     * @record
-     */
-    function Confirm() { }
-    if (false) {
-        /** @type {?|undefined} */
-        Confirm.prototype.destructive;
-        /**
-         * @return {?}
-         */
-        Confirm.prototype.cancel = function () { };
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /** @type {?} */
-    var INTERACTION_CONTEXT = new core.InjectionToken('InteractionContext');
-    /**
-     * @abstract
-     */
-    var   /**
-     * @abstract
-     */
-    InteractionContext = /** @class */ (function () {
-        function InteractionContext() {
-        }
-        return InteractionContext;
-    }());
-    if (false) {
-        /**
-         * @abstract
-         * @template D, R, E
-         * @param {?} activityType
-         * @param {?=} data
-         * @return {?}
-         */
-        InteractionContext.prototype.startActivity = function (activityType, data) { };
-        /**
-         * @abstract
-         * @param {?} confirm
-         * @return {?}
-         */
-        InteractionContext.prototype.confirm = function (confirm) { };
-        /**
-         * @abstract
-         * @param {?} alert
-         * @return {?}
-         */
-        InteractionContext.prototype.alert = function (alert) { };
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var AlertDialogComponent = /** @class */ (function (_super) {
-        __extends(AlertDialogComponent, _super);
-        function AlertDialogComponent(alert) {
-            var _this = _super.call(this) || this;
-            _this.alert = alert;
-            return _this;
-        }
-        /**
-         * @return {?}
-         */
-        AlertDialogComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-        };
-        AlertDialogComponent.decorators = [
-            { type: core.Component, args: [{
-                        selector: 'angular-ui-powerups-alert-dialog',
-                        template: "<h3 matDialogTitle *ngIf=\"alert.title\">{{alert.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of alert.content()\">{{line}}</p>\n</div>\n<p matDialogActions>\n  <button mat-raised-button color=\"primary\" (click)=\"done()\">{{alert.ok()}}</button>\n</p>\n",
-                        styles: [":host{display:block;padding:var(--default-padding)}.mat-dialog-actions{justify-content:flex-end}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        AlertDialogComponent.ctorParameters = function () { return [
-            { type: undefined, decorators: [{ type: core.Inject, args: [ACTIVITY_DATA,] }] }
-        ]; };
-        return AlertDialogComponent;
-    }(AbstractActivity));
-    if (false) {
-        /** @type {?} */
-        AlertDialogComponent.prototype.alert;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var ConfirmationDialogComponent = /** @class */ (function (_super) {
-        __extends(ConfirmationDialogComponent, _super);
-        function ConfirmationDialogComponent(confirm) {
-            var _this = _super.call(this) || this;
-            _this.confirm = confirm;
-            pectin.assert.notNil(confirm);
-            console.log(confirm);
-            return _this;
-        }
+    var ConfirmationDialogComponent = /** @class */ (function (_super) {
+        __extends(ConfirmationDialogComponent, _super);
+        function ConfirmationDialogComponent(confirm) {
+            var _this = _super.call(this) || this;
+            _this.confirm = confirm;
+            pectin.assert.notNil(confirm);
+            console.log(confirm);
+            return _this;
+        }
         /**
          * @return {?}
          */
@@ -1536,7 +1214,7 @@
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    exports.ActivityContainerComponent = /** @class */ (function (_super) {
+    exports.ɵj = /** @class */ (function (_super) {
         __extends(ActivityContainerComponent, _super);
         function ActivityContainerComponent() {
             var _this = _super.call(this) || this;
@@ -1671,18 +1349,18 @@
     }(DisposableComponent));
     if (false) {
         /** @type {?} */
-        exports.ActivityContainerComponent.prototype.parentInteractionContext;
+        exports.ɵj.prototype.parentInteractionContext;
         /** @type {?} */
-        exports.ActivityContainerComponent.prototype.initialActivity;
+        exports.ɵj.prototype.initialActivity;
         /** @type {?} */
-        exports.ActivityContainerComponent.prototype.tabs;
+        exports.ɵj.prototype.tabs;
         /** @type {?} */
-        exports.ActivityContainerComponent.prototype.activityTabs;
+        exports.ɵj.prototype.activityTabs;
         /**
          * @type {?}
          * @private
          */
-        exports.ActivityContainerComponent.prototype.obsoleteTabs;
+        exports.ɵj.prototype.obsoleteTabs;
     }
     (function (ActivityContainerComponent) {
         /**
@@ -1701,7 +1379,7 @@
             /** @type {?} */
             ActivityContext.prototype.onCancel;
         }
-    })(exports.ActivityContainerComponent || (exports.ActivityContainerComponent = {}));
+    })(exports.ɵj || (exports.ɵj = {}));
 
     /**
      * @fileoverview added by tsickle
@@ -1710,7 +1388,7 @@
     /**
      * @template D, R, E
      */
-    exports.ActivityOutletComponent = /** @class */ (function () {
+    exports.ɵq = /** @class */ (function () {
         function ActivityOutletComponent(componentFactoryResolver, viewContainerRef, injector) {
             this.componentFactoryResolver = componentFactoryResolver;
             this.viewContainerRef = viewContainerRef;
@@ -1821,27 +1499,27 @@
     }());
     if (false) {
         /** @type {?} */
-        exports.ActivityOutletComponent.prototype.interactionContext;
+        exports.ɵq.prototype.interactionContext;
         /**
          * @type {?}
          * @private
          */
-        exports.ActivityOutletComponent.prototype.activityComponent;
+        exports.ɵq.prototype.activityComponent;
         /**
          * @type {?}
          * @private
          */
-        exports.ActivityOutletComponent.prototype.componentFactoryResolver;
+        exports.ɵq.prototype.componentFactoryResolver;
         /**
          * @type {?}
          * @private
          */
-        exports.ActivityOutletComponent.prototype.viewContainerRef;
+        exports.ɵq.prototype.viewContainerRef;
         /**
          * @type {?}
          * @private
          */
-        exports.ActivityOutletComponent.prototype.injector;
+        exports.ɵq.prototype.injector;
         /* Skipping unhandled member: ;*/
     }
     (function (ActivityOutletComponent) {
@@ -1902,7 +1580,7 @@
              */
             OutletInteractionContext.prototype.context;
         }
-    })(exports.ActivityOutletComponent || (exports.ActivityOutletComponent = {}));
+    })(exports.ɵq || (exports.ɵq = {}));
 
     /**
      * @fileoverview added by tsickle
@@ -1957,7 +1635,7 @@
                 autoFocus: false
             };
             /** @type {?} */
-            var matDialogRef = (/** @type {?} */ (this.dialogService.open(exports.ActivityContainerComponent, config)));
+            var matDialogRef = (/** @type {?} */ (this.dialogService.open(exports.ɵj, config)));
             return new Promise((/**
              * @param {?} resolve
              * @param {?} reject
@@ -2049,13 +1727,13 @@
                             portal.PortalModule
                         ],
                         declarations: [
-                            exports.ActivityContainerComponent,
+                            exports.ɵj,
                             ConfirmationDialogComponent,
                             AlertDialogComponent,
-                            exports.ActivityOutletComponent
+                            exports.ɵq
                         ],
                         entryComponents: [
-                            exports.ActivityContainerComponent,
+                            exports.ɵj,
                             ConfirmationDialogComponent,
                             AlertDialogComponent
                         ],
@@ -2067,6 +1745,564 @@
         return InteractionModule;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var BusyOverlayComponent = /** @class */ (function () {
+        function BusyOverlayComponent() {
+        }
+        /**
+         * @return {?}
+         */
+        BusyOverlayComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+        };
+        BusyOverlayComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'aup-busy-overlay',
+                        template: "<ng-content></ng-content>\n<div class=\"busy-overlay-backdrop\" *ngIf=\"busyModel.value\">\n  <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"52\"></mat-progress-spinner>\n</div>\n",
+                        styles: [":host{position:relative}div.busy-overlay-backdrop{position:absolute;background-color:rgba(0,0,0,.2);top:0;left:0;bottom:0;right:0;display:-ms-grid;display:grid;-ms-grid-columns:auto;grid-template-columns:auto;-ms-grid-rows:auto;grid-template-rows:auto;place-content:center}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        BusyOverlayComponent.ctorParameters = function () { return []; };
+        BusyOverlayComponent.propDecorators = {
+            busyModel: [{ type: core.Input }],
+            busy: [{ type: core.Input }]
+        };
+        __decorate([
+            pectin.UseDelegatingValueModel(),
+            __metadata("design:type", pectin.ValueModel)
+        ], BusyOverlayComponent.prototype, "busyModel", void 0);
+        __decorate([
+            pectin.StoreInValueModel('busyModel'),
+            __metadata("design:type", Boolean)
+        ], BusyOverlayComponent.prototype, "busy", void 0);
+        return BusyOverlayComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        BusyOverlayComponent.prototype.busyModel;
+        /** @type {?} */
+        BusyOverlayComponent.prototype.busy;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var EmptyStateComponent = /** @class */ (function () {
+        function EmptyStateComponent() {
+        }
+        /**
+         * @return {?}
+         */
+        EmptyStateComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+        };
+        EmptyStateComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'angular-ui-powerups-empty-state',
+                        template: "\n      <div class=\"container\">\n          <ng-content></ng-content>\n      </div>\n  ",
+                        styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center}.container{padding:var(--default-padding);border:2px dashed rgba(0,0,0,.2);border-radius:5px;font-size:14px;font-weight:300}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        EmptyStateComponent.ctorParameters = function () { return []; };
+        return EmptyStateComponent;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var PlaceService = /** @class */ (function () {
+        function PlaceService() {
+            this._activePlaces = new pectin.MutableListModel();
+        }
+        Object.defineProperty(PlaceService.prototype, "activePlaces", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this._activePlaces.readonly;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @param {?} place
+         * @return {?}
+         */
+        PlaceService.prototype.onActivate = /**
+         * @param {?} place
+         * @return {?}
+         */
+        function (place) {
+            this._activePlaces.push(place);
+        };
+        /**
+         * @param {?} place
+         * @return {?}
+         */
+        PlaceService.prototype.onDeactivate = /**
+         * @param {?} place
+         * @return {?}
+         */
+        function (place) {
+            this._activePlaces.remove(place);
+        };
+        PlaceService.decorators = [
+            { type: core.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
+        ];
+        /** @nocollapse */
+        PlaceService.ctorParameters = function () { return []; };
+        /** @nocollapse */ PlaceService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function PlaceService_Factory() { return new PlaceService(); }, token: PlaceService, providedIn: "root" });
+        __decorate([
+            pectin.Trace(),
+            __metadata("design:type", Function),
+            __metadata("design:paramtypes", [Object]),
+            __metadata("design:returntype", void 0)
+        ], PlaceService.prototype, "onActivate", null);
+        __decorate([
+            pectin.Trace(),
+            __metadata("design:type", Function),
+            __metadata("design:paramtypes", [Object]),
+            __metadata("design:returntype", void 0)
+        ], PlaceService.prototype, "onDeactivate", null);
+        return PlaceService;
+    }());
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        PlaceService.prototype._activePlaces;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var PlaceOutletComponent = /** @class */ (function () {
+        function PlaceOutletComponent(placeService) {
+            this.placeService = placeService;
+        }
+        /**
+         * @return {?}
+         */
+        PlaceOutletComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+        };
+        /**
+         * @param {?} $event
+         * @return {?}
+         */
+        PlaceOutletComponent.prototype.onActivate = /**
+         * @param {?} $event
+         * @return {?}
+         */
+        function ($event) {
+            this.placeService.onActivate($event);
+        };
+        /**
+         * @param {?} $event
+         * @return {?}
+         */
+        PlaceOutletComponent.prototype.onDeactivate = /**
+         * @param {?} $event
+         * @return {?}
+         */
+        function ($event) {
+            this.placeService.onDeactivate($event);
+        };
+        PlaceOutletComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'angular-ui-powerups-place-outlet',
+                        template: "<router-outlet (activate)=\"onActivate($event)\" (deactivate)=\"onDeactivate($event)\"></router-outlet>\n",
+                        styles: [":host{grid-area:main;display:-ms-grid;display:grid;-ms-grid-rows:0 1fr;grid-template-rows:0 1fr;min-height:0}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        PlaceOutletComponent.ctorParameters = function () { return [
+            { type: PlaceService }
+        ]; };
+        return PlaceOutletComponent;
+    }());
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        PlaceOutletComponent.prototype.placeService;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var PlaceModule = /** @class */ (function () {
+        function PlaceModule() {
+        }
+        PlaceModule.decorators = [
+            { type: core.NgModule, args: [{
+                        imports: [
+                            common.CommonModule,
+                            material.MatProgressSpinnerModule,
+                            router.RouterModule
+                        ],
+                        declarations: [
+                            EmptyStateComponent,
+                            BusyOverlayComponent,
+                            PlaceOutletComponent
+                        ],
+                        entryComponents: [BusyOverlayComponent],
+                        exports: [
+                            BusyOverlayComponent,
+                            PlaceOutletComponent,
+                            EmptyStateComponent
+                        ],
+                        providers: [
+                            PlaceService
+                        ]
+                    },] }
+        ];
+        return PlaceModule;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var AngularUiPowerupsModule = /** @class */ (function () {
+        function AngularUiPowerupsModule() {
+        }
+        AngularUiPowerupsModule.decorators = [
+            { type: core.NgModule, args: [{
+                        declarations: [
+                            CommandDirective,
+                            FocusBindingDirective,
+                            NumberInputComponent,
+                            StringInputComponent,
+                            PasswordInputComponent,
+                            SelectInputComponent,
+                        ],
+                        imports: [
+                            common.CommonModule,
+                            platformBrowser.BrowserModule,
+                            animations.BrowserAnimationsModule,
+                            forms.FormsModule,
+                            material.MatInputModule,
+                            material.MatFormFieldModule,
+                            material.MatSelectModule
+                        ],
+                        exports: [
+                            CommandDirective,
+                            FocusBindingDirective,
+                            NumberInputComponent,
+                            StringInputComponent,
+                            PasswordInputComponent,
+                            SelectInputComponent,
+                            InteractionModule,
+                            PlaceModule,
+                        ]
+                    },] }
+        ];
+        return AngularUiPowerupsModule;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var Dimension = /** @class */ (function () {
+        function Dimension(width, height) {
+            this.width = width;
+            this.height = height;
+        }
+        return Dimension;
+    }());
+    if (false) {
+        /** @type {?} */
+        Dimension.prototype.width;
+        /** @type {?} */
+        Dimension.prototype.height;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var Point = /** @class */ (function () {
+        function Point(x, y) {
+            this.x = x;
+            this.y = y;
+        }
+        /**
+         * @param {?} data
+         * @return {?}
+         */
+        Point.from = /**
+         * @param {?} data
+         * @return {?}
+         */
+        function (data) {
+            return new Point(data.x, data.y);
+        };
+        /**
+         * @param {?} x
+         * @param {?} y
+         * @return {?}
+         */
+        Point.prototype.translate = /**
+         * @param {?} x
+         * @param {?} y
+         * @return {?}
+         */
+        function (x, y) {
+            return new Point(this.x + x, this.y + y);
+        };
+        return Point;
+    }());
+    if (false) {
+        /** @type {?} */
+        Point.prototype.x;
+        /** @type {?} */
+        Point.prototype.y;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    exports.Bounds = /** @class */ (function (_super) {
+        __extends(Bounds, _super);
+        function Bounds(top, left, width, height) {
+            var _this = _super.call(this, width, height) || this;
+            _this.top = top;
+            _this.left = left;
+            _this.width = width;
+            _this.height = height;
+            return _this;
+        }
+        /**
+         * @param {?} point
+         * @return {?}
+         */
+        Bounds.prototype.relativePositionOf = /**
+         * @param {?} point
+         * @return {?}
+         */
+        function (point) {
+            if (point instanceof MouseEvent) {
+                return new Point(point.clientX - this.left, point.clientY - this.top);
+            }
+            else {
+                return new Point(point.x - this.left, point.y - this.top);
+            }
+        };
+        return Bounds;
+    }(Dimension));
+    if (false) {
+        /** @type {?} */
+        exports.Bounds.prototype.top;
+        /** @type {?} */
+        exports.Bounds.prototype.left;
+        /** @type {?} */
+        exports.Bounds.prototype.width;
+        /** @type {?} */
+        exports.Bounds.prototype.height;
+    }
+    (function (Bounds) {
+        /**
+         * @param {?} element
+         * @return {?}
+         */
+        function ofElement(element) {
+            /** @type {?} */
+            var rect = element.getBoundingClientRect();
+            return new Bounds(rect.top, rect.left, rect.width, rect.height);
+        }
+        Bounds.ofElement = ofElement;
+    })(exports.Bounds || (exports.Bounds = {}));
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var ResizeAwareComponent = /** @class */ (function (_super) {
+        __extends(ResizeAwareComponent, _super);
+        function ResizeAwareComponent(elementRef, ngZone) {
+            var _this = _super.call(this) || this;
+            _this.elementRef = elementRef;
+            _this.ngZone = ngZone;
+            _this._boundsModel = new pectin.ValueHolder(new exports.Bounds(0, 0, 0, 0));
+            return _this;
+        }
+        /**
+         * @return {?}
+         */
+        ResizeAwareComponent.prototype.ngAfterViewInit = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            this.updateBounds();
+            /** @type {?} */
+            var element = this.elementRef.nativeElement;
+            /** @type {?} */
+            var ro = new ResizeObserver((/**
+             * @param {?} entries
+             * @param {?} observer
+             * @return {?}
+             */
+            function (entries, observer) {
+                _this.ngZone.run((/**
+                 * @return {?}
+                 */
+                function () { return _this.updateBounds(); }));
+            }));
+            ro.observe(element);
+            this.onDispose((/**
+             * @return {?}
+             */
+            function () { return ro.disconnect(); }));
+        };
+        Object.defineProperty(ResizeAwareComponent.prototype, "boundsModel", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this._boundsModel.readonly;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(ResizeAwareComponent.prototype, "nativeElement", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this.elementRef.nativeElement;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        // TODO: Make this handle body scroll
+        // TODO: Make this handle body scroll
+        /**
+         * @param {?} point
+         * @return {?}
+         */
+        ResizeAwareComponent.prototype.relativePositionOf = 
+        // TODO: Make this handle body scroll
+        /**
+         * @param {?} point
+         * @return {?}
+         */
+        function (point) {
+            return this.bounds.relativePositionOf(point);
+        };
+        Object.defineProperty(ResizeAwareComponent.prototype, "bounds", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this._boundsModel.value;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @private
+         * @return {?}
+         */
+        ResizeAwareComponent.prototype.updateBounds = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            this._boundsModel.value = exports.Bounds.ofElement(this.nativeElement);
+        };
+        return ResizeAwareComponent;
+    }(DisposableComponent));
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        ResizeAwareComponent.prototype._boundsModel;
+        /**
+         * @type {?}
+         * @protected
+         */
+        ResizeAwareComponent.prototype.elementRef;
+        /**
+         * @type {?}
+         * @protected
+         */
+        ResizeAwareComponent.prototype.ngZone;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * @record
+     */
+    function Alert() { }
+    if (false) {
+        /**
+         * @return {?}
+         */
+        Alert.prototype.title = function () { };
+        /**
+         * @return {?}
+         */
+        Alert.prototype.content = function () { };
+        /**
+         * @return {?}
+         */
+        Alert.prototype.ok = function () { };
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * @record
+     */
+    function Confirm() { }
+    if (false) {
+        /** @type {?|undefined} */
+        Confirm.prototype.destructive;
+        /**
+         * @return {?}
+         */
+        Confirm.prototype.cancel = function () { };
+    }
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -2577,240 +2813,6 @@
         PlaceComponent.prototype.canDeactivate = function () { };
     }
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var BusyOverlayComponent = /** @class */ (function () {
-        function BusyOverlayComponent() {
-        }
-        /**
-         * @return {?}
-         */
-        BusyOverlayComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-        };
-        BusyOverlayComponent.decorators = [
-            { type: core.Component, args: [{
-                        selector: 'aup-busy-overlay',
-                        template: "<ng-content></ng-content>\n<div class=\"busy-overlay-backdrop\" *ngIf=\"busyModel.value\">\n  <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"52\"></mat-progress-spinner>\n</div>\n",
-                        styles: [":host{position:relative}div.busy-overlay-backdrop{position:absolute;background-color:rgba(0,0,0,.2);top:0;left:0;bottom:0;right:0;display:-ms-grid;display:grid;-ms-grid-columns:auto;grid-template-columns:auto;-ms-grid-rows:auto;grid-template-rows:auto;place-content:center}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        BusyOverlayComponent.ctorParameters = function () { return []; };
-        BusyOverlayComponent.propDecorators = {
-            busyModel: [{ type: core.Input }],
-            busy: [{ type: core.Input }]
-        };
-        __decorate([
-            pectin.UseDelegatingValueModel(),
-            __metadata("design:type", pectin.ValueModel)
-        ], BusyOverlayComponent.prototype, "busyModel", void 0);
-        __decorate([
-            pectin.StoreInValueModel('busyModel'),
-            __metadata("design:type", Boolean)
-        ], BusyOverlayComponent.prototype, "busy", void 0);
-        return BusyOverlayComponent;
-    }());
-    if (false) {
-        /** @type {?} */
-        BusyOverlayComponent.prototype.busyModel;
-        /** @type {?} */
-        BusyOverlayComponent.prototype.busy;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var EmptyStateComponent = /** @class */ (function () {
-        function EmptyStateComponent() {
-        }
-        /**
-         * @return {?}
-         */
-        EmptyStateComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-        };
-        EmptyStateComponent.decorators = [
-            { type: core.Component, args: [{
-                        selector: 'angular-ui-powerups-empty-state',
-                        template: "\n      <div class=\"container\">\n          <ng-content></ng-content>\n      </div>\n  ",
-                        styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center}.container{padding:var(--default-padding);border:2px dashed rgba(0,0,0,.2);border-radius:5px;font-size:14px;font-weight:300}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        EmptyStateComponent.ctorParameters = function () { return []; };
-        return EmptyStateComponent;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var PlaceService = /** @class */ (function () {
-        function PlaceService() {
-            this._activePlaces = new pectin.MutableListModel();
-        }
-        Object.defineProperty(PlaceService.prototype, "activePlaces", {
-            get: /**
-             * @return {?}
-             */
-            function () {
-                return this._activePlaces.readonly;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        /**
-         * @param {?} place
-         * @return {?}
-         */
-        PlaceService.prototype.onActivate = /**
-         * @param {?} place
-         * @return {?}
-         */
-        function (place) {
-            this._activePlaces.push(place);
-        };
-        /**
-         * @param {?} place
-         * @return {?}
-         */
-        PlaceService.prototype.onDeactivate = /**
-         * @param {?} place
-         * @return {?}
-         */
-        function (place) {
-            this._activePlaces.remove(place);
-        };
-        PlaceService.decorators = [
-            { type: core.Injectable, args: [{
-                        providedIn: 'root'
-                    },] }
-        ];
-        /** @nocollapse */
-        PlaceService.ctorParameters = function () { return []; };
-        /** @nocollapse */ PlaceService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function PlaceService_Factory() { return new PlaceService(); }, token: PlaceService, providedIn: "root" });
-        __decorate([
-            pectin.Trace(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [Object]),
-            __metadata("design:returntype", void 0)
-        ], PlaceService.prototype, "onActivate", null);
-        __decorate([
-            pectin.Trace(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [Object]),
-            __metadata("design:returntype", void 0)
-        ], PlaceService.prototype, "onDeactivate", null);
-        return PlaceService;
-    }());
-    if (false) {
-        /**
-         * @type {?}
-         * @private
-         */
-        PlaceService.prototype._activePlaces;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var PlaceOutletComponent = /** @class */ (function () {
-        function PlaceOutletComponent(placeService) {
-            this.placeService = placeService;
-        }
-        /**
-         * @return {?}
-         */
-        PlaceOutletComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-        };
-        /**
-         * @param {?} $event
-         * @return {?}
-         */
-        PlaceOutletComponent.prototype.onActivate = /**
-         * @param {?} $event
-         * @return {?}
-         */
-        function ($event) {
-            this.placeService.onActivate($event);
-        };
-        /**
-         * @param {?} $event
-         * @return {?}
-         */
-        PlaceOutletComponent.prototype.onDeactivate = /**
-         * @param {?} $event
-         * @return {?}
-         */
-        function ($event) {
-            this.placeService.onDeactivate($event);
-        };
-        PlaceOutletComponent.decorators = [
-            { type: core.Component, args: [{
-                        selector: 'angular-ui-powerups-place-outlet',
-                        template: "<router-outlet (activate)=\"onActivate($event)\" (deactivate)=\"onDeactivate($event)\"></router-outlet>\n",
-                        styles: [":host{grid-area:main;display:-ms-grid;display:grid;-ms-grid-rows:0 1fr;grid-template-rows:0 1fr;min-height:0}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        PlaceOutletComponent.ctorParameters = function () { return [
-            { type: PlaceService }
-        ]; };
-        return PlaceOutletComponent;
-    }());
-    if (false) {
-        /**
-         * @type {?}
-         * @private
-         */
-        PlaceOutletComponent.prototype.placeService;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var PlaceModule = /** @class */ (function () {
-        function PlaceModule() {
-        }
-        PlaceModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [
-                            common.CommonModule,
-                            material.MatProgressSpinnerModule,
-                            router.RouterModule
-                        ],
-                        declarations: [
-                            EmptyStateComponent,
-                            BusyOverlayComponent,
-                            PlaceOutletComponent
-                        ],
-                        entryComponents: [BusyOverlayComponent],
-                        exports: [
-                            BusyOverlayComponent,
-                            PlaceOutletComponent,
-                            EmptyStateComponent
-                        ],
-                        providers: [
-                            PlaceService
-                        ]
-                    },] }
-        ];
-        return PlaceModule;
-    }());
-
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -3330,6 +3332,8 @@
     exports.AbstractActivity = AbstractActivity;
     exports.AbstractInputComponent = AbstractInputComponent;
     exports.AbstractPlaceComponent = AbstractPlaceComponent;
+    exports.ActivityContainerComponent = exports.ɵj;
+    exports.ActivityOutletComponent = exports.ɵq;
     exports.AlertDialogComponent = AlertDialogComponent;
     exports.AngularUiPowerupsModule = AngularUiPowerupsModule;
     exports.BusyOverlayComponent = BusyOverlayComponent;
@@ -3366,6 +3370,18 @@
     exports.ɵf = StringInputComponent;
     exports.ɵg = PasswordInputComponent;
     exports.ɵh = SelectInputComponent;
+    exports.ɵi = InteractionModule;
+    exports.ɵk = ConfirmationDialogComponent;
+    exports.ɵl = AbstractActivity;
+    exports.ɵm = ACTIVITY_DATA;
+    exports.ɵo = AlertDialogComponent;
+    exports.ɵr = DialogInteractionService;
+    exports.ɵs = InteractionContext;
+    exports.ɵt = PlaceModule;
+    exports.ɵu = EmptyStateComponent;
+    exports.ɵv = BusyOverlayComponent;
+    exports.ɵw = PlaceOutletComponent;
+    exports.ɵx = PlaceService;
 
     Object.defineProperty(exports, '__esModule', { value: true });