@coolon/angular-ui-powerups 12.4.0-alpha.9 → 12.4.0

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

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

package/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":26,"character":57},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"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 activityRef of activityRefs; let i = index; trackBy: activityIndex\">\n    <aup-busy-overlay [busyModel]=\"busy\">\n      <!--\n      We have issues where angular is triggering a leave animation when an\n      new activity is started, but is not running the enter animation\n      when it is scrolled back into view.  So we track the tab changes and\n      disable all animations inside the tab while we're animating.\n      -->\n      <div class=\"activity-outlet-wrapper\" [@.disabled]=\"!activityRef.focused\">\n        <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"activityRef\"></aup-activity-outlet>\n      </div>\n    </aup-busy-overlay>\n  </mat-tab>\n</mat-tab-group>\n","styles":[":host{display:flex;flex-direction:column}aup-busy-overlay,mat-tab-group{flex:1}"]}]}],"members":{"dynamicHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["tabs",{"static":true}]}]}],"activityOutlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":34,"character":3},"arguments":[{"__symbolic":"reference","module":"./activity-outlet/activity-outlet.component","name":"ActivityOutletComponent","line":34,"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"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ActivityContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../abstract-interaction-context","name":"AbstractInteractionContext","line":26,"character":57},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"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 activityRef of activityRefs; let i = index; trackBy: activityIndex\">\n    <aup-busy-overlay [busyModel]=\"busy\" cdkTrapFocus cdkTrapFocusAutoCapture>\n      <!--\n      We have issues where angular is triggering a leave animation when an\n      new activity is started, but is not running the enter animation\n      when it is scrolled back into view.  So we track the tab changes and\n      disable all animations inside the tab while we're animating.\n      -->\n      <div class=\"activity-outlet-wrapper\" [@.disabled]=\"!activityRef.focused\">\n        <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"activityRef\"></aup-activity-outlet>\n      </div>\n    </aup-busy-overlay>\n  </mat-tab>\n</mat-tab-group>\n","styles":[":host{display:flex;flex-direction:column}mat-tab-group{flex:1}aup-busy-overlay{flex:1}\n"]}]}],"members":{"dynamicHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["tabs",{"static":true}]}]}],"activityOutlets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":34,"character":3},"arguments":[{"__symbolic":"reference","module":"./activity-outlet/activity-outlet.component","name":"ActivityOutletComponent","line":34,"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

@@ -46,7 +46,7 @@ ActivityOutletComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-activity-outlet',
                 template: '',
-                styles: [":host{display:block}"]
+                styles: [":host{display:block}\n"]
             },] }
 ];
 ActivityOutletComponent.ctorParameters = () => [

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}\n"]}]}],"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"}]}}}}]

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

@@ -25,7 +25,7 @@ ActivityTitleComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-activity-title',
                 template: "<ng-content></ng-content>\n",
-                styles: [":host{display:block}"]
+                styles: [":host{display:block}\n"]
             },] }
 ];
 ActivityTitleComponent.propDecorators = {

package/esm2015/lib/interaction/components/activity-title/activity-title.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ActivityTitleComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":10,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"aup-activity-title","template":"<ng-content></ng-content>\n","styles":[":host{display:block}"]}]}],"members":{"hasTransparentBackground":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":20,"character":3},"arguments":["class.transparent-background"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":31,"character":3},"arguments":["attr.color"]}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ActivityTitleComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":10,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"aup-activity-title","template":"<ng-content></ng-content>\n","styles":[":host{display:block}\n"]}]}],"members":{"hasTransparentBackground":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":20,"character":3},"arguments":["class.transparent-background"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":31,"character":3},"arguments":["attr.color"]}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/interaction/components/activity-triggers/abstract-activity-trigger.component.js

@@ -1,6 +1,7 @@
 import { __decorate, __metadata } from "tslib";
 import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
 import { assert, Command, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
+import { lang } from '@coolon/typescript-utilities';
 import { HorizontalAlignment } from '../../../components/alignment';
 import { CommandFace } from '../../../components/commands/command-face';
 import { DisposableComponent } from '../../../components/disposable-component';
@@ -21,6 +22,9 @@ export class AbstractActivityTriggerComponent extends DisposableComponent {
             });
         });
     }
