@coolon/angular-ui-powerups 0.0.1 → 0.0.3

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

@@ -1,19 +1,19 @@
 import { DOCUMENT, CommonModule } from '@angular/common';
-import { EventEmitter, Input, Output, HostListener, Component, Directive, ElementRef, Inject, NgZone, NgModule, InjectionToken, ViewChild, Injector, ComponentFactoryResolver, ViewContainerRef, Injectable, ɵɵdefineInjectable, ɵɵinject, INJECTOR } from '@angular/core';
+import { EventEmitter, Input, Output, HostListener, Component, Directive, ElementRef, Inject, NgZone, InjectionToken, ViewChild, Injector, ComponentFactoryResolver, ViewContainerRef, Injectable, ɵɵdefineInjectable, ɵɵinject, NgModule, INJECTOR } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { MatInputModule, MatFormFieldModule, MatSelectModule, MatDialog, MatButtonModule, MatDialogModule, MatTabsModule, MatProgressSpinnerModule } from '@angular/material';
+import { MatDialog, MatButtonModule, MatDialogModule, MatTabsModule, MatProgressSpinnerModule, MatInputModule, MatFormFieldModule, MatSelectModule } from '@angular/material';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { __extends, __decorate, __metadata, __assign, __awaiter, __generator, __values } from 'tslib';
-import { GarbageCollector, MutableListModel, Constant, UseDelegate, MutableValueModel, assert, Dsl, Logger, ListModel, StoreInListModel, ValueHolder, EventListenerList, DelegatingValueModel, lang, Trace, TransactionObserver, Binding, UseDelegatingValueModel, ValueModel, StoreInValueModel } from '@coolon/pectin';
-import ResizeObserver from 'resize-observer-polyfill';
+import { GarbageCollector, MutableListModel, Constant, UseDelegate, MutableValueModel, assert, Dsl, Logger, ListModel, StoreInListModel, EventListenerList, DelegatingValueModel, lang, UseDelegatingValueModel, ValueModel, StoreInValueModel, Trace, ValueHolder, TransactionObserver, Binding } from '@coolon/pectin';
 import { PortalModule } from '@angular/cdk/portal';
 import { Deferred } from '@coolon/pectin/lib/promise/deferred.class';
 import { MatDialog as MatDialog$1 } from '@angular/material/dialog';
