@coolon/angular-ui-powerups 2.0.0-alpha.30 → 2.0.0-alpha.31

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

@@ -1,7 +1,7 @@
 import { __awaiter, __decorate, __metadata } from "tslib";
 import { Component, Input, QueryList, ViewChild, ViewChildren } from '@angular/core';
 import { MatTabGroup } from '@angular/material/tabs';
-import { assert, Dsl, GarbageCollector, MutableValueModel, Trace } from '@coolon/pectin';
+import { assert, Dsl, GarbageCollector, MutableValueModel } from '@coolon/pectin';
 import { lang } from '@coolon/typescript-utilities';
 import _ from 'lodash';
 import { AbstractInteractionContext } from '../../abstract-interaction-context';
@@ -143,6 +143,7 @@ let ActivityContainerComponent = class ActivityContainerComponent extends Abstra
         return index;
     }
     ;
+    // @Trace()
     onAnimationFinished() {
         if (this.onAnimationFinishedJob) {
             this.onAnimationFinishedJob();
@@ -153,6 +154,7 @@ let ActivityContainerComponent = class ActivityContainerComponent extends Abstra
     /**
      * Synchronises the selected tab index.
      */
+    // @Trace()
     synchroniseSelectedTabIndex() {
         const previousIndex = this.tabs.selectedIndex;
         const newIndex = this.getActiveActivityCount() - 1;
@@ -168,9 +170,11 @@ let ActivityContainerComponent = class ActivityContainerComponent extends Abstra
     getSelectedOutlet() {
         return this.activityOutlets.toArray()[this.tabs.selectedIndex];
     }
+    // @Trace()
     getSelectedTabIndex() {
         return this.tabs.selectedIndex;
     }
+    // @Trace()
     triggerTabSynchronisation() {
         if (this.syncSelectedTabTimeout) {
             clearTimeout(this.syncSelectedTabTimeout);
@@ -193,34 +197,10 @@ __decorate([
     ViewChildren(ActivityOutletComponent),
     __metadata("design:type", QueryList)
 ], ActivityContainerComponent.prototype, "activityOutlets", void 0);
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], ActivityContainerComponent.prototype, "onAnimationFinished", null);
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], ActivityContainerComponent.prototype, "synchroniseSelectedTabIndex", null);
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], ActivityContainerComponent.prototype, "getSelectedTabIndex", null);
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], ActivityContainerComponent.prototype, "triggerTabSynchronisation", null);
 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 tab of activityTabs; let i = index; trackBy: activityIndex\" [@.disabled]=\"inTabChange.value\">\n    <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"tab\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n",
+        template: "<mat-tab-group #tabs no-tab-header\n               [dynamicHeight]=\"dynamicHeight\"\n               [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let tab of activityTabs; let i = index; trackBy: activityIndex\">\n    <aup-activity-outlet [nestedInteractionContext]=\"this\"\n                         [activityRef]=\"tab\"\n                         [disableAnimation]=\"inTabChange.value || i !== getSelectedTabIndex()\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n",
         styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
     }),
     __metadata("design:paramtypes", [])

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 { 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 { 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  private onAnimationFinishedJob: () => void;\n\n  // We have issues where angular is triggering a leave animation when an\n  // activity is replaced by another, 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  readonly inTabChange = 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.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      // 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.activityTabs = [];\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.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    this.inTabChange.value = false;\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.inTabChange.value = true;\n      this.tabs.selectedIndex = newIndex;\n      this.onAnimationFinishedJob = () => {\n        this.getSelectedOutlet().component.onActivityReady();\n        this.activityTabs = this.activityTabs.filter(tab => !tab.isComplete());\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"]}
+{"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":";AAAA,OAAO,EAAiB,SAAS,EAAE,KAAK,EAAU,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC5G,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,MAAM,EAA6B,GAAG,EAAE,gBAAgB,EAAE,iBAAiB,EAAS,MAAM,gBAAgB,CAAC;AACpH,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAEhF,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AAOtF,IAAa,0BAA0B,GAAvC,MAAa,0BAAoC,SAAQ,0BAA0B;IA4BjF;QACE,KAAK,EAAE,CAAC;QA1BV,kBAAa,GAAG,KAAK,CAAC;QAQtB,iBAAY,GAAiC,EAAE,CAAC;QAOxC,YAAO,GAAG,IAAI,gBAAgB,EAAE,CAAC;QAIzC,uEAAuE;QACvE,0EAA0E;QAC1E,uEAAuE;QACvE,+DAA+D;QACtD,gBAAW,GAAG,IAAI,iBAAiB,CAAU,KAAK,CAAC,CAAC;IAI7D,CAAC;IAED,QAAQ;IACR,CAAC;IAED,eAAe;QACb,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACjD,wEAAwE;QACxE,gCAAgC;QAChC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAC1F,CAAC;IAED,UAAU,CAAC,UAAkB,EAAE,GAA2B;QACxD,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACtC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC1B,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACnB,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAC9B,IAAI,CAAC,qBAAqB,GAAG,GAAG,CAAC;IACnC,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,aAAa;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED;;OAEG;IACH,QAAQ;QACN,OAAO,IAAI,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;IAC3C,CAAC;IAED,kBAAkB,CAAuB,UAAa;QACpD,OAAO,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACrD,CAAC;IAED,WAAW;IACX,OAAO;QACL,yEAAyE;QACzE,uDAAuD;QACvD,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QACjC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IACzB,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;YACpB,IAAI,CAAC,YAAY,CAAC,yBAAyB,CAAC,CAAC;SAC9C;QACD,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC;IACjE,CAAC;IAED;;;OAGG;IACH,WAAW;IACL,oBAAoB;;YACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC7C,QAAQ,CAAC,MAAM,EAAE,CAAC;YAClB,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;gBACvB,OAAO,IAAI,CAAC,wCAAwC,EAAE,CAAC;aACxD;iBAAM;gBACL,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;aACzB;QACH,CAAC;KAAA;IAED,sHAAsH;IACtH,WAAW;IACD,uBAAuB,CAAa,YAAiD,EAAE,IAAQ,EAAE,YAAqB;QAC9H,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,mCAAmC;QAC1E,MAAM,WAAW,GAAG,IAAI,WAAW,CAAa,YAAY,EAAE,IAAI,EAAE,GAAG,EAAE;YACvE,MAAM,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;YAC9D,IAAI,mBAAmB,EAAE;gBACvB,IAAI,CAAC,yBAAyB,EAAE,CAAC;aAClC;iBAAM;gBACL,IAAI,CAAC,qBAAqB,EAAE,CAAC;aAC9B;QACH,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QACjC,kEAAkE;QAClE,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;YAClC,gCAAgC;YAChC,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SAC/C;QACD,OAAO,WAAW,CAAC,cAAc,CAAC;IACpC,CAAC;IAEO,sBAAsB;QAC5B,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC;IACnE,CAAC;IAED;;;OAGG;IACH,YAAY;QACV,OAAO,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;IAEK,wCAAwC;;YAC5C,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC;gBAC5B,IAAI,CAAC,gBAAgB,CAAC,CAAC;gBACvB,IAAI,CAAC;QACT,CAAC;KAAA;IAED,WAAW;IACH,qBAAqB;QAC3B,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B,aAAa;YACb,6DAA6D;YAC7D,8DAA8D;YAC9D,oEAAoE;YACpE,qBAAqB;YACrB,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;YACvB,MAAM,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;YAChE,IAAI,CAAC,gBAAgB,GAAG,OAAO;iBAC5B,OAAO,CAAC,GAAG,EAAE;gBACZ,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAC/B,CAAC,CAAC,CAAC;SACN;IACH,CAAC;IAEH,WAAW;IACT,cAAc,CAAa,WAAoC;QAC7D,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC;QACvE,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACpD,IAAI,CAAC,2BAA2B,EAAE,CAAC;IACrC,CAAC;IAED,aAAa,CAAC,KAAa,EAAE,WAAuC;QAClE,OAAO,KAAK,CAAC;IACf,CAAC;IAAA,CAAC;IAEF,WAAW;IACH,mBAAmB;QACzB,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC/B,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAC9B,IAAI,CAAC,sBAAsB,GAAG,SAAS,CAAC;SACzC;QACD,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC;IACjC,CAAC;IAED;;OAEG;IACH,WAAW;IACH,2BAA2B;QACjC,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;QAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;QACnD,IAAI,aAAa,KAAK,QAAQ,EAAE;YAC9B,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC;YAC9B,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;YACnC,IAAI,CAAC,sBAAsB,GAAG,GAAG,EAAE;gBACjC,IAAI,CAAC,iBAAiB,EAAE,CAAC,SAAS,CAAC,eAAe,EAAE,CAAC;gBACrD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC;YACzE,CAAC,CAAC;SACH;IACH,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACjE,CAAC;IAED,WAAW;IACX,mBAAmB;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;IACjC,CAAC;IAED,WAAW;IACH,yBAAyB;QAC/B,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC/B,YAAY,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;SAC3C;QACD,IAAI,CAAC,sBAAsB,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5C,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;YACnC,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IACT,CAAC;CACF,CAAA;AAhNC;IADC,KAAK,EAAE;;iEACc;AAGtB;IADC,SAAS,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;8BAC9B,WAAW;wDAAC;AAGlB;IADC,YAAY,CAAC,uBAAuB,CAAC;8BACrB,SAAS;mEAAyC;AATxD,0BAA0B;IALtC,SAAS,CAAC;QACT,QAAQ,EAAE,wBAAwB;QAClC,6fAAkD;;KAEnD,CAAC;;GACW,0BAA0B,CAmNtC;SAnNY,0BAA0B","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 { 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  private onAnimationFinishedJob: () => void;\n\n  // We have issues where angular is triggering a leave animation when an\n  // activity is replaced by another, 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  readonly inTabChange = 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.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      // 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.activityTabs = [];\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.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    this.inTabChange.value = false;\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.inTabChange.value = true;\n      this.tabs.selectedIndex = newIndex;\n      this.onAnimationFinishedJob = () => {\n        this.getSelectedOutlet().component.onActivityReady();\n        this.activityTabs = this.activityTabs.filter(tab => !tab.isComplete());\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/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":"../../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\n               [dynamicHeight]=\"dynamicHeight\"\n               [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let tab of activityTabs; let i = index; trackBy: activityIndex\" [@.disabled]=\"inTabChange.value\">\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"}],"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","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"Trace","line":182,"character":3}}]}],"synchroniseSelectedTabIndex":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"Trace","line":194,"character":3}}]}],"getSelectedOutlet":[{"__symbolic":"method"}],"getSelectedTabIndex":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"Trace","line":212,"character":3}}]}],"triggerTabSynchronisation":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"Trace","line":217,"character":3}}]}]}}}}]
+[{"__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\n               [dynamicHeight]=\"dynamicHeight\"\n               [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let tab of activityTabs; let i = index; trackBy: activityIndex\">\n    <aup-activity-outlet [nestedInteractionContext]=\"this\"\n                         [activityRef]=\"tab\"\n                         [disableAnimation]=\"inTabChange.value || i !== getSelectedTabIndex()\"></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"}],"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"}],"getSelectedTabIndex":[{"__symbolic":"method"}],"triggerTabSynchronisation":[{"__symbolic":"method"}]}}}}]

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

