@coolon/angular-ui-powerups 0.0.1 → 0.0.3

package/fesm2015/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 { __decorate, __metadata, __awaiter } 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';
 
@@ -578,251 +578,36 @@ if (false) {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-class 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,
-                ]
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class Dimension {
-    /**
-     * @param {?} width
-     * @param {?} height
-     */
-    constructor(width, height) {
-        this.width = width;
-        this.height = height;
-    }
-}
-if (false) {
-    /** @type {?} */
-    Dimension.prototype.width;
-    /** @type {?} */
-    Dimension.prototype.height;
-}
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class Point {
-    /**
-     * @param {?} x
-     * @param {?} y
-     */
-    constructor(x, y) {
-        this.x = x;
-        this.y = y;
-    }
-    /**
-     * @param {?} data
-     * @return {?}
-     */
-    static from(data) {
-        return new Point(data.x, data.y);
-    }
-    /**
-     * @param {?} x
-     * @param {?} y
-     * @return {?}
-     */
-    translate(x, y) {
-        return new Point(this.x + x, this.y + y);
-    }
-}
-if (false) {
-    /** @type {?} */
-    Point.prototype.x;
-    /** @type {?} */
-    Point.prototype.y;
-}
-
+/** @type {?} */
+const INTERACTION_CONTEXT = new InjectionToken('InteractionContext');
 /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @abstract
  */
-class Bounds extends Dimension {
-    /**
-     * @param {?} top
-     * @param {?} left
-     * @param {?} width
-     * @param {?} height
-     */
-    constructor(top, left, width, height) {
-        super(width, height);
-        this.top = top;
-        this.left = left;
-        this.width = width;
-        this.height = height;
-    }
-    /**
-     * @param {?} point
-     * @return {?}
-     */
-    relativePositionOf(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);
-        }
-    }
+class InteractionContext {
 }
 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 {?} */
-        const 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
- */
-class ResizeAwareComponent extends DisposableComponent {
-    /**
-     * @param {?} elementRef
-     * @param {?} ngZone
-     */
-    constructor(elementRef, ngZone) {
-        super();
-        this.elementRef = elementRef;
-        this.ngZone = ngZone;
-        this._boundsModel = new ValueHolder(new Bounds(0, 0, 0, 0));
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.updateBounds();
-        /** @type {?} */
-        const element = this.elementRef.nativeElement;
-        /** @type {?} */
-        const ro = new ResizeObserver((/**
-         * @param {?} entries
-         * @param {?} observer
-         * @return {?}
-         */
-        (entries, observer) => {
-            this.ngZone.run((/**
-             * @return {?}
-             */
-            () => this.updateBounds()));
-        }));
-        ro.observe(element);
-        this.onDispose((/**
-         * @return {?}
-         */
-        () => ro.disconnect()));
-    }
-    /**
-     * @return {?}
-     */
-    get boundsModel() {
-        return this._boundsModel.readonly;
-    }
-    /**
-     * @return {?}
-     */
-    get nativeElement() {
-        return this.elementRef.nativeElement;
-    }
-    // TODO: Make this handle body scroll
     /**
-     * @param {?} point
+     * @abstract
+     * @template D, R, E
+     * @param {?} activityType
+     * @param {?=} data
      * @return {?}
      */
-    relativePositionOf(point) {
-        return this.bounds.relativePositionOf(point);
-    }
+    InteractionContext.prototype.startActivity = function (activityType, data) { };
     /**
+     * @abstract
+     * @param {?} confirm
      * @return {?}
      */
-    get bounds() {
-        return this._boundsModel.value;
-    }
+    InteractionContext.prototype.confirm = function (confirm) { };
     /**
-     * @private
+     * @abstract
+     * @param {?} alert
      * @return {?}
      */
-    updateBounds() {
-        this._boundsModel.value = Bounds.ofElement(this.nativeElement);
-    }
-}
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    ResizeAwareComponent.prototype._boundsModel;
-    /**
-     * @type {?}
-     * @protected
-     */
-    ResizeAwareComponent.prototype.elementRef;
-    /**
-     * @type {?}
-     * @protected
-     */
-    ResizeAwareComponent.prototype.ngZone;
+    InteractionContext.prototype.alert = function (alert) { };
 }
 