+    get interactionContext() {
+        return lang.abstractMethod(this.constructor);
+    }
     ngOnInit() {
     }
     get isActive() {

package/esm2015/lib/interaction/components/activity-triggers/abstract-activity-trigger.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-activity-trigger.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-triggers/abstract-activity-trigger.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,MAAM,EAAE,OAAO,EAAiB,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9G,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAQ/E,MAAM,OAAO,gCAA4D,SAAQ,mBAAmB;IAuClG;QACE,KAAK,EAAE,CAAC;QAbV,cAAS,GAAwB,mBAAmB,CAAC,MAAM,CAAC;QAO5D,iBAAY,GAAG,IAAI,YAAY,EAAK,CAAC;QAGrC,gBAAW,GAAG,IAAI,YAAY,EAAK,CAAC;QAIlC,IAAI,CAAC,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YAC9C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAClC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;YACvC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC;iBACzE,IAAI,CAAC,MAAM,CAAC,EAAE;gBACb,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;gBACjB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC/B,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ;IACR,CAAC;IAED,IACI,QAAQ;;QACT,OAAO,MAAA,IAAI,CAAC,kBAAkB,0CAAE,QAAQ,EAAE,CAAC;IAC9C,CAAC;;;YA/DF,SAAS,SAAC;gBACT,QAAQ,EAAE,+BAA+B;gBACzC,QAAQ,EAAE,EAAE;aACb;;;;4BAGE,KAAK;iCAIL,KAAK;2BAIL,KAAK;gCAIL,KAAK;mBAIL,KAAK;wBAIL,KAAK;wBAIL,KAAK;2BAOL,MAAM;0BAGN,MAAM;uBAoBN,WAAW,SAAC,cAAc;;AApD3B;IADC,iBAAiB,CAAC,oBAAoB,CAAC;;uEACQ;AAIhD;IADC,aAAa,EAAE;8BACI,UAAU;4EAAmC;AAIjE;IADC,iBAAiB,CAAC,mBAAmB,CAAC;;sEACvB;AAIhB;IADC,aAAa,EAAE;8BACG,UAAU;2EAAI;AAIjC;IADC,iBAAiB,CAAC,WAAW,CAAC;;8DACb;AAIlB;IADC,aAAa,EAAE;8BACL,UAAU;mEAAc","sourcesContent":["import { Component, EventEmitter, HostBinding, Input, OnInit, Output } from '@angular/core';\nimport { assert, Command, Constructable, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { HorizontalAlignment } from '../../../components/alignment';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { DisposableComponent } from '../../../components/disposable-component';\nimport { Activity } from '../../activity';\nimport { InteractionContext } from '../../interaction-context';\n\n@Component({\n  selector: 'aup-abstract-activity-trigger',\n  template: ''\n})\nexport class AbstractActivityTriggerComponent<D = any, R = any, E = any> extends DisposableComponent implements OnInit {\n\n  @Input()\n  @StoreInValueModel('activityClassModel')\n  activityClass: Constructable<Activity<D, R, E>>;\n\n  @Input()\n  @TrackExternal()\n  activityClassModel: ValueModel<Constructable<Activity<D, R, E>>>;\n\n  @Input()\n  @StoreInValueModel('activityDataModel')\n  activityData: D;\n\n  @Input()\n  @TrackExternal()\n  activityDataModel: ValueModel<D>;\n\n  @Input()\n  @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  @Input()\n  @TrackExternal()\n  faceModel: ValueModel<CommandFace>;\n\n  @Input()\n  alignFace: HorizontalAlignment = HorizontalAlignment.CENTER;\n\n  readonly startActivityCommand: Command<unknown>;\n\n  interactionContext: InteractionContext;\n\n  @Output()\n  confirmEvent = new EventEmitter<R>();\n\n  @Output()\n  cancelEvent = new EventEmitter<E>();\n\n  constructor() {\n    super();\n    this.startActivityCommand = Command.create(() => {\n      assert.notNil(this.activityClass);\n      assert.notNil(this.interactionContext);\n      this.interactionContext.startActivity(this.activityClass, this.activityData)\n        .then(result => {\n          this.confirmEvent.emit(result);\n        }).catch(error => {\n        this.cancelEvent.emit(error);\n      });\n    });\n  }\n\n  ngOnInit(): void {\n  }\n\n  @HostBinding('class.active')\n  get isActive() {\n     return this.interactionContext?.isActive();\n  }\n\n}\n"]}
+{"version":3,"file":"abstract-activity-trigger.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-triggers/abstract-activity-trigger.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,MAAM,EAAE,OAAO,EAAiB,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9G,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAS/E,MAAM,OAAO,gCAA4D,SAAQ,mBAAmB;IAyClG;QACE,KAAK,EAAE,CAAC;QAfV,cAAS,GAAwB,mBAAmB,CAAC,MAAM,CAAC;QAS5D,iBAAY,GAAG,IAAI,YAAY,EAAK,CAAC;QAGrC,gBAAW,GAAG,IAAI,YAAY,EAAK,CAAC;QAIlC,IAAI,CAAC,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YAC9C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAClC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;YACvC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC;iBACzE,IAAI,CAAC,MAAM,CAAC,EAAE;gBACb,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;gBACjB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC/B,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAtBD,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAC9C,CAAC;IAsBD,QAAQ;IACR,CAAC;IAED,IACI,QAAQ;;QACT,OAAO,MAAA,IAAI,CAAC,kBAAkB,0CAAE,QAAQ,EAAE,CAAC;IAC9C,CAAC;;;YAjEF,SAAS,SAAC;gBACT,QAAQ,EAAE,+BAA+B;gBACzC,QAAQ,EAAE,EAAE;aACb;;;;4BAGE,KAAK;iCAIL,KAAK;2BAIL,KAAK;gCAIL,KAAK;mBAIL,KAAK;wBAIL,KAAK;wBAIL,KAAK;2BASL,MAAM;0BAGN,MAAM;uBAoBN,WAAW,SAAC,cAAc;;AAtD3B;IADC,iBAAiB,CAAC,oBAAoB,CAAC;;uEACQ;AAIhD;IADC,aAAa,EAAE;8BACI,UAAU;4EAAmC;AAIjE;IADC,iBAAiB,CAAC,mBAAmB,CAAC;;sEACvB;AAIhB;IADC,aAAa,EAAE;8BACG,UAAU;2EAAI;AAIjC;IADC,iBAAiB,CAAC,WAAW,CAAC;;8DACb;AAIlB;IADC,aAAa,EAAE;8BACL,UAAU;mEAAc","sourcesContent":["import { Component, EventEmitter, HostBinding, Input, OnInit, Output } from '@angular/core';\nimport { assert, Command, Constructable, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { lang } from '@coolon/typescript-utilities';\nimport { HorizontalAlignment } from '../../../components/alignment';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { DisposableComponent } from '../../../components/disposable-component';\nimport { Activity } from '../../activity';\nimport { InteractionContext } from '../../interaction-context';\nimport { InputActivity } from '../input-activities/input-activity';\n\n@Component({\n  selector: 'aup-abstract-activity-trigger',\n  template: ''\n})\nexport class AbstractActivityTriggerComponent<D = any, R = any, E = any> extends DisposableComponent implements OnInit {\n\n  @Input()\n  @StoreInValueModel('activityClassModel')\n  activityClass: Constructable<Activity<D, R, E>>;\n\n  @Input()\n  @TrackExternal()\n  activityClassModel: ValueModel<Constructable<Activity<D, R, E>>>;\n\n  @Input()\n  @StoreInValueModel('activityDataModel')\n  activityData: D;\n\n  @Input()\n  @TrackExternal()\n  activityDataModel: ValueModel<D>;\n  \n  @Input()\n  @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  @Input()\n  @TrackExternal()\n  faceModel: ValueModel<CommandFace>;\n\n  @Input()\n  alignFace: HorizontalAlignment = HorizontalAlignment.CENTER;\n\n  readonly startActivityCommand: Command<unknown>;\n\n  get interactionContext(): InteractionContext {\n    return lang.abstractMethod(this.constructor)\n  }\n\n  @Output()\n  confirmEvent = new EventEmitter<R>();\n\n  @Output()\n  cancelEvent = new EventEmitter<E>();\n\n  constructor() {\n    super();\n    this.startActivityCommand = Command.create(() => {\n      assert.notNil(this.activityClass);\n      assert.notNil(this.interactionContext);\n      this.interactionContext.startActivity(this.activityClass, this.activityData)\n        .then(result => {\n          this.confirmEvent.emit(result);\n        }).catch(error => {\n        this.cancelEvent.emit(error);\n      });\n    });\n  }\n\n  ngOnInit(): void {\n  }\n\n  @HostBinding('class.active')\n  get isActive() {\n     return this.interactionContext?.isActive();\n  }\n\n}\n"]}

package/esm2015/lib/interaction/components/activity-triggers/abstract-activity-trigger.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"AbstractActivityTriggerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":12,"character":81},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"aup-abstract-activity-trigger","template":""}]}],"members":{"activityClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":15,"character":3},"arguments":["activityClassModel"]}]}],"activityClassModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":19,"character":3}}]}],"activityData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":23,"character":3},"arguments":["activityDataModel"]}]}],"activityDataModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":27,"character":3}}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":31,"character":3},"arguments":["faceModel"]}]}],"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":35,"character":3}}]}],"alignFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"confirmEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"cancelEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":68,"character":3},"arguments":["class.active"]}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AbstractActivityTriggerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":14,"character":81},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"aup-abstract-activity-trigger","template":""}]}],"members":{"activityClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":17,"character":3},"arguments":["activityClassModel"]}]}],"activityClassModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":21,"character":3}}]}],"activityData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":25,"character":3},"arguments":["activityDataModel"]}]}],"activityDataModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":29,"character":3}}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":33,"character":3},"arguments":["faceModel"]}]}],"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":37,"character":3}}]}],"alignFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"confirmEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"cancelEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":72,"character":3},"arguments":["class.active"]}]}]}}}}]

