@coolon/angular-ui-powerups 1.7.0 → 1.9.0

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

@@ -5,17 +5,18 @@ import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatSelectModule } from '@angular/material/select';
-import { MatTabsModule, MatTabGroup } from '@angular/material/tabs';
+import { MatTabsModule, MatTabGroup, MAT_TABS_CONFIG } from '@angular/material/tabs';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatIconModule } from '@angular/material/icon';
-import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, Command, FocusManager, DelegatingFormValueModel, TrackExternal, ListModel, StoreInListModel, ValueModel, StoreInValueModel, Deferred, Trace, MutableListModel, MutableValueModel, Guard, DebugContext, Binding, Functions } from '@coolon/pectin';
+import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, Command, FocusManager, DelegatingFormValueModel, TrackExternal, ListModel, StoreInListModel, ValueModel, StoreInValueModel, MutableValueModel, Deferred, Trace, MutableListModel, Guard, DebugContext, Binding, Functions } from '@coolon/pectin';
 import { PortalModule } from '@angular/cdk/portal';
-import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
+import { MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS, MatDialogModule } from '@angular/material/dialog';
 import { RouterModule, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel, RouterOutlet } from '@angular/router';
-import { assert as assert$1, lang as lang$1, Opts, Klass } from '@coolon/typescript-utilities';
 import ___default, { isEqual, isNil } from 'lodash';
+import ResizeObserver from 'resize-observer-polyfill';
+import { assert as assert$1, lang as lang$1, Opts, Klass } from '@coolon/typescript-utilities';
 import { FlexModule } from '@angular/flex-layout';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatListModule } from '@angular/material/list';
@@ -24,7 +25,6 @@ import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
 import { Memoize as Memoize$1 } from '@typescript-plus/fast-memoize-decorator';
 import 'reflect-metadata';
 import { style, query, group, animate, trigger, transition } from '@angular/animations';
