@coolon/angular-ui-powerups 1.9.0 → 1.11.0

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

@@ -18,6 +18,8 @@ let ActivityContainerComponent = class ActivityContainerComponent extends Abstra
     }
     ngAfterViewInit() {
         const { chain, observe } = Dsl.disposeWith(this);
+        // using the component directly rather than (animationDone)=.. allows us
+        // to keep our callback private.
         observe.valuesFrom(this.tabs.animationDone).subscribe(() => this.onAnimationFinished());
     }
     initialise(identifier, api) {
@@ -112,6 +114,12 @@ let ActivityContainerComponent = class ActivityContainerComponent extends Abstra
     // @Trace()
     finishAndStartCleanup() {
         if (!this._deferredCleanUp) {
+            // Important:
+            // Clear our tabs so the next activity triggers a tab change.
+            // Without this our animation done wasn't called when a single
+            // new activity followed a single tab activity (since we're tracking
+            // by activity index)
+            this.activityTabs = [];
             const promise = this.interactionServiceApi.notifyFinished(this);
             this._deferredCleanUp = promise
                 .finally(() => {
@@ -123,26 +131,31 @@ let ActivityContainerComponent = class ActivityContainerComponent extends Abstra
     launchActivity(activityRef) {
         const cleanedTabs = this.activityTabs.filter(tab => !tab.isComplete());
         this.activityTabs = cleanedTabs.concat(activityRef);
-        this.tabs.selectedIndex = this.activityTabs.length;
+        this.synchroniseSelectedTabIndex();
     }
     activityIndex(index, activityRef) {
         return index;
     }
     ;
-    // @Trace()
     onAnimationFinished() {
-        this.getSelectedOutlet().component.onActivityReady();
-        this.activityTabs = this.activityTabs.filter(tab => !tab.isComplete());
+        if (this.onAnimationFinishedJob) {
+            this.onAnimationFinishedJob();
+            this.onAnimationFinishedJob = undefined;
+        }
     }
     /**
-     * Synchronises the selected tab index.  Returns true if there was no change to the selected index.
+     * Synchronises the selected tab index.
      */
-    // @Trace()
     synchroniseSelectedTabIndex() {
         const previousIndex = this.tabs.selectedIndex;
         const newIndex = this.getActiveActivityCount() - 1;
-        this.tabs.selectedIndex = newIndex;
-        return previousIndex === newIndex;
+        if (previousIndex !== newIndex) {
+            this.tabs.selectedIndex = newIndex;
+            this.onAnimationFinishedJob = () => {
+                this.getSelectedOutlet().component.onActivityReady();
+                this.activityTabs = this.activityTabs.filter(tab => !tab.isComplete());
+            };
+        }
     }
     getSelectedOutlet() {
         return this.activityOutlets.toArray()[this.tabs.selectedIndex];
@@ -179,7 +192,7 @@ __decorate([
 ActivityContainerComponent = __decorate([
     Component({
         selector: 'aup-activity-container',
-        template: "<mat-tab-group #tabs no-tab-header [dynamicHeight]=\"dynamicHeight\" [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let tab of activityTabs; trackBy: activityIndex\" >\n    <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"tab\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n",
+        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; trackBy: activityIndex\" >\n    <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"tab\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n",
         styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
     }),
     __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, Trace, ValueModel } from '@coolon/pectin';\nimport { lang } from '@coolon/typescript-utilities';\nimport _ from 'lodash';\nimport { AbstractInteractionContext } from '../../abstract-interaction-context';\nimport { Activity } from '../../activity';\nimport { ActivityRef } from '../../activity-ref';\nimport { InteractionService } from '../../services/interaction.service';\nimport { ActivityOutletComponent } from './activity-outlet/activity-outlet.component';\n\n@Component({\n  selector: 'aup-activity-container',\n  templateUrl: './activity-container.component.html',\n  styleUrls: ['./activity-container.component.scss']\n})\nexport class ActivityContainerComponent<D, R, E> extends AbstractInteractionContext implements OnInit, AfterViewInit {\n\n  @Input()\n  dynamicHeight = false;\n\n  @ViewChild('tabs', { static: true })\n  tabs: MatTabGroup;\n\n  @ViewChildren(ActivityOutletComponent)\n  activityOutlets: QueryList<ActivityOutletComponent<any, any, any>>;\n\n  activityTabs: ActivityRef<any, any, any>[] = [];\n\n  private _identifier: string;\n  private _deferredCleanUp: Promise<any>;\n\n  private interactionServiceApi: InteractionService.Api;\n\n  private garbage = new GarbageCollector();\n  private syncSelectedTabTimeout: any;\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n  ngAfterViewInit(): void {\n    const { chain, observe } = Dsl.disposeWith(this);\n    observe.valuesFrom(this.tabs.animationDone).subscribe(() => this.onAnimationFinished());\n  }\n\n  initialise(identifier: string, api: InteractionService.Api) {\n    assert.isFalsey(this.isInitialised());\n    assert.notNil(identifier);\n    assert.notNil(api);\n    this._identifier = identifier;\n    this.interactionServiceApi = api;\n  }\n\n  get identifier() {\n    return this._identifier;\n  }\n\n  isInitialised() {\n    return !!this.identifier;\n  }\n\n  /**\n   * Returns true if an activity is currently running.\n   */\n  isActive(): boolean {\n    return this.getActiveActivityCount() > 0;\n  }\n\n  registerDisposable<T extends Disposable>(disposable: T): T {\n    return this.garbage.registerDisposable(disposable);\n  }\n\n  @Trace()\n  dispose(): void {\n    // TODO: think about auto cancelling any outstanding activity on dispose.\n    //       See NavigationState.Navigating for a use-case.\n    assert.isFalsey(this.isActive());\n    this.garbage.dispose();\n  }\n\n  getActiveActivityRef(): ActivityRef<any, any, any> {\n    if (!this.isActive()) {\n      lang.illegalState('no activity in progress');\n    }\n    return _.findLast(this.activityTabs, tab => !tab.isComplete());\n  }\n\n  /**\n   * Cancels the current activity and returns true the context is no longer active, false if\n   * there is still another activity running.\n   */\n  // @Trace()\n  async cancelActiveActivity(): Promise<boolean> {\n    const activity = this.getActiveActivityRef();\n    activity.cancel();\n    if (this.isCleaningUp()) {\n      return this.waitForInteractionContextCleanupToFinish();\n    } else {\n      return !this.isActive();\n    }\n  }\n\n  // TODO: this handling of multiple nested activities is only used by the activity component and is not a general case.\n  // @Trace()\n  protected createAndLaunchActivity<D1, R1, E1>(activityType: Constructable<Activity<D1, R1, E1>>, data: D1, disableClose: boolean): Promise<R1> {\n    assert.isTruthy(this.isInitialised()); // make sure we've been initialised\n    const activityRef = new ActivityRef<D1, R1, E1>(activityType, data, () => {\n      const activeActivityCount = this.getActiveActivityCount() > 0;\n      if (activeActivityCount) {\n        this.triggerTabSynchronisation();\n      } else {\n        this.finishAndStartCleanup();\n      }\n    });\n    this.launchActivity(activityRef);\n    // if this is the first activity let the interaction service know.\n    if (this.activityTabs.length === 1) {\n      // console.log('Now active!!!');\n      this.interactionServiceApi.notifyActive(this);\n    }\n    return activityRef.activityResult;\n  }\n\n  private getActiveActivityCount(): number {\n    return this.activityTabs.filter(ref => !ref.isComplete()).length;\n  }\n\n  /**\n   * Checks if this interaction context has finished an is in the process of waiting\n   * for all the infrastructure (including route updates) to be completed.\n   */\n  isCleaningUp(): boolean {\n    return !!this._deferredCleanUp;\n  }\n\n  async waitForInteractionContextCleanupToFinish(): Promise<any> {\n    return this._deferredCleanUp ?\n      this._deferredCleanUp :\n      true;\n  }\n\n  // @Trace()\n  private finishAndStartCleanup(): void {\n    if (!this._deferredCleanUp) {\n      const promise = this.interactionServiceApi.notifyFinished(this);\n      this._deferredCleanUp = promise\n        .finally(() => {\n          this._deferredCleanUp = null;\n        });\n    }\n  }\n\n// @Trace()\n  launchActivity<D1, R1, E1>(activityRef: ActivityRef<D1, R1, E1>) {\n    const cleanedTabs = this.activityTabs.filter(tab => !tab.isComplete());\n    this.activityTabs = cleanedTabs.concat(activityRef);\n    this.tabs.selectedIndex = this.activityTabs.length;\n  }\n\n  activityIndex(index: number, activityRef: ActivityRef<any, any, any>) {\n    return index;\n  };\n\n\n  // @Trace()\n  private onAnimationFinished() {\n    this.getSelectedOutlet().component.onActivityReady();\n    this.activityTabs = this.activityTabs.filter(tab => !tab.isComplete());\n  }\n\n  /**\n   * Synchronises the selected tab index.  Returns true if there was no change to the selected index.\n   */\n  // @Trace()\n  private synchroniseSelectedTabIndex(): boolean {\n    const previousIndex = this.tabs.selectedIndex;\n    const newIndex = this.getActiveActivityCount() - 1;\n    this.tabs.selectedIndex = newIndex;\n    return previousIndex === newIndex;\n  }\n\n  private getSelectedOutlet() {\n    return this.activityOutlets.toArray()[this.tabs.selectedIndex];\n  }\n\n  // @Trace()\n  private triggerTabSynchronisation() {\n    if (this.syncSelectedTabTimeout) {\n      clearTimeout(this.syncSelectedTabTimeout);\n    }\n    this.syncSelectedTabTimeout = setTimeout(() => {\n      this.syncSelectedTabTimeout = null;\n      this.synchroniseSelectedTabIndex();\n    }, 75);\n  }\n}\n"]}
+{"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, 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  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  private onAnimationFinished() {\n    if (this.onAnimationFinishedJob) {\n      this.onAnimationFinishedJob();\n      this.onAnimationFinishedJob = undefined;\n    }\n  }\n\n  /**\n   * Synchronises the selected tab index.\n   */\n  private synchroniseSelectedTabIndex(): void {\n    const previousIndex = this.tabs.selectedIndex;\n    const newIndex = this.getActiveActivityCount() - 1;\n    if (previousIndex !== newIndex) {\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  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 [dynamicHeight]=\"dynamicHeight\" [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let tab of activityTabs; trackBy: activityIndex\" >\n    <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"tab\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n","styles":[":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]}]}],"members":{"dynamicHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":["tabs",{"static":true}]}]}],"activityOutlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":24,"character":3},"arguments":[{"__symbolic":"reference","module":"./activity-outlet/activity-outlet.component","name":"ActivityOutletComponent","line":24,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"initialise":[{"__symbolic":"method"}],"isInitialised":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"registerDisposable":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"Trace","line":76,"character":3}}]}],"getActiveActivityRef":[{"__symbolic":"method"}],"cancelActiveActivity":[{"__symbolic":"method"}],"createAndLaunchActivity":[{"__symbolic":"method"}],"getActiveActivityCount":[{"__symbolic":"method"}],"isCleaningUp":[{"__symbolic":"method"}],"waitForInteractionContextCleanupToFinish":[{"__symbolic":"method"}],"finishAndStartCleanup":[{"__symbolic":"method"}],"launchActivity":[{"__symbolic":"method"}],"activityIndex":[{"__symbolic":"method"}],"onAnimationFinished":[{"__symbolic":"method"}],"synchroniseSelectedTabIndex":[{"__symbolic":"method"}],"getSelectedOutlet":[{"__symbolic":"method"}],"triggerTabSynchronisation":[{"__symbolic":"method"}]}}}}]
+[{"__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; trackBy: activityIndex\" >\n    <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"tab\"></aup-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n","styles":[":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]}]}],"members":{"dynamicHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":["tabs",{"static":true}]}]}],"activityOutlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":24,"character":3},"arguments":[{"__symbolic":"reference","module":"./activity-outlet/activity-outlet.component","name":"ActivityOutletComponent","line":24,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"initialise":[{"__symbolic":"method"}],"isInitialised":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"registerDisposable":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"Trace","line":79,"character":3}}]}],"getActiveActivityRef":[{"__symbolic":"method"}],"cancelActiveActivity":[{"__symbolic":"method"}],"createAndLaunchActivity":[{"__symbolic":"method"}],"getActiveActivityCount":[{"__symbolic":"method"}],"isCleaningUp":[{"__symbolic":"method"}],"waitForInteractionContextCleanupToFinish":[{"__symbolic":"method"}],"finishAndStartCleanup":[{"__symbolic":"method"}],"launchActivity":[{"__symbolic":"method"}],"activityIndex":[{"__symbolic":"method"}],"onAnimationFinished":[{"__symbolic":"method"}],"synchroniseSelectedTabIndex":[{"__symbolic":"method"}],"getSelectedOutlet":[{"__symbolic":"method"}],"triggerTabSynchronisation":[{"__symbolic":"method"}]}}}}]

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;AAEvB,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,CAAA;SACzE;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 { assert } from '@coolon/pectin';\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,EACZ,QAAQ,EACR,KAAK,EACL,MAAM,EACN,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAEvB,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,CAAA;SACzE;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 { assert, Trace } from '@coolon/pectin';\nimport { lang } from '@coolon/typescript-utilities';\nimport { Activity, ACTIVITY_DATA } from '../../../activity';\nimport { ActivityRef } from '../../../activity-ref';\nimport { InteractionContext } from '../../../interaction-context';\n\n/**\n * ActivityOutletComponent creates and displays an activity and delegates the interaction context functionality to an\n * external service.\n */\n@Component({\n  selector: 'aup-activity-outlet',\n  template: '',\n  styleUrls: ['./activity-outlet.component.scss']\n})\nexport class ActivityOutletComponent<D, R, E> implements OnInit {\n\n  private activityComponentRef: ComponentRef<Activity<D, R, E>>;\n\n  @Input()\n  nestedInteractionContext: InteractionContext;\n\n  private _activityRef: ActivityRef<D, R, E>;\n\n  @Input()\n  set activityRef(activityRef: ActivityRef<D, R, E>) {\n    if (this.activityRef && !this.activityRef.isComplete()) {\n      lang.illegalState(\"changing activity before previous one has completed\")\n    }\n    this._activityRef = activityRef;\n    this.loadActivity(activityRef);\n  };\n\n  get activityRef(): ActivityRef<D, R, E> {\n    return this._activityRef;\n  }\n\n  constructor(\n    private componentFactoryResolver: ComponentFactoryResolver,\n    private viewContainerRef: ViewContainerRef,\n    private injector: Injector\n  ) {\n  }\n\n  ngOnInit() {\n  }\n\n  loadActivity(activityRef: ActivityRef<D, R, E>) {\n    const injector = Injector.create({\n      providers: [\n        { provide: ACTIVITY_DATA, useValue: activityRef.activityData }\n      ],\n      parent: this.injector\n    });\n    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(activityRef.activityClass);\n    this.viewContainerRef.clear();\n    // console.log(`creating component -> ${activityRef.activityClass.name}`);\n    this.activityComponentRef = this.viewContainerRef.createComponent(componentFactory, 0, injector);\n    this.activityRef.notifyActivityCreated(this.activityComponentRef.instance, this.nestedInteractionContext);\n  }\n\n  get component(): Activity<D, R, E> {\n    return this.activityComponentRef.instance;\n  }\n\n}\n"]}

package/esm2015/lib/interaction/components/popup-interaction-context/popup-interaction-context.component.js

@@ -0,0 +1,87 @@
+import { __decorate, __metadata } from "tslib";
+import { ConnectedPosition, Overlay } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { Component, ElementRef, HostBinding, Input, OnInit } from '@angular/core';
+import { InPlaceInteractionContextComponent } from '../..';
+import { DisposableComponent } from '../../../components';
+let PopupInteractionContextComponent = class PopupInteractionContextComponent extends DisposableComponent {
+    constructor(_element, _overlay) {
+        super();
+        this._element = _element;
+        this._overlay = _overlay;
+        this.outputPortal = new ComponentPortal(InPlaceInteractionContextComponent);
+        this.anchorX = 'start';
+        this.anchorY = 'bottom';
+    }
+    get active() {
+        return this.isActive();
+    }
+    startActivity(activityType, data) {
+        const overlayRef = this._overlay.create({
+            hasBackdrop: false,
+            panelClass: 'aup-popup-interaction-panel',
+            positionStrategy: this._overlay.position()
+                .flexibleConnectedTo(this._element)
+                .withPositions(this.computePositions())
+                .withGrowAfterOpen(true)
+        });
+        const componentRef = overlayRef.attach(this.outputPortal);
+        this.interactionContext = componentRef.instance;
+        return new Promise((resolve, reject) => {
+            // HACK: afterViewInit won't have been called yet.  Need to add when.valueOf(interactionContext.ready).becomesTruthy(...)
+            setTimeout(() => {
+                this.interactionContext.startActivity(activityType, data)
+                    .then(resolve)
+                    .catch(reject)
+                    .finally(() => overlayRef.dispose());
+            });
+        });
+    }
+    computePositions() {
+        const overlayX = this.anchorX === 'start' ? 'start' : 'end';
+        const overlayY = this.anchorY === 'top' ? 'bottom' : 'top';
+        return [
+            { originX: this.anchorX, originY: this.anchorY, overlayX: overlayX, overlayY: overlayY }
+            // TODO: compute some meaningful alternatives.
+            // { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },
+            // { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' },
+            // { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' },
+            // { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' }
+        ];
+    }
+    cancelActiveActivity() {
+        return this.interactionContext.cancelActiveActivity();
+    }
+    isActive() {
+        return this.interactionContext && this.interactionContext.isActive();
+    }
+    ngOnInit() {
+    }
+};
+PopupInteractionContextComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Overlay }
+];
+__decorate([
+    HostBinding('class.interaction-active'),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [])
+], PopupInteractionContextComponent.prototype, "active", null);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], PopupInteractionContextComponent.prototype, "anchorX", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], PopupInteractionContextComponent.prototype, "anchorY", void 0);
+PopupInteractionContextComponent = __decorate([
+    Component({
+        selector: 'aup-popup-interaction-context',
+        template: "<ng-content></ng-content>\n",
+        styles: [":host{display:inline}:host.interaction-active{background:rgba(0,0,0,.05)}"]
+    }),
+    __metadata("design:paramtypes", [ElementRef, Overlay])
+], PopupInteractionContextComponent);
+export { PopupInteractionContextComponent };
+//# sourceMappingURL=popup-interaction-context.component.js.map