package/esm2015/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.js

@@ -5,16 +5,19 @@ export class InlineActivityTriggerComponent extends AbstractActivityTriggerCompo
     constructor() {
         super();
     }
+    get interactionContext() {
+        return this._interactionContext;
+    }
 }
 InlineActivityTriggerComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-inline-activity-trigger',
                 template: "<aup-in-place-interaction-context #interactionContext [animateFirstActivity]=\"false\">\n  <aup-command [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n</aup-in-place-interaction-context>\n",
-                styles: [":host{display:inline-block}"]
+                styles: [":host{display:inline-block}\n"]
             },] }
 ];
 InlineActivityTriggerComponent.ctorParameters = () => [];
 InlineActivityTriggerComponent.propDecorators = {
-    interactionContext: [{ type: ViewChild, args: [InPlaceInteractionContextComponent, { static: true },] }]
+    _interactionContext: [{ type: ViewChild, args: [InPlaceInteractionContextComponent, { static: true },] }]
 };
 //# sourceMappingURL=inline-activity-trigger.component.js.map

package/esm2015/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-activity-trigger.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAGrD,OAAO,EAAE,kCAAkC,EAAE,MAAM,0EAA0E,CAAC;AAE9H,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAO1F,MAAM,OAAO,8BAA0D,SAAQ,gCAAyC;IAKtH;QACE,KAAK,EAAE,CAAC;IACV,CAAC;;;YAZF,SAAS,SAAC;gBACT,QAAQ,EAAE,6BAA6B;gBACvC,gQAAuD;;aAExD;;;;iCAGE,SAAS,SAAC,kCAAkC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE","sourcesContent":["import { Component, ViewChild } from '@angular/core';\nimport { Activity } from '../../../activity';\nimport { InteractionContext } from '../../../interaction-context';\nimport { InPlaceInteractionContextComponent } from '../../inplace-interaction-context/in-place-interaction-context.component';\nimport { PopupInteractionContextComponent } from '../../popup-interaction-context/popup-interaction-context.component';\nimport { AbstractActivityTriggerComponent } from '../abstract-activity-trigger.component';\n\n@Component({\n  selector: 'aup-inline-activity-trigger',\n  templateUrl: './inline-activity-trigger.component.html',\n  styleUrls: ['./inline-activity-trigger.component.scss']\n})\nexport class InlineActivityTriggerComponent<D = any, R = any, E = any> extends AbstractActivityTriggerComponent<D, R, E> {\n\n  @ViewChild(InPlaceInteractionContextComponent, { static: true })\n  interactionContext: InteractionContext;\n\n  constructor() {\n    super();\n  }\n}\n"]}
+{"version":3,"file":"inline-activity-trigger.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAGrD,OAAO,EAAE,kCAAkC,EAAE,MAAM,0EAA0E,CAAC;AAE9H,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAO1F,MAAM,OAAO,8BAA0D,SAAQ,gCAAyC;IAStH;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAND,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,mBAAmB,CAAC;IAClC,CAAC;;;YAZF,SAAS,SAAC;gBACT,QAAQ,EAAE,6BAA6B;gBACvC,gQAAuD;;aAExD;;;;kCAGE,SAAS,SAAC,kCAAkC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE","sourcesContent":["import { Component, ViewChild } from '@angular/core';\nimport { Activity } from '../../../activity';\nimport { InteractionContext } from '../../../interaction-context';\nimport { InPlaceInteractionContextComponent } from '../../inplace-interaction-context/in-place-interaction-context.component';\nimport { PopupInteractionContextComponent } from '../../popup-interaction-context/popup-interaction-context.component';\nimport { AbstractActivityTriggerComponent } from '../abstract-activity-trigger.component';\n\n@Component({\n  selector: 'aup-inline-activity-trigger',\n  templateUrl: './inline-activity-trigger.component.html',\n  styleUrls: ['./inline-activity-trigger.component.scss']\n})\nexport class InlineActivityTriggerComponent<D = any, R = any, E = any> extends AbstractActivityTriggerComponent<D, R, E> {\n\n  @ViewChild(InPlaceInteractionContextComponent, { static: true })\n  _interactionContext: InteractionContext;\n\n  get interactionContext(): InteractionContext {\n    return this._interactionContext;\n  }\n\n  constructor() {\n    super();\n  }\n\n}\n"]}

package/esm2015/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"InlineActivityTriggerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-activity-trigger.component","name":"AbstractActivityTriggerComponent","line":12,"character":79},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"aup-inline-activity-trigger","template":"<aup-in-place-interaction-context #interactionContext [animateFirstActivity]=\"false\">\n  <aup-command [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n</aup-in-place-interaction-context>\n","styles":[":host{display:inline-block}"]}]}],"members":{"interactionContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":3},"arguments":[{"__symbolic":"reference","module":"../../inplace-interaction-context/in-place-interaction-context.component","name":"InPlaceInteractionContextComponent","line":14,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"InlineActivityTriggerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-activity-trigger.component","name":"AbstractActivityTriggerComponent","line":12,"character":79},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"aup-inline-activity-trigger","template":"<aup-in-place-interaction-context #interactionContext [animateFirstActivity]=\"false\">\n  <aup-command [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n</aup-in-place-interaction-context>\n","styles":[":host{display:inline-block}\n"]}]}],"members":{"_interactionContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":3},"arguments":[{"__symbolic":"reference","module":"../../inplace-interaction-context/in-place-interaction-context.component","name":"InPlaceInteractionContextComponent","line":14,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}}]