-import ResizeObserver from 'resize-observer-polyfill';
 import { Observable } from 'rxjs';
 
 let CommandDirective = class CommandDirective extends GarbageCollector {
@@ -749,7 +749,7 @@ __decorate([
 TextInputComponent = __decorate([
     Component({
         selector: 'aup-text-input',
-        template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <textarea matInput\n            placeholder=\"{{placeholder}}\"\n            [(ngModel)]=\"valueModel.value\"\n            [disabled]=\"!enabled.value\"\n            (keydown.enter)=\"notifyEnterKey()\"\n            (keydown.escape)=\"notifyEscapeKey()\"\n            [pectinFocusBinding]=\"delegatingFormValueModel.focusContext\"\n            [errorStateMatcher]=\"errorStateMatcher\"\n            [rows]=\"rows\"\n            [cols]=\"cols\"\n  >\n  </textarea>\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+        template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <textarea matInput\n            placeholder=\"{{placeholder}}\"\n            [(ngModel)]=\"valueModel.value\"\n            [disabled]=\"!enabled.value\"\n            (keydown.enter)=\"notifyEnterKey()\"\n            (keydown.escape)=\"notifyEscapeKey()\"\n            [pectinFocusBinding]=\"delegatingFormValueModel.focusContext\"\n            [errorStateMatcher]=\"errorStateMatcher\"\n            [rows]=\"rows\"\n            [cols]=\"cols\"\n  >\n  </textarea>\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
         styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}button[disabled]{visibility:hidden}textarea{overflow:auto}"]
     }),
     __metadata("design:paramtypes", [])
@@ -1082,6 +1082,142 @@ ComponentsModule = __decorate([
     })
 ], ComponentsModule);
 
+class Dimension {
+    constructor(width, height) {
+        this.width = width;
+        this.height = height;
+    }
+}
+
+class Point {
+    constructor(x, y) {
+        this.x = x;
+        this.y = y;
+    }
+    static from(data) {
+        return new Point(data.x, data.y);
+    }
+    translate(x, y) {
+        return new Point(this.x + x, this.y + y);
+    }
+}
+
+class Bounds extends Dimension {
+    constructor(top, left, width, height) {
+        super(width, height);
+        this.top = top;
+        this.left = left;
+        this.width = width;
+        this.height = height;
+    }
+    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);
+        }
+    }
+}
+(function (Bounds) {
+    function ofElement(element) {
+        const rect = element.getBoundingClientRect();
+        return new Bounds(rect.top, rect.left, rect.width, rect.height);
+    }
+    Bounds.ofElement = ofElement;
+})(Bounds || (Bounds = {}));
+
+let ResizeAwareComponent = class ResizeAwareComponent extends DisposableComponent {
+    constructor(elementRef, ngZone) {
+        super();
+        this.elementRef = elementRef;
+        this.ngZone = ngZone;
+        this._boundsModel = new MutableValueModel(new Bounds(0, 0, 0, 0));
+    }
+    ngAfterViewInit() {
+        this.updateBounds();
+        const element = this.elementRef.nativeElement;
+        const ro = new ResizeObserver((entries, observer) => {
+            this.ngZone.run(() => this.updateBounds());
+        });
+        ro.observe(element);
+        this.onDispose(() => ro.disconnect());
+    }
+    get boundsModel() {
+        return this._boundsModel.readonly;
+    }
+    get nativeElement() {
+        return this.elementRef.nativeElement;
+    }
+    // TODO: Make this handle body scroll
+    relativePositionOf(point) {
+        return this.bounds.relativePositionOf(point);
+    }
+    get bounds() {
+        return this._boundsModel.value;
+    }
+    updateBounds() {
+        this._boundsModel.value = Bounds.ofElement(this.nativeElement);
+    }
+};
+ResizeAwareComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: NgZone }
+];
+ResizeAwareComponent = __decorate([
+    Directive(),
+    __metadata("design:paramtypes", [ElementRef, NgZone])
+], ResizeAwareComponent);
+
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+let ActivityActionsComponent = class ActivityActionsComponent extends DisposableComponent {
+    constructor() {
+        super(...arguments);
+        this.align = 'start';
+    }
+    get alignEnd() {
+        return this.align === 'end';
+    }
+    ngOnInit() {
+    }
+    hasConfirmText() {
+        return !___default.isEmpty(this.confirmText);
+    }
+};
+__decorate([
+    Input(),
+    TrackExternal(),
+    __metadata("design:type", Command)
+], ActivityActionsComponent.prototype, "confirmCommand", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], ActivityActionsComponent.prototype, "confirmText", void 0);
+__decorate([
+    Input(),
+    TrackExternal(),
+    __metadata("design:type", Command)
+], ActivityActionsComponent.prototype, "cancelCommand", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], ActivityActionsComponent.prototype, "align", void 0);
+__decorate([
+    HostBinding('class.align-end'),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [])
+], ActivityActionsComponent.prototype, "alignEnd", null);
+ActivityActionsComponent = __decorate([
+    Component({
+        selector: 'aup-activity-actions',
+        template: "<button mat-icon-button [pectinCommand]=\"cancelCommand\"><mat-icon>clear</mat-icon></button>\n<button *ngIf=\"!hasConfirmText()\" mat-icon-button [pectinCommand]=\"confirmCommand\"><mat-icon>done</mat-icon></button>\n<button *ngIf=\"hasConfirmText()\" mat-button [pectinCommand]=\"confirmCommand\">{{confirmText}}</button>\n",
+        styles: [":host{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}:host.align-end{justify-content:flex-end}"]
+    })
+], ActivityActionsComponent);
+
 const ACTIVITY_DATA = new InjectionToken('InteractionActivityData');
 class Activity extends DisposableComponent {
     constructor() {
@@ -1598,21 +1734,6 @@ let InteractionService = InteractionService_1 = class InteractionService {
         // Todo: allow multiple inplace interactions..
         interactionContext.initialise(`ip${++inplaceMonitorCount}`, new InteractionService_1.ApiAdapter(this.placeRouter, this.inPlaceInteractionRegistry));
     }
-    // private assertModalCanStart() {
-    //   assert.isFalsey(this.inExclusiveInteraction.value);
-    //   assert.isFalsey(this.modalActive.value);
-    // }
-    //
-    // private assertInPlaceCanStart() {
-    //   assert.isFalsey(this.inExclusiveInteraction.value);
-    //   assert.isFalsey(this.modalActive.value);
-    //   assert.isFalsey(this._activeInlineContext.value);
-    // }
-    // // @Trace()
-    // getActiveContext(): InteractionContext {
-    //   assert.isTruthy(this.isActive());
-    //   return this._activeContext.value;
-    // }
     /**
      * Creates an interaction context that will prevent any other contexts from starting an
      * activity until it is disposed.  This is intended for use by the router for passing
@@ -1704,9 +1825,19 @@ InteractionService = InteractionService_1 = __decorate([
 })(InteractionService || (InteractionService = {}));
 
 let InPlaceInteractionContextComponent = class InPlaceInteractionContextComponent extends DisposableComponent {
-    constructor(interactionService) {
+    constructor(interactionService, tabConfig) {
         super();
         this.interactionService = interactionService;
+        this.tabConfig = tabConfig;
+        /**
+         * If true then the first startActivity call will slide the activity into view. If false
+         * the activity will replace the existing content immediately.
+         */
+        this.animateFirstActivity = true;
+    }
+    get animationDuration() {
+        var _a;
+        return this.animateFirstActivity ? (((_a = this.tabConfig) === null || _a === void 0 ? void 0 : _a.animationDuration) || '500ms') : "0ms";
     }
     ngAfterViewInit() {
         this.interactionService.registerInplaceInteractionContext(this);
@@ -1740,21 +1871,179 @@ let InPlaceInteractionContextComponent = class InPlaceInteractionContextComponen
     }
 };
 InPlaceInteractionContextComponent.ctorParameters = () => [
-    { type: InteractionService }
+    { type: InteractionService },
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_TABS_CONFIG,] }, { type: Optional }] }
 ];
 __decorate([
     ViewChild('activityContainer', { static: true }),
     __metadata("design:type", ActivityContainerComponent)
 ], InPlaceInteractionContextComponent.prototype, "activityContainerComponent", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InPlaceInteractionContextComponent.prototype, "animateFirstActivity", void 0);
 InPlaceInteractionContextComponent = __decorate([
     Component({
         selector: 'aup-in-place-interaction-context',
-        template: "<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\">\n  <mat-tab>\n    <ng-content></ng-content>\n  </mat-tab>\n  <mat-tab>\n    <aup-activity-container #activityContainer [dynamicHeight]=\"false\"></aup-activity-container>\n  </mat-tab>\n</mat-tab-group>\n\n",
+        template: "<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\" [animationDuration]=\"animationDuration\">\n  <mat-tab>\n    <ng-content></ng-content>\n  </mat-tab>\n  <mat-tab>\n    <aup-activity-container #activityContainer [dynamicHeight]=\"false\"></aup-activity-container>\n  </mat-tab>\n</mat-tab-group>\n\n",
         styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
     }),
-    __metadata("design:paramtypes", [InteractionService])
+    __param(1, Inject(MAT_TABS_CONFIG)), __param(1, Optional()),
+    __metadata("design:paramtypes", [InteractionService, Object])
 ], InPlaceInteractionContextComponent);
 