@@ -1,5 +1,5 @@
 import { __decorate, __metadata } from "tslib";
-import { Component, ComponentFactoryResolver, ComponentRef, Injector, Input, OnInit, ViewContainerRef } from '@angular/core';
+import { Component, ComponentFactoryResolver, ComponentRef, HostBinding, Injector, Input, OnInit, ViewContainerRef } from '@angular/core';
 import { lang } from '@coolon/typescript-utilities';
 import { ACTIVITY_DATA } from '../../../activity';
 import { ActivityRef } from '../../../activity-ref';
@@ -12,6 +12,7 @@ let ActivityOutletComponent = class ActivityOutletComponent {
         this.componentFactoryResolver = componentFactoryResolver;
         this.viewContainerRef = viewContainerRef;
         this.injector = injector;
+        this._disableAnimation = false;
     }
     set activityRef(activityRef) {
         if (this.activityRef && !this.activityRef.isComplete()) {
@@ -21,6 +22,13 @@ let ActivityOutletComponent = class ActivityOutletComponent {
         this.loadActivity(activityRef);
     }
     ;
+    set disableAnimation(value) {
+        // console.log({disableAnimation: value});
+        this._disableAnimation = value;
+    }
+    get disableAnimation() {
+        return this._disableAnimation;
+    }
     get activityRef() {
         return this._activityRef;
     }
@@ -57,6 +65,12 @@ __decorate([
     __metadata("design:type", ActivityRef),
     __metadata("design:paramtypes", [ActivityRef])
 ], ActivityOutletComponent.prototype, "activityRef", null);
+__decorate([
+    Input(),
+    HostBinding('@.disabled'),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], ActivityOutletComponent.prototype, "disableAnimation", null);
 ActivityOutletComponent = __decorate([
     Component({
         selector: 'aup-activity-outlet',

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

@@ -1 +1 @@
-{"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,IAAa,uBAAuB,GAApC,MAAa,uBAAuB;IAsBlC,YACU,wBAAkD,EAClD,gBAAkC,EAClC,QAAkB;QAFlB,6BAAwB,GAAxB,wBAAwB,CAA0B;QAClD,qBAAgB,GAAhB,gBAAgB,CAAkB;QAClC,aAAQ,GAAR,QAAQ,CAAU;IAE5B,CAAC;IAjBD,IAAI,WAAW,CAAC,WAAiC;QAC/C,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,EAAE;YACtD,IAAI,CAAC,YAAY,CAAC,qDAAqD,CAAC,CAAC;SAC1E;QACD,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;QAChC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC;IAAA,CAAC;IAEF,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IASD,QAAQ;IACR,CAAC;IAED,YAAY,CAAC,WAAiC;QAC5C,MAAM,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,MAAM,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,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC;IAC5C,CAAC;CAEF,CAAA;;YA3BqC,wBAAwB;YAChC,gBAAgB;YACxB,QAAQ;;AApB5B;IADC,KAAK,EAAE;;yEACqC;AAK7C;IADC,KAAK,EAAE;8BACqB,WAAW;qCAAX,WAAW;0DAMvC;AAhBU,uBAAuB;IALnC,SAAS,CAAC;QACT,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE,EAAE;;KAEb,CAAC;qCAwBoC,wBAAwB;QAChC,gBAAgB;QACxB,QAAQ;GAzBjB,uBAAuB,CAkDnC;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"]}
+{"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,EAAE,WAAW,EACzB,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,IAAa,uBAAuB,GAApC,MAAa,uBAAuB;IAiClC,YACU,wBAAkD,EAClD,gBAAkC,EAClC,QAAkB;QAFlB,6BAAwB,GAAxB,wBAAwB,CAA0B;QAClD,qBAAgB,GAAhB,gBAAgB,CAAkB;QAClC,aAAQ,GAAR,QAAQ,CAAU;QA5BpB,sBAAiB,GAAG,KAAK,CAAC;IA8BlC,CAAC;IA3BD,IAAI,WAAW,CAAC,WAAiC;QAC/C,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,EAAE;YACtD,IAAI,CAAC,YAAY,CAAC,qDAAqD,CAAC,CAAC;SAC1E;QACD,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;QAChC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC;IAAA,CAAC;IAIF,IAAI,gBAAgB,CAAC,KAAa;QAChC,0CAA0C;QAC1C,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IACjC,CAAC;IACD,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IASD,QAAQ;IACR,CAAC;IAED,YAAY,CAAC,WAAiC;QAC5C,MAAM,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,MAAM,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,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC;IAC5C,CAAC;CAEF,CAAA;;YA3BqC,wBAAwB;YAChC,gBAAgB;YACxB,QAAQ;;AA/B5B;IADC,KAAK,EAAE;;yEACqC;AAM7C;IADC,KAAK,EAAE;8BACqB,WAAW;qCAAX,WAAW;0DAMvC;AAID;IAFC,KAAK,EAAE;IACP,WAAW,CAAC,YAAY,CAAC;;;+DAIzB;AAxBU,uBAAuB;IALnC,SAAS,CAAC;QACT,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE,EAAE;;KAEb,CAAC;qCAmCoC,wBAAwB;QAChC,gBAAgB;QACxB,QAAQ;GApCjB,uBAAuB,CA6DnC;SA7DY,uBAAuB","sourcesContent":["import {\n  Component,\n  ComponentFactoryResolver,\n  ComponentRef, HostBinding,\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  private _disableAnimation = false;\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  @Input()\n  @HostBinding('@.disabled')\n  set disableAnimation(value:boolean) {\n    // console.log({disableAnimation: value});\n    this._disableAnimation = value;\n  }\n  get disableAnimation():boolean {\n    return this._disableAnimation;\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/esm2015/lib/interaction/components/activity-container/activity-outlet/activity-outlet.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ActivityOutletComponent":{"__symbolic":"class","arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"aup-activity-outlet","template":"","styles":[":host{display:block}"]}]}],"members":{"nestedInteractionContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"activityRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":46,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":47,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":48,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"loadActivity":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ActivityOutletComponent":{"__symbolic":"class","arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"aup-activity-outlet","template":"","styles":[":host{display:block}"]}]}],"members":{"nestedInteractionContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"activityRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"disableAnimation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":3},"arguments":["@.disabled"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":57,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":58,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":59,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"loadActivity":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/interaction/interaction.module.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"interaction.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/interaction.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './interaction.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/button';\nimport * as i5 from '@angular/material/dialog';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/cdk/portal';\nimport * as i8 from '@angular/router';\nimport * as i9 from '@angular/material/icon';\nimport * as i10 from '../directives/command.directive';\nimport * as i11 from '../directives/focus-binding.directive';\nimport * as i12 from '@angular/flex-layout/flex';\nimport * as i13 from '@angular/flex-layout/grid';\nimport * as i14 from '../components/forms/number-input/number-input.component';\nimport * as i15 from '../components/forms/string-input/string-input.component';\nimport * as i16 from '../components/forms/text-input/text-input.component';\nimport * as i17 from '../components/forms/password-input/password-input.component';\nimport * as i18 from '../components/forms/checkbox-input/checkbox-input.component';\nimport * as i19 from '../components/forms/select-input/select-input.component';\nimport * as i20 from '../components/forms/multiple-select-input/multiple-select-input.component';\nimport * as i21 from '../components/forms/autocomplete-input/autocomplete-input.component';\nimport * as i22 from '../components/scroll-container/scroll-container.component';\nimport * as i23 from '../components/noop/noop.component';\nimport * as i24 from '../components/switch-case/switch-case.component';\nimport * as i25 from '../components/focus-container/focus-container.component';\nimport * as i26 from '../components/vertical-focus-container/vertical-focus-container.component';\nimport * as i27 from '../components/focusable.component';\nimport * as i28 from '../components/card-container/card-container.component';\nimport * as i29 from '../components/table/table.component';\nimport * as i30 from '../components/table/edit-row-controls/edit-row-controls.component';\nimport * as i31 from '../components/table/column-template/column-template.directive';\nimport * as i32 from '../components/icon/icon.component';\nimport * as i33 from '../components/section-header/section-header.component';\nimport * as i34 from '../components/table/table-row-menu/table-row-menu.component';\nimport * as i35 from '../components/commands/command-bar.component';\nimport * as i36 from '../components/commands/command.component';\nimport * as i37 from '../components/commands/popup-menu/abstract-popup-menu.component';\nimport * as i38 from '../components/commands/popup-menu/popup-menu.component';\nimport * as i39 from '../components/commands/command-face/command-face.component';\nimport * as i40 from '../components/commands/popup-menu-renderer/popup-menu-renderer.component';\nimport * as i41 from '../components/commands/popup-menu/more-menu.component';\nimport * as i42 from './components/activity-container/activity-container.component';\nimport * as i43 from './components/confirmation-dialog/confirmation-dialog.component';\nimport * as i44 from './components/confirm-then-dialog/confirm-then-dialog.component';\nimport * as i45 from './components/alert-dialog/alert-dialog.component';\nimport * as i46 from './components/activity-container/activity-outlet/activity-outlet.component';\nimport * as i47 from './components/inplace-interaction-context/in-place-interaction-context.component';\nimport * as i48 from './components/add-item-interaction-context/add-item-interaction-context.component';\nimport * as i49 from './components/activity-actions/activity-actions.component';\nimport * as i50 from './components/popup-interaction-context/popup-interaction-context.component';\nimport * as i51 from './components/input-activities/string-input-activity';\nimport * as i52 from './components/input-activities/select-input-activity';\nimport * as i53 from './components/input-activities/abstract-input-activity';\nimport * as i54 from './directives/interaction-context-trigger-for.directive';\nimport * as i55 from '../directives/directives.module';\nimport * as i56 from '../components/components.module';\nexport const InteractionModuleNgFactory:i0.NgModuleFactory<i1.InteractionModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatButton = (<any>(null as any));\nvar _decl0_13:i4.MatAnchor = (<any>(null as any));\nvar _decl0_14:i5.MatDialogContainer = (<any>(null as any));\nvar _decl0_15:i5.MatDialogClose = (<any>(null as any));\nvar _decl0_16:i5.MatDialogTitle = (<any>(null as any));\nvar _decl0_17:i5.MatDialogContent = (<any>(null as any));\nvar _decl0_18:i5.MatDialogActions = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.CdkPortal = (<any>(null as any));\nvar _decl0_26:i7.CdkPortalOutlet = (<any>(null as any));\nvar _decl0_27:i7.TemplatePortalDirective = (<any>(null as any));\nvar _decl0_28:i7.PortalHostDirective = (<any>(null as any));\nvar _decl0_29:i8.RouterOutlet = (<any>(null as any));\nvar _decl0_30:i8.RouterLink = (<any>(null as any));\nvar _decl0_31:i8.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_32:i8.RouterLinkActive = (<any>(null as any));\nvar _decl0_33:i8.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_34:i9.MatIcon = (<any>(null as any));\nvar _decl0_35:i10.CommandDirective<any> = (<any>(null as any));\nvar _decl0_36:i11.FocusBindingDirective = (<any>(null as any));\nvar _decl0_37:i12.DefaultLayoutDirective = (<any>(null as any));\nvar _decl0_38:i12.DefaultLayoutGapDirective = (<any>(null as any));\nvar _decl0_39:i12.DefaultLayoutAlignDirective = (<any>(null as any));\nvar _decl0_40:i12.DefaultFlexOrderDirective = (<any>(null as any));\nvar _decl0_41:i12.DefaultFlexOffsetDirective = (<any>(null as any));\nvar _decl0_42:i12.FlexFillDirective = (<any>(null as any));\nvar _decl0_43:i12.DefaultFlexAlignDirective = (<any>(null as any));\nvar _decl0_44:i12.DefaultFlexDirective = (<any>(null as any));\nvar _decl0_45:i13.ɵgrid_privatec = (<any>(null as any));\nvar _decl0_46:i13.ɵgrid_privatef = (<any>(null as any));\nvar _decl0_47:i13.ɵgrid_privatei = (<any>(null as any));\nvar _decl0_48:i13.ɵgrid_privatel = (<any>(null as any));\nvar _decl0_49:i13.ɵgrid_privateo = (<any>(null as any));\nvar _decl0_50:i13.ɵgrid_privater = (<any>(null as any));\nvar _decl0_51:i13.ɵgrid_privateu = (<any>(null as any));\nvar _decl0_52:i13.ɵgrid_privatex = (<any>(null as any));\nvar _decl0_53:i13.ɵgrid_privateba = (<any>(null as any));\nvar _decl0_54:i13.ɵgrid_privatebd = (<any>(null as any));\nvar _decl0_55:i13.ɵgrid_privatebg = (<any>(null as any));\nvar _decl0_56:i14.NumberInputComponent = (<any>(null as any));\nvar _decl0_57:i15.StringInputComponent = (<any>(null as any));\nvar _decl0_58:i16.TextInputComponent = (<any>(null as any));\nvar _decl0_59:i17.PasswordInputComponent = (<any>(null as any));\nvar _decl0_60:i18.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_61:i19.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_62:i20.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_63:i21.AutocompleteInputComponent<any> = (<any>(null as any));\nvar _decl0_64:i22.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_65:i23.NoopComponent = (<any>(null as any));\nvar _decl0_66:i24.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_67:i24.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_68:i24.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_69:i25.FocusContainerComponent = (<any>(null as any));\nvar _decl0_70:i26.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_71:i27.FocusableComponent = (<any>(null as any));\nvar _decl0_72:i28.CardContainerComponent = (<any>(null as any));\nvar _decl0_73:i29.TableComponent<any> = (<any>(null as any));\nvar _decl0_74:i30.EditRowControls<any> = (<any>(null as any));\nvar _decl0_75:i31.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_76:i32.IconComponent = (<any>(null as any));\nvar _decl0_77:i33.SectionHeaderComponent = (<any>(null as any));\nvar _decl0_78:i34.TableRowMenuComponent<any> = (<any>(null as any));\nvar _decl0_79:i35.CommandBarComponent = (<any>(null as any));\nvar _decl0_80:i36.CommandComponent<any> = (<any>(null as any));\nvar _decl0_81:i37.AbstractPopupMenuComponent = (<any>(null as any));\nvar _decl0_82:i38.PopupMenuComponent = (<any>(null as any));\nvar _decl0_83:i39.CommandFaceComponent<any> = (<any>(null as any));\nvar _decl0_84:i40.PopupMenuRendererComponent = (<any>(null as any));\nvar _decl0_85:i41.MoreMenuComponent = (<any>(null as any));\nvar _decl0_86:i42.ActivityContainerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_87:i43.ConfirmationDialogComponent = (<any>(null as any));\nvar _decl0_88:i44.ConfirmThenDialogComponent<any,any,any> = (<any>(null as any));\nvar _decl0_89:i45.AlertDialogComponent = (<any>(null as any));\nvar _decl0_90:i46.ActivityOutletComponent<any,any,any> = (<any>(null as any));\nvar _decl0_91:i47.InPlaceInteractionContextComponent<any,any,any> = (<any>(null as any));\nvar _decl0_92:i48.AddItemInteractionContextComponent = (<any>(null as any));\nvar _decl0_93:i49.ActivityActionsComponent = (<any>(null as any));\nvar _decl0_94:i50.PopupInteractionContextComponent = (<any>(null as any));\nvar _decl0_95:i51.StringInputActivity = (<any>(null as any));\nvar _decl0_96:i52.SelectInputActivity<any> = (<any>(null as any));\nvar _decl0_97:i53.AbstractInputActivity<any,any> = (<any>(null as any));\nvar _decl0_98:i54.InteractionContextTriggerFor<any,any,any> = (<any>(null as any));\nvar _decl0_99:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_100:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_101:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_102:i2.JsonPipe = (<any>(null as any));\nvar _decl0_103:i2.SlicePipe = (<any>(null as any));\nvar _decl0_104:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_105:i2.PercentPipe = (<any>(null as any));\nvar _decl0_106:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_107:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_108:i2.DatePipe = (<any>(null as any));\nvar _decl0_109:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_110:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_111:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_112:i2.CommonModule = (<any>(null as any));\nvar _decl0_113:i4.MatButtonModule = (<any>(null as any));\nvar _decl0_114:i5.MatDialogModule = (<any>(null as any));\nvar _decl0_115:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_116:i7.PortalModule = (<any>(null as any));\nvar _decl0_117:i8.RouterModule = (<any>(null as any));\nvar _decl0_118:i9.MatIconModule = (<any>(null as any));\nvar _decl0_119:i55.DirectivesModule = (<any>(null as any));\nvar _decl0_120:i12.FlexModule = (<any>(null as any));\nvar _decl0_121:i13.GridModule = (<any>(null as any));\nvar _decl0_122:i56.ComponentsModule = (<any>(null as any));\nvar _decl0_123:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_124:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_ActivityContainerComponent_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ActivityContainerComponent_1_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_86.inTabChange.value;\n  currVal_0;\n  const currVal_1:any = _decl0_86;\n  currVal_1;\n  const currVal_2:any = _any;\n  currVal_2;\n}\nfunction _View_ActivityContainerComponent_1_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_86.dynamicHeight;\n  currVal_0;\n  const currVal_1:any = _decl0_19.dynamicHeight;\n  currVal_1;\n  const currVal_2:any = (_decl0_19.headerPosition === 'below');\n  currVal_2;\n  const currVal_3:any = !_decl0_86.dynamicHeight;\n  currVal_3;\n  const currVal_4:any = _decl0_86.activityTabs;\n  currVal_4;\n  const currVal_5:any = _decl0_86.activityIndex;\n  currVal_5;\n}\nfunction _View_ConfirmationDialogComponent_Host_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_87.class;\n  currVal_0;\n}\nfunction _View_ConfirmationDialogComponent_2_1():void {\n  if (_decl0_87.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_87.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmationDialogComponent_2_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmationDialogComponent_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_87.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_87.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_87.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_87.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_87.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_87.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_87.done()) !== false);\n}\nfunction _View_ConfirmThenDialogComponent_Host_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_88.class;\n  currVal_0;\n}\nfunction _View_ConfirmThenDialogComponent_3_1():void {\n  if (_decl0_88.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_88.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmThenDialogComponent_3_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmThenDialogComponent_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_88.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_88.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_88.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_88.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_88.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_88.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_88.onConfirm()) !== false);\n}\nfunction _View_AlertDialogComponent_Host_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_89.class;\n  currVal_0;\n}\nfunction _View_AlertDialogComponent_4_1():void {\n  if (_decl0_89.alert.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_89.alert.title();\n    currVal_1;\n  }\n}\nfunction _View_AlertDialogComponent_4_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_AlertDialogComponent_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_89.alert.title;\n  currVal_0;\n  const currVal_1:any = _decl0_89.alert.content();\n  currVal_1;\n  const currVal_2:any = 'primary';\n  currVal_2;\n  const currVal_3:any = (_decl0_12.disabled || null);\n  currVal_3;\n  const currVal_4:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_4;\n  const currVal_5:any = _decl0_89.alert.ok();\n  currVal_5;\n  const pd_6:any = ((<any>_decl0_89.done()) !== false);\n}\nfunction _View_ActivityOutletComponent_Host_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ActivityOutletComponent_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_Host_6_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = false;\n  currVal_0;\n  const currVal_1:any = (_decl0_91.isActive()? 1: 0);\n  currVal_1;\n  const currVal_2:any = _decl0_91.animationDuration;\n  currVal_2;\n  const currVal_3:any = _decl0_19.dynamicHeight;\n  currVal_3;\n  const currVal_4:any = (_decl0_19.headerPosition === 'below');\n  currVal_4;\n  const currVal_5:any = false;\n  currVal_5;\n}\nfunction _View_AddItemInteractionContextComponent_Host_7_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_92.active;\n  currVal_0;\n  const currVal_1:any = _decl0_92.tabindex;\n  currVal_1;\n}\nfunction _View_AddItemInteractionContextComponent_7_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = false;\n  currVal_0;\n  const currVal_1:any = _decl0_92.clickCommand;\n  currVal_1;\n  const currVal_2:any = _decl0_92.icon;\n  currVal_2;\n  const currVal_3:any = _decl0_92.label;\n  currVal_3;\n  const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n}\nfunction _View_ActivityActionsComponent_Host_8_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_93.alignEnd;\n  currVal_0;\n  const currVal_1:any = _decl0_93.alignStretch;\n  currVal_1;\n}\nfunction _View_ActivityActionsComponent_8_2():void {\n  if ((_decl0_93.hasCancelCommand() && !_decl0_93.hasCancelText())) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_93.cancelCommand;\n    currVal_2;\n    const currVal_3:any = 'mat:clear';\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_3():void {\n  if ((_decl0_93.hasCancelCommand() && _decl0_93.hasCancelText())) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_93.cancelCommand;\n    currVal_2;\n    const currVal_3:any = _decl0_93.cancelText;\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_1():void {\n  if (_decl0_93.hasCancelCommand()) {\n    var _any:any = (null as any);\n    const currVal_0:any = !_decl0_93.hasCancelText();\n    currVal_0;\n    const currVal_1:any = _decl0_93.hasCancelText();\n    currVal_1;\n  }\n}\nfunction _View_ActivityActionsComponent_8_5():void {\n  if ((_decl0_93.hasConfirmCommand() && !_decl0_93.hasConfirmText())) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_93.confirmCommand;\n    currVal_2;\n    const currVal_3:any = 'mat:done';\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_6():void {\n  if ((_decl0_93.hasConfirmCommand() && _decl0_93.hasConfirmText())) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_93.confirmCommand;\n    currVal_2;\n    const currVal_3:any = _decl0_93.confirmText;\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_4():void {\n  if (_decl0_93.hasConfirmCommand()) {\n    var _any:any = (null as any);\n    const currVal_0:any = !_decl0_93.hasConfirmText();\n    currVal_0;\n    const currVal_1:any = _decl0_93.hasConfirmText();\n    currVal_1;\n  }\n}\nfunction _View_ActivityActionsComponent_8_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_93.hasCancelCommand();\n  currVal_0;\n  const currVal_1:any = _decl0_93.hasConfirmCommand();\n  currVal_1;\n}\nfunction _View_PopupInteractionContextComponent_Host_9_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_94.active;\n  currVal_0;\n}\nfunction _View_PopupInteractionContextComponent_9_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_StringInputActivity_Host_10_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_95.class;\n  currVal_0;\n}\nfunction _View_StringInputActivity_10_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_95.data.label;\n  currVal_0;\n  const currVal_1:any = _decl0_95.data.placeholder;\n  currVal_1;\n  const currVal_2:any = _decl0_95.confirmCommand;\n  currVal_2;\n  const currVal_3:any = _decl0_95.cancelCommand;\n  currVal_3;\n  const currVal_4:any = _decl0_95.valueModel;\n  currVal_4;\n  const currVal_5:any = _decl0_57.dense;\n  currVal_5;\n  const currVal_6:any = _decl0_57.baseClassName;\n  currVal_6;\n  const currVal_7:any = _decl0_95.confirmCommand;\n  currVal_7;\n  const currVal_8:any = _decl0_95.cancelCommand;\n  currVal_8;\n  const currVal_9:any = 'end';\n  currVal_9;\n  const currVal_10:any = _decl0_93.alignEnd;\n  currVal_10;\n  const currVal_11:any = _decl0_93.alignStretch;\n  currVal_11;\n  const pd_12:any = ((<any>_decl0_57.notifyClick()) !== false);\n  const pd_13:any = ((<any>_decl0_57.notifyFocusIn()) !== false);\n  const pd_14:any = ((<any>_decl0_57.notifyFocusOut()) !== false);\n}\nfunction _View_SelectInputActivity_Host_11_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_96.class;\n  currVal_0;\n}\nfunction _View_SelectInputActivity_11_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_96.data.label;\n  currVal_0;\n  const currVal_1:any = _decl0_96.data.placeholder;\n  currVal_1;\n  const currVal_2:any = _decl0_96.confirmCommand;\n  currVal_2;\n  const currVal_3:any = _decl0_96.cancelCommand;\n  currVal_3;\n  const currVal_4:any = _decl0_96.valueModel;\n  currVal_4;\n  const currVal_5:any = _decl0_96.options;\n  currVal_5;\n  const currVal_6:any = _decl0_96.optionLabelFormat;\n  currVal_6;\n  const currVal_7:any = _decl0_61.dense;\n  currVal_7;\n  const currVal_8:any = _decl0_61.baseClassName;\n  currVal_8;\n  const currVal_9:any = _decl0_96.confirmCommand;\n  currVal_9;\n  const currVal_10:any = _decl0_96.cancelCommand;\n  currVal_10;\n  const currVal_11:any = 'end';\n  currVal_11;\n  const currVal_12:any = _decl0_93.alignEnd;\n  currVal_12;\n  const currVal_13:any = _decl0_93.alignStretch;\n  currVal_13;\n  const pd_14:any = ((<any>_decl0_61.notifyClick()) !== false);\n  const pd_15:any = ((<any>_decl0_61.notifyFocusIn()) !== false);\n  const pd_16:any = ((<any>_decl0_61.notifyFocusOut()) !== false);\n}\nfunction _View_AbstractInputActivity_Host_12_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_97.class;\n  currVal_0;\n}\nfunction _View_AbstractInputActivity_12_0():void {\n  var _any:any = (null as any);\n}\n"]}
+{"version":3,"file":"interaction.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/interaction.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './interaction.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/button';\nimport * as i5 from '@angular/material/dialog';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/cdk/portal';\nimport * as i8 from '@angular/router';\nimport * as i9 from '@angular/material/icon';\nimport * as i10 from '../directives/command.directive';\nimport * as i11 from '../directives/focus-binding.directive';\nimport * as i12 from '@angular/flex-layout/flex';\nimport * as i13 from '@angular/flex-layout/grid';\nimport * as i14 from '../components/forms/number-input/number-input.component';\nimport * as i15 from '../components/forms/string-input/string-input.component';\nimport * as i16 from '../components/forms/text-input/text-input.component';\nimport * as i17 from '../components/forms/password-input/password-input.component';\nimport * as i18 from '../components/forms/checkbox-input/checkbox-input.component';\nimport * as i19 from '../components/forms/select-input/select-input.component';\nimport * as i20 from '../components/forms/multiple-select-input/multiple-select-input.component';\nimport * as i21 from '../components/forms/autocomplete-input/autocomplete-input.component';\nimport * as i22 from '../components/scroll-container/scroll-container.component';\nimport * as i23 from '../components/noop/noop.component';\nimport * as i24 from '../components/switch-case/switch-case.component';\nimport * as i25 from '../components/focus-container/focus-container.component';\nimport * as i26 from '../components/vertical-focus-container/vertical-focus-container.component';\nimport * as i27 from '../components/focusable.component';\nimport * as i28 from '../components/card-container/card-container.component';\nimport * as i29 from '../components/table/table.component';\nimport * as i30 from '../components/table/edit-row-controls/edit-row-controls.component';\nimport * as i31 from '../components/table/column-template/column-template.directive';\nimport * as i32 from '../components/icon/icon.component';\nimport * as i33 from '../components/section-header/section-header.component';\nimport * as i34 from '../components/table/table-row-menu/table-row-menu.component';\nimport * as i35 from '../components/commands/command-bar.component';\nimport * as i36 from '../components/commands/command.component';\nimport * as i37 from '../components/commands/popup-menu/abstract-popup-menu.component';\nimport * as i38 from '../components/commands/popup-menu/popup-menu.component';\nimport * as i39 from '../components/commands/command-face/command-face.component';\nimport * as i40 from '../components/commands/popup-menu-renderer/popup-menu-renderer.component';\nimport * as i41 from '../components/commands/popup-menu/more-menu.component';\nimport * as i42 from './components/activity-container/activity-container.component';\nimport * as i43 from './components/confirmation-dialog/confirmation-dialog.component';\nimport * as i44 from './components/confirm-then-dialog/confirm-then-dialog.component';\nimport * as i45 from './components/alert-dialog/alert-dialog.component';\nimport * as i46 from './components/activity-container/activity-outlet/activity-outlet.component';\nimport * as i47 from './components/inplace-interaction-context/in-place-interaction-context.component';\nimport * as i48 from './components/add-item-interaction-context/add-item-interaction-context.component';\nimport * as i49 from './components/activity-actions/activity-actions.component';\nimport * as i50 from './components/popup-interaction-context/popup-interaction-context.component';\nimport * as i51 from './components/input-activities/string-input-activity';\nimport * as i52 from './components/input-activities/select-input-activity';\nimport * as i53 from './components/input-activities/abstract-input-activity';\nimport * as i54 from './directives/interaction-context-trigger-for.directive';\nimport * as i55 from '../directives/directives.module';\nimport * as i56 from '../components/components.module';\nexport const InteractionModuleNgFactory:i0.NgModuleFactory<i1.InteractionModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatButton = (<any>(null as any));\nvar _decl0_13:i4.MatAnchor = (<any>(null as any));\nvar _decl0_14:i5.MatDialogContainer = (<any>(null as any));\nvar _decl0_15:i5.MatDialogClose = (<any>(null as any));\nvar _decl0_16:i5.MatDialogTitle = (<any>(null as any));\nvar _decl0_17:i5.MatDialogContent = (<any>(null as any));\nvar _decl0_18:i5.MatDialogActions = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.CdkPortal = (<any>(null as any));\nvar _decl0_26:i7.CdkPortalOutlet = (<any>(null as any));\nvar _decl0_27:i7.TemplatePortalDirective = (<any>(null as any));\nvar _decl0_28:i7.PortalHostDirective = (<any>(null as any));\nvar _decl0_29:i8.RouterOutlet = (<any>(null as any));\nvar _decl0_30:i8.RouterLink = (<any>(null as any));\nvar _decl0_31:i8.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_32:i8.RouterLinkActive = (<any>(null as any));\nvar _decl0_33:i8.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_34:i9.MatIcon = (<any>(null as any));\nvar _decl0_35:i10.CommandDirective<any> = (<any>(null as any));\nvar _decl0_36:i11.FocusBindingDirective = (<any>(null as any));\nvar _decl0_37:i12.DefaultLayoutDirective = (<any>(null as any));\nvar _decl0_38:i12.DefaultLayoutGapDirective = (<any>(null as any));\nvar _decl0_39:i12.DefaultLayoutAlignDirective = (<any>(null as any));\nvar _decl0_40:i12.DefaultFlexOrderDirective = (<any>(null as any));\nvar _decl0_41:i12.DefaultFlexOffsetDirective = (<any>(null as any));\nvar _decl0_42:i12.FlexFillDirective = (<any>(null as any));\nvar _decl0_43:i12.DefaultFlexAlignDirective = (<any>(null as any));\nvar _decl0_44:i12.DefaultFlexDirective = (<any>(null as any));\nvar _decl0_45:i13.ɵgrid_privatec = (<any>(null as any));\nvar _decl0_46:i13.ɵgrid_privatef = (<any>(null as any));\nvar _decl0_47:i13.ɵgrid_privatei = (<any>(null as any));\nvar _decl0_48:i13.ɵgrid_privatel = (<any>(null as any));\nvar _decl0_49:i13.ɵgrid_privateo = (<any>(null as any));\nvar _decl0_50:i13.ɵgrid_privater = (<any>(null as any));\nvar _decl0_51:i13.ɵgrid_privateu = (<any>(null as any));\nvar _decl0_52:i13.ɵgrid_privatex = (<any>(null as any));\nvar _decl0_53:i13.ɵgrid_privateba = (<any>(null as any));\nvar _decl0_54:i13.ɵgrid_privatebd = (<any>(null as any));\nvar _decl0_55:i13.ɵgrid_privatebg = (<any>(null as any));\nvar _decl0_56:i14.NumberInputComponent = (<any>(null as any));\nvar _decl0_57:i15.StringInputComponent = (<any>(null as any));\nvar _decl0_58:i16.TextInputComponent = (<any>(null as any));\nvar _decl0_59:i17.PasswordInputComponent = (<any>(null as any));\nvar _decl0_60:i18.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_61:i19.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_62:i20.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_63:i21.AutocompleteInputComponent<any> = (<any>(null as any));\nvar _decl0_64:i22.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_65:i23.NoopComponent = (<any>(null as any));\nvar _decl0_66:i24.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_67:i24.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_68:i24.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_69:i25.FocusContainerComponent = (<any>(null as any));\nvar _decl0_70:i26.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_71:i27.FocusableComponent = (<any>(null as any));\nvar _decl0_72:i28.CardContainerComponent = (<any>(null as any));\nvar _decl0_73:i29.TableComponent<any> = (<any>(null as any));\nvar _decl0_74:i30.EditRowControls<any> = (<any>(null as any));\nvar _decl0_75:i31.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_76:i32.IconComponent = (<any>(null as any));\nvar _decl0_77:i33.SectionHeaderComponent = (<any>(null as any));\nvar _decl0_78:i34.TableRowMenuComponent<any> = (<any>(null as any));\nvar _decl0_79:i35.CommandBarComponent = (<any>(null as any));\nvar _decl0_80:i36.CommandComponent<any> = (<any>(null as any));\nvar _decl0_81:i37.AbstractPopupMenuComponent = (<any>(null as any));\nvar _decl0_82:i38.PopupMenuComponent = (<any>(null as any));\nvar _decl0_83:i39.CommandFaceComponent<any> = (<any>(null as any));\nvar _decl0_84:i40.PopupMenuRendererComponent = (<any>(null as any));\nvar _decl0_85:i41.MoreMenuComponent = (<any>(null as any));\nvar _decl0_86:i42.ActivityContainerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_87:i43.ConfirmationDialogComponent = (<any>(null as any));\nvar _decl0_88:i44.ConfirmThenDialogComponent<any,any,any> = (<any>(null as any));\nvar _decl0_89:i45.AlertDialogComponent = (<any>(null as any));\nvar _decl0_90:i46.ActivityOutletComponent<any,any,any> = (<any>(null as any));\nvar _decl0_91:i47.InPlaceInteractionContextComponent<any,any,any> = (<any>(null as any));\nvar _decl0_92:i48.AddItemInteractionContextComponent = (<any>(null as any));\nvar _decl0_93:i49.ActivityActionsComponent = (<any>(null as any));\nvar _decl0_94:i50.PopupInteractionContextComponent = (<any>(null as any));\nvar _decl0_95:i51.StringInputActivity = (<any>(null as any));\nvar _decl0_96:i52.SelectInputActivity<any> = (<any>(null as any));\nvar _decl0_97:i53.AbstractInputActivity<any,any> = (<any>(null as any));\nvar _decl0_98:i54.InteractionContextTriggerFor<any,any,any> = (<any>(null as any));\nvar _decl0_99:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_100:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_101:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_102:i2.JsonPipe = (<any>(null as any));\nvar _decl0_103:i2.SlicePipe = (<any>(null as any));\nvar _decl0_104:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_105:i2.PercentPipe = (<any>(null as any));\nvar _decl0_106:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_107:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_108:i2.DatePipe = (<any>(null as any));\nvar _decl0_109:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_110:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_111:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_112:i2.CommonModule = (<any>(null as any));\nvar _decl0_113:i4.MatButtonModule = (<any>(null as any));\nvar _decl0_114:i5.MatDialogModule = (<any>(null as any));\nvar _decl0_115:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_116:i7.PortalModule = (<any>(null as any));\nvar _decl0_117:i8.RouterModule = (<any>(null as any));\nvar _decl0_118:i9.MatIconModule = (<any>(null as any));\nvar _decl0_119:i55.DirectivesModule = (<any>(null as any));\nvar _decl0_120:i12.FlexModule = (<any>(null as any));\nvar _decl0_121:i13.GridModule = (<any>(null as any));\nvar _decl0_122:i56.ComponentsModule = (<any>(null as any));\nvar _decl0_123:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_124:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_ActivityContainerComponent_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ActivityContainerComponent_1_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_86;\n  currVal_0;\n  const currVal_1:any = _any;\n  currVal_1;\n  const currVal_2:any = (_decl0_86.inTabChange.value || (_any !== _decl0_86.getSelectedTabIndex()));\n  currVal_2;\n  const currVal_3:any = _decl0_90.disableAnimation;\n  currVal_3;\n}\nfunction _View_ActivityContainerComponent_1_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_86.dynamicHeight;\n  currVal_0;\n  const currVal_1:any = _decl0_19.dynamicHeight;\n  currVal_1;\n  const currVal_2:any = (_decl0_19.headerPosition === 'below');\n  currVal_2;\n  const currVal_3:any = !_decl0_86.dynamicHeight;\n  currVal_3;\n  const currVal_4:any = _decl0_86.activityTabs;\n  currVal_4;\n  const currVal_5:any = _decl0_86.activityIndex;\n  currVal_5;\n}\nfunction _View_ConfirmationDialogComponent_Host_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_87.class;\n  currVal_0;\n}\nfunction _View_ConfirmationDialogComponent_2_1():void {\n  if (_decl0_87.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_87.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmationDialogComponent_2_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmationDialogComponent_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_87.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_87.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_87.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_87.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_87.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_87.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_87.done()) !== false);\n}\nfunction _View_ConfirmThenDialogComponent_Host_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_88.class;\n  currVal_0;\n}\nfunction _View_ConfirmThenDialogComponent_3_1():void {\n  if (_decl0_88.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_88.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmThenDialogComponent_3_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmThenDialogComponent_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_88.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_88.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_88.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_88.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_88.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_88.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_88.onConfirm()) !== false);\n}\nfunction _View_AlertDialogComponent_Host_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_89.class;\n  currVal_0;\n}\nfunction _View_AlertDialogComponent_4_1():void {\n  if (_decl0_89.alert.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_89.alert.title();\n    currVal_1;\n  }\n}\nfunction _View_AlertDialogComponent_4_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_AlertDialogComponent_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_89.alert.title;\n  currVal_0;\n  const currVal_1:any = _decl0_89.alert.content();\n  currVal_1;\n  const currVal_2:any = 'primary';\n  currVal_2;\n  const currVal_3:any = (_decl0_12.disabled || null);\n  currVal_3;\n  const currVal_4:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_4;\n  const currVal_5:any = _decl0_89.alert.ok();\n  currVal_5;\n  const pd_6:any = ((<any>_decl0_89.done()) !== false);\n}\nfunction _View_ActivityOutletComponent_Host_5_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_90.disableAnimation;\n  currVal_0;\n}\nfunction _View_ActivityOutletComponent_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_Host_6_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = false;\n  currVal_0;\n  const currVal_1:any = (_decl0_91.isActive()? 1: 0);\n  currVal_1;\n  const currVal_2:any = _decl0_91.animationDuration;\n  currVal_2;\n  const currVal_3:any = _decl0_19.dynamicHeight;\n  currVal_3;\n  const currVal_4:any = (_decl0_19.headerPosition === 'below');\n  currVal_4;\n  const currVal_5:any = false;\n  currVal_5;\n}\nfunction _View_AddItemInteractionContextComponent_Host_7_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_92.active;\n  currVal_0;\n  const currVal_1:any = _decl0_92.tabindex;\n  currVal_1;\n}\nfunction _View_AddItemInteractionContextComponent_7_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = false;\n  currVal_0;\n  const currVal_1:any = _decl0_92.clickCommand;\n  currVal_1;\n  const currVal_2:any = _decl0_92.icon;\n  currVal_2;\n  const currVal_3:any = _decl0_92.label;\n  currVal_3;\n  const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n}\nfunction _View_ActivityActionsComponent_Host_8_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_93.alignEnd;\n  currVal_0;\n  const currVal_1:any = _decl0_93.alignStretch;\n  currVal_1;\n}\nfunction _View_ActivityActionsComponent_8_2():void {\n  if ((_decl0_93.hasCancelCommand() && !_decl0_93.hasCancelText())) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_93.cancelCommand;\n    currVal_2;\n    const currVal_3:any = 'mat:clear';\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_3():void {\n  if ((_decl0_93.hasCancelCommand() && _decl0_93.hasCancelText())) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_93.cancelCommand;\n    currVal_2;\n    const currVal_3:any = _decl0_93.cancelText;\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_1():void {\n  if (_decl0_93.hasCancelCommand()) {\n    var _any:any = (null as any);\n    const currVal_0:any = !_decl0_93.hasCancelText();\n    currVal_0;\n    const currVal_1:any = _decl0_93.hasCancelText();\n    currVal_1;\n  }\n}\nfunction _View_ActivityActionsComponent_8_5():void {\n  if ((_decl0_93.hasConfirmCommand() && !_decl0_93.hasConfirmText())) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_93.confirmCommand;\n    currVal_2;\n    const currVal_3:any = 'mat:done';\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_6():void {\n  if ((_decl0_93.hasConfirmCommand() && _decl0_93.hasConfirmText())) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_93.confirmCommand;\n    currVal_2;\n    const currVal_3:any = _decl0_93.confirmText;\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_4():void {\n  if (_decl0_93.hasConfirmCommand()) {\n    var _any:any = (null as any);\n    const currVal_0:any = !_decl0_93.hasConfirmText();\n    currVal_0;\n    const currVal_1:any = _decl0_93.hasConfirmText();\n    currVal_1;\n  }\n}\nfunction _View_ActivityActionsComponent_8_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_93.hasCancelCommand();\n  currVal_0;\n  const currVal_1:any = _decl0_93.hasConfirmCommand();\n  currVal_1;\n}\nfunction _View_PopupInteractionContextComponent_Host_9_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_94.active;\n  currVal_0;\n}\nfunction _View_PopupInteractionContextComponent_9_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_StringInputActivity_Host_10_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_95.class;\n  currVal_0;\n}\nfunction _View_StringInputActivity_10_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_95.data.label;\n  currVal_0;\n  const currVal_1:any = _decl0_95.data.placeholder;\n  currVal_1;\n  const currVal_2:any = _decl0_95.confirmCommand;\n  currVal_2;\n  const currVal_3:any = _decl0_95.cancelCommand;\n  currVal_3;\n  const currVal_4:any = _decl0_95.valueModel;\n  currVal_4;\n  const currVal_5:any = _decl0_57.dense;\n  currVal_5;\n  const currVal_6:any = _decl0_57.baseClassName;\n  currVal_6;\n  const currVal_7:any = _decl0_95.confirmCommand;\n  currVal_7;\n  const currVal_8:any = _decl0_95.cancelCommand;\n  currVal_8;\n  const currVal_9:any = 'end';\n  currVal_9;\n  const currVal_10:any = _decl0_93.alignEnd;\n  currVal_10;\n  const currVal_11:any = _decl0_93.alignStretch;\n  currVal_11;\n  const pd_12:any = ((<any>_decl0_57.notifyClick()) !== false);\n  const pd_13:any = ((<any>_decl0_57.notifyFocusIn()) !== false);\n  const pd_14:any = ((<any>_decl0_57.notifyFocusOut()) !== false);\n}\nfunction _View_SelectInputActivity_Host_11_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_96.class;\n  currVal_0;\n}\nfunction _View_SelectInputActivity_11_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_96.data.label;\n  currVal_0;\n  const currVal_1:any = _decl0_96.data.placeholder;\n  currVal_1;\n  const currVal_2:any = _decl0_96.confirmCommand;\n  currVal_2;\n  const currVal_3:any = _decl0_96.cancelCommand;\n  currVal_3;\n  const currVal_4:any = _decl0_96.valueModel;\n  currVal_4;\n  const currVal_5:any = _decl0_96.options;\n  currVal_5;\n  const currVal_6:any = _decl0_96.optionLabelFormat;\n  currVal_6;\n  const currVal_7:any = _decl0_61.dense;\n  currVal_7;\n  const currVal_8:any = _decl0_61.baseClassName;\n  currVal_8;\n  const currVal_9:any = _decl0_96.confirmCommand;\n  currVal_9;\n  const currVal_10:any = _decl0_96.cancelCommand;\n  currVal_10;\n  const currVal_11:any = 'end';\n  currVal_11;\n  const currVal_12:any = _decl0_93.alignEnd;\n  currVal_12;\n  const currVal_13:any = _decl0_93.alignStretch;\n  currVal_13;\n  const pd_14:any = ((<any>_decl0_61.notifyClick()) !== false);\n  const pd_15:any = ((<any>_decl0_61.notifyFocusIn()) !== false);\n  const pd_16:any = ((<any>_decl0_61.notifyFocusOut()) !== false);\n}\nfunction _View_AbstractInputActivity_Host_12_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_97.class;\n  currVal_0;\n}\nfunction _View_AbstractInputActivity_12_0():void {\n  var _any:any = (null as any);\n}\n"]}

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

@@ -1,7 +1,7 @@
 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, Trace } from '@coolon/pectin';
+import { assert, Dsl, GarbageCollector, MutableValueModel } from '@coolon/pectin';
 import { lang } from '@coolon/typescript-utilities';
 import _ from 'lodash';
 import { AbstractInteractionContext } from '../../abstract-interaction-context';
@@ -158,6 +158,7 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
         return index;
     };
     ;
+    // @Trace()
     ActivityContainerComponent.prototype.onAnimationFinished = function () {
         if (this.onAnimationFinishedJob) {
             this.onAnimationFinishedJob();
@@ -168,6 +169,7 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
     /**
      * Synchronises the selected tab index.
      */
+    // @Trace()
     ActivityContainerComponent.prototype.synchroniseSelectedTabIndex = function () {
         var _this = this;
         var previousIndex = this.tabs.selectedIndex;
@@ -184,9 +186,11 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
     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) {
@@ -209,34 +213,10 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
         ViewChildren(ActivityOutletComponent),
         __metadata("design:type", QueryList)
     ], ActivityContainerComponent.prototype, "activityOutlets", void 0);
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], ActivityContainerComponent.prototype, "onAnimationFinished", null);
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], ActivityContainerComponent.prototype, "synchroniseSelectedTabIndex", null);
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], ActivityContainerComponent.prototype, "getSelectedTabIndex", null);
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], ActivityContainerComponent.prototype, "triggerTabSynchronisation", null);
     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 tab of activityTabs; let i = index; trackBy: activityIndex\" [@.disabled]=\"inTabChange.value\">\n    <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"tab\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n",