package/esm2015/lib/interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component.js

@@ -4,14 +4,17 @@ import { AbstractActivityTriggerComponent } from '../abstract-activity-trigger.c
 export class ModalActivityTriggerComponent extends AbstractActivityTriggerComponent {
     constructor(interactionService) {
         super();
-        this.interactionContext = interactionService.createModalInteractionContextDisposedWith(this);
+        this._interactionContext = interactionService.createModalInteractionContextDisposedWith(this);
+    }
+    get interactionContext() {
+        return this._interactionContext;
     }
 }
 ModalActivityTriggerComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-modal-activity-trigger',
                 template: "<aup-command [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n",
-                styles: [":host{display:inline-block}"]
+                styles: [":host{display:inline-block}\n"]
             },] }
 ];
 ModalActivityTriggerComponent.ctorParameters = () => [

package/esm2015/lib/interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-activity-trigger.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAO1F,MAAM,OAAO,6BAAyD,SAAQ,gCAAyC;IAIrH,YAAY,kBAAsC;QAChD,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,kBAAkB,GAAG,kBAAkB,CAAC,yCAAyC,CAAC,IAAI,CAAC,CAAC;IAC/F,CAAC;;;YAZF,SAAS,SAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,gIAAsD;;aAEvD;;;YAPQ,kBAAkB","sourcesContent":["import { Component } from '@angular/core';\nimport { Activity } from '../../../activity';\nimport { InteractionContext } from '../../../interaction-context';\nimport { InteractionService } from '../../../services/interaction.service';\nimport { AbstractActivityTriggerComponent } from '../abstract-activity-trigger.component';\n\n@Component({\n  selector: 'aup-modal-activity-trigger',\n  templateUrl: './modal-activity-trigger.component.html',\n  styleUrls: ['./modal-activity-trigger.component.scss']\n})\nexport class ModalActivityTriggerComponent<D = any, R = any, E = any> extends AbstractActivityTriggerComponent<D, R, E> {\n\n  interactionContext: InteractionContext;\n\n  constructor(interactionService: InteractionService) {\n    super();\n    this.interactionContext = interactionService.createModalInteractionContextDisposedWith(this);\n  }\n}\n"]}
+{"version":3,"file":"modal-activity-trigger.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAO1F,MAAM,OAAO,6BAAyD,SAAQ,gCAAyC;IASrH,YAAY,kBAAsC;QAChD,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,mBAAmB,GAAG,kBAAkB,CAAC,yCAAyC,CAAC,IAAI,CAAC,CAAC;IAChG,CAAC;IARD,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,mBAAmB,CAAC;IAClC,CAAC;;;YAXF,SAAS,SAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,gIAAsD;;aAEvD;;;YAPQ,kBAAkB","sourcesContent":["import { Component } from '@angular/core';\nimport { Activity } from '../../../activity';\nimport { InteractionContext } from '../../../interaction-context';\nimport { InteractionService } from '../../../services/interaction.service';\nimport { AbstractActivityTriggerComponent } from '../abstract-activity-trigger.component';\n\n@Component({\n  selector: 'aup-modal-activity-trigger',\n  templateUrl: './modal-activity-trigger.component.html',\n  styleUrls: ['./modal-activity-trigger.component.scss']\n})\nexport class ModalActivityTriggerComponent<D = any, R = any, E = any> extends AbstractActivityTriggerComponent<D, R, E> {\n\n  _interactionContext: InteractionContext;\n\n  get interactionContext(): InteractionContext {\n    return this._interactionContext;\n  }\n\n\n  constructor(interactionService: InteractionService) {\n    super();\n    this._interactionContext = interactionService.createModalInteractionContextDisposedWith(this);\n  }\n}\n"]}

package/esm2015/lib/interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ModalActivityTriggerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-activity-trigger.component","name":"AbstractActivityTriggerComponent","line":11,"character":78},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"aup-modal-activity-trigger","template":"<aup-command [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n","styles":[":host{display:inline-block}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../services/interaction.service","name":"InteractionService","line":15,"character":34}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ModalActivityTriggerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-activity-trigger.component","name":"AbstractActivityTriggerComponent","line":11,"character":78},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"aup-modal-activity-trigger","template":"<aup-command [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n","styles":[":host{display:inline-block}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../services/interaction.service","name":"InteractionService","line":20,"character":34}]}]}}}}]

package/esm2015/lib/interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component.js

@@ -7,18 +7,21 @@ export class PopupActivityTriggerComponent extends AbstractActivityTriggerCompon
         this.anchorX = 'start';
         this.anchorY = 'bottom';
     }
+    get interactionContext() {
+        return this._interactionContext;
+    }
 }
 PopupActivityTriggerComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-popup-activity-trigger',
                 template: "<aup-popup-interaction-context [anchorX]=\"anchorX\" [anchorY]=\"anchorY\">\n  <aup-command [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n</aup-popup-interaction-context>\n",
-                styles: [":host{display:inline-block}"]
+                styles: [":host{display:inline-block}\n"]
             },] }
 ];
 PopupActivityTriggerComponent.ctorParameters = () => [];
 PopupActivityTriggerComponent.propDecorators = {
     anchorX: [{ type: Input }],
     anchorY: [{ type: Input }],
-    interactionContext: [{ type: ViewChild, args: [PopupInteractionContextComponent, { static: true },] }]
+    _interactionContext: [{ type: ViewChild, args: [PopupInteractionContextComponent, { static: true },] }]
 };
 //# sourceMappingURL=popup-activity-trigger.component.js.map