+class DialogInteractionContext extends AbstractInteractionContext {
+    constructor(identifier, api, dialogService, config) {
+        super();
+        this.identifier = identifier;
+        this.api = api;
+        this.dialogService = dialogService;
+        this.config = config;
+        this.garbage = new GarbageCollector();
+        assert$1.notNil(dialogService);
+    }
+    cancelActiveActivity() {
+        return this.activityContainer.cancelActiveActivity();
+    }
+    dispose() {
+        if (this.isActive()) {
+            lang.illegalState('Dispose called while active.');
+        }
+        this.garbage.dispose();
+    }
+    registerDisposable(disposable) {
+        return this.garbage.registerDisposable(disposable);
+    }
+    isActive() {
+        return !!this.activityContainer && this.activityContainer.isActive();
+    }
+    createAndLaunchActivity(activityType, data, disableClose) {
+        assert$1.isNil(this._currentActivityRef);
+        const config = Object.assign(Object.assign({}, this.config), {
+            disableClose,
+            panelClass: 'dialog-interaction-context'
+        });
+        const self = this;
+        const matDialogRef = this.dialogService.open(ActivityContainerComponent, config);
+        const activityContainer = this.activityContainer = matDialogRef.componentInstance;
+        this.activityContainer.initialise(this.identifier, this.api);
+        const activityResult = this.activityContainer.startActivity(activityType, data);
+        activityResult.finally(() => matDialogRef.close());
+        // we need to check if our onDone/onCancel methods above we called or if we were
+        // closed by the user clicking the backdrop.  If the later then we need to cancel our
+        // activity.
+        matDialogRef.afterClosed().subscribe(promiseAlreadyFinished => {
+            if (activityContainer.isActive()) {
+                activityContainer.cancelActiveActivity();
+            }
+            this.activityContainer = null;
+        });
+        matDialogRef.updateSize();
+        matDialogRef.afterOpened().subscribe(promiseAlreadyFinished => {
+            matDialogRef.updateSize();
+        });
+        return activityResult;
+    }
+}
+
+const DIALOG_INTERACTION_SERVICE_DEFAULTS = new InjectionToken('DIALOG_INTERACTION_SERVICE_DEFAULTS');
+let DialogInteractionContextFactory = class DialogInteractionContextFactory extends ModalInteractionContextFactory {
+    constructor(dialogService, dialogServiceDefaults, matDialogDefaultConfig) {
+        super();
+        this.dialogService = dialogService;
+        this.dialogServiceDefaults = dialogServiceDefaults;
+        this.matDialogDefaultConfig = matDialogDefaultConfig;
+        assert$1.notNil(dialogService);
+    }
+    createInteractionContext(identifier, api) {
+        const config = Object.assign(Object.assign({ autoFocus: false, hasBackdrop: true, closeOnNavigation: false }, this.matDialogDefaultConfig), this.dialogServiceDefaults);
+        return new DialogInteractionContext(identifier, api, this.dialogService, config);
+    }
+};
+DialogInteractionContextFactory.ctorParameters = () => [
+    { type: MatDialog },
+    { type: MatDialogConfig, decorators: [{ type: Optional }, { type: Inject, args: [DIALOG_INTERACTION_SERVICE_DEFAULTS,] }] },
+    { type: MatDialogConfig, decorators: [{ type: Optional }, { type: Inject, args: [MAT_DIALOG_DEFAULT_OPTIONS,] }] }
+];
+DialogInteractionContextFactory.ɵprov = ɵɵdefineInjectable({ factory: function DialogInteractionContextFactory_Factory() { return new DialogInteractionContextFactory(ɵɵinject(MatDialog), ɵɵinject(DIALOG_INTERACTION_SERVICE_DEFAULTS, 8), ɵɵinject(MAT_DIALOG_DEFAULT_OPTIONS, 8)); }, token: DialogInteractionContextFactory, providedIn: "root" });
+DialogInteractionContextFactory = __decorate([
+    Injectable({
+        providedIn: 'root'
+    }),
+    __param(1, Optional()), __param(1, Inject(DIALOG_INTERACTION_SERVICE_DEFAULTS)),
+    __param(2, Optional()), __param(2, Inject(MAT_DIALOG_DEFAULT_OPTIONS)),
+    __metadata("design:paramtypes", [MatDialog,
+        MatDialogConfig,
+        MatDialogConfig])
+], DialogInteractionContextFactory);
+
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+let AddItemInteractionContextComponent = class AddItemInteractionContextComponent extends DisposableComponent {
+    constructor() {
+        super();
+        this.tabindex = 0;
+        this.clickCommand = Command.create((context) => {
+            if (this.activityClass) {
+                this.startActivity(this.activityClass, this.activityData).catch(e => {
+                    //  don't care.
+                });
+            }
+            else {
+                this.addCommand.withContext(context).execute();
+            }
+        });
+    }
+    get active() {
+        return this.interactionContext ? this.interactionContext.isActive() : false;
+    }
+    startActivity(activityType, data) {
+        return this.interactionContext.startActivity(activityType, data);
+    }
+    ngOnInit() {
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], AddItemInteractionContextComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], AddItemInteractionContextComponent.prototype, "activityClass", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], AddItemInteractionContextComponent.prototype, "activityData", void 0);
+__decorate([
+    Input(),
+    TrackExternal(),
+    __metadata("design:type", Command)
+], AddItemInteractionContextComponent.prototype, "addCommand", void 0);
+__decorate([
+    ViewChild(InPlaceInteractionContextComponent),
+    __metadata("design:type", InPlaceInteractionContextComponent)
+], AddItemInteractionContextComponent.prototype, "interactionContext", void 0);
+__decorate([
+    HostBinding('class.interaction-active'),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [])
+], AddItemInteractionContextComponent.prototype, "active", null);
+__decorate([
+    HostBinding('tabindex'),
+    __metadata("design:type", Object)
+], AddItemInteractionContextComponent.prototype, "tabindex", void 0);
+AddItemInteractionContextComponent = __decorate([
+    Component({
+        selector: 'aup-add-item-interaction-context',
+        template: "<aup-in-place-interaction-context #interactionContext [animateFirstActivity]=\"false\">\n    <a part=\"link\" class=\"link\" [pectinCommand]=\"clickCommand\"><mat-icon>add</mat-icon> {{label}}</a>\n</aup-in-place-interaction-context>\n",
+        styles: [":host{--def-link-color:var(--link-color, currentColor);--def-link-backgound:var(--link-background, rgba(0, 0, 0, 0.05));--def-link-border-radius:var(--link-border-radius, 4px);--def-link-padding:var(--link-padding, calc(var(--aup-default-padding) / 2));display:flex;flex-direction:column;border-radius:var(--def-link-border-radius);box-sizing:border-box;outline:0}:host:hover{--link-background:rgba(0,0,0,0.1)}aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{display:flex;flex-direction:row;align-items:center;border-radius:var(--def-link-border-radius);color:var(--def-link-color);background:var(--def-link-backgound);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}"]
+    }),
+    __metadata("design:paramtypes", [])
+], AddItemInteractionContextComponent);
+
 let InteractionModule = class InteractionModule {
 };
 InteractionModule = __decorate([
@@ -1765,7 +2054,9 @@ InteractionModule = __decorate([
             MatDialogModule,
             MatTabsModule,
             PortalModule,
-            RouterModule
+            RouterModule,
+            MatIconModule,
+            DirectivesModule
         ],
         declarations: [
             ActivityContainerComponent,
@@ -1773,12 +2064,16 @@ InteractionModule = __decorate([
             ConfirmThenDialogComponent,
             AlertDialogComponent,
             ActivityOutletComponent,
-            InPlaceInteractionContextComponent
+            InPlaceInteractionContextComponent,
+            AddItemInteractionContextComponent,
+            ActivityActionsComponent
         ],
         exports: [
             ActivityContainerComponent,
             ActivityOutletComponent,
-            InPlaceInteractionContextComponent
+            InPlaceInteractionContextComponent,
+            AddItemInteractionContextComponent,
+            ActivityActionsComponent
         ],
         entryComponents: [
             ActivityContainerComponent,
@@ -3941,186 +4236,6 @@ const slideRightOnEnterAnimation = trigger('slideRightOnEnter', [
  * @file Automatically generated by barrelsby.
  */
 
-class Dimension {
-    constructor(width, height) {
-        this.width = width;
-        this.height = height;
-    }
-}
-
-class Point {
-    constructor(x, y) {
-        this.x = x;
-        this.y = y;
-    }
-    static from(data) {
-        return new Point(data.x, data.y);
-    }
-    translate(x, y) {
-        return new Point(this.x + x, this.y + y);
-    }
-}
-
-class Bounds extends Dimension {
-    constructor(top, left, width, height) {
-        super(width, height);
-        this.top = top;
-        this.left = left;
-        this.width = width;
-        this.height = height;
-    }
-    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);
-        }
-    }
-}
-(function (Bounds) {
-    function ofElement(element) {
-        const rect = element.getBoundingClientRect();
-        return new Bounds(rect.top, rect.left, rect.width, rect.height);
-    }
-    Bounds.ofElement = ofElement;
-})(Bounds || (Bounds = {}));
-
-let ResizeAwareComponent = class ResizeAwareComponent extends DisposableComponent {
-    constructor(elementRef, ngZone) {
-        super();
-        this.elementRef = elementRef;
-        this.ngZone = ngZone;
-        this._boundsModel = new MutableValueModel(new Bounds(0, 0, 0, 0));
-    }
-    ngAfterViewInit() {
-        this.updateBounds();
-        const element = this.elementRef.nativeElement;
-        const ro = new ResizeObserver((entries, observer) => {
-            this.ngZone.run(() => this.updateBounds());
-        });
-        ro.observe(element);
-        this.onDispose(() => ro.disconnect());
-    }
-    get boundsModel() {
-        return this._boundsModel.readonly;
-    }
-    get nativeElement() {
-        return this.elementRef.nativeElement;
-    }
-    // TODO: Make this handle body scroll
-    relativePositionOf(point) {
-        return this.bounds.relativePositionOf(point);
-    }
-    get bounds() {
-        return this._boundsModel.value;
-    }
-    updateBounds() {
-        this._boundsModel.value = Bounds.ofElement(this.nativeElement);
-    }
-};
-ResizeAwareComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: NgZone }
-];
-ResizeAwareComponent = __decorate([
-    Directive(),
-    __metadata("design:paramtypes", [ElementRef, NgZone])
-], ResizeAwareComponent);
-
-/**
- * @file Automatically generated by barrelsby.
- */
-
-/**
- * @file Automatically generated by barrelsby.
- */
-
-class DialogInteractionContext extends AbstractInteractionContext {
-    constructor(identifier, api, dialogService, config) {
-        super();
-        this.identifier = identifier;
-        this.api = api;
-        this.dialogService = dialogService;
-        this.config = config;
-        this.garbage = new GarbageCollector();
-        assert$1.notNil(dialogService);
-    }
-    cancelActiveActivity() {
-        return this.activityContainer.cancelActiveActivity();
-    }
-    dispose() {
-        if (this.isActive()) {
-            lang.illegalState('Dispose called while active.');
-        }
-        this.garbage.dispose();
-    }
-    registerDisposable(disposable) {
-        return this.garbage.registerDisposable(disposable);
-    }
-    isActive() {
-        return !!this.activityContainer && this.activityContainer.isActive();
-    }
-    createAndLaunchActivity(activityType, data, disableClose) {
-        assert$1.isNil(this._currentActivityRef);
-        const config = Object.assign(Object.assign({}, this.config), {
-            disableClose,
-            panelClass: 'dialog-interaction-context'
-        });
-        const self = this;
-        const matDialogRef = this.dialogService.open(ActivityContainerComponent, config);
-        const activityContainer = this.activityContainer = matDialogRef.componentInstance;
-        this.activityContainer.initialise(this.identifier, this.api);
-        const activityResult = this.activityContainer.startActivity(activityType, data);
-        activityResult.finally(() => matDialogRef.close());
-        // we need to check if our onDone/onCancel methods above we called or if we were
-        // closed by the user clicking the backdrop.  If the later then we need to cancel our
-        // activity.
-        matDialogRef.afterClosed().subscribe(promiseAlreadyFinished => {
-            if (activityContainer.isActive()) {
-                activityContainer.cancelActiveActivity();
-            }
-            this.activityContainer = null;
-        });
-        matDialogRef.updateSize();
-        matDialogRef.afterOpened().subscribe(promiseAlreadyFinished => {
-            matDialogRef.updateSize();
-        });
-        return activityResult;
-    }
-}
-
-const DIALOG_INTERACTION_SERVICE_DEFAULTS = new InjectionToken('DIALOG_INTERACTION_SERVICE_DEFAULTS');
-let DialogInteractionContextFactory = class DialogInteractionContextFactory extends ModalInteractionContextFactory {
-    constructor(dialogService, dialogServiceDefaults, matDialogDefaultConfig) {
-        super();
-        this.dialogService = dialogService;
-        this.dialogServiceDefaults = dialogServiceDefaults;
-        this.matDialogDefaultConfig = matDialogDefaultConfig;
-        assert$1.notNil(dialogService);
-    }
-    createInteractionContext(identifier, api) {
-        const config = Object.assign(Object.assign({ autoFocus: false, hasBackdrop: true, closeOnNavigation: false }, this.matDialogDefaultConfig), this.dialogServiceDefaults);
-        return new DialogInteractionContext(identifier, api, this.dialogService, config);
-    }
-};
-DialogInteractionContextFactory.ctorParameters = () => [
-    { type: MatDialog },
-    { type: MatDialogConfig, decorators: [{ type: Optional }, { type: Inject, args: [DIALOG_INTERACTION_SERVICE_DEFAULTS,] }] },
-    { type: MatDialogConfig, decorators: [{ type: Optional }, { type: Inject, args: [MAT_DIALOG_DEFAULT_OPTIONS,] }] }
-];
-DialogInteractionContextFactory.ɵprov = ɵɵdefineInjectable({ factory: function DialogInteractionContextFactory_Factory() { return new DialogInteractionContextFactory(ɵɵinject(MatDialog), ɵɵinject(DIALOG_INTERACTION_SERVICE_DEFAULTS, 8), ɵɵinject(MAT_DIALOG_DEFAULT_OPTIONS, 8)); }, token: DialogInteractionContextFactory, providedIn: "root" });
-DialogInteractionContextFactory = __decorate([
-    Injectable({
-        providedIn: 'root'
-    }),
-    __param(1, Optional()), __param(1, Inject(DIALOG_INTERACTION_SERVICE_DEFAULTS)),
-    __param(2, Optional()), __param(2, Inject(MAT_DIALOG_DEFAULT_OPTIONS)),
-    __metadata("design:paramtypes", [MatDialog,
-        MatDialogConfig,
-        MatDialogConfig])
-], DialogInteractionContextFactory);
-
 /**
  * @file Automatically generated by barrelsby.
  */
@@ -4445,5 +4560,5 @@ function VisitParameterList(options) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputComponent, AbstractInteractionContext, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, Activity, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CardContainerComponent, CheckboxInputComponent, CommandDirective, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, InPlaceInteractionContextComponent, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ModalInteractionContextFactory, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SelectInputComponent, SidePlaceNavigationComponent, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TextInputComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, DirectivesModule as ɵa, CommandDirective as ɵb, PlaceOutletComponent as ɵba, leftRightPlaceAnimation as ɵbb, LEFT_RIGHT_PLACE_ANIMATION as ɵbc, AUP_PLACE_CONFIG as ɵbd, PlaceRouter as ɵbf, InteractionService as ɵbg, ModalInteractionContextFactory as ɵbh, UrlService as ɵbi, PlaceHistory as ɵbj, TabbedPlaceNavigationComponent as ɵbk, AbstractPlaceNavigationComponent as ɵbl, ListPlaceNavComponent as ɵbm, SidePlaceNavigationComponent as ɵbn, InteractionModule as ɵbo, ActivityContainerComponent as ɵbp, AbstractInteractionContext as ɵbq, ActivityOutletComponent as ɵbr, ConfirmationDialogComponent as ɵbs, ACTIVITY_DATA as ɵbt, Activity as ɵbu, ConfirmThenDialogComponent as ɵbw, AlertDialogComponent as ɵbx, InPlaceInteractionContextComponent as ɵbz, FocusBindingDirective as ɵc, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, NumberInputComponent as ɵg, AbstractInputComponent as ɵh, StringInputComponent as ɵi, TextInputComponent as ɵj, PasswordInputComponent as ɵk, SelectInputComponent as ɵl, CheckboxInputComponent as ɵm, ScrollContainerComponent as ɵn, NoopComponent as ɵo, SwitchCaseOption as ɵp, SwitchCaseWhenDirective as ɵq, SwitchCaseDefaultDirective as ɵr, SwitchCaseComponent as ɵs, FocusContainerComponent as ɵt, VerticalFocusContainerComponent as ɵu, FocusableComponent as ɵv, CardContainerComponent as ɵw, PlaceModule as ɵx, EmptyStateComponent as ɵy, BusyOverlayComponent as ɵz };
+export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputComponent, AbstractInteractionContext, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, Activity, ActivityActionsComponent, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AddItemInteractionContextComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CardContainerComponent, CheckboxInputComponent, CommandDirective, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, InPlaceInteractionContextComponent, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ModalInteractionContextFactory, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SelectInputComponent, SidePlaceNavigationComponent, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TextInputComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, DirectivesModule as ɵa, CommandDirective as ɵb, PlaceOutletComponent as ɵba, leftRightPlaceAnimation as ɵbb, LEFT_RIGHT_PLACE_ANIMATION as ɵbc, AUP_PLACE_CONFIG as ɵbd, PlaceRouter as ɵbf, InteractionService as ɵbg, ModalInteractionContextFactory as ɵbh, UrlService as ɵbi, PlaceHistory as ɵbj, TabbedPlaceNavigationComponent as ɵbk, AbstractPlaceNavigationComponent as ɵbl, ListPlaceNavComponent as ɵbm, SidePlaceNavigationComponent as ɵbn, InteractionModule as ɵbo, ActivityContainerComponent as ɵbp, AbstractInteractionContext as ɵbq, ActivityOutletComponent as ɵbr, ConfirmationDialogComponent as ɵbs, ACTIVITY_DATA as ɵbt, Activity as ɵbu, ConfirmThenDialogComponent as ɵbw, AlertDialogComponent as ɵbx, InPlaceInteractionContextComponent as ɵbz, FocusBindingDirective as ɵc, AddItemInteractionContextComponent as ɵca, DisposableComponent as ɵcb, InPlaceInteractionContextComponent as ɵcc, ActivityActionsComponent as ɵcd, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, NumberInputComponent as ɵg, AbstractInputComponent as ɵh, StringInputComponent as ɵi, TextInputComponent as ɵj, PasswordInputComponent as ɵk, SelectInputComponent as ɵl, CheckboxInputComponent as ɵm, ScrollContainerComponent as ɵn, NoopComponent as ɵo, SwitchCaseOption as ɵp, SwitchCaseWhenDirective as ɵq, SwitchCaseDefaultDirective as ɵr, SwitchCaseComponent as ɵs, FocusContainerComponent as ɵt, VerticalFocusContainerComponent as ɵu, FocusableComponent as ɵv, CardContainerComponent as ɵw, PlaceModule as ɵx, EmptyStateComponent as ɵy, BusyOverlayComponent as ɵz };
 //# sourceMappingURL=coolon-angular-ui-powerups.js.map