package/esm2015/lib/interaction/components/popup-interaction-context/popup-interaction-context.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-interaction-context.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/popup-interaction-context/popup-interaction-context.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { ConnectedPosition, Overlay } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { Component, ElementRef, HostBinding, Input, OnInit } from '@angular/core';\nimport { Constructable } from '@coolon/pectin';\nimport { Activity, InPlaceInteractionContextComponent } from '../..';\nimport { DisposableComponent } from '../../../components';\n\n@Component({\n  selector: 'aup-popup-interaction-context',\n  templateUrl: './popup-interaction-context.component.html',\n  styleUrls: ['./popup-interaction-context.component.scss']\n})\nexport class PopupInteractionContextComponent extends DisposableComponent implements OnInit {\n\n  private interactionContext: InPlaceInteractionContextComponent<any, any, any>;\n\n  @HostBinding('class.interaction-active')\n  public get active(): boolean {\n    return this.isActive();\n  }\n\n  readonly outputPortal = new ComponentPortal<InPlaceInteractionContextComponent<any, any, any>>(InPlaceInteractionContextComponent);\n\n  @Input()\n  anchorX: 'start' | 'end' = 'start';\n\n  @Input()\n  anchorY: 'top' | 'bottom' = 'bottom';\n\n  constructor(private _element: ElementRef, private _overlay: Overlay) {\n    super();\n  }\n\n  startActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data?: D): Promise<R> {\n\n    const overlayRef = this._overlay.create({\n      hasBackdrop: false,\n      panelClass: 'aup-popup-interaction-panel',\n      positionStrategy: this._overlay.position()\n        .flexibleConnectedTo(this._element)\n        .withPositions(this.computePositions())\n        .withGrowAfterOpen(true)\n    });\n\n    const componentRef = overlayRef.attach(this.outputPortal);\n    this.interactionContext = componentRef.instance;\n\n    return new Promise((resolve, reject) => {\n      // HACK: afterViewInit won't have been called yet.  Need to add when.valueOf(interactionContext.ready).becomesTruthy(...)\n      setTimeout(() => {\n        this.interactionContext.startActivity(activityType, data)\n          .then(resolve)\n          .catch(reject)\n          .finally(() => overlayRef.dispose());\n      });\n    });\n  }\n\n  computePositions(): ConnectedPosition[] {\n    const overlayX = this.anchorX === 'start' ? 'start' : 'end';\n    const overlayY = this.anchorY === 'top' ? 'bottom' : 'top';\n    return [\n      { originX: this.anchorX, originY: this.anchorY, overlayX: overlayX, overlayY: overlayY }\n      // TODO: compute some meaningful alternatives.\n      // { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\n      // { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' },\n      // { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' },\n      // { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' }\n    ];\n  }\n\n  cancelActiveActivity(): Promise<boolean> {\n    return this.interactionContext.cancelActiveActivity();\n  }\n\n  isActive(): boolean {\n    return this.interactionContext && this.interactionContext.isActive();\n  }\n\n  ngOnInit() {\n  }\n\n\n}\n"]}

package/esm2015/lib/interaction/components/popup-interaction-context/popup-interaction-context.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"PopupInteractionContextComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components","name":"DisposableComponent","line":12,"character":54},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"aup-popup-interaction-context","template":"<ng-content></ng-content>\n","styles":[":host{display:inline}:host.interaction-active{background:rgba(0,0,0,.05)}"]}]}],"members":{"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":3},"arguments":["class.interaction-active"]}]}],"anchorX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"anchorY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":29,"character":32},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":29,"character":62}]}],"startActivity":[{"__symbolic":"method"}],"computePositions":[{"__symbolic":"method"}],"cancelActiveActivity":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/interaction/components/popup-interaction-context/popup-interaction-context.component.ngfactory.js.map

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

