@coolon/angular-ui-powerups 2.0.2 → 3.0.0

package/esm5/lib/interaction/activity.js

@@ -1,86 +0,0 @@
-import { __decorate, __extends, __metadata } from "tslib";
-import { HostBinding, InjectionToken } from '@angular/core';
-import { DelegatingValueModel, Dsl } from '@coolon/pectin';
-import { assert } from '@coolon/typescript-utilities';
-import { DisposableComponent } from '../components/disposable-component';
-export var ACTIVITY_DATA = new InjectionToken('InteractionActivityData');
-var Activity = /** @class */ (function (_super) {
-    __extends(Activity, _super);
-    function Activity() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._busyModel = new DelegatingValueModel().withDefault(false);
-        _this._focusedModel = _this.registerDisposable(new DelegatingValueModel());
-        _this.class = 'aup-activity';
-        return _this;
-    }
-    Object.defineProperty(Activity.prototype, "isFocused", {
-        get: function () {
-            return this._focusedModel.value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Activity.prototype.initialise = function (nestedInteractionContext, activityContext) {
-        var _this = this;
-        var _a = Dsl.disposeWith(this), chain = _a.chain, when = _a.when;
-        assert.isNil(this._activityContext);
-        this._activityContext = activityContext;
-        this._interactionContext = nestedInteractionContext;
-        this._focusedModel.setDelegate(activityContext.focused);
-        when(this._focusedModel).becomesTruthy(function () {
-            _this.onActivityReady();
-        });
-    };
-    Object.defineProperty(Activity.prototype, "interactionContext", {
-        get: function () {
-            assert.isTruthy(this.isInitialised());
-            return this._interactionContext;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Activity.prototype.done = function (result) {
-        return this._activityContext.onDone(result);
-    };
-    Activity.prototype.cancel = function (error) {
-        this._activityContext.onCancel(error);
-    };
-    // @Trace()
-    Activity.prototype.onActivityReady = function () {
-    };
-    Object.defineProperty(Activity.prototype, "busy", {
-        get: function () {
-            return this._busyModel.readonly;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(Activity.prototype, "focused", {
-        get: function () {
-            return this._focusedModel.readonly;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Activity.prototype.busyWhile = function (busyModel) {
-        this._busyModel.setDelegate(busyModel);
-    };
-    Activity.prototype.isBusy = function () {
-        return this._busyModel.value;
-    };
-    Activity.prototype.isInitialised = function () {
-        return !!this._activityContext;
-    };
-    __decorate([
-        HostBinding('class'),
-        __metadata("design:type", Object)
-    ], Activity.prototype, "class", void 0);
-    __decorate([
-        HostBinding('attr.focused'),
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [])
-    ], Activity.prototype, "isFocused", null);
-    return Activity;
-}(DisposableComponent));
-export { Activity };
-//# sourceMappingURL=activity.js.map

package/esm5/lib/interaction/activity.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,GAAG,EAAc,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAGzE,MAAM,CAAC,IAAM,aAAa,GAAG,IAAI,cAAc,CAAM,yBAAyB,CAAC,CAAC;AAEhF;IAAsD,4BAAmB;IAAzE;QAAA,qEA+DC;QA7DkB,gBAAU,GAAG,IAAI,oBAAoB,EAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC7E,mBAAa,GAAG,KAAI,CAAC,kBAAkB,CAAC,IAAI,oBAAoB,EAAW,CAAC,CAAC;QAM/D,WAAK,GAAG,cAAc,CAAC;;IAsD/C,CAAC;IAnDC,sBAAI,+BAAS;aAAb;YACE,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;QAClC,CAAC;;;OAAA;IAED,6BAAU,GAAV,UAAW,wBAA4C,EAAE,eAAuC;QAAhG,iBASC;QARO,IAAA,0BAAuC,EAArC,gBAAK,EAAE,cAA8B,CAAC;QAC9C,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACpC,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAG,wBAAwB,CAAC;QACpD,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACxD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC;YACrC,KAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,sBAAI,wCAAkB;aAAtB;YACE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YACtC,OAAO,IAAI,CAAC,mBAAmB,CAAC;QAClC,CAAC;;;OAAA;IAED,uBAAI,GAAJ,UAAK,MAAU;QACb,OAAO,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC;IAED,yBAAM,GAAN,UAAO,KAAS;QACd,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,WAAW;IACX,kCAAe,GAAf;IACA,CAAC;IAED,sBAAI,0BAAI;aAAR;YACE,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;QAClC,CAAC;;;OAAA;IAED,sBAAI,6BAAO;aAAX;YACE,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;QACrC,CAAC;;;OAAA;IAED,4BAAS,GAAT,UAAU,SAA8B;QACtC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,yBAAM,GAAN;QACE,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,gCAAa,GAAb;QACE,OAAO,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;IArDqB;QAArB,WAAW,CAAC,OAAO,CAAC;;2CAAwB;IAG7C;QADC,WAAW,CAAC,cAAc,CAAC;;;6CAG3B;IAiDH,eAAC;CAAA,AA/DD,CAAsD,mBAAmB,GA+DxE;SA/DqB,QAAQ","sourcesContent":["import { HostBinding, InjectionToken } from '@angular/core';\nimport { DelegatingValueModel, Dsl, ValueModel } from '@coolon/pectin';\nimport { assert } from '@coolon/typescript-utilities';\nimport { DisposableComponent } from '../components/disposable-component';\nimport { InteractionContext } from './interaction-context';\n\nexport const ACTIVITY_DATA = new InjectionToken<any>('InteractionActivityData');\n\nexport abstract class Activity<D, R, E = any> extends DisposableComponent {\n\n  private readonly _busyModel = new DelegatingValueModel<boolean>().withDefault(false);\n  private _focusedModel = this.registerDisposable(new DelegatingValueModel<boolean>());\n  private _activityContext: Activity.Context<R, E>;\n\n  // @Trace()\n  private _interactionContext: InteractionContext;\n\n  @HostBinding('class') class = 'aup-activity';\n\n  @HostBinding('attr.focused')\n  get isFocused() {\n    return this._focusedModel.value;\n  }\n\n  initialise(nestedInteractionContext: InteractionContext, activityContext: Activity.Context<R, E>): void {\n    const { chain, when } = Dsl.disposeWith(this);\n    assert.isNil(this._activityContext);\n    this._activityContext = activityContext;\n    this._interactionContext = nestedInteractionContext;\n    this._focusedModel.setDelegate(activityContext.focused);\n    when(this._focusedModel).becomesTruthy(() => {\n      this.onActivityReady();\n    });\n  }\n\n  get interactionContext() {\n    assert.isTruthy(this.isInitialised());\n    return this._interactionContext;\n  }\n\n  done(result?: R): void {\n    return this._activityContext.onDone(result);\n  }\n\n  cancel(error?: E): void {\n    this._activityContext.onCancel(error);\n  }\n\n  // @Trace()\n  onActivityReady() {\n  }\n\n  get busy(): ValueModel<boolean> {\n    return this._busyModel.readonly;\n  }\n\n  get focused(): ValueModel<boolean> {\n    return this._focusedModel.readonly;\n  }\n\n  busyWhile(busyModel: ValueModel<boolean>) {\n    this._busyModel.setDelegate(busyModel);\n  }\n\n  isBusy() {\n    return this._busyModel.value;\n  }\n\n  isInitialised() {\n    return !!this._activityContext;\n  }\n}\n\nexport namespace Activity {\n\n  export interface Context<R, E> {\n    onDone: (result: R) => void,\n    onCancel: (error: E) => void,\n    focused: ValueModel<boolean>\n  }\n}\n"]}

package/esm5/lib/interaction/alert.js

@@ -1 +0,0 @@
-//# sourceMappingURL=alert.js.map

package/esm5/lib/interaction/alert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/alert.ts"],"names":[],"mappings":"","sourcesContent":["export interface Alert {\n  title?(): string;\n\n  content(): string[];\n\n  ok(): string;\n}\n"]}

package/esm5/lib/interaction/components/activity-actions/activity-actions.component.js

@@ -1,83 +0,0 @@
-import { __decorate, __extends, __metadata } from "tslib";
-import { Component, HostBinding, Input } from '@angular/core';
-import { Command, DelegatingCommand, TrackExternal } from '@coolon/pectin';
-import _ from 'lodash';
-import { DisposableComponent } from '../../../components/disposable-component';
-var ActivityActionsComponent = /** @class */ (function (_super) {
-    __extends(ActivityActionsComponent, _super);
-    function ActivityActionsComponent() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.align = 'start';
-        return _this;
-    }
-    Object.defineProperty(ActivityActionsComponent.prototype, "alignEnd", {
-        get: function () {
-            return this.align === 'end';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ActivityActionsComponent.prototype, "alignStretch", {
-        get: function () {
-            return this.align === 'stretch';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ActivityActionsComponent.prototype.ngOnInit = function () {
-    };
-    ActivityActionsComponent.prototype.hasConfirmText = function () {
-        return !_.isEmpty(this.confirmText);
-    };
-    ActivityActionsComponent.prototype.hasCancelText = function () {
-        return !_.isEmpty(this.cancelText);
-    };
-    ActivityActionsComponent.prototype.hasConfirmCommand = function () {
-        return DelegatingCommand.hasDelegate(this.confirmCommand);
-    };
-    ActivityActionsComponent.prototype.hasCancelCommand = function () {
-        return DelegatingCommand.hasDelegate(this.cancelCommand);
-    };
-    __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, "cancelText", 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);
-    __decorate([
-        HostBinding('class.align-stretch'),
-        __metadata("design:type", Boolean),
-        __metadata("design:paramtypes", [])
-    ], ActivityActionsComponent.prototype, "alignStretch", null);
-    ActivityActionsComponent = __decorate([
-        Component({
-            selector: 'aup-activity-actions',
-            template: "<ng-container *ngIf=\"hasCancelCommand()\">\n  <button class=\"cancel\" *ngIf=\"!hasCancelText()\" mat-icon-button [pectinCommand]=\"cancelCommand\">\n    <aup-icon icon=\"mat:clear\"></aup-icon>\n  </button>\n  <button class=\"cancel\" *ngIf=\"hasCancelText()\" mat-button [pectinCommand]=\"cancelCommand\">{{cancelText}}</button>\n</ng-container>\n<ng-container *ngIf=\"hasConfirmCommand()\">\n  <button class=\"confirm\" *ngIf=\"!hasConfirmText()\" mat-icon-button [pectinCommand]=\"confirmCommand\">\n    <aup-icon icon=\"mat:done\"></aup-icon>\n  </button>\n  <button class=\"confirm\" *ngIf=\"hasConfirmText()\" mat-button [pectinCommand]=\"confirmCommand\">{{confirmText}}</button>\n</ng-container>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n",
-            styles: [":host{display:-ms-grid;display:grid;grid-template-areas:\"cancel confirm content\";-ms-grid-columns:auto auto 1fr;grid-template-columns:auto auto 1fr;-ms-grid-rows:auto;grid-template-rows:auto;align-items:center;justify-content:end}:host.align-end{grid-template-areas:\"content cancel confirm\";-ms-grid-columns:1fr auto auto;grid-template-columns:1fr auto auto}:host.align-stretch{grid-template-areas:\"cancel content confirm\";-ms-grid-columns:auto 1fr auto;grid-template-columns:auto 1fr auto}.cancel{-ms-grid-row:1;-ms-grid-column:1;grid-area:cancel}:host.align-end>.cancel{-ms-grid-row:1;-ms-grid-column:2}:host.align-stretch>.cancel{-ms-grid-row:1;-ms-grid-column:1}.confirm{-ms-grid-row:1;-ms-grid-column:2;grid-area:confirm}:host.align-end>.confirm{-ms-grid-row:1;-ms-grid-column:3}:host.align-stretch>.confirm{-ms-grid-row:1;-ms-grid-column:3}.column{-ms-grid-row:1;-ms-grid-column:3;grid-area:content;text-align:left}:host.align-end>.column{-ms-grid-row:1;-ms-grid-column:1}:host.align-stretch>.column{-ms-grid-row:1;-ms-grid-column:2}"]
-        })
-    ], ActivityActionsComponent);
-    return ActivityActionsComponent;
-}(DisposableComponent));
-export { ActivityActionsComponent };
-//# sourceMappingURL=activity-actions.component.js.map

package/esm5/lib/interaction/components/activity-actions/activity-actions.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-actions.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/activity-actions/activity-actions.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAO/E;IAA8C,4CAAmB;IAAjE;QAAA,qEAiDC;QA/BC,WAAK,GAAgC,OAAO,CAAC;;IA+B/C,CAAC;IA5BC,sBAAI,8CAAQ;aAAZ;YACE,OAAO,IAAI,CAAC,KAAK,KAAK,KAAK,CAAA;QAC7B,CAAC;;;OAAA;IAGD,sBAAI,kDAAY;aAAhB;YACE,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,CAAA;QACjC,CAAC;;;OAAA;IAED,2CAAQ,GAAR;IACA,CAAC;IAED,iDAAc,GAAd;QACE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC;IAED,gDAAa,GAAb;QACE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IACpC,CAAC;IAED,oDAAiB,GAAjB;QACE,OAAO,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;IAC3D,CAAC;IAED,mDAAgB,GAAhB;QACE,OAAO,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IAC1D,CAAC;IA3CD;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACA,OAAO;oEAAM;IAG7B;QADC,KAAK,EAAE;;iEACY;IAIpB;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACD,OAAO;mEAAM;IAG5B;QADC,KAAK,EAAE;;gEACW;IAInB;QADC,KAAK,EAAE;;2DACqC;IAG7C;QADC,WAAW,CAAC,iBAAiB,CAAC;;;4DAG9B;IAGD;QADC,WAAW,CAAC,qBAAqB,CAAC;;;gEAGlC;IA5BU,wBAAwB;QALpC,SAAS,CAAC;YACT,QAAQ,EAAE,sBAAsB;YAChC,6wBAAgD;;SAEjD,CAAC;OACW,wBAAwB,CAiDpC;IAAD,+BAAC;CAAA,AAjDD,CAA8C,mBAAmB,GAiDhE;SAjDY,wBAAwB","sourcesContent":["import { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { Command, DelegatingCommand, TrackExternal } from '@coolon/pectin';\nimport _ from 'lodash';\nimport { DisposableComponent } from '../../../components/disposable-component';\n\n@Component({\n  selector: 'aup-activity-actions',\n  templateUrl: './activity-actions.component.html',\n  styleUrls: ['./activity-actions.component.scss']\n})\nexport class ActivityActionsComponent extends DisposableComponent implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  confirmCommand: Command<any>;\n\n  @Input()\n  confirmText: string;\n\n  @Input()\n  @TrackExternal()\n  cancelCommand: Command<any>;\n\n  @Input()\n  cancelText: string;\n\n\n  @Input()\n  align: 'start' | 'end' | 'stretch' = 'start';\n\n  @HostBinding('class.align-end')\n  get alignEnd():boolean {\n    return this.align === 'end'\n  }\n\n  @HostBinding('class.align-stretch')\n  get alignStretch():boolean {\n    return this.align === 'stretch'\n  }\n\n  ngOnInit() {\n  }\n\n  hasConfirmText() {\n    return !_.isEmpty(this.confirmText);\n  }\n\n  hasCancelText() {\n    return !_.isEmpty(this.cancelText)\n  }\n\n  hasConfirmCommand() {\n    return DelegatingCommand.hasDelegate(this.confirmCommand)\n  }\n\n  hasCancelCommand() {\n    return DelegatingCommand.hasDelegate(this.cancelCommand)\n  }\n\n}\n"]}

package/esm5/lib/interaction/components/activity-actions/activity-actions.component.ngfactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-actions.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/activity-actions/activity-actions.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/interaction/components/activity-actions/activity-actions.component.scss.shim.ngstyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-actions.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/activity-actions/activity-actions.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/interaction/components/activity-container/activity-container.component.js

@@ -1,226 +0,0 @@
-import { __awaiter, __decorate, __extends, __generator, __metadata } from "tslib";
-import { Component, Input, QueryList, ViewChild, ViewChildren } from '@angular/core';
-import { MatTabGroup } from '@angular/material/tabs';
-import { assert, Dsl, GarbageCollector, MutableValueModel } from '@coolon/pectin';
-import { lang } from '@coolon/typescript-utilities';
-import _ from 'lodash';
-import { AbstractInteractionContext } from '../../abstract-interaction-context';
-import { ActivityRef } from '../../activity-ref';
-import { ActivityOutletComponent } from './activity-outlet/activity-outlet.component';
-var ActivityContainerComponent = /** @class */ (function (_super) {
-    __extends(ActivityContainerComponent, _super);
-    function ActivityContainerComponent() {
-        var _this = _super.call(this) || this;
-        _this.dynamicHeight = false;
-        _this.activityRefs = [];
-        _this.garbage = new GarbageCollector();
-        _this.inAnimation = new MutableValueModel(false);
-        return _this;
-    }
-    ActivityContainerComponent.prototype.ngOnInit = function () {
-    };
-    ActivityContainerComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        var _a = Dsl.disposeWith(this), chain = _a.chain, observe = _a.observe;
-        // using the component directly rather than (animationDone)=.. allows us
-        // to keep our callback private.
-        observe.valuesFrom(this.tabs.animationDone).subscribe(function () { return _this.onAnimationFinished(); });
-    };
-    ActivityContainerComponent.prototype.initialise = function (identifier, api) {
-        assert.isFalsey(this.isInitialised());
-        assert.notNil(identifier);
-        assert.notNil(api);
-        this._identifier = identifier;
-        this.interactionServiceApi = api;
-    };
-    Object.defineProperty(ActivityContainerComponent.prototype, "identifier", {
-        get: function () {
-            return this._identifier;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ActivityContainerComponent.prototype.isInitialised = function () {
-        return !!this.identifier;
-    };
-    /**
-     * Returns true if an activity is currently running.
-     */
-    ActivityContainerComponent.prototype.isActive = function () {
-        return this.getActiveActivityCount() > 0;
-    };
-    ActivityContainerComponent.prototype.registerDisposable = function (disposable) {
-        return this.garbage.registerDisposable(disposable);
-    };
-    // @Trace()
-    ActivityContainerComponent.prototype.dispose = function () {
-        // TODO: think about auto cancelling any outstanding activity on dispose.
-        //       See NavigationState.Navigating for a use-case.
-        assert.isFalsey(this.isActive());
-        this.garbage.dispose();
-    };
-    ActivityContainerComponent.prototype.getActiveActivityRef = function () {
-        if (!this.isActive()) {
-            lang.illegalState('no activity in progress');
-        }
-        return _.findLast(this.activityRefs, function (tab) { return !tab.isComplete(); });
-    };
-    /**
-     * Cancels the current activity and returns true the context is no longer active, false if
-     * there is still another activity running.
-     */
-    // @Trace()
-    ActivityContainerComponent.prototype.cancelActiveActivity = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var activity;
-            return __generator(this, function (_a) {
-                activity = this.getActiveActivityRef();
-                activity.cancel();
-                if (this.isCleaningUp()) {
-                    return [2 /*return*/, this.waitForInteractionContextCleanupToFinish()];
-                }
-                else {
-                    return [2 /*return*/, !this.isActive()];
-                }
-                return [2 /*return*/];
-            });
-        });
-    };
-    // TODO: this handling of multiple nested activities is only used by the activity component and is not a general case.
-    // @Trace()
-    ActivityContainerComponent.prototype.createAndLaunchActivity = function (activityType, data, disableClose) {
-        var _this = this;
-        assert.isTruthy(this.isInitialised()); // make sure we've been initialised
-        var activityRef = new ActivityRef(activityType, data, function () {
-            var activeActivityCount = _this.getActiveActivityCount() > 0;
-            if (activeActivityCount) {
-                _this.triggerTabSynchronisation();
-            }
-            else {
-                _this.finishAndStartCleanup();
-            }
-        });
-        this.launchActivity(activityRef);
-        // if this is the first activity let the interaction service know.
-        if (this.activityRefs.length === 1) {
-            // console.log('Now active!!!');
-            this.interactionServiceApi.notifyActive(this);
-        }
-        return activityRef.activityResult;
-    };
-    ActivityContainerComponent.prototype.getActiveActivityCount = function () {
-        return this.activityRefs.filter(function (ref) { return !ref.isComplete(); }).length;
-    };
-    /**
-     * Checks if this interaction context has finished an is in the process of waiting
-     * for all the infrastructure (including route updates) to be completed.
-     */
-    ActivityContainerComponent.prototype.isCleaningUp = function () {
-        return !!this._deferredCleanUp;
-    };
-    ActivityContainerComponent.prototype.waitForInteractionContextCleanupToFinish = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this._deferredCleanUp ?
-                        this._deferredCleanUp :
-                        true];
-            });
-        });
-    };
-    // @Trace()
-    ActivityContainerComponent.prototype.finishAndStartCleanup = function () {
-        var _this = this;
-        if (!this._deferredCleanUp) {
-            // Important:
-            // Clear our tabs so the next activity triggers a tab change.
-            // Without this our animation done wasn't called when a single
-            // new activity followed a single tab activity (since we're tracking
-            // by activity index)
-            this.activityRefs = [];
-            var promise = this.interactionServiceApi.notifyFinished(this);
-            this._deferredCleanUp = promise
-                .finally(function () {
-                _this._deferredCleanUp = null;
-            });
-        }
-    };
-    // @Trace()
-    ActivityContainerComponent.prototype.launchActivity = function (activityRef) {
-        var cleanedTabs = this.activityRefs.filter(function (tab) { return !tab.isComplete(); });
-        this.activityRefs = cleanedTabs.concat(activityRef);
-        this.synchroniseSelectedTabIndex();
-    };
-    ActivityContainerComponent.prototype.activityIndex = function (index, activityRef) {
-        return index;
-    };
-    ;
-    // @Trace()
-    ActivityContainerComponent.prototype.onAnimationFinished = function () {
-        if (this.onAnimationFinishedJob) {
-            this.onAnimationFinishedJob();
-            this.onAnimationFinishedJob = undefined;
-        }
-    };
-    /**
-     * Synchronises the selected tab index.
-     */
-    // @Trace()
-    ActivityContainerComponent.prototype.synchroniseSelectedTabIndex = function () {
-        var _this = this;
-        var previousIndex = this.tabs.selectedIndex;
-        var newIndex = this.getActiveActivityCount() - 1;
-        if (previousIndex !== newIndex) {
-            this.inAnimation.value = true;
-            this.activityRefs[newIndex].setFocused(false);
-            this.tabs.selectedIndex = newIndex;
-            this.onAnimationFinishedJob = function () {
-                _this.activityRefs = _this.activityRefs.filter(function (tab) { return !tab.isComplete(); });
-                _this.inAnimation.value = false;
-                _this.activityRefs.forEach(function (ref, index) {
-                    ref.setFocused(index === newIndex);
-                });
-            };
-        }
-    };
-    ActivityContainerComponent.prototype.getSelectedOutlet = function () {
-        return this.activityOutlets.toArray()[this.tabs.selectedIndex];
-    };
-    // @Trace()
-    ActivityContainerComponent.prototype.getSelectedTabIndex = function () {
-        return this.tabs.selectedIndex;
-    };
-    // @Trace()
-    ActivityContainerComponent.prototype.triggerTabSynchronisation = function () {
-        var _this = this;
-        if (this.syncSelectedTabTimeout) {
-            clearTimeout(this.syncSelectedTabTimeout);
-        }
-        this.syncSelectedTabTimeout = setTimeout(function () {
-            _this.syncSelectedTabTimeout = null;
-            _this.synchroniseSelectedTabIndex();
-        }, 75);
-    };
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], ActivityContainerComponent.prototype, "dynamicHeight", void 0);
-    __decorate([
-        ViewChild('tabs', { static: true }),
-        __metadata("design:type", MatTabGroup)
-    ], ActivityContainerComponent.prototype, "tabs", void 0);
-    __decorate([
-        ViewChildren(ActivityOutletComponent),
-        __metadata("design:type", QueryList)
-    ], ActivityContainerComponent.prototype, "activityOutlets", void 0);
-    ActivityContainerComponent = __decorate([
-        Component({
-            selector: 'aup-activity-container',
-            template: "<mat-tab-group #tabs no-tab-header\n               [dynamicHeight]=\"dynamicHeight\"\n               [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let activityRef of activityRefs; let i = index; trackBy: activityIndex\">\n    <!--\n    We have issues where angular is triggering a leave animation when an\n    new activity is started, but is not running the enter animation\n    when it is scrolled back into view.  So we track the tab changes and\n    disable all animations inside the tab while we're animating.\n    -->\n    <div class=\"activity-outlet-wrapper\" [@.disabled]=\"!activityRef.focused\">\n      <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"activityRef\"></aup-activity-outlet>\n    </div>\n  </mat-tab>\n</mat-tab-group>\n",
-            styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
-        }),
-        __metadata("design:paramtypes", [])
-    ], ActivityContainerComponent);
-    return ActivityContainerComponent;
-}(AbstractInteractionContext));
-export { ActivityContainerComponent };
-//# sourceMappingURL=activity-container.component.js.map

package/esm5/lib/interaction/components/activity-container/activity-container.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-container.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/activity-container/activity-container.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { AfterViewInit, Component, Input, OnInit, QueryList, ViewChild, ViewChildren } from '@angular/core';\nimport { MatTabGroup } from '@angular/material/tabs';\nimport { assert, Constructable, Disposable, Dsl, GarbageCollector, MutableValueModel, Trace } from '@coolon/pectin';\nimport { lang } from '@coolon/typescript-utilities';\nimport _ from 'lodash';\nimport { slideDownOnEnterAnimation } from '../../../animations/slide-animations';\nimport { AbstractInteractionContext } from '../../abstract-interaction-context';\nimport { Activity } from '../../activity';\nimport { ActivityRef } from '../../activity-ref';\nimport { InteractionService } from '../../services/interaction.service';\nimport { ActivityOutletComponent } from './activity-outlet/activity-outlet.component';\n\n@Component({\n  selector: 'aup-activity-container',\n  templateUrl: './activity-container.component.html',\n  styleUrls: ['./activity-container.component.scss']\n})\nexport class ActivityContainerComponent<D, R, E> extends AbstractInteractionContext implements OnInit, AfterViewInit {\n\n  @Input()\n  dynamicHeight = false;\n\n  @ViewChild('tabs', { static: true })\n  tabs: MatTabGroup;\n\n  @ViewChildren(ActivityOutletComponent)\n  activityOutlets: QueryList<ActivityOutletComponent<any, any, any>>;\n\n  activityRefs: ActivityRef<any, any, any>[] = [];\n\n  private _identifier: string;\n  private _deferredCleanUp: Promise<any>;\n\n  private interactionServiceApi: InteractionService.Api;\n\n  private garbage = new GarbageCollector();\n  private syncSelectedTabTimeout: any;\n  private onAnimationFinishedJob: () => void;\n\n  readonly inAnimation = new MutableValueModel<boolean>(false);\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n  ngAfterViewInit(): void {\n    const { chain, observe } = Dsl.disposeWith(this);\n    // using the component directly rather than (animationDone)=.. allows us\n    // to keep our callback private.\n    observe.valuesFrom(this.tabs.animationDone).subscribe(() => this.onAnimationFinished());\n  }\n\n  initialise(identifier: string, api: InteractionService.Api) {\n    assert.isFalsey(this.isInitialised());\n    assert.notNil(identifier);\n    assert.notNil(api);\n    this._identifier = identifier;\n    this.interactionServiceApi = api;\n  }\n\n  get identifier() {\n    return this._identifier;\n  }\n\n  isInitialised() {\n    return !!this.identifier;\n  }\n\n  /**\n   * Returns true if an activity is currently running.\n   */\n  isActive(): boolean {\n    return this.getActiveActivityCount() > 0;\n  }\n\n  registerDisposable<T extends Disposable>(disposable: T): T {\n    return this.garbage.registerDisposable(disposable);\n  }\n\n  // @Trace()\n  dispose(): void {\n    // TODO: think about auto cancelling any outstanding activity on dispose.\n    //       See NavigationState.Navigating for a use-case.\n    assert.isFalsey(this.isActive());\n    this.garbage.dispose();\n  }\n\n  getActiveActivityRef(): ActivityRef<any, any, any> {\n    if (!this.isActive()) {\n      lang.illegalState('no activity in progress');\n    }\n    return _.findLast(this.activityRefs, tab => !tab.isComplete());\n  }\n\n  /**\n   * Cancels the current activity and returns true the context is no longer active, false if\n   * there is still another activity running.\n   */\n  // @Trace()\n  async cancelActiveActivity(): Promise<boolean> {\n    const activity = this.getActiveActivityRef();\n    activity.cancel();\n    if (this.isCleaningUp()) {\n      return this.waitForInteractionContextCleanupToFinish();\n    } else {\n      return !this.isActive();\n    }\n  }\n\n  // TODO: this handling of multiple nested activities is only used by the activity component and is not a general case.\n  // @Trace()\n  protected createAndLaunchActivity<D1, R1, E1>(activityType: Constructable<Activity<D1, R1, E1>>, data: D1, disableClose: boolean): Promise<R1> {\n    assert.isTruthy(this.isInitialised()); // make sure we've been initialised\n    const activityRef = new ActivityRef<D1, R1, E1>(activityType, data, () => {\n      const activeActivityCount = this.getActiveActivityCount() > 0;\n      if (activeActivityCount) {\n        this.triggerTabSynchronisation();\n      } else {\n        this.finishAndStartCleanup();\n      }\n    });\n    this.launchActivity(activityRef);\n    // if this is the first activity let the interaction service know.\n    if (this.activityRefs.length === 1) {\n      // console.log('Now active!!!');\n      this.interactionServiceApi.notifyActive(this);\n    }\n    return activityRef.activityResult;\n  }\n\n  private getActiveActivityCount(): number {\n    return this.activityRefs.filter(ref => !ref.isComplete()).length;\n  }\n\n  /**\n   * Checks if this interaction context has finished an is in the process of waiting\n   * for all the infrastructure (including route updates) to be completed.\n   */\n  isCleaningUp(): boolean {\n    return !!this._deferredCleanUp;\n  }\n\n  async waitForInteractionContextCleanupToFinish(): Promise<any> {\n    return this._deferredCleanUp ?\n      this._deferredCleanUp :\n      true;\n  }\n\n  // @Trace()\n  private finishAndStartCleanup(): void {\n    if (!this._deferredCleanUp) {\n      // Important:\n      // Clear our tabs so the next activity triggers a tab change.\n      // Without this our animation done wasn't called when a single\n      // new activity followed a single tab activity (since we're tracking\n      // by activity index)\n      this.activityRefs = [];\n      const promise = this.interactionServiceApi.notifyFinished(this);\n      this._deferredCleanUp = promise\n        .finally(() => {\n          this._deferredCleanUp = null;\n        });\n    }\n  }\n\n// @Trace()\n  launchActivity<D1, R1, E1>(activityRef: ActivityRef<D1, R1, E1>) {\n    const cleanedTabs = this.activityRefs.filter(tab => !tab.isComplete());\n    this.activityRefs = cleanedTabs.concat(activityRef);\n    this.synchroniseSelectedTabIndex();\n  }\n\n  activityIndex(index: number, activityRef: ActivityRef<any, any, any>) {\n    return index;\n  };\n\n  // @Trace()\n  private onAnimationFinished() {\n    if (this.onAnimationFinishedJob) {\n      this.onAnimationFinishedJob();\n      this.onAnimationFinishedJob = undefined;\n    }\n  }\n\n  /**\n   * Synchronises the selected tab index.\n   */\n  // @Trace()\n  private synchroniseSelectedTabIndex(): void {\n    const previousIndex = this.tabs.selectedIndex;\n    const newIndex = this.getActiveActivityCount() - 1;\n    if (previousIndex !== newIndex) {\n      this.inAnimation.value = true;\n      this.activityRefs[newIndex].setFocused(false);\n      this.tabs.selectedIndex = newIndex;\n      this.onAnimationFinishedJob = () => {\n        this.activityRefs = this.activityRefs.filter(tab => !tab.isComplete());\n        this.inAnimation.value = false;\n        this.activityRefs.forEach((ref, index) => {\n          ref.setFocused(index === newIndex)\n        })\n      };\n    }\n  }\n\n  private getSelectedOutlet() {\n    return this.activityOutlets.toArray()[this.tabs.selectedIndex];\n  }\n\n  // @Trace()\n  getSelectedTabIndex() {\n    return this.tabs.selectedIndex;\n  }\n\n  // @Trace()\n  private triggerTabSynchronisation() {\n    if (this.syncSelectedTabTimeout) {\n      clearTimeout(this.syncSelectedTabTimeout);\n    }\n    this.syncSelectedTabTimeout = setTimeout(() => {\n      this.syncSelectedTabTimeout = null;\n      this.synchroniseSelectedTabIndex();\n    }, 75);\n  }\n}\n"]}

package/esm5/lib/interaction/components/activity-container/activity-container.component.ngfactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-container.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/activity-container/activity-container.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/interaction/components/activity-container/activity-container.component.scss.shim.ngstyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-container.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/activity-container/activity-container.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/interaction/components/activity-container/activity-outlet/activity-outlet.component.js

@@ -1,80 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { Component, ComponentFactoryResolver, ComponentRef, Injector, Input, OnInit, ViewContainerRef } from '@angular/core';
-import { lang } from '@coolon/typescript-utilities';
-import { ACTIVITY_DATA } from '../../../activity';
-import { ActivityRef } from '../../../activity-ref';
-/**
- * ActivityOutletComponent creates and displays an activity and delegates the interaction context functionality to an
- * external service.
- */
-var ActivityOutletComponent = /** @class */ (function () {
-    function ActivityOutletComponent(componentFactoryResolver, viewContainerRef, injector) {
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.viewContainerRef = viewContainerRef;
-        this.injector = injector;
-    }
-    Object.defineProperty(ActivityOutletComponent.prototype, "activityRef", {
-        get: function () {
-            return this._activityRef;
-        },
-        set: function (activityRef) {
-            if (this.activityRef && !this.activityRef.isComplete()) {
-                lang.illegalState('changing activity before previous one has completed');
-            }
-            this._activityRef = activityRef;
-            this.loadActivity(activityRef);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    ActivityOutletComponent.prototype.ngOnInit = function () {
-    };
-    ActivityOutletComponent.prototype.loadActivity = function (activityRef) {
-        var injector = Injector.create({
-            providers: [
-                { provide: ACTIVITY_DATA, useValue: activityRef.activityData }
-            ],
-            parent: this.injector
-        });
-        var componentFactory = this.componentFactoryResolver.resolveComponentFactory(activityRef.activityClass);
-        this.viewContainerRef.clear();
-        // console.log(`creating component -> ${activityRef.activityClass.name}`);
-        this.activityComponentRef = this.viewContainerRef.createComponent(componentFactory, 0, injector);
-        this.activityRef.notifyActivityCreated(this.activityComponentRef.instance, this.nestedInteractionContext);
-    };
-    Object.defineProperty(ActivityOutletComponent.prototype, "component", {
-        get: function () {
-            return this.activityComponentRef.instance;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ActivityOutletComponent.ctorParameters = function () { return [
-        { type: ComponentFactoryResolver },
-        { type: ViewContainerRef },
-        { type: Injector }
-    ]; };
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], ActivityOutletComponent.prototype, "nestedInteractionContext", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", ActivityRef),
-        __metadata("design:paramtypes", [ActivityRef])
-    ], ActivityOutletComponent.prototype, "activityRef", null);
-    ActivityOutletComponent = __decorate([
-        Component({
-            selector: 'aup-activity-outlet',
-            template: '',
-            styles: [":host{display:block}"]
-        }),
-        __metadata("design:paramtypes", [ComponentFactoryResolver,
-            ViewContainerRef,
-            Injector])
-    ], ActivityOutletComponent);
-    return ActivityOutletComponent;
-}());
-export { ActivityOutletComponent };
-//# sourceMappingURL=activity-outlet.component.js.map

package/esm5/lib/interaction/components/activity-container/activity-outlet/activity-outlet.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-outlet.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/activity-container/activity-outlet/activity-outlet.component.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,wBAAwB,EACxB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,MAAM,EACN,gBAAgB,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAY,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD;;;GAGG;AAMH;IAsBE,iCACU,wBAAkD,EAClD,gBAAkC,EAClC,QAAkB;QAFlB,6BAAwB,GAAxB,wBAAwB,CAA0B;QAClD,qBAAgB,GAAhB,gBAAgB,CAAkB;QAClC,aAAQ,GAAR,QAAQ,CAAU;IAE5B,CAAC;IAjBD,sBAAI,gDAAW;aAQf;YACE,OAAO,IAAI,CAAC,YAAY,CAAC;QAC3B,CAAC;aAVD,UAAgB,WAAiC;YAC/C,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,EAAE;gBACtD,IAAI,CAAC,YAAY,CAAC,qDAAqD,CAAC,CAAC;aAC1E;YACD,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;YAChC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACjC,CAAC;;;OAAA;IAAA,CAAC;IAaF,0CAAQ,GAAR;IACA,CAAC;IAED,8CAAY,GAAZ,UAAa,WAAiC;QAC5C,IAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC;YAC/B,SAAS,EAAE;gBACT,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,CAAC,YAAY,EAAE;aAC/D;YACD,MAAM,EAAE,IAAI,CAAC,QAAQ;SACtB,CAAC,CAAC;QACH,IAAM,gBAAgB,GAAG,IAAI,CAAC,wBAAwB,CAAC,uBAAuB,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAC1G,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC9B,0EAA0E;QAC1E,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,gBAAgB,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;QACjG,IAAI,CAAC,WAAW,CAAC,qBAAqB,CAAC,IAAI,CAAC,oBAAoB,CAAC,QAAQ,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;IAC5G,CAAC;IAED,sBAAI,8CAAS;aAAb;YACE,OAAO,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC;QAC5C,CAAC;;;OAAA;;gBAzBmC,wBAAwB;gBAChC,gBAAgB;gBACxB,QAAQ;;IApB5B;QADC,KAAK,EAAE;;6EACqC;IAK7C;QADC,KAAK,EAAE;kCACqB,WAAW;yCAAX,WAAW;8DAMvC;IAhBU,uBAAuB;QALnC,SAAS,CAAC;YACT,QAAQ,EAAE,qBAAqB;YAC/B,QAAQ,EAAE,EAAE;;SAEb,CAAC;yCAwBoC,wBAAwB;YAChC,gBAAgB;YACxB,QAAQ;OAzBjB,uBAAuB,CAkDnC;IAAD,8BAAC;CAAA,AAlDD,IAkDC;SAlDY,uBAAuB","sourcesContent":["import {\n  Component,\n  ComponentFactoryResolver,\n  ComponentRef,\n  Injector,\n  Input,\n  OnInit,\n  ViewContainerRef\n} from '@angular/core';\nimport { lang } from '@coolon/typescript-utilities';\nimport { Activity, ACTIVITY_DATA } from '../../../activity';\nimport { ActivityRef } from '../../../activity-ref';\nimport { InteractionContext } from '../../../interaction-context';\n\n/**\n * ActivityOutletComponent creates and displays an activity and delegates the interaction context functionality to an\n * external service.\n */\n@Component({\n  selector: 'aup-activity-outlet',\n  template: '',\n  styleUrls: ['./activity-outlet.component.scss']\n})\nexport class ActivityOutletComponent<D, R, E> implements OnInit {\n\n  private activityComponentRef: ComponentRef<Activity<D, R, E>>;\n\n  @Input()\n  nestedInteractionContext: InteractionContext;\n\n  private _activityRef: ActivityRef<D, R, E>;\n\n  @Input()\n  set activityRef(activityRef: ActivityRef<D, R, E>) {\n    if (this.activityRef && !this.activityRef.isComplete()) {\n      lang.illegalState('changing activity before previous one has completed');\n    }\n    this._activityRef = activityRef;\n    this.loadActivity(activityRef);\n  };\n\n  get activityRef(): ActivityRef<D, R, E> {\n    return this._activityRef;\n  }\n\n  constructor(\n    private componentFactoryResolver: ComponentFactoryResolver,\n    private viewContainerRef: ViewContainerRef,\n    private injector: Injector\n  ) {\n  }\n\n  ngOnInit() {\n  }\n\n  loadActivity(activityRef: ActivityRef<D, R, E>) {\n    const injector = Injector.create({\n      providers: [\n        { provide: ACTIVITY_DATA, useValue: activityRef.activityData }\n      ],\n      parent: this.injector\n    });\n    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(activityRef.activityClass);\n    this.viewContainerRef.clear();\n    // console.log(`creating component -> ${activityRef.activityClass.name}`);\n    this.activityComponentRef = this.viewContainerRef.createComponent(componentFactory, 0, injector);\n    this.activityRef.notifyActivityCreated(this.activityComponentRef.instance, this.nestedInteractionContext);\n  }\n\n  get component(): Activity<D, R, E> {\n    return this.activityComponentRef.instance;\n  }\n\n}\n"]}

package/esm5/lib/interaction/components/activity-container/activity-outlet/activity-outlet.component.ngfactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-outlet.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/activity-container/activity-outlet/activity-outlet.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/interaction/components/activity-container/activity-outlet/activity-outlet.component.scss.shim.ngstyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-outlet.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/activity-container/activity-outlet/activity-outlet.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}