@coolon/angular-ui-powerups 0.0.125 → 0.0.128

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

@@ -2,269 +2,239 @@
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-import { Component, EventEmitter, Input, Output, QueryList, ViewChild, ViewChildren } from '@angular/core';
+import * as tslib_1 from "tslib";
+import { Component, Input, QueryList, ViewChild, ViewChildren } from '@angular/core';
 import { MatTabGroup } from '@angular/material';
-import { assert, Dsl, MutableListModel, MutableStream, MutableValueModel } from '@coolon/pectin';
-import { InteractionContextBase } from '../../interaction-context-base';
-import { ActivityOutletComponent } from '../activity-outlet/activity-outlet.component';
+import { assert, Dsl, GarbageCollector, Trace } 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';
 /**
- * Note: this class is mutable and is stored in a list model.  This is normally a big no no but
- *  we're manually deriving other models from the list after view state changes.  I.e. we not
- *  using pectin chains on any of the mutable fields.
  * @template D, R, E
  */
-class TabContext {
+export class ActivityContainerComponent extends AbstractInteractionContext {
+    constructor() {
+        super();
+        this.dynamicHeight = false;
+        this.activityTabs = [];
+        this.garbage = new GarbageCollector();
+    }
     /**
-     * @param {?} activityData
-     * @param {?} activityClass
-     * @param {?} interactionContext
-     * @param {?} activityCallbacks
+     * @return {?}
      */
-    constructor(activityData, activityClass, interactionContext, activityCallbacks) {
-        this.activityData = activityData;
-        this.activityClass = activityClass;
-        this.interactionContext = interactionContext;
-        this.activityCallbacks = activityCallbacks;
-        this._complete = false;
+    ngOnInit() {
     }
     /**
      * @return {?}
      */
-    isComponentRealised() {
-        return !!this._component;
+    ngAfterViewInit() {
+        const { chain, observe } = Dsl.disposeWith(this);
+        observe.valuesFrom(this.tabs.animationDone).subscribe((/**
+         * @return {?}
+         */
+        () => this.onAnimationFinished()));
     }
     /**
+     * @param {?} identifier
+     * @param {?} api
      * @return {?}
      */
-    isComplete() {
-        return this._complete;
+    initialise(identifier, api) {
+        assert.isFalsey(this.isInitialised());
+        assert.notNil(identifier);
+        assert.notNil(api);
+        this._identifier = identifier;
+        this.interactionServiceApi = api;
     }
     /**
-     * @param {?} component
      * @return {?}
      */
-    componentReady(component) {
-        assert.isNil(this._component);
-        this._component = component;
+    get identifier() {
+        return this._identifier;
     }
     /**
      * @return {?}
      */
-    get component() {
-        return this._component;
+    isInitialised() {
+        return !!this.identifier;
     }
-    // @Trace()
     /**
-     * @param {?} result
+     * Returns true if an activity is currently running.
      * @return {?}
      */
-    onDone(result) {
-        this._complete = true;
-        this.activityCallbacks.onDone(result);
+    isActive() {
+        return this.getActiveActivityCount() > 0;
     }
-    // @Trace()
     /**
-     * @param {?} error
+     * @template T
+     * @param {?} disposable
      * @return {?}
      */
-    onCancel(error) {
-        this._complete = true;
-        this.activityCallbacks.onCancel(error);
+    registerDisposable(disposable) {
+        return this.garbage.registerDisposable(disposable);
     }
     /**
      * @return {?}
      */
     dispose() {
-        this.component.dispose();
+        // TODO: think about auto cancelling any outstanding activity on dispose.
+        //       See NavigationState.Navigating for a use-case.
+        assert.isFalsey(this.isActive());
+        this.garbage.dispose();
     }
-}
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TabContext.prototype._complete;
     /**
-     * @type {?}
-     * @private
+     * @return {?}
      */
-    TabContext.prototype._component;
-    /** @type {?} */
-    TabContext.prototype.activityData;
-    /** @type {?} */
-    TabContext.prototype.activityClass;
-    /** @type {?} */
-    TabContext.prototype.interactionContext;
-    /** @type {?} */
-    TabContext.prototype.activityCallbacks;
-}
-/**
- * @template D, R, E
- */
-export class ActivityContainerComponent extends InteractionContextBase {
-    constructor() {
-        super();
-        this.throttledNestedActivityFinishEvents = new MutableStream();
-        this._initialActivityOutletContext = new MutableValueModel();
-        // tslint:disable-next-line:no-output-rename
-        this.initialActivityOutletContextEvent = new EventEmitter();
-        this.dynamicHeight = false;
-        this.activityTabs = new MutableListModel();
-        this._activityList = new MutableListModel();
-        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
-        chain(this.throttledNestedActivityFinishEvents).throttle(50).subscribe((/**
+    getActiveActivityRef() {
+        if (!this.isActive()) {
+            lang.illegalState('no activity in progress');
+        }
+        return _.findLast(this.activityTabs, (/**
+         * @param {?} tab
          * @return {?}
          */
-        () => this.onNestedActivityFinished()));
-        this.setActivityList(this._activityList.readonly);
-        this.active = chain(this._initialActivityOutletContext).isNotNil();
+        tab => !tab.isComplete()));
     }
     /**
-     * @param {?} initialContext
+     * Cancels the current activity and returns true the context is no longer active, false if
+     * there is still another activity running.
      * @return {?}
      */
-    set initialActivityOutletContext(initialContext) {
-        assert.isNil(this._initialActivityOutletContext.value);
-        // we clean up at the start as we leave the initial activity in place after it finishes
-        // so that the activity remains visible during the inplace-interaction-context animations.
-        this.activityTabs.value = [];
-        this._activityList.value = [];
+    // @Trace()
+    cancelActiveActivity() {
+        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            /** @type {?} */
+            const activity = this.getActiveActivityRef();
+            activity.cancel();
+            if (this.isCleaningUp()) {
+                return this.waitForInteractionContextCleanupToFinish();
+            }
+            else {
+                return !this.isActive();
+            }
+        });
+    }
+    // TODO: this handling of multiple nested activities is only used by the activity component and is not a general case.
+    // @Trace()
+    /**
+     * @protected
+     * @template D1, R1, E1
+     * @param {?} activityType
+     * @param {?} data
+     * @param {?} disableClose
+     * @return {?}
+     */
+    createAndLaunchActivity(activityType, data, disableClose) {
+        assert.isTruthy(this.isInitialised()); // make sure we've been initialised
+        // make sure we've been initialised
         /** @type {?} */
-        const self = this;
-        if (initialContext) {
-            this._initialActivityOutletContext.value = initialContext;
-            this.activityTabs.push(new TabContext(initialContext.activityData, initialContext.activityClass, this, {
-                onDone: (/**
-                 * @param {?} result
-                 * @return {?}
-                 */
-                (result) => {
-                    self.finishInitialActivity();
-                    initialContext.onDone(result);
-                }),
-                onCancel: (/**
-                 * @param {?} error
-                 * @return {?}
-                 */
-                (error) => {
-                    self.finishInitialActivity();
-                    initialContext.onCancel(error);
-                })
-            }));
+        const activityRef = new ActivityRef(activityType, data, (/**
+         * @return {?}
+         */
+        () => {
+            /** @type {?} */
+            const 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.activityTabs.length === 1) {
+            // console.log('Now active!!!');
+            this.interactionServiceApi.notifyActive(this);
         }
+        return activityRef.activityResult;
     }
     /**
+     * @private
      * @return {?}
      */
-    get initialActivityOutletContext() {
-        return this._initialActivityOutletContext.value;
+    getActiveActivityCount() {
+        return this.activityTabs.filter((/**
+         * @param {?} ref
+         * @return {?}
+         */
+        ref => !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.
      * @return {?}
      */
-    ngOnInit() {
+    isCleaningUp() {
+        return !!this._deferredCleanUp;
     }
     /**
      * @return {?}
      */
-    ngAfterViewInit() {
-        const { chain, observe } = Dsl.disposeWith(this);
-        observe.valuesFrom(this.outlets.changes).subscribe((/**
-         * @return {?}
-         */
-        () => setTimeout((/**
-         * @return {?}
-         */
-        () => this.updateActivityList()))));
-        observe.valuesFrom(this.tabs.animationDone).subscribe((/**
-         * @return {?}
-         */
-        () => this.onAnimationFinished()));
-        this.updateActivityList();
+    waitForInteractionContextCleanupToFinish() {
+        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            return this._deferredCleanUp ?
+                this._deferredCleanUp :
+                true;
+        });
     }
+    // @Trace()
     /**
-     * @template D1, R1, E1
-     * @param {?} activityType
-     * @param {?=} data
+     * @private
      * @return {?}
      */
-    _startActivity(activityType, data) {
-        this.cleanupStaleNestedActivities();
-        /** @type {?} */
-        const self = this;
-        return new Promise((/**
-         * @param {?} resolve
-         * @param {?} reject
-         * @return {?}
-         */
-        (resolve, reject) => {
+    finishAndStartCleanup() {
+        if (!this._deferredCleanUp) {
             /** @type {?} */
-            const context = new TabContext(data, activityType, self, {
-                onDone: (/**
-                 * @param {?} result
-                 * @return {?}
-                 */
-                function (result) {
-                    resolve(result);
-                    self.throttledNestedActivityFinishEvents.publish({});
-                }),
-                onCancel: (/**
-                 * @param {?} error
-                 * @return {?}
-                 */
-                function (error) {
-                    reject(error);
-                    self.throttledNestedActivityFinishEvents.publish({});
-                })
-            });
-            self.activityTabs.push(context);
-            self.tabs.selectedIndex = this.activityTabs.length;
-        }));
+            const promise = this.interactionServiceApi.notifyFinished(this);
+            this._deferredCleanUp = promise
+                .finally((/**
+             * @return {?}
+             */
+            () => {
+                this._deferredCleanUp = null;
+            }));
+        }
     }
+    // @Trace()
     /**
-     * @private
+     * @template D1, R1, E1
+     * @param {?} activityRef
      * @return {?}
      */
-    finishInitialActivity() {
-        this.updateActivityList();
-        this._initialActivityOutletContext.value = null;
-        this.initialActivityOutletContextEvent.emit(null);
+    launchActivity(activityRef) {
+        /** @type {?} */
+        const cleanedTabs = this.activityTabs.filter((/**
+         * @param {?} tab
+         * @return {?}
+         */
+        tab => !tab.isComplete()));
+        this.activityTabs = cleanedTabs.concat(activityRef);
+        this.tabs.selectedIndex = this.activityTabs.length;
     }
-    // @Trace()
     /**
-     * @private
+     * @param {?} index
+     * @param {?} activityRef
      * @return {?}
      */
-    onNestedActivityFinished() {
-        this.synchroniseSelectedTabIndex();
-        this.updateActivityList();
+    activityIndex(index, activityRef) {
+        return index;
     }
+    ;
     // @Trace()
     /**
      * @private
      * @return {?}
      */
-    cleanupStaleNestedActivities() {
-        if (this.tabs.selectedIndex < this.activityTabs.length - 1) {
-            /** @type {?} */
-            const tabs = this.activityTabs.value;
-            /** @type {?} */
-            const remainingActivities = tabs.slice(0, 1 + this.tabs.selectedIndex);
-            /** @type {?} */
-            const finishedActivityTabs = tabs.slice(1 + this.tabs.selectedIndex);
-            finishedActivityTabs.forEach((/**
-             * @param {?} a
-             * @return {?}
-             */
-            a => a.dispose()));
-            this.activityTabs.runInTransaction((/**
-             * @param {?} draft
-             * @return {?}
-             */
-            draft => {
-                draft.value = remainingActivities;
-            }));
-        }
+    onAnimationFinished() {
+        this.getSelectedOutlet().component.onActivityReady();
+        this.activityTabs = this.activityTabs.filter((/**
+         * @param {?} tab
+         * @return {?}
+         */
+        tab => !tab.isComplete()));
     }
     /**
      * Synchronises the selected tab index.  Returns true if there was no change to the selected index.
@@ -276,90 +246,89 @@ export class ActivityContainerComponent extends InteractionContextBase {
         /** @type {?} */
         const previousIndex = this.tabs.selectedIndex;
         /** @type {?} */
-        const newIndex = this.activityTabs.query().findIndex((/**
-         * @param {?} t
-         * @return {?}
-         */
-        t => t.isComplete())) - 1;
+        const newIndex = this.getActiveActivityCount() - 1;
         this.tabs.selectedIndex = newIndex;
         return previousIndex === newIndex;
     }
-    // @Trace()
     /**
      * @private
      * @return {?}
      */
-    onAnimationFinished() {
-        this.getSelectedOutlet().component.onActivityReady();
-        this.cleanupStaleNestedActivities();
-        this.updateActivityList();
+    getSelectedOutlet() {
+        return this.activityOutlets.toArray()[this.tabs.selectedIndex];
     }
+    // @Trace()
     /**
      * @private
      * @return {?}
      */
-    updateActivityList() {
-        this._activityList.value = this.activityTabs.value.filter((/**
-         * @param {?} t
-         * @return {?}
-         */
-        t => !t.isComplete() && t.isComponentRealised())).map((/**
-         * @param {?} t
+    triggerTabSynchronisation() {
+        if (this.syncSelectedTabTimeout) {
+            clearTimeout(this.syncSelectedTabTimeout);
+        }
+        this.syncSelectedTabTimeout = setTimeout((/**
          * @return {?}
          */
-        t => t.component));
-    }
-    /**
-     * @private
-     * @return {?}
-     */
-    getSelectedOutlet() {
-        return this.outlets.toArray()[this.tabs.selectedIndex];
+        () => {
+            this.syncSelectedTabTimeout = null;
+            this.synchroniseSelectedTabIndex();
+        }), 75);
     }
 }
 ActivityContainerComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-activity-container',
-                template: "<mat-tab-group #tabs no-tab-header [dynamicHeight]=\"dynamicHeight\" [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let tab of activityTabs.value\">\n    <aup-activity-outlet [interactionContext]=\"this\" [activityContext]=\"tab\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n",
+                template: "<mat-tab-group #tabs no-tab-header [dynamicHeight]=\"dynamicHeight\" [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let tab of activityTabs; trackBy: activityIndex\" >\n    <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"tab\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n",
                 styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
             }] }
 ];
 /** @nocollapse */
 ActivityContainerComponent.ctorParameters = () => [];
 ActivityContainerComponent.propDecorators = {
-    initialActivityOutletContext: [{ type: Input }],
-    initialActivityOutletContextEvent: [{ type: Output, args: ['initialActivityOutletContext',] }],
     dynamicHeight: [{ type: Input }],
     tabs: [{ type: ViewChild, args: ['tabs', { static: true },] }],
-    outlets: [{ type: ViewChildren, args: [ActivityOutletComponent,] }]
+    activityOutlets: [{ type: ViewChildren, args: [ActivityOutletComponent,] }]
 };
+tslib_1.__decorate([
+    Trace(),
+    tslib_1.__metadata("design:type", Function),
+    tslib_1.__metadata("design:paramtypes", []),
+    tslib_1.__metadata("design:returntype", void 0)
+], ActivityContainerComponent.prototype, "dispose", null);
 if (false) {
+    /** @type {?} */
+    ActivityContainerComponent.prototype.dynamicHeight;
+    /** @type {?} */
+    ActivityContainerComponent.prototype.tabs;
+    /** @type {?} */
+    ActivityContainerComponent.prototype.activityOutlets;
+    /** @type {?} */
+    ActivityContainerComponent.prototype.activityTabs;
     /**
      * @type {?}
      * @private
      */
-    ActivityContainerComponent.prototype.throttledNestedActivityFinishEvents;
+    ActivityContainerComponent.prototype._identifier;
     /**
      * @type {?}
      * @private
      */
-    ActivityContainerComponent.prototype._initialActivityOutletContext;
-    /** @type {?} */
-    ActivityContainerComponent.prototype.initialActivityOutletContextEvent;
-    /** @type {?} */
-    ActivityContainerComponent.prototype.dynamicHeight;
-    /** @type {?} */
-    ActivityContainerComponent.prototype.tabs;
-    /** @type {?} */
-    ActivityContainerComponent.prototype.outlets;
-    /** @type {?} */
-    ActivityContainerComponent.prototype.activityTabs;
-    /** @type {?} */
-    ActivityContainerComponent.prototype.active;
+    ActivityContainerComponent.prototype._deferredCleanUp;
+    /**
+     * @type {?}
+     * @private
+     */
+    ActivityContainerComponent.prototype.interactionServiceApi;
+    /**
+     * @type {?}
+     * @private
+     */
+    ActivityContainerComponent.prototype.garbage;
     /**
      * @type {?}
      * @private
      */
-    ActivityContainerComponent.prototype._activityList;
+    ActivityContainerComponent.prototype.syncSelectedTabTimeout;
+    /* Skipping unhandled member: ;*/
 }
 //# sourceMappingURL=activity-container.component.js.map

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

@@ -1 +1 @@
-{"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 {\n  AfterViewInit,\n  Component,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n  QueryList,\n  ViewChild,\n  ViewChildren\n} from '@angular/core';\nimport { MatTabGroup } from '@angular/material';\nimport {\n  assert,\n  Constructable,\n  Dsl,\n  MutableListModel,\n  MutableStream,\n  MutableValueModel,\n  ValueModel\n} from '@coolon/pectin';\n\nimport { Activity } from '../../activity';\nimport { InteractionContext } from '../../interaction-context';\nimport { InteractionContextBase } from '../../interaction-context-base';\nimport { ActivityOutletContext } from '../activity-outlet/activity-outlet-context';\nimport { ActivityOutletComponent } from '../activity-outlet/activity-outlet.component';\n\n/**\n * Note: this class is mutable and is stored in a list model.  This is normally a big no no but\n *  we're manually deriving other models from the list after view state changes.  I.e. we not\n *  using pectin chains on any of the mutable fields.\n */\nclass TabContext<D, R, E> implements ActivityOutletContext<D, R, E> {\n\n  private _complete = false;\n  private _component: Activity<D, R, E>;\n\n  constructor(readonly activityData: D,\n              readonly activityClass: Constructable<Activity<D, R, E>>,\n              readonly interactionContext: InteractionContext,\n              readonly activityCallbacks: Activity.Callbacks<R, E>) {\n  }\n\n  isComponentRealised(): boolean {\n    return !!this._component;\n  }\n\n  isComplete() {\n    return this._complete;\n  }\n\n  componentReady(component: Activity<D, R, E>) {\n    assert.isNil(this._component);\n    this._component = component;\n  }\n\n  get component(): Activity<D, R, E> {\n    return this._component;\n  }\n\n  // @Trace()\n  onDone(result: R): void {\n    this._complete = true;\n    this.activityCallbacks.onDone(result);\n  }\n\n  // @Trace()\n  onCancel(error: E): void {\n    this._complete = true;\n    this.activityCallbacks.onCancel(error);\n  }\n\n  dispose() {\n    this.component.dispose();\n  }\n\n}\n\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 InteractionContextBase implements OnInit, AfterViewInit {\n\n  private readonly throttledNestedActivityFinishEvents = new MutableStream<any>();\n\n  private readonly _initialActivityOutletContext = new MutableValueModel<ActivityOutletContext<D, R, E>>();\n\n  @Input()\n  set initialActivityOutletContext(initialContext: ActivityOutletContext<D, R, E>) {\n    assert.isNil(this._initialActivityOutletContext.value);\n    // we clean up at the start as we leave the initial activity in place after it finishes\n    // so that the activity remains visible during the inplace-interaction-context animations.\n    this.activityTabs.value = [];\n    this._activityList.value = [];\n    const self = this;\n    if (initialContext) {\n      this._initialActivityOutletContext.value = initialContext;\n      this.activityTabs.push(new TabContext(initialContext.activityData, initialContext.activityClass, this, {\n        onDone: (result: R) => {\n          self.finishInitialActivity();\n          initialContext.onDone(result);\n        },\n        onCancel: (error: E) => {\n          self.finishInitialActivity();\n          initialContext.onCancel(error);\n        }\n      }));\n    }\n  }\n\n  get initialActivityOutletContext() {\n    return this._initialActivityOutletContext.value;\n  }\n\n  // tslint:disable-next-line:no-output-rename\n  @Output('initialActivityOutletContext')\n  initialActivityOutletContextEvent = new EventEmitter<ActivityOutletContext<D, R, E>>();\n\n  @Input()\n  dynamicHeight = false;\n\n  @ViewChild('tabs', { static: true })\n  tabs: MatTabGroup;\n\n  @ViewChildren(ActivityOutletComponent)\n  outlets: QueryList<ActivityOutletComponent<any, any, any>>;\n\n  readonly activityTabs = new MutableListModel<TabContext<any, any, any>>();\n\n  readonly active:ValueModel<boolean>;\n\n  private readonly _activityList = new MutableListModel<Activity<any, any>>();\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    chain(this.throttledNestedActivityFinishEvents).throttle(50).subscribe(() => this.onNestedActivityFinished());\n    this.setActivityList(this._activityList.readonly);\n    this.active = chain(this._initialActivityOutletContext).isNotNil();\n  }\n\n  ngOnInit() {\n  }\n\n  ngAfterViewInit(): void {\n    const { chain, observe } = Dsl.disposeWith(this);\n    observe.valuesFrom(this.outlets.changes).subscribe(() => setTimeout(() => this.updateActivityList()));\n    observe.valuesFrom(this.tabs.animationDone).subscribe(() => this.onAnimationFinished());\n    this.updateActivityList();\n  }\n\n  _startActivity<D1, R1, E1>(activityType: Constructable<Activity<D1, R1, E1>>, data?: D1): Promise<R1> {\n    this.cleanupStaleNestedActivities();\n    const self = this;\n    return new Promise<R1>((resolve, reject) => {\n      const context = new TabContext(data, activityType, self, {\n        onDone: function(result: R1) {\n          resolve(result);\n          self.throttledNestedActivityFinishEvents.publish({});\n        },\n        onCancel: function(error: E1) {\n          reject(error);\n          self.throttledNestedActivityFinishEvents.publish({});\n        }\n      });\n      self.activityTabs.push(context);\n      self.tabs.selectedIndex = this.activityTabs.length;\n    });\n  }\n\n  private finishInitialActivity() {\n    this.updateActivityList();\n    this._initialActivityOutletContext.value = null;\n    this.initialActivityOutletContextEvent.emit(null);\n  }\n\n  // @Trace()\n  private onNestedActivityFinished() {\n    this.synchroniseSelectedTabIndex();\n    this.updateActivityList();\n  }\n\n  // @Trace()\n  private cleanupStaleNestedActivities() {\n    if (this.tabs.selectedIndex < this.activityTabs.length - 1) {\n      const tabs = this.activityTabs.value;\n      const remainingActivities = tabs.slice(0, 1 + this.tabs.selectedIndex);\n      const finishedActivityTabs = tabs.slice(1 + this.tabs.selectedIndex);\n      finishedActivityTabs.forEach(a => a.dispose());\n      this.activityTabs.runInTransaction(draft => {\n\n        draft.value = remainingActivities;\n      });\n    }\n  }\n\n  /**\n   * Synchronises the selected tab index.  Returns true if there was no change to the selected index.\n   */\n  // @Trace()\n  private synchroniseSelectedTabIndex(): boolean {\n    const previousIndex = this.tabs.selectedIndex;\n    const newIndex = this.activityTabs.query().findIndex(t => t.isComplete()) - 1;\n    this.tabs.selectedIndex = newIndex;\n    return previousIndex === newIndex;\n  }\n\n  // @Trace()\n  private onAnimationFinished() {\n    this.getSelectedOutlet().component.onActivityReady();\n    this.cleanupStaleNestedActivities();\n    this.updateActivityList();\n  }\n\n  private updateActivityList() {\n    this._activityList.value = this.activityTabs.value.filter(t => !t.isComplete() && t.isComponentRealised()).map(t => t.component);\n  }\n\n  private getSelectedOutlet() {\n    return this.outlets.toArray()[this.tabs.selectedIndex];\n  }\n}\n"]}
+{"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';\nimport { assert, Constructable, Disposable, Dsl, GarbageCollector, Trace, ValueModel } from '@coolon/pectin';\nimport { lang } from '@coolon/typescript-utilities';\nimport _ from 'lodash';\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  activityTabs: 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\n  constructor() {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n  ngAfterViewInit(): void {\n    const { chain, observe } = Dsl.disposeWith(this);\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.activityTabs, 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.activityTabs.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.activityTabs.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      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.activityTabs.filter(tab => !tab.isComplete());\n    this.activityTabs = cleanedTabs.concat(activityRef);\n    this.tabs.selectedIndex = this.activityTabs.length;\n  }\n\n  activityIndex(index: number, activityRef: ActivityRef<any, any, any>) {\n    return index;\n  };\n\n\n  // @Trace()\n  private onAnimationFinished() {\n    this.getSelectedOutlet().component.onActivityReady();\n    this.activityTabs = this.activityTabs.filter(tab => !tab.isComplete());\n  }\n\n  /**\n   * Synchronises the selected tab index.  Returns true if there was no change to the selected index.\n   */\n  // @Trace()\n  private synchroniseSelectedTabIndex(): boolean {\n    const previousIndex = this.tabs.selectedIndex;\n    const newIndex = this.getActiveActivityCount() - 1;\n    this.tabs.selectedIndex = newIndex;\n    return previousIndex === newIndex;\n  }\n\n  private getSelectedOutlet() {\n    return this.activityOutlets.toArray()[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/esm2015/lib/interaction/components/activity-container/activity-container.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ActivityContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../interaction-context-base","name":"InteractionContextBase","line":85,"character":57},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":80,"character":1},"arguments":[{"selector":"aup-activity-container","template":"<mat-tab-group #tabs no-tab-header [dynamicHeight]=\"dynamicHeight\" [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let tab of activityTabs.value\">\n    <aup-activity-outlet [interactionContext]=\"this\" [activityContext]=\"tab\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n","styles":[":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]}]}],"members":{"initialActivityOutletContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"initialActivityOutletContextEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":119,"character":3},"arguments":["initialActivityOutletContext"]}]}],"dynamicHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":3}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":125,"character":3},"arguments":["tabs",{"static":true}]}]}],"outlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":128,"character":3},"arguments":[{"__symbolic":"reference","module":"../activity-outlet/activity-outlet.component","name":"ActivityOutletComponent","line":128,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"_startActivity":[{"__symbolic":"method"}],"finishInitialActivity":[{"__symbolic":"method"}],"onNestedActivityFinished":[{"__symbolic":"method"}],"cleanupStaleNestedActivities":[{"__symbolic":"method"}],"synchroniseSelectedTabIndex":[{"__symbolic":"method"}],"onAnimationFinished":[{"__symbolic":"method"}],"updateActivityList":[{"__symbolic":"method"}],"getSelectedOutlet":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ActivityContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../abstract-interaction-context","name":"AbstractInteractionContext","line":16,"character":57},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"aup-activity-container","template":"<mat-tab-group #tabs no-tab-header [dynamicHeight]=\"dynamicHeight\" [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let tab of activityTabs; trackBy: activityIndex\" >\n    <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"tab\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n","styles":[":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]}]}],"members":{"dynamicHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":["tabs",{"static":true}]}]}],"activityOutlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":24,"character":3},"arguments":[{"__symbolic":"reference","module":"./activity-outlet/activity-outlet.component","name":"ActivityOutletComponent","line":24,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"initialise":[{"__symbolic":"method"}],"isInitialised":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"registerDisposable":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"Trace","line":76,"character":3}}]}],"getActiveActivityRef":[{"__symbolic":"method"}],"cancelActiveActivity":[{"__symbolic":"method"}],"createAndLaunchActivity":[{"__symbolic":"method"}],"getActiveActivityCount":[{"__symbolic":"method"}],"isCleaningUp":[{"__symbolic":"method"}],"waitForInteractionContextCleanupToFinish":[{"__symbolic":"method"}],"finishAndStartCleanup":[{"__symbolic":"method"}],"launchActivity":[{"__symbolic":"method"}],"activityIndex":[{"__symbolic":"method"}],"onAnimationFinished":[{"__symbolic":"method"}],"synchroniseSelectedTabIndex":[{"__symbolic":"method"}],"getSelectedOutlet":[{"__symbolic":"method"}],"triggerTabSynchronisation":[{"__symbolic":"method"}]}}}}]