package/esm2015/lib/interaction/components/popup-interaction-context/popup-interaction-context.component.scss.shim.ngstyle.js.map

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

package/esm2015/lib/interaction/directives/interaction-context-trigger-for.directive.js

@@ -0,0 +1,86 @@
+import { __decorate, __metadata } from "tslib";
+import { Directive, EventEmitter, HostListener, Input, Output } from '@angular/core';
+import { assert, GarbageCollector } from '@coolon/pectin';
+import _ from 'lodash';
+let InteractionContextTriggerFor = class InteractionContextTriggerFor extends GarbageCollector {
+    constructor() {
+        super();
+        this.activityDone = new EventEmitter();
+        this.activityCancelled = new EventEmitter();
+    }
+    onEnter(event) {
+        if (!this.aupInteractionContextTriggerFor.isActive()) {
+            this.startActivity();
+        }
+        else {
+            this.aupInteractionContextTriggerFor.cancelActiveActivity();
+        }
+    }
+    onClick(event) {
+        if (!this.aupInteractionContextTriggerFor.isActive()) {
+            this.startActivity();
+        }
+        else {
+            this.aupInteractionContextTriggerFor.cancelActiveActivity();
+        }
+    }
+    startActivity() {
+        assert.isTruthy(this.aupInteractionContextTriggerFor);
+        assert.isFalsey(this.aupInteractionContextTriggerFor.isActive());
+        assert.isTruthy(this.activityClass);
+        this.aupInteractionContextTriggerFor.startActivity(this.activityClass, this.activityData)
+            .then(result => {
+            this.activityDone.emit(result);
+        })
+            .catch(error => {
+            this.activityCancelled.emit(error);
+        });
+    }
+    prepareActivityData() {
+        return _.isFunction(this.activityDataFactory()) ? this.activityDataFactory() : this.activityData;
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InteractionContextTriggerFor.prototype, "aupInteractionContextTriggerFor", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InteractionContextTriggerFor.prototype, "activityClass", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InteractionContextTriggerFor.prototype, "activityData", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Function)
+], InteractionContextTriggerFor.prototype, "activityDataFactory", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], InteractionContextTriggerFor.prototype, "activityDone", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], InteractionContextTriggerFor.prototype, "activityCancelled", void 0);
+__decorate([
+    HostListener('keyup.enter'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [KeyboardEvent]),
+    __metadata("design:returntype", void 0)
+], InteractionContextTriggerFor.prototype, "onEnter", null);
+__decorate([
+    HostListener('click'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [MouseEvent]),
+    __metadata("design:returntype", void 0)
+], InteractionContextTriggerFor.prototype, "onClick", null);
+InteractionContextTriggerFor = __decorate([
+    Directive({
+        selector: '[aupInteractionContextTriggerFor]'
+    }),
+    __metadata("design:paramtypes", [])
+], InteractionContextTriggerFor);
+export { InteractionContextTriggerFor };
+//# sourceMappingURL=interaction-context-trigger-for.directive.js.map