package/esm2015/lib/interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup-activity-trigger.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,gCAAgC,EAAE,MAAM,qEAAqE,CAAC;AACvH,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAO1F,MAAM,OAAO,6BAAyD,SAAQ,gCAAyC;IAWrH;QACE,KAAK,EAAE,CAAC;QATV,YAAO,GAAoB,OAAO,CAAC;QAGnC,YAAO,GAAqB,QAAQ,CAAC;IAOrC,CAAC;;;YAlBF,SAAS,SAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,iPAAsD;;aAEvD;;;;sBAGE,KAAK;sBAGL,KAAK;iCAGJ,SAAS,SAAC,gCAAgC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE","sourcesContent":["import { Component, Input, ViewChild } from '@angular/core';\nimport { InteractionContext } from '../../../interaction-context';\nimport { PopupInteractionContextComponent } from '../../popup-interaction-context/popup-interaction-context.component';\nimport { AbstractActivityTriggerComponent } from '../abstract-activity-trigger.component';\n\n@Component({\n  selector: 'aup-popup-activity-trigger',\n  templateUrl: './popup-activity-trigger.component.html',\n  styleUrls: ['./popup-activity-trigger.component.scss']\n})\nexport class PopupActivityTriggerComponent<D = any, R = any, E = any> extends AbstractActivityTriggerComponent<D, R, E> {\n\n  @Input()\n  anchorX: 'start' | 'end' = 'start';\n\n  @Input()\n  anchorY: 'top' | 'bottom' = 'bottom';\n\n   @ViewChild(PopupInteractionContextComponent, { static: true })\n   interactionContext: InteractionContext;\n\n  constructor() {\n    super();\n  }\n\n}\n"]}
+{"version":3,"file":"popup-activity-trigger.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,gCAAgC,EAAE,MAAM,qEAAqE,CAAC;AACvH,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAO1F,MAAM,OAAO,6BAAyD,SAAQ,gCAAyC;IAWrH;QACE,KAAK,EAAE,CAAC;QATV,YAAO,GAAoB,OAAO,CAAC;QAGnC,YAAO,GAAqB,QAAQ,CAAC;IAOrC,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,mBAAmB,CAAC;IAClC,CAAC;;;YAtBF,SAAS,SAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,iPAAsD;;aAEvD;;;;sBAGE,KAAK;sBAGL,KAAK;kCAGL,SAAS,SAAC,gCAAgC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE","sourcesContent":["import { Component, Input, ViewChild } from '@angular/core';\nimport { InteractionContext } from '../../../interaction-context';\nimport { PopupInteractionContextComponent } from '../../popup-interaction-context/popup-interaction-context.component';\nimport { AbstractActivityTriggerComponent } from '../abstract-activity-trigger.component';\n\n@Component({\n  selector: 'aup-popup-activity-trigger',\n  templateUrl: './popup-activity-trigger.component.html',\n  styleUrls: ['./popup-activity-trigger.component.scss']\n})\nexport class PopupActivityTriggerComponent<D = any, R = any, E = any> extends AbstractActivityTriggerComponent<D, R, E> {\n\n  @Input()\n  anchorX: 'start' | 'end' = 'start';\n\n  @Input()\n  anchorY: 'top' | 'bottom' = 'bottom';\n\n  @ViewChild(PopupInteractionContextComponent, { static: true })\n  _interactionContext: InteractionContext;\n\n  constructor() {\n    super();\n  }\n\n  get interactionContext(): InteractionContext {\n    return this._interactionContext;\n  }\n\n\n}\n"]}

package/esm2015/lib/interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"PopupActivityTriggerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-activity-trigger.component","name":"AbstractActivityTriggerComponent","line":10,"character":78},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"aup-popup-activity-trigger","template":"<aup-popup-interaction-context [anchorX]=\"anchorX\" [anchorY]=\"anchorY\">\n  <aup-command [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n</aup-popup-interaction-context>\n","styles":[":host{display:inline-block}"]}]}],"members":{"anchorX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"anchorY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"interactionContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":4},"arguments":[{"__symbolic":"reference","module":"../../popup-interaction-context/popup-interaction-context.component","name":"PopupInteractionContextComponent","line":18,"character":14},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"PopupActivityTriggerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-activity-trigger.component","name":"AbstractActivityTriggerComponent","line":10,"character":78},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"aup-popup-activity-trigger","template":"<aup-popup-interaction-context [anchorX]=\"anchorX\" [anchorY]=\"anchorY\">\n  <aup-command [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n</aup-popup-interaction-context>\n","styles":[":host{display:inline-block}\n"]}]}],"members":{"anchorX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"anchorY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"_interactionContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":[{"__symbolic":"reference","module":"../../popup-interaction-context/popup-interaction-context.component","name":"PopupInteractionContextComponent","line":18,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}}]

package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.js