+            template: "<mat-tab-group #tabs no-tab-header\n               [dynamicHeight]=\"dynamicHeight\"\n               [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let tab of activityTabs; let i = index; trackBy: activityIndex\">\n    <aup-activity-outlet [nestedInteractionContext]=\"this\"\n                         [activityRef]=\"tab\"\n                         [disableAnimation]=\"inTabChange.value || i !== getSelectedTabIndex()\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n",
             styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
         }),
         __metadata("design:paramtypes", [])

package/esm5/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 { 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 { 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  private onAnimationFinishedJob: () => void;\n\n  // We have issues where angular is triggering a leave animation when an\n  // activity is replaced by another, 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  readonly inTabChange = 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.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      // 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.activityTabs = [];\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.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    this.inTabChange.value = false;\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.inTabChange.value = true;\n      this.tabs.selectedIndex = newIndex;\n      this.onAnimationFinishedJob = () => {\n        this.getSelectedOutlet().component.onActivityReady();\n        this.activityTabs = this.activityTabs.filter(tab => !tab.isComplete());\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"]}
+{"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 { 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  private onAnimationFinishedJob: () => void;\n\n  // We have issues where angular is triggering a leave animation when an\n  // activity is replaced by another, 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  readonly inTabChange = 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.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      // 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.activityTabs = [];\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.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    this.inTabChange.value = false;\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.inTabChange.value = true;\n      this.tabs.selectedIndex = newIndex;\n      this.onAnimationFinishedJob = () => {\n        this.getSelectedOutlet().component.onActivityReady();\n        this.activityTabs = this.activityTabs.filter(tab => !tab.isComplete());\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-outlet/activity-outlet.component.js

@@ -1,5 +1,5 @@
 import { __decorate, __metadata } from "tslib";
-import { Component, ComponentFactoryResolver, ComponentRef, Injector, Input, OnInit, ViewContainerRef } from '@angular/core';
+import { Component, ComponentFactoryResolver, ComponentRef, HostBinding, Injector, Input, OnInit, ViewContainerRef } from '@angular/core';
 import { lang } from '@coolon/typescript-utilities';
 import { ACTIVITY_DATA } from '../../../activity';
 import { ActivityRef } from '../../../activity-ref';
@@ -12,6 +12,7 @@ var ActivityOutletComponent = /** @class */ (function () {
         this.componentFactoryResolver = componentFactoryResolver;
         this.viewContainerRef = viewContainerRef;
         this.injector = injector;
+        this._disableAnimation = false;
     }
     Object.defineProperty(ActivityOutletComponent.prototype, "activityRef", {
         get: function () {
@@ -28,6 +29,17 @@ var ActivityOutletComponent = /** @class */ (function () {
         configurable: true
     });
     ;
+    Object.defineProperty(ActivityOutletComponent.prototype, "disableAnimation", {
+        get: function () {
+            return this._disableAnimation;
+        },
+        set: function (value) {
+            // console.log({disableAnimation: value});
+            this._disableAnimation = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
     ActivityOutletComponent.prototype.ngOnInit = function () {
     };
     ActivityOutletComponent.prototype.loadActivity = function (activityRef) {
@@ -64,6 +76,12 @@ var ActivityOutletComponent = /** @class */ (function () {
         __metadata("design:type", ActivityRef),
         __metadata("design:paramtypes", [ActivityRef])
     ], ActivityOutletComponent.prototype, "activityRef", null);
+    __decorate([
+        Input(),
+        HostBinding('@.disabled'),
+        __metadata("design:type", Boolean),
+        __metadata("design:paramtypes", [Boolean])
+    ], ActivityOutletComponent.prototype, "disableAnimation", null);
     ActivityOutletComponent = __decorate([
         Component({
             selector: 'aup-activity-outlet',

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

@@ -1 +1 @@
-{"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"]}
+{"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,EAAE,WAAW,EACzB,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;IAiCE,iCACU,wBAAkD,EAClD,gBAAkC,EAClC,QAAkB;QAFlB,6BAAwB,GAAxB,wBAAwB,CAA0B;QAClD,qBAAgB,GAAhB,gBAAgB,CAAkB;QAClC,aAAQ,GAAR,QAAQ,CAAU;QA5BpB,sBAAiB,GAAG,KAAK,CAAC;IA8BlC,CAAC;IA3BD,sBAAI,gDAAW;aAkBf;YACE,OAAO,IAAI,CAAC,YAAY,CAAC;QAC3B,CAAC;aApBD,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;IAIF,sBAAI,qDAAgB;aAIpB;YACE,OAAO,IAAI,CAAC,iBAAiB,CAAC;QAChC,CAAC;aAND,UAAqB,KAAa;YAChC,0CAA0C;YAC1C,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QACjC,CAAC;;;OAAA;IAgBD,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;;IA/B5B;QADC,KAAK,EAAE;;6EACqC;IAM7C;QADC,KAAK,EAAE;kCACqB,WAAW;yCAAX,WAAW;8DAMvC;IAID;QAFC,KAAK,EAAE;QACP,WAAW,CAAC,YAAY,CAAC;;;mEAIzB;IAxBU,uBAAuB;QALnC,SAAS,CAAC;YACT,QAAQ,EAAE,qBAAqB;YAC/B,QAAQ,EAAE,EAAE;;SAEb,CAAC;yCAmCoC,wBAAwB;YAChC,gBAAgB;YACxB,QAAQ;OApCjB,uBAAuB,CA6DnC;IAAD,8BAAC;CAAA,AA7DD,IA6DC;SA7DY,uBAAuB","sourcesContent":["import {\n  Component,\n  ComponentFactoryResolver,\n  ComponentRef, HostBinding,\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  private _disableAnimation = false;\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  @Input()\n  @HostBinding('@.disabled')\n  set disableAnimation(value:boolean) {\n    // console.log({disableAnimation: value});\n    this._disableAnimation = value;\n  }\n  get disableAnimation():boolean {\n    return this._disableAnimation;\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"]}