package/esm2015/lib/interaction/directives/interaction-context-trigger-for.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction-context-trigger-for.directive.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/directives/interaction-context-trigger-for.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,MAAM,EAAiB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,CAAC,MAAM,QAAQ,CAAC;AAOvB,IAAa,4BAA4B,GAAzC,MAAa,4BAAsC,SAAQ,gBAAgB;IAoBzE;QACE,KAAK,EAAE,CAAC;QANV,iBAAY,GAAG,IAAI,YAAY,EAAK,CAAC;QAGrC,sBAAiB,GAAG,IAAI,YAAY,EAAK,CAAC;IAI1C,CAAC;IAGD,OAAO,CAAC,KAAoB;QAC1B,IAAI,CAAC,IAAI,CAAC,+BAA+B,CAAC,QAAQ,EAAE,EAAE;YACpD,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;aAAM;YACL,IAAI,CAAC,+BAA+B,CAAC,oBAAoB,EAAE,CAAA;SAC5D;IACH,CAAC;IAGD,OAAO,CAAC,KAAiB;QACvB,IAAI,CAAC,IAAI,CAAC,+BAA+B,CAAC,QAAQ,EAAE,EAAE;YACpD,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;aAAM;YACL,IAAI,CAAC,+BAA+B,CAAC,oBAAoB,EAAE,CAAA;SAC5D;IACH,CAAC;IAES,aAAa;QACrB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;QACtD,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,+BAA+B,CAAC,QAAQ,EAAE,CAAC,CAAC;QACjE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACpC,IAAI,CAAC,+BAA+B,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC;aACtF,IAAI,CAAC,MAAM,CAAC,EAAE;YACb,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC,CAAC;aACD,KAAK,CAAC,KAAK,CAAC,EAAE;YACb,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,mBAAmB;QACjB,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;IACnG,CAAC;CAEF,CAAA;AAxDC;IADC,KAAK,EAAE;;qFACyG;AAGjH;IADC,KAAK,EAAE;;mEACwC;AAGhD;IADC,KAAK,EAAE;;kEACS;AAGjB;IADC,KAAK,EAAE;;yEACsB;AAG9B;IADC,MAAM,EAAE;;kEAC4B;AAGrC;IADC,MAAM,EAAE;;uEACiC;AAO1C;IADC,YAAY,CAAC,aAAa,CAAC;;qCACb,aAAa;;2DAM3B;AAGD;IADC,YAAY,CAAC,OAAO,CAAC;;qCACP,UAAU;;2DAMxB;AAxCU,4BAA4B;IAHxC,SAAS,CAAC;QACT,QAAQ,EAAE,mCAAmC;KAC9C,CAAC;;GACW,4BAA4B,CA2DxC;SA3DY,4BAA4B","sourcesContent":["import { Directive, EventEmitter, HostListener, Input, Output } from '@angular/core';\nimport { assert, Constructable, GarbageCollector } from '@coolon/pectin';\nimport _ from 'lodash';\nimport { Activity } from '../activity';\nimport { InteractionContext } from '../interaction-context';\n\n@Directive({\n  selector: '[aupInteractionContextTriggerFor]'\n})\nexport class InteractionContextTriggerFor<D, R, E> extends GarbageCollector {\n\n  @Input()\n  aupInteractionContextTriggerFor: Pick<InteractionContext, 'startActivity' | 'isActive' | 'cancelActiveActivity'>;\n\n  @Input()\n  activityClass: Constructable<Activity<D, R, E>>;\n\n  @Input()\n  activityData?: D;\n\n  @Input()\n  activityDataFactory?: () => D;\n\n  @Output()\n  activityDone = new EventEmitter<R>();\n\n  @Output()\n  activityCancelled = new EventEmitter<E>();\n\n  constructor() {\n    super();\n  }\n\n  @HostListener('keyup.enter')\n  onEnter(event: KeyboardEvent): void {\n    if (!this.aupInteractionContextTriggerFor.isActive()) {\n      this.startActivity();\n    } else {\n      this.aupInteractionContextTriggerFor.cancelActiveActivity()\n    }\n  }\n\n  @HostListener('click')\n  onClick(event: MouseEvent): void {\n    if (!this.aupInteractionContextTriggerFor.isActive()) {\n      this.startActivity();\n    } else {\n      this.aupInteractionContextTriggerFor.cancelActiveActivity()\n    }\n  }\n\n  protected startActivity() {\n    assert.isTruthy(this.aupInteractionContextTriggerFor);\n    assert.isFalsey(this.aupInteractionContextTriggerFor.isActive());\n    assert.isTruthy(this.activityClass);\n    this.aupInteractionContextTriggerFor.startActivity(this.activityClass, this.activityData)\n      .then(result => {\n        this.activityDone.emit(result);\n      })\n      .catch(error => {\n        this.activityCancelled.emit(error);\n      });\n  }\n\n  prepareActivityData(): D {\n    return _.isFunction(this.activityDataFactory()) ? this.activityDataFactory() : this.activityData;\n  }\n\n}\n"]}