@@ -0,0 +1,77 @@
+import { Component, HostBinding, Input, ViewChild } from '@angular/core';
+import { Dsl } from '@coolon/pectin';
+import { Enum } from 'typescript-string-enums';
+import { InteractionService } from '../../services/interaction.service';
+import { AbstractActivityTriggerComponent } from '../activity-triggers/abstract-activity-trigger.component';
+import { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';
+/**
+ *
+ */
+export class AddCardActivityComponent extends AbstractActivityTriggerComponent {
+    constructor(interactionService) {
+        super();
+        this.interactionStyle = AddCardActivityComponent.InteractionType.MODAL;
+        this.renderAs = AddCardActivityComponent.RenderAs.CARD;
+        this.notCard = true;
+        const { chain } = Dsl.disposeWith(this);
+        this.modalInteractionContext = interactionService.createModalInteractionContextDisposedWith(this);
+        this.faceList = chain(this.faceModel).mapToList(face => [face]);
+    }
+    get renderAsClass() {
+        return `render-as-${this.renderAs}`;
+    }
+    get activityTypeClass() {
+        return `${this.interactionStyle}-activity`;
+    }
+    isRenderAsCard() {
+        return this.renderAs === 'card';
+    }
+    isRenderAsButton() {
+        return this.renderAs === 'button';
+    }
+    ngOnInit() {
+    }
+    get interactionContext() {
+        switch (this.interactionStyle) {
+            case 'inline':
+                return this.inlineInteractionContext;
+            default:
+                return this.modalInteractionContext;
+        }
+    }
+    isModal() {
+        return this.interactionStyle === 'modal';
+    }
+    isInline() {
+        return this.interactionStyle === 'inline';
+    }
+}
+AddCardActivityComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-add-card-activity',
+                template: "<aup-in-place-interaction-context [animateFirstActivity]=\"false\" [pectinCommand]=\"startActivityCommand\">\n  <aup-command *ngIf=\"isRenderAsButton()\" [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n  <section *ngIf=\"isRenderAsCard()\" class=\"face-wrapper\">\n    <aup-command-face class=\"mat-button\" [faces]=\"faceList.value\"></aup-command-face>\n  </section>\n</aup-in-place-interaction-context>\n",
+                styles: [":host{display:flex;flex-direction:column;align-items:stretch;background-color:#fff}:host[interactionStyle=inline][renderas=card]:not(.active){transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}:host[interactionStyle=inline][renderas=card]:not(.active):hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host[interactionStyle=inline][renderas=card]:not(.active):hover{border-color:transparent;background-color:#fff;color:#0000008a}:host[interactionStyle=modal][renderas=card]{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}:host[interactionStyle=modal][renderas=card]:hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host[interactionStyle=modal][renderas=card]:hover{border-color:transparent;background-color:#fff;color:#0000008a}:host-context(aup-card-container)[renderas=button]{align-self:start}section.face-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}aup-in-place-interaction-context{flex:1}aup-in-place-interaction-context.active{border:3px solid #6273c7;border-radius:4px;overflow:hidden}\n"]
+            },] }
+];
+AddCardActivityComponent.ctorParameters = () => [
+    { type: InteractionService }
+];
+AddCardActivityComponent.propDecorators = {
+    inlineInteractionContext: [{ type: ViewChild, args: [InPlaceInteractionContextComponent, { static: true },] }],
+    interactionStyle: [{ type: Input }],
+    renderAs: [{ type: Input }, { type: HostBinding, args: ['class',] }],
+    notCard: [{ type: HostBinding, args: ['class.not-card',] }],
+    renderAsClass: [{ type: HostBinding, args: ['class',] }],
+    activityTypeClass: [{ type: HostBinding, args: ['class',] }]
+};
+(function (AddCardActivityComponent) {
+    AddCardActivityComponent.InteractionType = Enum({
+        MODAL: 'modal',
+        INLINE: 'inline'
+    });
+    AddCardActivityComponent.RenderAs = Enum({
+        CARD: 'card',
+        BUTTON: 'button'
+    });
+})(AddCardActivityComponent || (AddCardActivityComponent = {}));
+//# sourceMappingURL=add-card-activity.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"add-card-activity.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/add-card-activity/add-card-activity.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,SAAS,EAAE,MAAM,eAAe,CAAC;AACjF,OAAO,EAAE,GAAG,EAAkB,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,gCAAgC,EAAE,MAAM,0DAA0D,CAAC;AAC5G,OAAO,EAAE,kCAAkC,EAAE,MAAM,uEAAuE,CAAC;AAE3H;;GAEG;AAMH,MAAM,OAAO,wBAAyB,SAAQ,gCAAgC;IAqC5E,YAAY,kBAAsC;QAChD,KAAK,EAAE,CAAC;QA9BV,qBAAgB,GAA6C,wBAAwB,CAAC,eAAe,CAAC,KAAK,CAAC;QAI5G,aAAQ,GAAsC,wBAAwB,CAAC,QAAQ,CAAC,IAAI,CAAC;QAGrF,YAAO,GAAG,IAAI,CAAC;QAwBb,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,uBAAuB,GAAG,kBAAkB,CAAC,yCAAyC,CAAC,IAAI,CAAC,CAAC;QAClG,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAClE,CAAC;IAvBD,IACI,aAAa;QACf,OAAO,aAAa,IAAI,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC;IAED,IACI,iBAAiB;QACnB,OAAO,GAAG,IAAI,CAAC,gBAAgB,WAAW,CAAC;IAC7C,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,QAAQ,KAAK,MAAM,CAAC;IAClC,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC;IACpC,CAAC;IASD,QAAQ;IACR,CAAC;IAED,IAAI,kBAAkB;QACpB,QAAQ,IAAI,CAAC,gBAAgB,EAAE;YAC7B,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,wBAAwB,CAAC;YACvC;gBACE,OAAO,IAAI,CAAC,uBAAuB,CAAC;SACvC;IACH,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,gBAAgB,KAAK,OAAO,CAAC;IAC3C,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,gBAAgB,KAAK,QAAQ,CAAC;IAC5C,CAAC;;;YAnEF,SAAS,SAAC;gBACT,QAAQ,EAAE,uBAAuB;gBACjC,0dAAiD;;aAElD;;;YAXQ,kBAAkB;;;uCAgBxB,SAAS,SAAC,kCAAkC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;+BAG9D,KAAK;uBAGL,KAAK,YACL,WAAW,SAAC,OAAO;sBAGnB,WAAW,SAAC,gBAAgB;4BAK5B,WAAW,SAAC,OAAO;gCAKnB,WAAW,SAAC,OAAO;;AA2CtB,WAAiB,wBAAwB;IAC1B,wCAAe,GAAG,IAAI,CAAC;QAClC,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,QAAQ;KACjB,CAAC,CAAC;IAEU,iCAAQ,GAAG,IAAI,CAAC;QAC3B,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,QAAQ;KACjB,CAAC,CAAC;AAEL,CAAC,EAXgB,wBAAwB,KAAxB,wBAAwB,QAWxC","sourcesContent":["import { Component, HostBinding, Input, OnInit, ViewChild } from '@angular/core';\nimport { Dsl, ListModelChain } from '@coolon/pectin';\nimport { Enum } from 'typescript-string-enums';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { InteractionContext } from '../../interaction-context';\nimport { InteractionService } from '../../services/interaction.service';\nimport { AbstractActivityTriggerComponent } from '../activity-triggers/abstract-activity-trigger.component';\nimport { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-add-card-activity',\n  templateUrl: './add-card-activity.component.html',\n  styleUrls: ['./add-card-activity.component.scss'],\n})\nexport class AddCardActivityComponent extends AbstractActivityTriggerComponent implements OnInit {\n\n  private modalInteractionContext: InteractionContext;\n\n  @ViewChild(InPlaceInteractionContextComponent, { static: true })\n  inlineInteractionContext: InteractionContext;\n\n  @Input()\n  interactionStyle: AddCardActivityComponent.InteractionType = AddCardActivityComponent.InteractionType.MODAL;\n\n  @Input()\n  @HostBinding('class')\n  renderAs: AddCardActivityComponent.RenderAs = AddCardActivityComponent.RenderAs.CARD;\n\n  @HostBinding('class.not-card')\n  notCard = true;\n\n  readonly faceList: ListModelChain<CommandFace>;\n\n  @HostBinding('class')\n  get renderAsClass() {\n    return `render-as-${this.renderAs}`;\n  }\n\n  @HostBinding('class')\n  get activityTypeClass() {\n    return `${this.interactionStyle}-activity`;\n  }\n\n  isRenderAsCard(): boolean {\n    return this.renderAs === 'card';\n  }\n\n  isRenderAsButton(): boolean {\n    return this.renderAs === 'button';\n  }\n\n  constructor(interactionService: InteractionService) {\n    super();\n    const { chain } = Dsl.disposeWith(this);\n    this.modalInteractionContext = interactionService.createModalInteractionContextDisposedWith(this);\n    this.faceList = chain(this.faceModel).mapToList(face => [face]);\n  }\n\n  ngOnInit(): void {\n  }\n\n  get interactionContext(): InteractionContext {\n    switch (this.interactionStyle) {\n      case 'inline':\n        return this.inlineInteractionContext;\n      default:\n        return this.modalInteractionContext;\n    }\n  }\n\n  isModal() {\n    return this.interactionStyle === 'modal';\n  }\n\n  isInline() {\n    return this.interactionStyle === 'inline';\n  }\n\n\n}\n\nexport namespace AddCardActivityComponent {\n  export const InteractionType = Enum({\n    MODAL: 'modal',\n    INLINE: 'inline'\n  });\n  export type InteractionType = Enum<typeof InteractionType>;\n  export const RenderAs = Enum({\n    CARD: 'card',\n    BUTTON: 'button'\n  });\n  export type RenderAs = Enum<typeof RenderAs>;\n}\n"]}