+import { RouterModule, Router, ActivatedRoute, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
+import ResizeObserver from 'resize-observer-polyfill';
 import { Memoize } from '@typescript-plus/fast-memoize-decorator';
 import { isNil } from 'lodash';
 import 'reflect-metadata';
-import { Router, ActivatedRoute, RouterModule, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
 import { Klass, Opts } from '@coolon/typescript-utilities';
 import { Memoize as Memoize$1 } from '@typescript-plus/fast-memoize-decorator/dist/src';
 
@@ -711,374 +711,132 @@ if (false) {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-var AngularUiPowerupsModule = /** @class */ (function () {
-    function AngularUiPowerupsModule() {
-    }
-    AngularUiPowerupsModule.decorators = [
-        { type: NgModule, args: [{
-                    declarations: [
-                        CommandDirective,
-                        FocusBindingDirective,
-                        NumberInputComponent,
-                        StringInputComponent,
-                        PasswordInputComponent,
-                        SelectInputComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        BrowserModule,
-                        BrowserAnimationsModule,
-                        FormsModule,
-                        MatInputModule,
-                        MatFormFieldModule,
-                        MatSelectModule
-                    ],
-                    exports: [
-                        CommandDirective,
-                        FocusBindingDirective,
-                        NumberInputComponent,
-                        StringInputComponent,
-                        PasswordInputComponent,
-                        SelectInputComponent,
-                    ]
-                },] }
-    ];
-    return AngularUiPowerupsModule;
-}());
-
+/** @type {?} */
+var INTERACTION_CONTEXT = new 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;
-}
-
-/**
- * @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
+     * @abstract
+     * @template D, R, E
+     * @param {?} activityType
+     * @param {?=} data
      * @return {?}
      */
-    function (data) {
-        return new Point(data.x, data.y);
-    };
+    InteractionContext.prototype.startActivity = function (activityType, data) { };
     /**
-     * @param {?} x
-     * @param {?} y
+     * @abstract
+     * @param {?} confirm
      * @return {?}
      */
-    Point.prototype.translate = /**
-     * @param {?} x
-     * @param {?} y
+    InteractionContext.prototype.confirm = function (confirm) { };
+    /**
+     * @abstract
+     * @param {?} alert
      * @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;
+    InteractionContext.prototype.alert = function (alert) { };
 }
 
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-var 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;
+/**
+ * @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 EventListenerList();
+        _this._cancelListeners = new EventListenerList();
+        _this._finishListeners = new EventListenerList();
+        _this._busyModel = new DelegatingValueModel().withDefault(false);
         return _this;
     }
     /**
-     * @param {?} point
+     * @param {?} callback
      * @return {?}
      */
-    Bounds.prototype.relativePositionOf = /**
-     * @param {?} point
+    AbstractActivity.prototype.onDone = /**
+     * @param {?} callback
      * @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 (callback) {
+        this._doneListeners.add(callback);
     };
-    return Bounds;
-}(Dimension));
-if (false) {
-    /** @type {?} */
-    Bounds.prototype.top;
-    /** @type {?} */
-    Bounds.prototype.left;
-    /** @type {?} */
-    Bounds.prototype.width;
-    /** @type {?} */
-    Bounds.prototype.height;
-}
-(function (Bounds) {
     /**
-     * @param {?} element
+     * @param {?} callback
      * @return {?}
      */
-    function ofElement(element) {
-        /** @type {?} */
-        var rect = element.getBoundingClientRect();
-        return new Bounds(rect.top, rect.left, rect.width, rect.height);
-    }
-    Bounds.ofElement = ofElement;
-})(Bounds || (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 ValueHolder(new Bounds(0, 0, 0, 0));
-        return _this;
-    }
+    AbstractActivity.prototype.onCancel = /**
+     * @param {?} callback
+     * @return {?}
+     */
+    function (callback) {
+        this._cancelListeners.add(callback);
+    };
     /**
+     * @param {?=} result
      * @return {?}
      */
-    ResizeAwareComponent.prototype.ngAfterViewInit = /**
+    AbstractActivity.prototype.done = /**
+     * @param {?=} result
      * @return {?}
      */
-    function () {
+    function (result) {
         var _this = this;
-        this.updateBounds();
-        /** @type {?} */
-        var element = this.elementRef.nativeElement;
-        /** @type {?} */
-        var ro = new ResizeObserver((/**
-         * @param {?} entries
-         * @param {?} observer
+        return this._doneListeners
+            .fireAndWait((/**
+         * @param {?} l
          * @return {?}
          */
-        function (entries, observer) {
-            _this.ngZone.run((/**
-             * @return {?}
-             */
-            function () { return _this.updateBounds(); }));
-        }));
-        ro.observe(element);
-        this.onDispose((/**
+        function (l) { return l(result); }))
+            .finally((/**
          * @return {?}
          */
-        function () { return ro.disconnect(); }));
+        function () { return _this.finalizeAndDispose(); }));
     };
-    Object.defineProperty(ResizeAwareComponent.prototype, "boundsModel", {
-        get: /**
+    /**
+     * @param {?=} error
+     * @return {?}
+     */
+    AbstractActivity.prototype.cancel = /**
+     * @param {?=} error
+     * @return {?}
+     */
+    function (error) {
+        var _this = this;
+        return this._cancelListeners
+            .fireAndWait((/**
+         * @param {?} l
          * @return {?}
          */
-        function () {
-            return this._boundsModel.readonly;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ResizeAwareComponent.prototype, "nativeElement", {
-        get: /**
+        function (l) { return l(error); }))
+            .finally((/**
          * @return {?}
          */
-        function () {
-            return this.elementRef.nativeElement;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    // TODO: Make this handle body scroll
-    // TODO: Make this handle body scroll
+        function () { return _this.finalizeAndDispose(); }));
+    };
     /**
-     * @param {?} point
+     * @private
      * @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 = 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 EventListenerList();
-        _this._cancelListeners = new EventListenerList();
-        _this._finishListeners = new EventListenerList();
-        _this._busyModel = new 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
+    AbstractActivity.prototype.finalizeAndDispose = /**
+     * @private
      * @return {?}
      */
     function () {
@@ -1181,86 +939,6 @@ if (false) {
     Activity.prototype.onCancel = function (callback) { };
 }
 
-/**
- * @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
- */
-/** @type {?} */
-var INTERACTION_CONTEXT = new 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
@@ -1885,36 +1563,594 @@ var InteractionModule = /** @class */ (function () {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-/**
- * @record
- * @template R, E
- */
-function Result() { }
-(function (Result) {
+var BusyOverlayComponent = /** @class */ (function () {
+    function BusyOverlayComponent() {
+    }
     /**
-     * @record
-     * @template R, E
+     * @return {?}
      */
-    function Callback() { }
-    Result.Callback = Callback;
-    if (false) {
-        /** @type {?} */
-        Callback.prototype.then;
-        /** @type {?} */
-        Callback.prototype.catch;
-    }
-})(Result || (Result = {}));
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- * @template D, R, E
- */
-function ActivityOutletContext() { }
-if (false) {
+    BusyOverlayComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+    };
+    BusyOverlayComponent.decorators = [
+        { type: 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: Input }],
+        busy: [{ type: Input }]
+    };
+    __decorate([
+        UseDelegatingValueModel(),
+        __metadata("design:type", ValueModel)
+    ], BusyOverlayComponent.prototype, "busyModel", void 0);
+    __decorate([
+        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: 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 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: Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    /** @nocollapse */
+    PlaceService.ctorParameters = function () { return []; };
+    /** @nocollapse */ PlaceService.ngInjectableDef = ɵɵdefineInjectable({ factory: function PlaceService_Factory() { return new PlaceService(); }, token: PlaceService, providedIn: "root" });
+    __decorate([
+        Trace(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], PlaceService.prototype, "onActivate", null);
+    __decorate([
+        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: 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: NgModule, args: [{
+                    imports: [
+                        CommonModule,
+                        MatProgressSpinnerModule,
+                        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: NgModule, args: [{
+                    declarations: [
+                        CommandDirective,
+                        FocusBindingDirective,
+                        NumberInputComponent,
+                        StringInputComponent,
+                        PasswordInputComponent,
+                        SelectInputComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        BrowserModule,
+                        BrowserAnimationsModule,
+                        FormsModule,
+                        MatInputModule,
+                        MatFormFieldModule,
+                        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
+ */
+var 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 {?} */
+    Bounds.prototype.top;
+    /** @type {?} */
+    Bounds.prototype.left;
+    /** @type {?} */
+    Bounds.prototype.width;
+    /** @type {?} */
+    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;
+})(Bounds || (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 ValueHolder(new 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 = 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
+ */
+/**
+ * @record
+ * @template R, E
+ */
+function Result() { }
+(function (Result) {
+    /**
+     * @record
+     * @template R, E
+     */
+    function Callback() { }
+    Result.Callback = Callback;
+    if (false) {
+        /** @type {?} */
+        Callback.prototype.then;
+        /** @type {?} */
+        Callback.prototype.catch;
+    }
+})(Result || (Result = {}));
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * @record
+ * @template D, R, E
+ */
+function ActivityOutletContext() { }
+if (false) {
     /** @type {?} */
     ActivityOutletContext.prototype.interactionContext;
     /** @type {?} */
@@ -2391,240 +2627,6 @@ if (false) {
     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: 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: Input }],
-        busy: [{ type: Input }]
-    };
-    __decorate([
-        UseDelegatingValueModel(),
-        __metadata("design:type", ValueModel)
-    ], BusyOverlayComponent.prototype, "busyModel", void 0);
-    __decorate([
-        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: 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 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: Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    /** @nocollapse */
-    PlaceService.ctorParameters = function () { return []; };
-    /** @nocollapse */ PlaceService.ngInjectableDef = ɵɵdefineInjectable({ factory: function PlaceService_Factory() { return new PlaceService(); }, token: PlaceService, providedIn: "root" });
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], PlaceService.prototype, "onActivate", null);
-    __decorate([
-        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: 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: NgModule, args: [{
-                    imports: [
-                        CommonModule,
-                        MatProgressSpinnerModule,
-                        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
@@ -3160,5 +3162,5 @@ var ParameterType;
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { ACTIVITY_DATA, AbstractActivity, AbstractInputComponent, AbstractPlaceComponent, ActivityContainerComponent, ActivityOutletComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CommandDirective, ConfirmationDialogComponent, DialogInteractionService, Dimension, DisposableComponent, EmptyStateComponent, FocusBindingDirective, INTERACTION_CONTEXT, InteractionContext, InteractionModule, LeavePlaceGuard, NumberInputComponent, ParameterType, PasswordInputComponent, Place, PlaceModule, PlaceOutletComponent, PlaceRouteGuard, PlaceService, Point, QueryParameter, ResizeAwareComponent, RouteId, RouteParameterBindings, RouteParameterSanitiser, SelectInputComponent, StringInputComponent, CommandDirective as ɵa, FocusBindingDirective as ɵb, DisposableComponent as ɵc, NumberInputComponent as ɵd, AbstractInputComponent as ɵe, StringInputComponent as ɵf, PasswordInputComponent as ɵg, SelectInputComponent as ɵh };
+export { ACTIVITY_DATA, AbstractActivity, AbstractInputComponent, AbstractPlaceComponent, ActivityContainerComponent, ActivityOutletComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CommandDirective, ConfirmationDialogComponent, DialogInteractionService, Dimension, DisposableComponent, EmptyStateComponent, FocusBindingDirective, INTERACTION_CONTEXT, InteractionContext, InteractionModule, LeavePlaceGuard, NumberInputComponent, ParameterType, PasswordInputComponent, Place, PlaceModule, PlaceOutletComponent, PlaceRouteGuard, PlaceService, Point, QueryParameter, ResizeAwareComponent, RouteId, RouteParameterBindings, RouteParameterSanitiser, SelectInputComponent, StringInputComponent, CommandDirective as ɵa, FocusBindingDirective as ɵb, DisposableComponent as ɵc, NumberInputComponent as ɵd, AbstractInputComponent as ɵe, StringInputComponent as ɵf, PasswordInputComponent as ɵg, SelectInputComponent as ɵh, InteractionModule as ɵi, ActivityContainerComponent as ɵj, ConfirmationDialogComponent as ɵk, AbstractActivity as ɵl, ACTIVITY_DATA as ɵm, AlertDialogComponent as ɵo, ActivityOutletComponent as ɵq, DialogInteractionService as ɵr, InteractionContext as ɵs, PlaceModule as ɵt, EmptyStateComponent as ɵu, BusyOverlayComponent as ɵv, PlaceOutletComponent as ɵw, PlaceService as ɵx };
 //# sourceMappingURL=coolon-angular-ui-powerups.js.map