package/esm2015/lib/interaction/directives/interaction-context-trigger-for.directive.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"InteractionContextTriggerFor":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":9,"character":59},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[aupInteractionContextTriggerFor]"}]}],"members":{"aupInteractionContextTriggerFor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"activityClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"activityData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"activityDataFactory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"activityDone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"activityCancelled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"onEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":33,"character":3},"arguments":["keyup.enter"]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":42,"character":3},"arguments":["click"]}]}],"startActivity":[{"__symbolic":"method"}],"prepareActivityData":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/interaction/directives/interaction-context-trigger-for.directive.ngfactory.js.map

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

package/esm2015/lib/interaction/index.js

@@ -13,6 +13,8 @@ export * from "./components/alert-dialog/alert-dialog.component";
 export * from "./components/confirm-then-dialog/confirm-then-dialog.component";
 export * from "./components/confirmation-dialog/confirmation-dialog.component";
 export * from "./components/inplace-interaction-context/in-place-interaction-context.component";
+export * from "./components/popup-interaction-context/popup-interaction-context.component";
+export * from "./directives/interaction-context-trigger-for.directive";
 export * from "./services/interaction-service-routing-adapter";
 export * from "./services/interaction.service";
 export * from "./services/modal-interaction-context.factory";

package/esm2015/lib/interaction/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAI3B,cAAc,sBAAsB,CAAC;AAGrC,cAAc,0DAA0D,CAAC;AACzE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,2EAA2E,CAAC;AAC1F,cAAc,kFAAkF,CAAC;AACjG,cAAc,kDAAkD,CAAC;AACjE,cAAc,gEAAgE,CAAC;AAC/E,cAAc,gEAAgE,CAAC;AAC/E,cAAc,iFAAiF,CAAC;AAChG,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sEAAsE,CAAC;AACrF,cAAc,8DAA8D,CAAC","sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./abstract-interaction-context\";\nexport * from \"./activity-ref\";\nexport * from \"./activity\";\nexport * from \"./alert\";\nexport * from \"./confirm\";\nexport * from \"./interaction-context\";\nexport * from \"./interaction.module\";\nexport * from \"./result\";\nexport * from \"./route-synchronisation-adapter\";\nexport * from \"./components/activity-actions/activity-actions.component\";\nexport * from \"./components/activity-container/activity-container.component\";\nexport * from \"./components/activity-container/activity-outlet/activity-outlet.component\";\nexport * from \"./components/add-item-interaction-context/add-item-interaction-context.component\";\nexport * from \"./components/alert-dialog/alert-dialog.component\";\nexport * from \"./components/confirm-then-dialog/confirm-then-dialog.component\";\nexport * from \"./components/confirmation-dialog/confirmation-dialog.component\";\nexport * from \"./components/inplace-interaction-context/in-place-interaction-context.component\";\nexport * from \"./services/interaction-service-routing-adapter\";\nexport * from \"./services/interaction.service\";\nexport * from \"./services/modal-interaction-context.factory\";\nexport * from \"./services/mat-dialog-interaction/dialog-interaction-context-factory\";\nexport * from \"./services/mat-dialog-interaction/dialog-interaction-context\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAI3B,cAAc,sBAAsB,CAAC;AAGrC,cAAc,0DAA0D,CAAC;AACzE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,2EAA2E,CAAC;AAC1F,cAAc,kFAAkF,CAAC;AACjG,cAAc,kDAAkD,CAAC;AACjE,cAAc,gEAAgE,CAAC;AAC/E,cAAc,gEAAgE,CAAC;AAC/E,cAAc,iFAAiF,CAAC;AAChG,cAAc,4EAA4E,CAAC;AAC3F,cAAc,wDAAwD,CAAC;AACvE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sEAAsE,CAAC;AACrF,cAAc,8DAA8D,CAAC","sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./abstract-interaction-context\";\nexport * from \"./activity-ref\";\nexport * from \"./activity\";\nexport * from \"./alert\";\nexport * from \"./confirm\";\nexport * from \"./interaction-context\";\nexport * from \"./interaction.module\";\nexport * from \"./result\";\nexport * from \"./route-synchronisation-adapter\";\nexport * from \"./components/activity-actions/activity-actions.component\";\nexport * from \"./components/activity-container/activity-container.component\";\nexport * from \"./components/activity-container/activity-outlet/activity-outlet.component\";\nexport * from \"./components/add-item-interaction-context/add-item-interaction-context.component\";\nexport * from \"./components/alert-dialog/alert-dialog.component\";\nexport * from \"./components/confirm-then-dialog/confirm-then-dialog.component\";\nexport * from \"./components/confirmation-dialog/confirmation-dialog.component\";\nexport * from \"./components/inplace-interaction-context/in-place-interaction-context.component\";\nexport * from \"./components/popup-interaction-context/popup-interaction-context.component\";\nexport * from \"./directives/interaction-context-trigger-for.directive\";\nexport * from \"./services/interaction-service-routing-adapter\";\nexport * from \"./services/interaction.service\";\nexport * from \"./services/modal-interaction-context.factory\";\nexport * from \"./services/mat-dialog-interaction/dialog-interaction-context-factory\";\nexport * from \"./services/mat-dialog-interaction/dialog-interaction-context\";\n"]}