package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"AddCardActivityComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../activity-triggers/abstract-activity-trigger.component","name":"AbstractActivityTriggerComponent","line":17,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"aup-add-card-activity","template":"<aup-in-place-interaction-context [animateFirstActivity]=\"false\" [pectinCommand]=\"startActivityCommand\">\n  <aup-command *ngIf=\"isRenderAsButton()\" [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n  <section *ngIf=\"isRenderAsCard()\" class=\"face-wrapper\">\n    <aup-command-face class=\"mat-button\" [faces]=\"faceList.value\"></aup-command-face>\n  </section>\n</aup-in-place-interaction-context>\n","styles":[":host{display:flex;flex-direction:column;align-items:stretch;background-color:#fff}:host[interactionStyle=inline][renderas=card]:not(.active){transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}:host[interactionStyle=inline][renderas=card]:not(.active):hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host[interactionStyle=inline][renderas=card]:not(.active):hover{border-color:transparent;background-color:#fff;color:#0000008a}:host[interactionStyle=modal][renderas=card]{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}:host[interactionStyle=modal][renderas=card]:hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host[interactionStyle=modal][renderas=card]:hover{border-color:transparent;background-color:#fff;color:#0000008a}:host-context(aup-card-container)[renderas=button]{align-self:start}section.face-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}aup-in-place-interaction-context{flex:1}aup-in-place-interaction-context.active{border:3px solid #6273c7;border-radius:4px;overflow:hidden}\n"]}]}],"members":{"inlineInteractionContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","module":"../inplace-interaction-context/in-place-interaction-context.component","name":"InPlaceInteractionContextComponent","line":21,"character":13},{"static":true}]}]}],"interactionStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"renderAs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":3},"arguments":["class"]}]}],"notCard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":31,"character":3},"arguments":["class.not-card"]}]}],"renderAsClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":36,"character":3},"arguments":["class"]}]}],"activityTypeClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":41,"character":3},"arguments":["class"]}]}],"isRenderAsCard":[{"__symbolic":"method"}],"isRenderAsButton":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../services/interaction.service","name":"InteractionService","line":54,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"isModal":[{"__symbolic":"method"}],"isInline":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.ngfactory.js.map

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

package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.scss.shim.ngstyle.js.map

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

package/esm2015/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.js

@@ -41,7 +41,7 @@ AddItemInteractionContextComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-add-item-interaction-context',
                 template: "<aup-in-place-interaction-context [animateFirstActivity]=\"false\">\n    <a part=\"link\" class=\"link\" [pectinCommand]=\"clickCommand\"><aup-icon [icon]=\"icon\"></aup-icon> {{label}}</a>\n</aup-in-place-interaction-context>\n",