-/**
- * @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
@@ -980,83 +765,9 @@ if (false) {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-/**
- * @record
- */
-function Alert() { }
-if (false) {
+class AlertDialogComponent extends AbstractActivity {
     /**
-     * @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 {?} */
-const INTERACTION_CONTEXT = new InjectionToken('InteractionContext');
-/**
- * @abstract
- */
-class 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
- */
-class AlertDialogComponent extends AbstractActivity {
-    /**
-     * @param {?} alert
+     * @param {?} alert
      */
     constructor(alert) {
         super();
@@ -1567,171 +1278,667 @@ InteractionModule.decorators = [
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-/**
- * @record
- * @template R, E
- */
-function Result() { }
-(function (Result) {
+class BusyOverlayComponent {
+    constructor() {
+    }
     /**
-     * @record
-     * @template R, E
+     * @return {?}
      */
-    function Callback() { }
-    Result.Callback = Callback;
-    if (false) {
-        /** @type {?} */
-        Callback.prototype.then;
-        /** @type {?} */
-        Callback.prototype.catch;
+    ngOnInit() {
     }
-})(Result || (Result = {}));
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- * @template D, R, E
- */
-function ActivityOutletContext() { }
+}
+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 = () => [];
+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);
 if (false) {
     /** @type {?} */
-    ActivityOutletContext.prototype.interactionContext;
-    /** @type {?} */
-    ActivityOutletContext.prototype.activityClass;
-    /** @type {?} */
-    ActivityOutletContext.prototype.activityData;
-    /** @type {?} */
-    ActivityOutletContext.prototype.onDone;
+    BusyOverlayComponent.prototype.busyModel;
     /** @type {?} */
-    ActivityOutletContext.prototype.onCancel;
+    BusyOverlayComponent.prototype.busy;
 }
 
 /**
  * @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
- */
-/**
- * @param {?} options
- * @return {?}
- */
-function Place(options) {
-    return (/**
-     * @param {?} target
-     * @return {?}
-     */
-    (target) => {
-        Reflect.defineMetadata('place.options', options, target);
-    });
-}
-(function (Place) {
-    /**
-     * @record
-     */
-    function Options() { }
-    Place.Options = Options;
-    if (false) {
-        /** @type {?} */
-        Options.prototype.path;
-        /** @type {?} */
-        Options.prototype.title;
-        /** @type {?|undefined} */
-        Options.prototype.authenticate;
-    }
-    class Descriptor {
-        /**
-         * @param {?} placeClass
-         * @param {?} options
-         */
-        constructor(placeClass, options) {
-            assert.notNil(options);
-            this.path = options.path;
-            this.title = options.title;
-            this.authenticate = isNil(options.authenticate) || options.authenticate;
-        }
-    }
-    Place.Descriptor = Descriptor;
-    if (false) {
-        /** @type {?} */
-        Descriptor.prototype.path;
-        /** @type {?} */
-        Descriptor.prototype.authenticate;
-        /** @type {?} */
-        Descriptor.prototype.title;
+class EmptyStateComponent {
+    constructor() {
     }
     /**
-     * @param {?} klass
      * @return {?}
      */
-    function getDescriptor(klass) {
-        /** @type {?} */
-        const placeOptions = Reflect.getMetadata('place.options', klass);
-        return new Descriptor(klass, placeOptions);
+    ngOnInit() {
     }
-    Place.getDescriptor = getDescriptor;
-})(Place || (Place = {}));
+}
+EmptyStateComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'angular-ui-powerups-empty-state',
+                template: `
+      <div class="container">
+          <ng-content></ng-content>
+      </div>
+  `,
+                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 = () => [];
 
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-/**
- * @record
- * @template T
- */
-function ResolvedParameter() { }
-if (false) {
-    /** @type {?} */
-    ResolvedParameter.prototype.parameter;
-    /** @type {?} */
-    ResolvedParameter.prototype.resolvedValue;
-}
-class ResolvedParameters {
-    /**
-     * @param {?} parameters
-     */
-    constructor(parameters) {
-        this.parameters = parameters;
+class PlaceService {
+    constructor() {
+        this._activePlaces = new MutableListModel();
     }
     /**
-     * @template T
-     * @param {?} parameter
      * @return {?}
      */
-    get(parameter) {
-        /** @type {?} */
-        const resolved = this.parameters.find((/**
-         * @param {?} p
-         * @return {?}
-         */
-        p => p.parameter === parameter));
-        return resolved ? resolved.resolvedValue : null;
+    get activePlaces() {
+        return this._activePlaces.readonly;
     }
     /**
-     * @template T
-     * @param {?} parameter
-     * @param {?} value
+     * @param {?} place
      * @return {?}
      */
-    replace(parameter, value) {
-        return new ResolvedParameters(this.parameters.filter((/**
-         * @param {?} p
-         * @return {?}
-         */
-        p => p.parameter !== parameter)).concat({
-            parameter,
-            resolvedValue: value
-        }));
+    onActivate(place) {
+        this._activePlaces.push(place);
     }
     /**
-     * @protected
+     * @param {?} place
+     * @return {?}
+     */
+    onDeactivate(place) {
+        this._activePlaces.remove(place);
+    }
+}
+PlaceService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+/** @nocollapse */
+PlaceService.ctorParameters = () => [];
+/** @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);
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    PlaceService.prototype._activePlaces;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class PlaceOutletComponent {
+    /**
+     * @param {?} placeService
+     */
+    constructor(placeService) {
+        this.placeService = placeService;
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+    }
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    onActivate($event) {
+        this.placeService.onActivate($event);
+    }
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    onDeactivate($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 = () => [
+    { type: PlaceService }
+];
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    PlaceOutletComponent.prototype.placeService;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class PlaceModule {
+}
+PlaceModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    MatProgressSpinnerModule,
+                    RouterModule
+                ],
+                declarations: [
+                    EmptyStateComponent,
+                    BusyOverlayComponent,
+                    PlaceOutletComponent
+                ],
+                entryComponents: [BusyOverlayComponent],
+                exports: [
+                    BusyOverlayComponent,
+                    PlaceOutletComponent,
+                    EmptyStateComponent
+                ],
+                providers: [
+                    PlaceService
+                ]
+            },] }
+];
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class 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,
+                ]
+            },] }
+];
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class Dimension {
+    /**
+     * @param {?} width
+     * @param {?} height
+     */
+    constructor(width, height) {
+        this.width = width;
+        this.height = height;
+    }
+}
+if (false) {
+    /** @type {?} */
+    Dimension.prototype.width;
+    /** @type {?} */
+    Dimension.prototype.height;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class Point {
+    /**
+     * @param {?} x
+     * @param {?} y
+     */
+    constructor(x, y) {
+        this.x = x;
+        this.y = y;
+    }
+    /**
+     * @param {?} data
+     * @return {?}
+     */
+    static from(data) {
+        return new Point(data.x, data.y);
+    }
+    /**
+     * @param {?} x
+     * @param {?} y
+     * @return {?}
+     */
+    translate(x, y) {
+        return new Point(this.x + x, this.y + y);
+    }
+}
+if (false) {
+    /** @type {?} */
+    Point.prototype.x;
+    /** @type {?} */
+    Point.prototype.y;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class Bounds extends Dimension {
+    /**
+     * @param {?} top
+     * @param {?} left
+     * @param {?} width
+     * @param {?} height
+     */
+    constructor(top, left, width, height) {
+        super(width, height);
+        this.top = top;
+        this.left = left;
+        this.width = width;
+        this.height = height;
+    }
+    /**
+     * @param {?} point
+     * @return {?}
+     */
+    relativePositionOf(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);
+        }
+    }
+}
+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 {?} */
+        const 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
+ */
+class ResizeAwareComponent extends DisposableComponent {
+    /**
+     * @param {?} elementRef
+     * @param {?} ngZone
+     */
+    constructor(elementRef, ngZone) {
+        super();
+        this.elementRef = elementRef;
+        this.ngZone = ngZone;
+        this._boundsModel = new ValueHolder(new Bounds(0, 0, 0, 0));
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.updateBounds();
+        /** @type {?} */
+        const element = this.elementRef.nativeElement;
+        /** @type {?} */
+        const ro = new ResizeObserver((/**
+         * @param {?} entries
+         * @param {?} observer
+         * @return {?}
+         */
+        (entries, observer) => {
+            this.ngZone.run((/**
+             * @return {?}
+             */
+            () => this.updateBounds()));
+        }));
+        ro.observe(element);
+        this.onDispose((/**
+         * @return {?}
+         */
+        () => ro.disconnect()));
+    }
+    /**
+     * @return {?}
+     */
+    get boundsModel() {
+        return this._boundsModel.readonly;
+    }
+    /**
+     * @return {?}
+     */
+    get nativeElement() {
+        return this.elementRef.nativeElement;
+    }
+    // TODO: Make this handle body scroll
+    /**
+     * @param {?} point
+     * @return {?}
+     */
+    relativePositionOf(point) {
+        return this.bounds.relativePositionOf(point);
+    }
+    /**
+     * @return {?}
+     */
+    get bounds() {
+        return this._boundsModel.value;
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    updateBounds() {
+        this._boundsModel.value = Bounds.ofElement(this.nativeElement);
+    }
+}
+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 {?} */
+    ActivityOutletContext.prototype.activityClass;
+    /** @type {?} */
+    ActivityOutletContext.prototype.activityData;
+    /** @type {?} */
+    ActivityOutletContext.prototype.onDone;
+    /** @type {?} */
+    ActivityOutletContext.prototype.onCancel;
+}
+
+/**
+ * @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
+ */
+/**
+ * @param {?} options
+ * @return {?}
+ */
+function Place(options) {
+    return (/**
+     * @param {?} target
+     * @return {?}
+     */
+    (target) => {
+        Reflect.defineMetadata('place.options', options, target);
+    });
+}
+(function (Place) {
+    /**
+     * @record
+     */
+    function Options() { }
+    Place.Options = Options;
+    if (false) {
+        /** @type {?} */
+        Options.prototype.path;
+        /** @type {?} */
+        Options.prototype.title;
+        /** @type {?|undefined} */
+        Options.prototype.authenticate;
+    }
+    class Descriptor {
+        /**
+         * @param {?} placeClass
+         * @param {?} options
+         */
+        constructor(placeClass, options) {
+            assert.notNil(options);
+            this.path = options.path;
+            this.title = options.title;
+            this.authenticate = isNil(options.authenticate) || options.authenticate;
+        }
+    }
+    Place.Descriptor = Descriptor;
+    if (false) {
+        /** @type {?} */
+        Descriptor.prototype.path;
+        /** @type {?} */
+        Descriptor.prototype.authenticate;
+        /** @type {?} */
+        Descriptor.prototype.title;
+    }
+    /**
+     * @param {?} klass
+     * @return {?}
+     */
+    function getDescriptor(klass) {
+        /** @type {?} */
+        const placeOptions = Reflect.getMetadata('place.options', klass);
+        return new Descriptor(klass, placeOptions);
+    }
+    Place.getDescriptor = getDescriptor;
+})(Place || (Place = {}));
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * @record
+ * @template T
+ */
+function ResolvedParameter() { }
+if (false) {
+    /** @type {?} */
+    ResolvedParameter.prototype.parameter;
+    /** @type {?} */
+    ResolvedParameter.prototype.resolvedValue;
+}
+class ResolvedParameters {
+    /**
+     * @param {?} parameters
+     */
+    constructor(parameters) {
+        this.parameters = parameters;
+    }
+    /**
+     * @template T
+     * @param {?} parameter
+     * @return {?}
+     */
+    get(parameter) {
+        /** @type {?} */
+        const resolved = this.parameters.find((/**
+         * @param {?} p
+         * @return {?}
+         */
+        p => p.parameter === parameter));
+        return resolved ? resolved.resolvedValue : null;
+    }
+    /**
+     * @template T
+     * @param {?} parameter
+     * @param {?} value
+     * @return {?}
+     */
+    replace(parameter, value) {
+        return new ResolvedParameters(this.parameters.filter((/**
+         * @param {?} p
+         * @return {?}
+         */
+        p => p.parameter !== parameter)).concat({
+            parameter,
+            resolvedValue: value
+        }));
+    }
+    /**
+     * @protected
      * @return {?}
      */
     getFormattedRouteId() {
@@ -2026,211 +2233,6 @@ if (false) {
     PlaceComponent.prototype.canDeactivate = function () { };
 }
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class BusyOverlayComponent {
-    constructor() {
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-    }
-}
-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 = () => [];
-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);
-if (false) {
-    /** @type {?} */
-    BusyOverlayComponent.prototype.busyModel;
-    /** @type {?} */
-    BusyOverlayComponent.prototype.busy;
-}
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class EmptyStateComponent {
-    constructor() {
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-    }
-}
-EmptyStateComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'angular-ui-powerups-empty-state',
-                template: `
-      <div class="container">
-          <ng-content></ng-content>
-      </div>
-  `,
-                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 = () => [];
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class PlaceService {
-    constructor() {
-        this._activePlaces = new MutableListModel();
-    }
-    /**
-     * @return {?}
-     */
-    get activePlaces() {
-        return this._activePlaces.readonly;
-    }
-    /**
-     * @param {?} place
-     * @return {?}
-     */
-    onActivate(place) {
-        this._activePlaces.push(place);
-    }
-    /**
-     * @param {?} place
-     * @return {?}
-     */
-    onDeactivate(place) {
-        this._activePlaces.remove(place);
-    }
-}
-PlaceService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-/** @nocollapse */
-PlaceService.ctorParameters = () => [];
-/** @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);
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceService.prototype._activePlaces;
-}
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class PlaceOutletComponent {
-    /**
-     * @param {?} placeService
-     */
-    constructor(placeService) {
-        this.placeService = placeService;
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-    }
-    /**
-     * @param {?} $event
-     * @return {?}
-     */
-    onActivate($event) {
-        this.placeService.onActivate($event);
-    }
-    /**
-     * @param {?} $event
-     * @return {?}
-     */
-    onDeactivate($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 = () => [
-    { type: PlaceService }
-];
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceOutletComponent.prototype.placeService;
-}
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class PlaceModule {
-}
-PlaceModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    MatProgressSpinnerModule,
-                    RouterModule
-                ],
-                declarations: [
-                    EmptyStateComponent,
-                    BusyOverlayComponent,
-                    PlaceOutletComponent
-                ],
-                entryComponents: [BusyOverlayComponent],
-                exports: [
-                    BusyOverlayComponent,
-                    PlaceOutletComponent,
-                    EmptyStateComponent
-                ],
-                providers: [
-                    PlaceService
-                ]
-            },] }
-];
-
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -2683,5 +2685,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