package/esm2015/lib/interaction/index.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./abstract-interaction-context"},{"from":"./activity-ref"},{"from":"./activity"},{"from":"./alert"},{"from":"./confirm"},{"from":"./interaction-context"},{"from":"./interaction.module"},{"from":"./result"},{"from":"./route-synchronisation-adapter"},{"from":"./components/activity-actions/activity-actions.component"},{"from":"./components/activity-container/activity-container.component"},{"from":"./components/activity-container/activity-outlet/activity-outlet.component"},{"from":"./components/add-item-interaction-context/add-item-interaction-context.component"},{"from":"./components/alert-dialog/alert-dialog.component"},{"from":"./components/confirm-then-dialog/confirm-then-dialog.component"},{"from":"./components/confirmation-dialog/confirmation-dialog.component"},{"from":"./components/inplace-interaction-context/in-place-interaction-context.component"},{"from":"./services/interaction-service-routing-adapter"},{"from":"./services/interaction.service"},{"from":"./services/modal-interaction-context.factory"},{"from":"./services/mat-dialog-interaction/dialog-interaction-context-factory"},{"from":"./services/mat-dialog-interaction/dialog-interaction-context"}]}]
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./abstract-interaction-context"},{"from":"./activity-ref"},{"from":"./activity"},{"from":"./alert"},{"from":"./confirm"},{"from":"./interaction-context"},{"from":"./interaction.module"},{"from":"./result"},{"from":"./route-synchronisation-adapter"},{"from":"./components/activity-actions/activity-actions.component"},{"from":"./components/activity-container/activity-container.component"},{"from":"./components/activity-container/activity-outlet/activity-outlet.component"},{"from":"./components/add-item-interaction-context/add-item-interaction-context.component"},{"from":"./components/alert-dialog/alert-dialog.component"},{"from":"./components/confirm-then-dialog/confirm-then-dialog.component"},{"from":"./components/confirmation-dialog/confirmation-dialog.component"},{"from":"./components/inplace-interaction-context/in-place-interaction-context.component"},{"from":"./components/popup-interaction-context/popup-interaction-context.component"},{"from":"./directives/interaction-context-trigger-for.directive"},{"from":"./services/interaction-service-routing-adapter"},{"from":"./services/interaction.service"},{"from":"./services/modal-interaction-context.factory"},{"from":"./services/mat-dialog-interaction/dialog-interaction-context-factory"},{"from":"./services/mat-dialog-interaction/dialog-interaction-context"}]}]

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

@@ -2,6 +2,7 @@ import { __decorate } from "tslib";
 import { PortalModule } from '@angular/cdk/portal';
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
+import { FlexModule, GridModule } from '@angular/flex-layout';
 import { MatButtonModule } from '@angular/material/button';
 import { MatDialogModule } from '@angular/material/dialog';
 import { MatIconModule } from '@angular/material/icon';
@@ -16,6 +17,8 @@ import { AlertDialogComponent } from './components/alert-dialog/alert-dialog.com
 import { ConfirmThenDialogComponent } from './components/confirm-then-dialog/confirm-then-dialog.component';
 import { ConfirmationDialogComponent } from './components/confirmation-dialog/confirmation-dialog.component';
 import { InPlaceInteractionContextComponent } from './components/inplace-interaction-context/in-place-interaction-context.component';
+import { PopupInteractionContextComponent } from './components/popup-interaction-context/popup-interaction-context.component';
+import { InteractionContextTriggerFor } from './directives/interaction-context-trigger-for.directive';
 import { InteractionService } from './services/interaction.service';
 let InteractionModule = class InteractionModule {
 };