-                styles: [":host{--def-link-color:var(--link-color,currentColor);--def-link-color-hover:var(--link-color-hover,currentColor);--def-link-background:var(--link-background,transparent);--def-link-background-hover:var(--link-background-hover,rgba(0,0,0,0.05));--def-link-border-radius:var(--link-border-radius,4px);--def-link-padding:var(--link-padding,calc(var(--aup-default-padding) / 2));display:flex;flex-direction:column;border-radius:var(--def-link-border-radius);box-sizing:border-box;outline:none}:host:hover a.link{color:var(--def-link-color-hover);background-color:var(--def-link-background-hover)}a.link,aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{display:flex;flex-direction:row;align-items:center;color:var(--def-link-color);background:var(--def-link-background);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}"]
+                styles: [":host{--def-link-color: var(--link-color, currentColor);--def-link-color-hover: var(--link-color-hover, currentColor);--def-link-background: var(--link-background, transparent);--def-link-background-hover: var(--link-background-hover, rgba(0, 0, 0, .05));--def-link-border-radius: var(--link-border-radius, 4px);--def-link-padding: var(--link-padding, calc(var(--aup-default-padding) / 2));display:flex;flex-direction:column;border-radius:var(--def-link-border-radius);box-sizing:border-box;outline:none}:host:hover a.link{color:var(--def-link-color-hover);background-color:var(--def-link-background-hover)}aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{display:flex;flex-direction:row;align-items:center;border-radius:var(--def-link-border-radius);color:var(--def-link-color);background:var(--def-link-background);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}\n"]
             },] }
 ];
 AddItemInteractionContextComponent.ctorParameters = () => [];

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

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"AddItemInteractionContextComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":20,"character":56},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"aup-add-item-interaction-context","template":"<aup-in-place-interaction-context [animateFirstActivity]=\"false\">\n    <a part=\"link\" class=\"link\" [pectinCommand]=\"clickCommand\"><aup-icon [icon]=\"icon\"></aup-icon> {{label}}</a>\n</aup-in-place-interaction-context>\n","styles":[":host{--def-link-color:var(--link-color,currentColor);--def-link-color-hover:var(--link-color-hover,currentColor);--def-link-background:var(--link-background,transparent);--def-link-background-hover:var(--link-background-hover,rgba(0,0,0,0.05));--def-link-border-radius:var(--link-border-radius,4px);--def-link-padding:var(--link-padding,calc(var(--aup-default-padding) / 2));display:flex;flex-direction:column;border-radius:var(--def-link-border-radius);box-sizing:border-box;outline:none}:host:hover a.link{color:var(--def-link-color-hover);background-color:var(--def-link-background-hover)}a.link,aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{display:flex;flex-direction:row;align-items:center;color:var(--def-link-color);background:var(--def-link-background);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"activityClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"activityData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"addCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":35,"character":3}}]}],"interactionContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":[{"__symbolic":"reference","module":"../inplace-interaction-context/in-place-interaction-context.component","name":"InPlaceInteractionContextComponent","line":38,"character":13}]}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":3},"arguments":["class.interaction-active"]}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":48,"character":3},"arguments":["tabindex"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"startActivity":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AddItemInteractionContextComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":20,"character":56},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"aup-add-item-interaction-context","template":"<aup-in-place-interaction-context [animateFirstActivity]=\"false\">\n    <a part=\"link\" class=\"link\" [pectinCommand]=\"clickCommand\"><aup-icon [icon]=\"icon\"></aup-icon> {{label}}</a>\n</aup-in-place-interaction-context>\n","styles":[":host{--def-link-color: var(--link-color, currentColor);--def-link-color-hover: var(--link-color-hover, currentColor);--def-link-background: var(--link-background, transparent);--def-link-background-hover: var(--link-background-hover, rgba(0, 0, 0, .05));--def-link-border-radius: var(--link-border-radius, 4px);--def-link-padding: var(--link-padding, calc(var(--aup-default-padding) / 2));display:flex;flex-direction:column;border-radius:var(--def-link-border-radius);box-sizing:border-box;outline:none}:host:hover a.link{color:var(--def-link-color-hover);background-color:var(--def-link-background-hover)}aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{display:flex;flex-direction:row;align-items:center;border-radius:var(--def-link-border-radius);color:var(--def-link-color);background:var(--def-link-background);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}\n"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"activityClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"activityData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"addCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":35,"character":3}}]}],"interactionContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":[{"__symbolic":"reference","module":"../inplace-interaction-context/in-place-interaction-context.component","name":"InPlaceInteractionContextComponent","line":38,"character":13}]}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":3},"arguments":["class.interaction-active"]}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":48,"character":3},"arguments":["tabindex"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"startActivity":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/interaction/components/alert-dialog/alert-dialog.component.js

@@ -1,30 +1,24 @@
 import { Component, Inject } from '@angular/core';
 import { Command } from '@coolon/pectin';
-import { Activity, ACTIVITY_DATA } from '../../activity';
-export class AlertDialogComponent extends Activity {
+import { ACTIVITY_DATA } from '../../activity';
+import { Alert } from '../../alert';
+import { AbstractDialogComponent } from '../abstract-dialog.component';
+export class AlertDialogComponent extends AbstractDialogComponent {
     constructor(alert) {
-        super();
-        this.alert = alert;
+        super(alert);
         this.confirmCommand = Command.create(() => {
             this.done();
         });
-        this.confirmFace = {
-            text: () => alert.ok(),
-            color: () => "primary",
-            style: () => "raised"
-        };
-    }
-    ngOnInit() {
     }
 }
 AlertDialogComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-alert-dialog',
-                template: "<aup-activity-title *ngIf=\"alert.title\">{{alert.title()}}</aup-activity-title>\n<aup-activity-body>\n  <p *ngFor=\"let line of alert.content()\">{{line}}</p>\n</aup-activity-body>\n<aup-activity-actions [confirmFace]=\"confirmFace\"></aup-activity-actions>\n",
-                styles: [":host{display:block}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{margin-bottom:0!important;padding:0;align-items:flex-end;justify-content:flex-end}"]
+                template: "<aup-activity-title *ngIf=\"title\" [color]=\"color\"><aup-markdown [content]=\"title\" [inline]=\"true\"></aup-markdown></aup-activity-title>\n<aup-activity-body>\n  <aup-markdown *ngFor=\"let line of content\" [content]=\"line\"></aup-markdown>\n</aup-activity-body>\n<aup-activity-actions [confirmFace]=\"confirmFace\"></aup-activity-actions>\n",
+                styles: [":host{display:block}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{margin-bottom:0!important;padding:0;align-items:flex-end;justify-content:flex-end}\n"]
             },] }
 ];
 AlertDialogComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [ACTIVITY_DATA,] }] }
+    { type: Alert, decorators: [{ type: Inject, args: [ACTIVITY_DATA,] }] }
 ];
 //# sourceMappingURL=alert-dialog.component.js.map

package/esm2015/lib/interaction/components/alert-dialog/alert-dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/alert-dialog/alert-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAU,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAQzD,MAAM,OAAO,oBAAqB,SAAQ,QAAqB;IAI7D,YAA4C,KAAY;QACtD,KAAK,EAAE,CAAC;QADkC,UAAK,GAAL,KAAK,CAAO;QAEtD,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACxC,IAAI,CAAC,IAAI,EAAE,CAAC;QACd,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,GAAG;YACjB,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE;YACtB,KAAK,EAAE,GAAG,EAAE,CAAC,SAAS;YACtB,KAAK,EAAE,GAAG,EAAE,CAAC,QAAQ;SACtB,CAAA;IACH,CAAC;IAED,QAAQ;IACR,CAAC;;;YAtBF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,gRAA4C;;aAE7C;;;4CAKc,MAAM,SAAC,aAAa","sourcesContent":["import { Component, Inject, OnInit } from '@angular/core';\nimport { Command } from '@coolon/pectin';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { Activity, ACTIVITY_DATA } from '../../activity';\nimport { Alert } from '../../alert';\n\n@Component({\n  selector: 'aup-alert-dialog',\n  templateUrl: './alert-dialog.component.html',\n  styleUrls: ['./alert-dialog.component.scss']\n})\nexport class AlertDialogComponent extends Activity<Alert, void> implements OnInit {\n\n  readonly confirmFace: CommandFace;\n  \n  constructor(@Inject(ACTIVITY_DATA) readonly alert: Alert) {\n    super();\n    this.confirmCommand = Command.create(() => {\n      this.done();\n    });\n    this.confirmFace = {\n      text: () => alert.ok(),\n      color: () => \"primary\",\n      style: () => \"raised\"\n    }\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}
+{"version":3,"file":"alert-dialog.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/alert-dialog/alert-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAU,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAY,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAOvE,MAAM,OAAO,oBAAqB,SAAQ,uBAAoC;IAE5E,YAAmC,KAAY;QAC7C,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACxC,IAAI,CAAC,IAAI,EAAE,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC;;;YAZF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,uWAA4C;;aAE7C;;;YAPQ,KAAK,uBAUC,MAAM,SAAC,aAAa","sourcesContent":["import { Component, Inject, OnInit } from '@angular/core';\nimport { Command } from '@coolon/pectin';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { Activity, ACTIVITY_DATA } from '../../activity';\nimport { Alert } from '../../alert';\nimport { AbstractDialogComponent } from '../abstract-dialog.component';\n\n@Component({\n  selector: 'aup-alert-dialog',\n  templateUrl: './alert-dialog.component.html',\n  styleUrls: ['./alert-dialog.component.scss']\n})\nexport class AlertDialogComponent extends AbstractDialogComponent<Alert, void> {\n\n  constructor(@Inject(ACTIVITY_DATA) alert: Alert) {\n    super(alert);\n    this.confirmCommand = Command.create(() => {\n      this.done();\n    });\n  }\n}\n"]}