@@ -29,7 +32,9 @@ InteractionModule = __decorate([
             PortalModule,
             RouterModule,
             MatIconModule,
-            DirectivesModule
+            DirectivesModule,
+            FlexModule,
+            GridModule
         ],
         declarations: [
             ActivityContainerComponent,
@@ -39,14 +44,18 @@ InteractionModule = __decorate([
             ActivityOutletComponent,
             InPlaceInteractionContextComponent,
             AddItemInteractionContextComponent,
-            ActivityActionsComponent
+            ActivityActionsComponent,
+            PopupInteractionContextComponent,
+            InteractionContextTriggerFor
         ],
         exports: [
             ActivityContainerComponent,
             ActivityOutletComponent,
             InPlaceInteractionContextComponent,
             AddItemInteractionContextComponent,
-            ActivityActionsComponent
+            ActivityActionsComponent,
+            PopupInteractionContextComponent,
+            InteractionContextTriggerFor
         ],
         entryComponents: [
             ActivityContainerComponent,
@@ -55,7 +64,10 @@ InteractionModule = __decorate([
             AlertDialogComponent
         ],
         providers: [
-            InteractionService,
+            InteractionService
+            // {
+            //   provide: MAT_TABS_CONFIG, useValue: { animationDuration: "2s" }
+            // }
         ]
     })
 ], InteractionModule);

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

@@ -1 +1 @@
-{"version":3,"file":"interaction.module.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/interaction.module.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AACpG,OAAO,EAAE,0BAA0B,EAAE,MAAM,8DAA8D,CAAC;AAC1G,OAAO,EAAE,uBAAuB,EAAE,MAAM,2EAA2E,CAAC;AACpH,OAAO,EAAE,kCAAkC,EAAE,MAAM,kFAAkF,CAAC;AACtI,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAC;AAC5G,OAAO,EAAE,2BAA2B,EAAE,MAAM,gEAAgE,CAAC;AAC7G,OAAO,EAAE,kCAAkC,EAAE,MAAM,iFAAiF,CAAC;AACrI,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AA2CpE,IAAa,iBAAiB,GAA9B,MAAa,iBAAiB;CAC7B,CAAA;AADY,iBAAiB;IAzC7B,QAAQ,CAAC;QACR,OAAO,EAAE;YACP,YAAY;YACZ,eAAe;YACf,eAAe;YACf,aAAa;YACb,YAAY;YACZ,YAAY;YACZ,aAAa;YACb,gBAAgB;SACjB;QACD,YAAY,EAAE;YACZ,0BAA0B;YAC1B,2BAA2B;YAC3B,0BAA0B;YAC1B,oBAAoB;YACpB,uBAAuB;YACvB,kCAAkC;YAClC,kCAAkC;YAClC,wBAAwB;SACzB;QACD,OAAO,EAAE;YACP,0BAA0B;YAC1B,uBAAuB;YACvB,kCAAkC;YAClC,kCAAkC;YAClC,wBAAwB;SACzB;QACD,eAAe,EAAE;YACf,0BAA0B;YAC1B,2BAA2B;YAC3B,0BAA0B;YAC1B,oBAAoB;SACrB;QACD,SAAS,EAAE;YACT,kBAAkB;SAInB;KACF,CAAC;GACW,iBAAiB,CAC7B;SADY,iBAAiB","sourcesContent":["import { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { MAT_TABS_CONFIG } from '@angular/material/tabs';\nimport { RouterModule } from '@angular/router';\nimport { DirectivesModule } from '../directives/directives.module';\nimport { PlaceModule } from '../place/place.module';\nimport { ActivityActionsComponent } from './components/activity-actions/activity-actions.component';\nimport { ActivityContainerComponent } from './components/activity-container/activity-container.component';\nimport { ActivityOutletComponent } from './components/activity-container/activity-outlet/activity-outlet.component';\nimport { AddItemInteractionContextComponent } from './components/add-item-interaction-context/add-item-interaction-context.component';\nimport { AlertDialogComponent } from './components/alert-dialog/alert-dialog.component';\nimport { ConfirmThenDialogComponent } from './components/confirm-then-dialog/confirm-then-dialog.component';\nimport { ConfirmationDialogComponent } from './components/confirmation-dialog/confirmation-dialog.component';\nimport { InPlaceInteractionContextComponent } from './components/inplace-interaction-context/in-place-interaction-context.component';\nimport { InteractionService } from './services/interaction.service';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatButtonModule,\n    MatDialogModule,\n    MatTabsModule,\n    PortalModule,\n    RouterModule,\n    MatIconModule,\n    DirectivesModule\n  ],\n  declarations: [\n    ActivityContainerComponent,\n    ConfirmationDialogComponent,\n    ConfirmThenDialogComponent,\n    AlertDialogComponent,\n    ActivityOutletComponent,\n    InPlaceInteractionContextComponent,\n    AddItemInteractionContextComponent,\n    ActivityActionsComponent\n  ],\n  exports: [\n    ActivityContainerComponent,\n    ActivityOutletComponent,\n    InPlaceInteractionContextComponent,\n    AddItemInteractionContextComponent,\n    ActivityActionsComponent\n  ],\n  entryComponents: [\n    ActivityContainerComponent,\n    ConfirmationDialogComponent,\n    ConfirmThenDialogComponent,\n    AlertDialogComponent\n  ],\n  providers: [\n    InteractionService,\n    // {\n    //   provide: MAT_TABS_CONFIG, useValue: { animationDuration: \"2s\" }\n    // }\n  ]\n})\nexport class InteractionModule {\n}\n"]}
+{"version":3,"file":"interaction.module.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/interaction.module.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AACpG,OAAO,EAAE,0BAA0B,EAAE,MAAM,8DAA8D,CAAC;AAC1G,OAAO,EAAE,uBAAuB,EAAE,MAAM,2EAA2E,CAAC;AACpH,OAAO,EAAE,kCAAkC,EAAE,MAAM,kFAAkF,CAAC;AACtI,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAC;AAC5G,OAAO,EAAE,2BAA2B,EAAE,MAAM,gEAAgE,CAAC;AAC7G,OAAO,EAAE,kCAAkC,EAAE,MAAM,iFAAiF,CAAC;AACrI,OAAO,EAAE,gCAAgC,EAAE,MAAM,4EAA4E,CAAC;AAC9H,OAAO,EAAE,4BAA4B,EAAE,MAAM,wDAAwD,CAAC;AACtG,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAiDpE,IAAa,iBAAiB,GAA9B,MAAa,iBAAiB;CAC7B,CAAA;AADY,iBAAiB;IA/C7B,QAAQ,CAAC;QACR,OAAO,EAAE;YACP,YAAY;YACZ,eAAe;YACf,eAAe;YACf,aAAa;YACb,YAAY;YACZ,YAAY;YACZ,aAAa;YACb,gBAAgB;YAChB,UAAU;YACV,UAAU;SACX;QACD,YAAY,EAAE;YACZ,0BAA0B;YAC1B,2BAA2B;YAC3B,0BAA0B;YAC1B,oBAAoB;YACpB,uBAAuB;YACvB,kCAAkC;YAClC,kCAAkC;YAClC,wBAAwB;YACxB,gCAAgC;YAChC,4BAA4B;SAC7B;QACD,OAAO,EAAE;YACP,0BAA0B;YAC1B,uBAAuB;YACvB,kCAAkC;YAClC,kCAAkC;YAClC,wBAAwB;YACxB,gCAAgC;YAChC,4BAA4B;SAC7B;QACD,eAAe,EAAE;YACf,0BAA0B;YAC1B,2BAA2B;YAC3B,0BAA0B;YAC1B,oBAAoB;SACrB;QACD,SAAS,EAAE;YACT,kBAAkB;YAClB,IAAI;YACJ,oEAAoE;YACpE,IAAI;SACL;KACF,CAAC;GACW,iBAAiB,CAC7B;SADY,iBAAiB","sourcesContent":["import { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FlexModule, GridModule } from '@angular/flex-layout';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { RouterModule } from '@angular/router';\nimport { DirectivesModule } from '../directives/directives.module';\nimport { ActivityActionsComponent } from './components/activity-actions/activity-actions.component';\nimport { ActivityContainerComponent } from './components/activity-container/activity-container.component';\nimport { ActivityOutletComponent } from './components/activity-container/activity-outlet/activity-outlet.component';\nimport { AddItemInteractionContextComponent } from './components/add-item-interaction-context/add-item-interaction-context.component';\nimport { AlertDialogComponent } from './components/alert-dialog/alert-dialog.component';\nimport { ConfirmThenDialogComponent } from './components/confirm-then-dialog/confirm-then-dialog.component';\nimport { ConfirmationDialogComponent } from './components/confirmation-dialog/confirmation-dialog.component';\nimport { InPlaceInteractionContextComponent } from './components/inplace-interaction-context/in-place-interaction-context.component';\nimport { PopupInteractionContextComponent } from './components/popup-interaction-context/popup-interaction-context.component';\nimport { InteractionContextTriggerFor } from './directives/interaction-context-trigger-for.directive';\nimport { InteractionService } from './services/interaction.service';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatButtonModule,\n    MatDialogModule,\n    MatTabsModule,\n    PortalModule,\n    RouterModule,\n    MatIconModule,\n    DirectivesModule,\n    FlexModule,\n    GridModule\n  ],\n  declarations: [\n    ActivityContainerComponent,\n    ConfirmationDialogComponent,\n    ConfirmThenDialogComponent,\n    AlertDialogComponent,\n    ActivityOutletComponent,\n    InPlaceInteractionContextComponent,\n    AddItemInteractionContextComponent,\n    ActivityActionsComponent,\n    PopupInteractionContextComponent,\n    InteractionContextTriggerFor\n  ],\n  exports: [\n    ActivityContainerComponent,\n    ActivityOutletComponent,\n    InPlaceInteractionContextComponent,\n    AddItemInteractionContextComponent,\n    ActivityActionsComponent,\n    PopupInteractionContextComponent,\n    InteractionContextTriggerFor\n  ],\n  entryComponents: [\n    ActivityContainerComponent,\n    ConfirmationDialogComponent,\n    ConfirmThenDialogComponent,\n    AlertDialogComponent\n  ],\n  providers: [\n    InteractionService\n    // {\n    //   provide: MAT_TABS_CONFIG, useValue: { animationDuration: \"2s\" }\n    // }\n  ]\n})\nexport class InteractionModule {\n}\n"]}

package/esm2015/lib/interaction/interaction.module.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"InteractionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":29,"character":4},{"__symbolic":"reference","module":"../directives/directives.module","name":"DirectivesModule","line":30,"character":4}],"declarations":[{"__symbolic":"reference","module":"./components/activity-container/activity-container.component","name":"ActivityContainerComponent","line":33,"character":4},{"__symbolic":"reference","module":"./components/confirmation-dialog/confirmation-dialog.component","name":"ConfirmationDialogComponent","line":34,"character":4},{"__symbolic":"reference","module":"./components/confirm-then-dialog/confirm-then-dialog.component","name":"ConfirmThenDialogComponent","line":35,"character":4},{"__symbolic":"reference","module":"./components/alert-dialog/alert-dialog.component","name":"AlertDialogComponent","line":36,"character":4},{"__symbolic":"reference","module":"./components/activity-container/activity-outlet/activity-outlet.component","name":"ActivityOutletComponent","line":37,"character":4},{"__symbolic":"reference","module":"./components/inplace-interaction-context/in-place-interaction-context.component","name":"InPlaceInteractionContextComponent","line":38,"character":4},{"__symbolic":"reference","module":"./components/add-item-interaction-context/add-item-interaction-context.component","name":"AddItemInteractionContextComponent","line":39,"character":4},{"__symbolic":"reference","module":"./components/activity-actions/activity-actions.component","name":"ActivityActionsComponent","line":40,"character":4}],"exports":[{"__symbolic":"reference","module":"./components/activity-container/activity-container.component","name":"ActivityContainerComponent","line":43,"character":4},{"__symbolic":"reference","module":"./components/activity-container/activity-outlet/activity-outlet.component","name":"ActivityOutletComponent","line":44,"character":4},{"__symbolic":"reference","module":"./components/inplace-interaction-context/in-place-interaction-context.component","name":"InPlaceInteractionContextComponent","line":45,"character":4},{"__symbolic":"reference","module":"./components/add-item-interaction-context/add-item-interaction-context.component","name":"AddItemInteractionContextComponent","line":46,"character":4},{"__symbolic":"reference","module":"./components/activity-actions/activity-actions.component","name":"ActivityActionsComponent","line":47,"character":4}],"entryComponents":[{"__symbolic":"reference","module":"./components/activity-container/activity-container.component","name":"ActivityContainerComponent","line":50,"character":4},{"__symbolic":"reference","module":"./components/confirmation-dialog/confirmation-dialog.component","name":"ConfirmationDialogComponent","line":51,"character":4},{"__symbolic":"reference","module":"./components/confirm-then-dialog/confirm-then-dialog.component","name":"ConfirmThenDialogComponent","line":52,"character":4},{"__symbolic":"reference","module":"./components/alert-dialog/alert-dialog.component","name":"AlertDialogComponent","line":53,"character":4}],"providers":[{"__symbolic":"reference","module":"./services/interaction.service","name":"InteractionService","line":56,"character":4}]}]}]}}}]
+[{"__symbolic":"module","version":4,"metadata":{"InteractionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":30,"character":4},{"__symbolic":"reference","module":"../directives/directives.module","name":"DirectivesModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"GridModule","line":33,"character":4}],"declarations":[{"__symbolic":"reference","module":"./components/activity-container/activity-container.component","name":"ActivityContainerComponent","line":36,"character":4},{"__symbolic":"reference","module":"./components/confirmation-dialog/confirmation-dialog.component","name":"ConfirmationDialogComponent","line":37,"character":4},{"__symbolic":"reference","module":"./components/confirm-then-dialog/confirm-then-dialog.component","name":"ConfirmThenDialogComponent","line":38,"character":4},{"__symbolic":"reference","module":"./components/alert-dialog/alert-dialog.component","name":"AlertDialogComponent","line":39,"character":4},{"__symbolic":"reference","module":"./components/activity-container/activity-outlet/activity-outlet.component","name":"ActivityOutletComponent","line":40,"character":4},{"__symbolic":"reference","module":"./components/inplace-interaction-context/in-place-interaction-context.component","name":"InPlaceInteractionContextComponent","line":41,"character":4},{"__symbolic":"reference","module":"./components/add-item-interaction-context/add-item-interaction-context.component","name":"AddItemInteractionContextComponent","line":42,"character":4},{"__symbolic":"reference","module":"./components/activity-actions/activity-actions.component","name":"ActivityActionsComponent","line":43,"character":4},{"__symbolic":"reference","module":"./components/popup-interaction-context/popup-interaction-context.component","name":"PopupInteractionContextComponent","line":44,"character":4},{"__symbolic":"reference","module":"./directives/interaction-context-trigger-for.directive","name":"InteractionContextTriggerFor","line":45,"character":4}],"exports":[{"__symbolic":"reference","module":"./components/activity-container/activity-container.component","name":"ActivityContainerComponent","line":48,"character":4},{"__symbolic":"reference","module":"./components/activity-container/activity-outlet/activity-outlet.component","name":"ActivityOutletComponent","line":49,"character":4},{"__symbolic":"reference","module":"./components/inplace-interaction-context/in-place-interaction-context.component","name":"InPlaceInteractionContextComponent","line":50,"character":4},{"__symbolic":"reference","module":"./components/add-item-interaction-context/add-item-interaction-context.component","name":"AddItemInteractionContextComponent","line":51,"character":4},{"__symbolic":"reference","module":"./components/activity-actions/activity-actions.component","name":"ActivityActionsComponent","line":52,"character":4},{"__symbolic":"reference","module":"./components/popup-interaction-context/popup-interaction-context.component","name":"PopupInteractionContextComponent","line":53,"character":4},{"__symbolic":"reference","module":"./directives/interaction-context-trigger-for.directive","name":"InteractionContextTriggerFor","line":54,"character":4}],"entryComponents":[{"__symbolic":"reference","module":"./components/activity-container/activity-container.component","name":"ActivityContainerComponent","line":57,"character":4},{"__symbolic":"reference","module":"./components/confirmation-dialog/confirmation-dialog.component","name":"ConfirmationDialogComponent","line":58,"character":4},{"__symbolic":"reference","module":"./components/confirm-then-dialog/confirm-then-dialog.component","name":"ConfirmThenDialogComponent","line":59,"character":4},{"__symbolic":"reference","module":"./components/alert-dialog/alert-dialog.component","name":"AlertDialogComponent","line":60,"character":4}],"providers":[{"__symbolic":"reference","module":"./services/interaction.service","name":"InteractionService","line":63,"character":4}]}]}]}}}]