@coolon/angular-ui-powerups 12.4.0-alpha.69 → 12.4.0-alpha.7

package/esm2015/lib/directives/command.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.directive.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/directives/command.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  Directive,\n  ElementRef,\n  Host,\n  HostListener,\n  Inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional\n} from '@angular/core';\nimport { MatButton } from '@angular/material/button';\nimport { MatMenuItem } from '@angular/material/menu';\nimport { assert, Command, DelegatingValueModel, Dsl, GarbageCollector, lang, UnaryCommand } from '@coolon/pectin';\n\n@Directive({\n  // tslint:disable-next-line:directive-selector\n  selector: '[pectinCommand]'\n})\nexport class CommandDirective<P = any> extends GarbageCollector implements OnInit, OnDestroy, AfterViewInit {\n\n  private _command: Command<any> | UnaryCommand<P>;\n  private _commandEnabled = this.registerDisposable(new DelegatingValueModel<boolean>().withDefault(false));\n  private matControl: MatButton | MatMenuItem;\n\n  @Input()\n  set pectinCommand(command: Command<any> | UnaryCommand<P>) {\n    this._command = command;\n    this._commandEnabled.setDelegate(command ? command.enabled : null);\n  }\n\n  get pectinCommand(): Command<any> | UnaryCommand<P> {\n    return this._command;\n  }\n\n  private _commandParameter: P;\n  private _commandParameterProvided = false;\n\n  @Input()\n  set commandParameter(value: P) {\n    this._commandParameterProvided = true;\n    this._commandParameter = value;\n  }\n\n  get commandParameter(): P {\n    return this._commandParameter;\n  }\n\n  constructor(\n    @Inject(ElementRef) private elementRef: ElementRef,\n    @Host() @Optional()  matButton: MatButton,\n    @Host() @Optional()  matMenuItem: MatMenuItem\n  ) {\n    super();\n    // Material buttons and menu items don't respond to the disabled binding so we\n    // need to inject them from our host element and handle them manually.\n    this.matControl = matButton || matMenuItem;\n  }\n\n  ngOnInit(): void {\n    assert.notNil(this.pectinCommand);\n    if (this.pectinCommand instanceof UnaryCommand) {\n      if (!this._commandParameterProvided) {\n        lang.illegalState('UnaryCommands require the command parameter to be specified.');\n      }\n    } else {\n      if (this._commandParameterProvided) {\n        lang.illegalState('command parameters are only supported by UnaryCommands');\n      }\n    }\n  }\n\n  ngAfterViewInit(): void {\n    const { when } = Dsl.disposeWith(this);\n    when(this._commandEnabled).changes(enabled => this.updateEnabledState(enabled), {\n      initialValue: 'triggerChange'\n    });\n  }\n\n  updateEnabledState(enabled: boolean) {\n    // for some reason mat-buttons kills the disabled host binding.  It works on a regular button but for now\n    // we need to do this. The set timeout is required to prevent the button getting a expression changed\n    // when it's clicked.\n    if (this.matControl) {\n      setTimeout(() => {\n        this.matControl.disabled = !enabled;\n      }, 0);\n    }\n    if (!enabled) {\n      // Note:\n      // We can't use a host binding here for disabled as the directive can be used on arbitrary\n      // components (e.g. divs) and the compiler will barf if we use the host binding.\n      this.elementRef.nativeElement.setAttribute('disabled', 'disabled');\n      if (this.elementRef.nativeElement.tagName === 'A') {\n        this.elementRef.nativeElement.removeAttribute('href');\n      }\n    } else {\n      this.elementRef.nativeElement.removeAttribute('disabled');\n      if (this.elementRef.nativeElement.tagName === 'A') {\n        this.elementRef.nativeElement.setAttribute('href', 'javascript:void');\n      }\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.dispose();\n  }\n\n\n  @HostListener('click', ['$event'])\n  notifyClick($event: Event) {\n    $event.preventDefault();\n    $event.stopPropagation();\n    if (this.pectinCommand.enabled.value) {\n      if (this.pectinCommand instanceof UnaryCommand) {\n        this.pectinCommand.withContext({ event: $event }).execute(this.commandParameter);\n      } else {\n        this.pectinCommand.withContext({ event: $event }).execute();\n      }\n    } else {\n      console.warn('disabled command clicked, ignoring.');\n    }\n  }\n}\n"]}
+{"version":3,"file":"command.directive.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/directives/command.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  Directive,\n  ElementRef,\n  Host,\n  HostListener,\n  Inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional\n} from '@angular/core';\nimport { MatButton } from '@angular/material/button';\nimport { MatMenuItem } from '@angular/material/menu';\nimport { assert, Command, DelegatingValueModel, Dsl, GarbageCollector, lang, UnaryCommand } from '@coolon/pectin';\n\n@Directive({\n  // tslint:disable-next-line:directive-selector\n  selector: '[pectinCommand]'\n})\nexport class CommandDirective<P = any> extends GarbageCollector implements OnInit, OnDestroy, AfterViewInit {\n\n  private _command: Command<any> | UnaryCommand<P>;\n  private _commandEnabled = new DelegatingValueModel<boolean>().withDefault(false);\n  private matControl: MatButton | MatMenuItem;\n\n  @Input()\n  set pectinCommand(command: Command<any> | UnaryCommand<P>) {\n    this._command = command;\n    this._commandEnabled.setDelegate(command ? command.enabled : null);\n  }\n\n  get pectinCommand(): Command<any> | UnaryCommand<P> {\n    return this._command;\n  }\n\n  private _commandParameter: P;\n  private _commandParameterProvided = false;\n\n  @Input()\n  set commandParameter(value: P) {\n    this._commandParameterProvided = true;\n    this._commandParameter = value;\n  }\n\n  get commandParameter(): P {\n    return this._commandParameter;\n  }\n\n  constructor(\n    @Inject(ElementRef) private elementRef: ElementRef,\n    @Host() @Optional()  matButton: MatButton,\n    @Host() @Optional()  matMenuItem: MatMenuItem\n  ) {\n    super();\n    // Material buttons and menu items don't respond to the disabled binding so we\n    // need to inject them from our host element and handle them manually.\n    this.matControl = matButton || matMenuItem;\n  }\n\n  ngOnInit(): void {\n    assert.notNil(this.pectinCommand);\n    if (this.pectinCommand instanceof UnaryCommand) {\n      if (!this._commandParameterProvided) {\n        lang.illegalState('UnaryCommands require the command parameter to be specified.');\n      }\n    } else {\n      if (this._commandParameterProvided) {\n        lang.illegalState('command parameters are only supported by UnaryCommands');\n      }\n    }\n  }\n\n  ngAfterViewInit(): void {\n    const { when } = Dsl.disposeWith(this);\n    when(this._commandEnabled).changes(enabled => this.updateEnabledState(enabled), {\n      initialValue: 'triggerChange'\n    });\n  }\n\n  updateEnabledState(enabled: boolean) {\n    // for some reason mat-buttons kills the disabled host binding.  It works on a regular button but for now\n    // we need to do this. The set timeout is required to prevent the button getting a expression changed\n    // when it's clicked.\n    if (this.matControl) {\n      setTimeout(() => {\n        this.matControl.disabled = !enabled;\n      }, 0);\n    }\n    if (!enabled) {\n      // Note:\n      // We can't use a host binding here for disabled as the directive can be used on arbitrary\n      // components (e.g. divs) and the compiler will barf if we use the host binding.\n      this.elementRef.nativeElement.setAttribute('disabled', 'disabled');\n      if (this.elementRef.nativeElement.tagName === 'A') {\n        this.elementRef.nativeElement.removeAttribute('href');\n      }\n    } else {\n      this.elementRef.nativeElement.removeAttribute('disabled');\n      if (this.elementRef.nativeElement.tagName === 'A') {\n        this.elementRef.nativeElement.setAttribute('href', 'javascript:void');\n      }\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.dispose();\n  }\n\n\n  @HostListener('click', ['$event'])\n  notifyClick($event: Event) {\n    $event.preventDefault();\n    $event.stopPropagation();\n    if (this.pectinCommand.enabled.value) {\n      if (this.pectinCommand instanceof UnaryCommand) {\n        this.pectinCommand.withContext({ event: $event }).execute(this.commandParameter);\n      } else {\n        this.pectinCommand.withContext({ event: $event }).execute();\n      }\n    } else {\n      console.warn('disabled command clicked, ignoring.');\n    }\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"directives.module.ngfactory.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/directives/directives.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './directives.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/forms';\nimport * as i4 from '@angular/cdk/text-field';\nimport * as i5 from '@angular/cdk/bidi';\nimport * as i6 from '@angular/material/form-field';\nimport * as i7 from '@angular/material/input';\nimport * as i8 from '@angular/cdk/scrolling';\nimport * as i9 from '@angular/material/core';\nimport * as i10 from '@angular/material/select';\nimport * as i11 from '@angular/material/tabs';\nimport * as i12 from './command.directive';\nimport * as i13 from './focus-binding.directive';\nimport * as i14 from './highlight-text-model.directive';\nimport * as i15 from './highlight.pipe';\nimport * as i16 from '@angular/platform-browser/animations';\nexport const DirectivesModuleNgFactory:i0.NgModuleFactory<i1.DirectivesModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.ɵangular_packages_forms_forms_bc = (<any>(null as any));\nvar _decl0_12:i3.NgSelectOption = (<any>(null as any));\nvar _decl0_13:i3.ɵangular_packages_forms_forms_bb = (<any>(null as any));\nvar _decl0_14:i3.DefaultValueAccessor = (<any>(null as any));\nvar _decl0_15:i3.NumberValueAccessor = (<any>(null as any));\nvar _decl0_16:i3.RangeValueAccessor = (<any>(null as any));\nvar _decl0_17:i3.CheckboxControlValueAccessor = (<any>(null as any));\nvar _decl0_18:i3.SelectControlValueAccessor = (<any>(null as any));\nvar _decl0_19:i3.SelectMultipleControlValueAccessor = (<any>(null as any));\nvar _decl0_20:i3.RadioControlValueAccessor = (<any>(null as any));\nvar _decl0_21:i3.NgControlStatus = (<any>(null as any));\nvar _decl0_22:i3.NgControlStatusGroup = (<any>(null as any));\nvar _decl0_23:i3.RequiredValidator = (<any>(null as any));\nvar _decl0_24:i3.MinLengthValidator = (<any>(null as any));\nvar _decl0_25:i3.MaxLengthValidator = (<any>(null as any));\nvar _decl0_26:i3.PatternValidator = (<any>(null as any));\nvar _decl0_27:i3.CheckboxRequiredValidator = (<any>(null as any));\nvar _decl0_28:i3.EmailValidator = (<any>(null as any));\nvar _decl0_29:i3.MinValidator = (<any>(null as any));\nvar _decl0_30:i3.MaxValidator = (<any>(null as any));\nvar _decl0_31:i3.NgModel = (<any>(null as any));\nvar _decl0_32:i3.NgModelGroup = (<any>(null as any));\nvar _decl0_33:i3.NgForm = (<any>(null as any));\nvar _decl0_34:i4.CdkAutofill = (<any>(null as any));\nvar _decl0_35:i4.CdkTextareaAutosize = (<any>(null as any));\nvar _decl0_36:i5.Dir = (<any>(null as any));\nvar _decl0_37:i6.MatError = (<any>(null as any));\nvar _decl0_38:i6.MatFormField = (<any>(null as any));\nvar _decl0_39:i6.MatHint = (<any>(null as any));\nvar _decl0_40:i6.MatLabel = (<any>(null as any));\nvar _decl0_41:i6.MatPlaceholder = (<any>(null as any));\nvar _decl0_42:i6.MatPrefix = (<any>(null as any));\nvar _decl0_43:i6.MatSuffix = (<any>(null as any));\nvar _decl0_44:i7.MatInput = (<any>(null as any));\nvar _decl0_45:i7.MatTextareaAutosize = (<any>(null as any));\nvar _decl0_46:i8.CdkScrollable = (<any>(null as any));\nvar _decl0_47:i9.MatOption = (<any>(null as any));\nvar _decl0_48:i9.MatOptgroup = (<any>(null as any));\nvar _decl0_49:i10.MatSelect = (<any>(null as any));\nvar _decl0_50:i10.MatSelectTrigger = (<any>(null as any));\nvar _decl0_51:i11.MatTabGroup = (<any>(null as any));\nvar _decl0_52:i11.MatTabLabel = (<any>(null as any));\nvar _decl0_53:i11.MatTab = (<any>(null as any));\nvar _decl0_54:i11.MatTabNav = (<any>(null as any));\nvar _decl0_55:i11.MatTabLink = (<any>(null as any));\nvar _decl0_56:i11.MatTabContent = (<any>(null as any));\nvar _decl0_57:i12.CommandDirective<any> = (<any>(null as any));\nvar _decl0_58:i13.FocusBindingDirective = (<any>(null as any));\nvar _decl0_59:i14.HighlightTextModelDirective = (<any>(null as any));\nvar _decl0_60:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_61:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_62:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_63:i2.JsonPipe = (<any>(null as any));\nvar _decl0_64:i2.SlicePipe = (<any>(null as any));\nvar _decl0_65:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_66:i2.PercentPipe = (<any>(null as any));\nvar _decl0_67:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_68:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_69:i2.DatePipe = (<any>(null as any));\nvar _decl0_70:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_71:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_72:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_74:i15.HighlightPipe = (<any>(null as any));\nvar _decl0_75:i2.CommonModule = (<any>(null as any));\nvar _decl0_76:i16.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_77:i3.FormsModule = (<any>(null as any));\nvar _decl0_78:i7.MatInputModule = (<any>(null as any));\nvar _decl0_79:i6.MatFormFieldModule = (<any>(null as any));\nvar _decl0_80:i10.MatSelectModule = (<any>(null as any));\nvar _decl0_81:i11.MatTabsModule = (<any>(null as any));\nvar _decl0_82:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_83:i0.ElementRef<any> = (<any>(null as any));\n"]}
+{"version":3,"file":"directives.module.ngfactory.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/directives/directives.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './directives.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/forms';\nimport * as i4 from '@angular/cdk/text-field';\nimport * as i5 from '@angular/cdk/bidi';\nimport * as i6 from '@angular/material/form-field';\nimport * as i7 from '@angular/material/input';\nimport * as i8 from '@angular/cdk/scrolling';\nimport * as i9 from '@angular/material/core';\nimport * as i10 from '@angular/material/select';\nimport * as i11 from '@angular/material/tabs';\nimport * as i12 from './command.directive';\nimport * as i13 from './focus-binding.directive';\nimport * as i14 from './highlight-text-model.directive';\nimport * as i15 from './highlight.pipe';\nimport * as i16 from '@angular/platform-browser/animations';\nexport const DirectivesModuleNgFactory:i0.NgModuleFactory<i1.DirectivesModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.ɵangular_packages_forms_forms_bb = (<any>(null as any));\nvar _decl0_12:i3.NgSelectOption = (<any>(null as any));\nvar _decl0_13:i3.ɵangular_packages_forms_forms_ba = (<any>(null as any));\nvar _decl0_14:i3.DefaultValueAccessor = (<any>(null as any));\nvar _decl0_15:i3.NumberValueAccessor = (<any>(null as any));\nvar _decl0_16:i3.RangeValueAccessor = (<any>(null as any));\nvar _decl0_17:i3.CheckboxControlValueAccessor = (<any>(null as any));\nvar _decl0_18:i3.SelectControlValueAccessor = (<any>(null as any));\nvar _decl0_19:i3.SelectMultipleControlValueAccessor = (<any>(null as any));\nvar _decl0_20:i3.RadioControlValueAccessor = (<any>(null as any));\nvar _decl0_21:i3.NgControlStatus = (<any>(null as any));\nvar _decl0_22:i3.NgControlStatusGroup = (<any>(null as any));\nvar _decl0_23:i3.RequiredValidator = (<any>(null as any));\nvar _decl0_24:i3.MinLengthValidator = (<any>(null as any));\nvar _decl0_25:i3.MaxLengthValidator = (<any>(null as any));\nvar _decl0_26:i3.PatternValidator = (<any>(null as any));\nvar _decl0_27:i3.CheckboxRequiredValidator = (<any>(null as any));\nvar _decl0_28:i3.EmailValidator = (<any>(null as any));\nvar _decl0_29:i3.MinValidator = (<any>(null as any));\nvar _decl0_30:i3.MaxValidator = (<any>(null as any));\nvar _decl0_31:i3.NgModel = (<any>(null as any));\nvar _decl0_32:i3.NgModelGroup = (<any>(null as any));\nvar _decl0_33:i3.NgForm = (<any>(null as any));\nvar _decl0_34:i4.CdkAutofill = (<any>(null as any));\nvar _decl0_35:i4.CdkTextareaAutosize = (<any>(null as any));\nvar _decl0_36:i5.Dir = (<any>(null as any));\nvar _decl0_37:i6.MatError = (<any>(null as any));\nvar _decl0_38:i6.MatFormField = (<any>(null as any));\nvar _decl0_39:i6.MatHint = (<any>(null as any));\nvar _decl0_40:i6.MatLabel = (<any>(null as any));\nvar _decl0_41:i6.MatPlaceholder = (<any>(null as any));\nvar _decl0_42:i6.MatPrefix = (<any>(null as any));\nvar _decl0_43:i6.MatSuffix = (<any>(null as any));\nvar _decl0_44:i7.MatInput = (<any>(null as any));\nvar _decl0_45:i7.MatTextareaAutosize = (<any>(null as any));\nvar _decl0_46:i8.CdkScrollable = (<any>(null as any));\nvar _decl0_47:i9.MatOption = (<any>(null as any));\nvar _decl0_48:i9.MatOptgroup = (<any>(null as any));\nvar _decl0_49:i10.MatSelect = (<any>(null as any));\nvar _decl0_50:i10.MatSelectTrigger = (<any>(null as any));\nvar _decl0_51:i11.MatTabGroup = (<any>(null as any));\nvar _decl0_52:i11.MatTabLabel = (<any>(null as any));\nvar _decl0_53:i11.MatTab = (<any>(null as any));\nvar _decl0_54:i11.MatTabNav = (<any>(null as any));\nvar _decl0_55:i11.MatTabLink = (<any>(null as any));\nvar _decl0_56:i11.MatTabContent = (<any>(null as any));\nvar _decl0_57:i12.CommandDirective<any> = (<any>(null as any));\nvar _decl0_58:i13.FocusBindingDirective = (<any>(null as any));\nvar _decl0_59:i14.HighlightTextModelDirective = (<any>(null as any));\nvar _decl0_60:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_61:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_62:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_63:i2.JsonPipe = (<any>(null as any));\nvar _decl0_64:i2.SlicePipe = (<any>(null as any));\nvar _decl0_65:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_66:i2.PercentPipe = (<any>(null as any));\nvar _decl0_67:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_68:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_69:i2.DatePipe = (<any>(null as any));\nvar _decl0_70:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_71:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_72:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_74:i15.HighlightPipe = (<any>(null as any));\nvar _decl0_75:i2.CommonModule = (<any>(null as any));\nvar _decl0_76:i16.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_77:i3.FormsModule = (<any>(null as any));\nvar _decl0_78:i7.MatInputModule = (<any>(null as any));\nvar _decl0_79:i6.MatFormFieldModule = (<any>(null as any));\nvar _decl0_80:i10.MatSelectModule = (<any>(null as any));\nvar _decl0_81:i11.MatTabsModule = (<any>(null as any));\nvar _decl0_82:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_83:i0.ElementRef<any> = (<any>(null as any));\n"]}

package/esm2015/lib/interaction/activity.js

@@ -8,7 +8,7 @@ export const ACTIVITY_DATA = new InjectionToken('InteractionActivityData');
 export class Activity extends DisposableComponent {
     constructor() {
         super();
-        this._busyModel = this.registerDisposable(new DelegatingValueModel().withDefault(false));
+        this._busyModel = new DelegatingValueModel().withDefault(false);
         this._focusedModel = this.registerDisposable(new DelegatingValueModel());
         this.class = 'aup-activity';
     }

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

@@ -1 +1 @@
-{"version":3,"file":"activity.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/interaction/activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAiB,SAAS,EAAc,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAE,GAAG,EAAS,aAAa,EAAc,MAAM,gBAAgB,CAAC;AACtG,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AAGpG,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,cAAc,CAAM,yBAAyB,CAAC,CAAC;AAKhF,MAAM,OAAO,QAAwB,SAAQ,mBAAmB;IAyB9D;QACE,KAAK,EAAE,CAAC;QAxBO,eAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,oBAAoB,EAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;QACtG,kBAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,oBAAoB,EAAW,CAAC,CAAC;QAe/D,UAAK,GAAG,cAAc,CAAC;IAS7C,CAAC;IAPD,IACI,SAAS;QACX,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;IAClC,CAAC;IAMD,UAAU,CAAC,wBAA4C,EAAE,eAAuC;QAC9F,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC9C,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACpC,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAG,wBAAwB,CAAC;QACpD,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACxD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE;YAC1C,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,eAAe;;QACb,MAAA,IAAI,CAAC,eAAe,0CAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,IAAI,kBAAkB;QACpB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC,mBAAmB,CAAC;IAClC,CAAC;IAED,IAAI,CAAC,MAAU;QACb,OAAO,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM,CAAC,KAAS;QACd,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,WAAW;IACX,eAAe;IACf,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;IAClC,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;IACrC,CAAC;IAED,SAAS,CAAC,SAA8B;QACtC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,aAAa;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;;;YAlFF,SAAS,SAAC;gBACT,QAAQ,EAAE,EAAE;aACb;;;;8BAOE,SAAS,SAAC,wBAAwB;oBAYlC,WAAW,SAAC,OAAO;wBAEnB,WAAW,SAAC,cAAc;;AAV3B;IADC,aAAa,EAAE;8BACO,OAAO;gDAAU;AAGxC;IADC,aAAa,EAAE;8BACM,OAAO;+CAAU","sourcesContent":["import { AfterViewInit, Component, forwardRef, HostBinding, InjectionToken, ViewChild } from '@angular/core';\nimport { Command, DelegatingValueModel, Dsl, Trace, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { assert } from '@coolon/typescript-utilities';\nimport { DisposableComponent } from '../components/disposable-component';\nimport { ActivityActionsComponent } from './components/activity-actions/activity-actions.component';\nimport { InteractionContext } from './interaction-context';\n\nexport const ACTIVITY_DATA = new InjectionToken<any>('InteractionActivityData');\n\n@Component({\n  template: ''\n})\nexport class Activity<D, R, E = any> extends DisposableComponent implements AfterViewInit {\n\n  private readonly _busyModel = this.registerDisposable(new DelegatingValueModel<boolean>().withDefault(false));\n  private _focusedModel = this.registerDisposable(new DelegatingValueModel<boolean>());\n  private _activityContext: Activity.Context<R, E>;\n\n  @ViewChild(ActivityActionsComponent)\n  protected activityActions: ActivityActionsComponent;\n\n  @TrackExternal()\n  public confirmCommand: Command<unknown>;\n\n  @TrackExternal()\n  public cancelCommand: Command<unknown>;\n\n  // @Trace()\n  private _interactionContext: InteractionContext;\n\n  @HostBinding('class') class = 'aup-activity';\n\n  @HostBinding('attr.focused')\n  get isFocused() {\n    return this._focusedModel.value;\n  }\n\n  constructor() {\n    super();\n  }\n\n  initialise(nestedInteractionContext: InteractionContext, activityContext: Activity.Context<R, E>): void {\n    const { chain, when } = Dsl.disposeWith(this);\n    assert.isNil(this._activityContext);\n    this._activityContext = activityContext;\n    this._interactionContext = nestedInteractionContext;\n    this._focusedModel.setDelegate(activityContext.focused);\n    when(this._focusedModel).becomesTruthy(() => {\n      this.onActivityReady();\n    });\n  }\n\n  ngAfterViewInit() {\n    this.activityActions?.initCommands(this);\n  }\n\n  get interactionContext() {\n    assert.isTruthy(this.isInitialised());\n    return this._interactionContext;\n  }\n\n  done(result?: R): void {\n    return this._activityContext.onDone(result);\n  }\n\n  cancel(error?: E): void {\n    this._activityContext.onCancel(error);\n  }\n\n  // @Trace()\n  onActivityReady() {\n  }\n\n  get busy(): ValueModel<boolean> {\n    return this._busyModel.readonly;\n  }\n\n  get focused(): ValueModel<boolean> {\n    return this._focusedModel.readonly;\n  }\n\n  busyWhile(busyModel: ValueModel<boolean>) {\n    this._busyModel.setDelegate(busyModel);\n  }\n\n  isBusy() {\n    return this._busyModel.value;\n  }\n\n  isInitialised() {\n    return !!this._activityContext;\n  }\n}\n\nexport namespace Activity {\n\n  export interface Context<R, E> {\n    onDone: (result: R) => void,\n    onCancel: (error: E) => void,\n    focused: ValueModel<boolean>\n  }\n}\n"]}
+{"version":3,"file":"activity.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/interaction/activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAiB,SAAS,EAAc,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAE,GAAG,EAAS,aAAa,EAAc,MAAM,gBAAgB,CAAC;AACtG,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AAGpG,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,cAAc,CAAM,yBAAyB,CAAC,CAAC;AAKhF,MAAM,OAAO,QAAwB,SAAQ,mBAAmB;IAyB9D;QACE,KAAK,EAAE,CAAC;QAxBO,eAAU,GAAG,IAAI,oBAAoB,EAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC7E,kBAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,oBAAoB,EAAW,CAAC,CAAC;QAe/D,UAAK,GAAG,cAAc,CAAC;IAS7C,CAAC;IAPD,IACI,SAAS;QACX,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;IAClC,CAAC;IAMD,UAAU,CAAC,wBAA4C,EAAE,eAAuC;QAC9F,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC9C,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACpC,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAG,wBAAwB,CAAC;QACpD,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACxD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE;YAC1C,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,eAAe;;QACb,MAAA,IAAI,CAAC,eAAe,0CAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,IAAI,kBAAkB;QACpB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC,mBAAmB,CAAC;IAClC,CAAC;IAED,IAAI,CAAC,MAAU;QACb,OAAO,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM,CAAC,KAAS;QACd,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,WAAW;IACX,eAAe;IACf,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;IAClC,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;IACrC,CAAC;IAED,SAAS,CAAC,SAA8B;QACtC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,aAAa;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;;;YAlFF,SAAS,SAAC;gBACT,QAAQ,EAAE,EAAE;aACb;;;;8BAOE,SAAS,SAAC,wBAAwB;oBAYlC,WAAW,SAAC,OAAO;wBAEnB,WAAW,SAAC,cAAc;;AAV3B;IADC,aAAa,EAAE;8BACO,OAAO;gDAAU;AAGxC;IADC,aAAa,EAAE;8BACM,OAAO;+CAAU","sourcesContent":["import { AfterViewInit, Component, forwardRef, HostBinding, InjectionToken, ViewChild } from '@angular/core';\nimport { Command, DelegatingValueModel, Dsl, Trace, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { assert } from '@coolon/typescript-utilities';\nimport { DisposableComponent } from '../components/disposable-component';\nimport { ActivityActionsComponent } from './components/activity-actions/activity-actions.component';\nimport { InteractionContext } from './interaction-context';\n\nexport const ACTIVITY_DATA = new InjectionToken<any>('InteractionActivityData');\n\n@Component({\n  template: ''\n})\nexport class Activity<D, R, E = any> extends DisposableComponent implements AfterViewInit {\n\n  private readonly _busyModel = new DelegatingValueModel<boolean>().withDefault(false);\n  private _focusedModel = this.registerDisposable(new DelegatingValueModel<boolean>());\n  private _activityContext: Activity.Context<R, E>;\n\n  @ViewChild(ActivityActionsComponent)\n  protected activityActions: ActivityActionsComponent;\n\n  @TrackExternal()\n  public confirmCommand: Command<unknown>;\n\n  @TrackExternal()\n  public cancelCommand: Command<unknown>;\n\n  // @Trace()\n  private _interactionContext: InteractionContext;\n\n  @HostBinding('class') class = 'aup-activity';\n\n  @HostBinding('attr.focused')\n  get isFocused() {\n    return this._focusedModel.value;\n  }\n\n  constructor() {\n    super();\n  }\n\n  initialise(nestedInteractionContext: InteractionContext, activityContext: Activity.Context<R, E>): void {\n    const { chain, when } = Dsl.disposeWith(this);\n    assert.isNil(this._activityContext);\n    this._activityContext = activityContext;\n    this._interactionContext = nestedInteractionContext;\n    this._focusedModel.setDelegate(activityContext.focused);\n    when(this._focusedModel).becomesTruthy(() => {\n      this.onActivityReady();\n    });\n  }\n\n  ngAfterViewInit() {\n    this.activityActions?.initCommands(this);\n  }\n\n  get interactionContext() {\n    assert.isTruthy(this.isInitialised());\n    return this._interactionContext;\n  }\n\n  done(result?: R): void {\n    return this._activityContext.onDone(result);\n  }\n\n  cancel(error?: E): void {\n    this._activityContext.onCancel(error);\n  }\n\n  // @Trace()\n  onActivityReady() {\n  }\n\n  get busy(): ValueModel<boolean> {\n    return this._busyModel.readonly;\n  }\n\n  get focused(): ValueModel<boolean> {\n    return this._focusedModel.readonly;\n  }\n\n  busyWhile(busyModel: ValueModel<boolean>) {\n    this._busyModel.setDelegate(busyModel);\n  }\n\n  isBusy() {\n    return this._busyModel.value;\n  }\n\n  isInitialised() {\n    return !!this._activityContext;\n  }\n}\n\nexport namespace Activity {\n\n  export interface Context<R, E> {\n    onDone: (result: R) => void,\n    onCancel: (error: E) => void,\n    focused: ValueModel<boolean>\n  }\n}\n"]}

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

@@ -1,7 +1,6 @@
 import { __decorate, __metadata } from "tslib";
 import { ChangeDetectorRef, Component, HostBinding, Input } from '@angular/core';
 import { Command, TrackExternal } from '@coolon/pectin';
-import { Enum } from 'typescript-string-enums';
 import { CommandFace } from '../../../components/commands/command-face';
 import { DisposableComponent } from '../../../components/disposable-component';
 /**
@@ -29,8 +28,7 @@ export class ActivityActionsComponent extends DisposableComponent {
     constructor(cdr) {
         super();
         this.cdr = cdr;
-        this.layout = ActivityActionsComponent.Layout.BLOCK;
-        this.align = ActivityActionsComponent.Align.STRETCH;
+        this.align = 'stretch';
     }
     set faces(faces) {
         this.confirmFace = faces.confirm;
@@ -42,6 +40,12 @@ export class ActivityActionsComponent extends DisposableComponent {
     set style(style) {
         this.faces = style;
     }
+    get alignEnd() {
+        return this.align === 'end';
+    }
+    get alignStretch() {
+        return this.align === 'stretch';
+    }
     ngOnInit() {
     }
     hasConfirmFace() {
@@ -60,7 +64,7 @@ ActivityActionsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-activity-actions',
                 template: "<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"hasConfirmFace()\">\n  <aup-command class=\"confirm\" [command]=\"confirmCommand\" [face]=\"confirmFace\" data-cy=\"confirm-command\"></aup-command>\n</ng-container>\n<ng-container *ngIf=\"hasCancelFace()\">\n  <aup-command class=\"cancel\" [command]=\"cancelCommand\" [face]=\"cancelFace\" data-cy=\"cancel-command\"></aup-command>\n</ng-container>\n",
-                styles: [":host{display:grid;grid-template-rows:auto;align-items:center;justify-content:end;--resolved-activity-actions-gap: var(--activity-actions-gap, 8px)}:host[layout=block][align=start]{grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr}:host[layout=block][align=start] .confirm{margin-left:var(--resolved-activity-actions-gap)}:host[layout=block][align=end]{grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host[layout=block][align=end] .confirm{margin-left:var(--resolved-activity-actions-gap)}:host[layout=block][align=stretch]{grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}:host[layout=inline]{grid-template-areas:\"confirm cancel content\";grid-template-columns:auto auto 1fr}:host[layout=inline] .cancel{margin-left:var(--resolved-activity-actions-gap)}.cancel{grid-area:cancel}.confirm{grid-area:confirm}.content{grid-area:content;text-align:left}\n"]
+                styles: [":host{display:grid;grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr;grid-template-rows:auto;align-items:center;justify-content:end}:host.align-end{grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host.align-stretch{grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}.cancel{grid-area:cancel}.confirm{grid-area:confirm}.content{grid-area:content;text-align:left}"]
             },] }
 ];
 ActivityActionsComponent.ctorParameters = () => [
@@ -73,8 +77,9 @@ ActivityActionsComponent.propDecorators = {
     confirmFace: [{ type: Input }],
     cancelFace: [{ type: Input }],
     style: [{ type: Input }],
-    layout: [{ type: Input }, { type: HostBinding, args: ['attr.layout',] }],
-    align: [{ type: Input }, { type: HostBinding, args: ['attr.align',] }]
+    align: [{ type: Input }],
+    alignEnd: [{ type: HostBinding, args: ['class.align-end',] }],
+    alignStretch: [{ type: HostBinding, args: ['class.align-stretch',] }]
 };
 __decorate([
     TrackExternal(),
@@ -84,15 +89,4 @@ __decorate([
     TrackExternal(),
     __metadata("design:type", Command)
 ], ActivityActionsComponent.prototype, "cancelCommand", void 0);
-(function (ActivityActionsComponent) {
-    ActivityActionsComponent.Layout = Enum({
-        INLINE: 'inline',
-        BLOCK: 'block'
-    });
-    ActivityActionsComponent.Align = Enum({
-        START: 'start',
-        END: 'end',
-        STRETCH: 'stretch'
-    });
-})(ActivityActionsComponent || (ActivityActionsComponent = {}));
 //# sourceMappingURL=activity-actions.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"activity-actions.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-actions/activity-actions.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E;;;;;;;;;;;;;;;;;;;;GAoBG;AAMH,MAAM,OAAO,wBAAyB,SAAQ,mBAAmB;IA6C/D,YAA6B,GAAsB;QACjD,KAAK,EAAE,CAAC;QADmB,QAAG,GAAH,GAAG,CAAmB;QAPnD,WAAM,GAAoC,wBAAwB,CAAC,MAAM,CAAC,KAAK,CAAC;QAIhF,UAAK,GAAmC,wBAAwB,CAAC,KAAK,CAAC,OAAO,CAAC;IAK/E,CAAC;IA/BD,IACI,KAAK,CAAC,KAAqC;QAC7C,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;IACjC,CAAC;IAQD;;OAEG;IACH,IACI,KAAK,CAAC,KAAqC;QAC7C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAeD,QAAQ;IACR,CAAC;IAED,cAAc;QACZ,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAED,aAAa;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,YAAY,CAAC,QAA+E;QAC1F,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC;QAC9C,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;QAC5C,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;;;YArEF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,+bAAgD;;aAEjD;;;YA/BQ,iBAAiB;;;6BAqCvB,KAAK;4BAOL,KAAK;oBAIL,KAAK;0BAML,KAAK;yBAGL,KAAK;oBAML,KAAK;qBAKL,KAAK,YACL,WAAW,SAAC,aAAa;oBAGzB,KAAK,YACL,WAAW,SAAC,YAAY;;AAlCzB;IADC,aAAa,EAAE;8BACA,OAAO;gEAAM;AAO7B;IADC,aAAa,EAAE;8BACD,OAAO;+DAAM;AAsD9B,WAAiB,wBAAwB;IAE1B,+BAAM,GAAG,IAAI,CAAC;QACzB,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,OAAO;KACf,CAAC,CAAC;IAGU,8BAAK,GAAG,IAAI,CAAC;QACxB,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,KAAK;QACV,OAAO,EAAE,SAAS;KACnB,CAAC,CAAC;AAQL,CAAC,EApBgB,wBAAwB,KAAxB,wBAAwB,QAoBxC","sourcesContent":["import { ChangeDetectorRef, Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { Command, TrackExternal } from '@coolon/pectin';\nimport { Enum } from 'typescript-string-enums';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { DisposableComponent } from '../../../components/disposable-component';\n\n/**\n * @example\n * <aup-activity-actions [confirmFace]=\"saveFace\" [cancelFace]=\"cancelFace\">\n * </aup-activity-actions>\n *\n *  <aup-activity-actions [faces]=\"{confirm: saveFace, cancel: cancelFace}\">\n *  </aup-activity-actions>\n *\n * // Running `ng g @coolon/angular-ui-powerups:aup-i18n` will install default\n * // style definitions\n * <aup-activity-actions [faces]=\"I18n.aup.components.activityActions.styles.okCancelIcons\">\n * </aup-activity-actions>\n *\n * // you can also add additional content that will be displayed along with the buttons.\n * // The location of the content depends on the alignment attribute.\n * <aup-activity-actions\n *     align=\"stretch\"\n *     [faces]=\"I18n.aup.components.activityActions.styles.okCancelIcons\">\n *     <span>This content will be between the two commands</span>\n * </aup-activity-actions>\n */\n@Component({\n  selector: 'aup-activity-actions',\n  templateUrl: './activity-actions.component.html',\n  styleUrls: ['./activity-actions.component.scss']\n})\nexport class ActivityActionsComponent extends DisposableComponent implements OnInit {\n\n  /**\n   * @deprecated activity actions now use the confirm command of the activity automatically\n   */\n  @Input()\n  @TrackExternal()\n  confirmCommand: Command<any>;\n\n  /**\n   * @deprecated activity actions now use the cancel command of the activity automatically\n   */\n  @Input()\n  @TrackExternal()\n  cancelCommand: Command<any>;\n\n  @Input()\n  set faces(faces: ActivityActionsComponent.Style) {\n    this.confirmFace = faces.confirm;\n    this.cancelFace = faces.cancel;\n  }\n\n  @Input()\n  confirmFace: CommandFace;\n\n  @Input()\n  cancelFace: CommandFace;\n\n  /**\n   * @deprecated use #faces instead.\n   */\n  @Input()\n  set style(style: ActivityActionsComponent.Style) {\n    this.faces = style;\n  }\n\n  @Input()\n  @HostBinding('attr.layout')\n  layout: ActivityActionsComponent.Layout = ActivityActionsComponent.Layout.BLOCK;\n\n  @Input()\n  @HostBinding('attr.align')\n  align: ActivityActionsComponent.Align = ActivityActionsComponent.Align.STRETCH;\n\n\n  constructor(private readonly cdr: ChangeDetectorRef) {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n  hasConfirmFace() {\n    return !!this.confirmFace;\n  }\n\n  hasCancelFace() {\n    return !!this.cancelFace;\n  }\n\n  initCommands(activity: { confirmCommand: Command<unknown>, cancelCommand: Command<unknown> }) {\n    this.confirmCommand = activity.confirmCommand;\n    this.cancelCommand = activity.cancelCommand;\n    this.cdr.detectChanges();\n  }\n\n}\n\nexport namespace ActivityActionsComponent {\n\n  export const Layout = Enum({\n    INLINE: 'inline',\n    BLOCK: 'block'\n  });\n  export type Layout = Enum<typeof Layout>;\n\n  export const Align = Enum({\n    START: 'start',\n    END: 'end',\n    STRETCH: 'stretch'\n  });\n  export type Align = Enum<typeof Align>;\n\n  export interface Style {\n    confirm: CommandFace;\n    cancel: CommandFace;\n  }\n\n}\n"]}
+{"version":3,"file":"activity-actions.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-actions/activity-actions.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,OAAO,EAAS,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E;;;;;;;;;;;;;;;;;;;;GAoBG;AAMH,MAAM,OAAO,wBAAyB,SAAQ,mBAAmB;IAiD/D,YAA6B,GAAsB;QACjD,KAAK,EAAE,CAAC;QADmB,QAAG,GAAH,GAAG,CAAmB;QAZnD,UAAK,GAAgC,SAAS,CAAC;IAc/C,CAAC;IAnCD,IACI,KAAK,CAAC,KAAqC;QAC7C,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;IACjC,CAAC;IAQD;;OAEG;IACH,IACI,KAAK,CAAC,KAAqC;QAC7C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAKD,IACI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;IAC9B,CAAC;IAED,IACI,YAAY;QACd,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC;IAClC,CAAC;IAMD,QAAQ;IACR,CAAC;IAED,cAAc;QACZ,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAED,aAAa;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,YAAY,CAAC,QAA+E;QAC1F,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC;QAC9C,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;QAC5C,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;;;YAzEF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,+bAAgD;;aAEjD;;;YA9BQ,iBAAiB;;;6BAoCvB,KAAK;4BAOL,KAAK;oBAIL,KAAK;0BAML,KAAK;yBAGL,KAAK;oBAML,KAAK;oBAKL,KAAK;uBAGL,WAAW,SAAC,iBAAiB;2BAK7B,WAAW,SAAC,qBAAqB;;AArClC;IADC,aAAa,EAAE;8BACA,OAAO;gEAAM;AAO7B;IADC,aAAa,EAAE;8BACD,OAAO;+DAAM","sourcesContent":["import { ChangeDetectorRef, Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { Command, Trace, TrackExternal } from '@coolon/pectin';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { DisposableComponent } from '../../../components/disposable-component';\n\n/**\n * @example\n * <aup-activity-actions [confirmFace]=\"saveFace\" [cancelFace]=\"cancelFace\">\n * </aup-activity-actions>\n *\n *  <aup-activity-actions [faces]=\"{confirm: saveFace, cancel: cancelFace}\">\n *  </aup-activity-actions>\n *\n * // Running `ng g @coolon/angular-ui-powerups:aup-i18n` will install default\n * // style definitions\n * <aup-activity-actions [faces]=\"I18n.aup.components.activityActions.styles.okCancelIcons\">\n * </aup-activity-actions>\n *\n * // you can also add additional content that will be displayed along with the buttons.\n * // The location of the content depends on the alignment attribute.\n * <aup-activity-actions\n *     align=\"stretch\"\n *     [faces]=\"I18n.aup.components.activityActions.styles.okCancelIcons\">\n *     <span>This content will be between the two commands</span>\n * </aup-activity-actions>\n */\n@Component({\n  selector: 'aup-activity-actions',\n  templateUrl: './activity-actions.component.html',\n  styleUrls: ['./activity-actions.component.scss']\n})\nexport class ActivityActionsComponent extends DisposableComponent implements OnInit {\n\n  /**\n   * @deprecated activity actions now use the confirm command of the activity automatically\n   */\n  @Input()\n  @TrackExternal()\n  confirmCommand: Command<any>;\n\n  /**\n   * @deprecated activity actions now use the cancel command of the activity automatically\n   */\n  @Input()\n  @TrackExternal()\n  cancelCommand: Command<any>;\n\n  @Input()\n  set faces(faces: ActivityActionsComponent.Style) {\n    this.confirmFace = faces.confirm;\n    this.cancelFace = faces.cancel;\n  }\n\n  @Input()\n  confirmFace: CommandFace;\n\n  @Input()\n  cancelFace: CommandFace;\n\n  /**\n   * @deprecated use #faces instead.\n   */\n  @Input()\n  set style(style: ActivityActionsComponent.Style) {\n    this.faces = style;\n  }\n\n  @Input()\n  align: 'start' | 'end' | 'stretch' = 'stretch';\n\n  @HostBinding('class.align-end')\n  get alignEnd(): boolean {\n    return this.align === 'end';\n  }\n\n  @HostBinding('class.align-stretch')\n  get alignStretch(): boolean {\n    return this.align === 'stretch';\n  }\n\n  constructor(private readonly cdr: ChangeDetectorRef) {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n  hasConfirmFace() {\n    return !!this.confirmFace;\n  }\n\n  hasCancelFace() {\n    return !!this.cancelFace;\n  }\n\n  initCommands(activity: { confirmCommand: Command<unknown>, cancelCommand: Command<unknown> }) {\n    this.confirmCommand = activity.confirmCommand;\n    this.cancelCommand = activity.cancelCommand;\n    this.cdr.detectChanges();\n  }\n\n}\n\nexport namespace ActivityActionsComponent {\n  export interface Style {\n    confirm: CommandFace;\n    cancel: CommandFace;\n  }\n}\n"]}

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

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ActivityActionsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":32,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"aup-activity-actions","template":"<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"hasConfirmFace()\">\n  <aup-command class=\"confirm\" [command]=\"confirmCommand\" [face]=\"confirmFace\" data-cy=\"confirm-command\"></aup-command>\n</ng-container>\n<ng-container *ngIf=\"hasCancelFace()\">\n  <aup-command class=\"cancel\" [command]=\"cancelCommand\" [face]=\"cancelFace\" data-cy=\"cancel-command\"></aup-command>\n</ng-container>\n","styles":[":host{display:grid;grid-template-rows:auto;align-items:center;justify-content:end;--resolved-activity-actions-gap: var(--activity-actions-gap, 8px)}:host[layout=block][align=start]{grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr}:host[layout=block][align=start] .confirm{margin-left:var(--resolved-activity-actions-gap)}:host[layout=block][align=end]{grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host[layout=block][align=end] .confirm{margin-left:var(--resolved-activity-actions-gap)}:host[layout=block][align=stretch]{grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}:host[layout=inline]{grid-template-areas:\"confirm cancel content\";grid-template-columns:auto auto 1fr}:host[layout=inline] .cancel{margin-left:var(--resolved-activity-actions-gap)}.cancel{grid-area:cancel}.confirm{grid-area:confirm}.content{grid-area:content;text-align:left}\n"]}]}],"members":{"confirmCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":38,"character":3}}]}],"cancelCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":45,"character":3}}]}],"faces":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"confirmFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"cancelFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":69,"character":3},"arguments":["attr.layout"]}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":73,"character":3},"arguments":["attr.align"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":77,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"hasConfirmFace":[{"__symbolic":"method"}],"hasCancelFace":[{"__symbolic":"method"}],"initCommands":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ActivityActionsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":31,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"aup-activity-actions","template":"<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"hasConfirmFace()\">\n  <aup-command class=\"confirm\" [command]=\"confirmCommand\" [face]=\"confirmFace\" data-cy=\"confirm-command\"></aup-command>\n</ng-container>\n<ng-container *ngIf=\"hasCancelFace()\">\n  <aup-command class=\"cancel\" [command]=\"cancelCommand\" [face]=\"cancelFace\" data-cy=\"cancel-command\"></aup-command>\n</ng-container>\n","styles":[":host{display:grid;grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr;grid-template-rows:auto;align-items:center;justify-content:end}:host.align-end{grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host.align-stretch{grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}.cancel{grid-area:cancel}.confirm{grid-area:confirm}.content{grid-area:content;text-align:left}"]}]}],"members":{"confirmCommand":[{"__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}}]}],"cancelCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":44,"character":3}}]}],"faces":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"confirmFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"cancelFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"alignEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":70,"character":3},"arguments":["class.align-end"]}]}],"alignStretch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":75,"character":3},"arguments":["class.align-stretch"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":80,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"hasConfirmFace":[{"__symbolic":"method"}],"hasCancelFace":[{"__symbolic":"method"}],"initCommands":[{"__symbolic":"method"}]}}}}]

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

@@ -14,7 +14,7 @@ export class ActivityContainerComponent extends AbstractInteractionContext {
         this.activityRefs = [];
         this.garbage = new GarbageCollector();
         this.inAnimation = new MutableValueModel(false);
-        this.busy = this.registerDisposable(new DelegatingValueModel().withDefault(false));
+        this.busy = new DelegatingValueModel().withDefault(false);
         this.registerDisposable(this.busy);
     }
     ngOnInit() {
@@ -190,8 +190,8 @@ export class ActivityContainerComponent extends AbstractInteractionContext {
 ActivityContainerComponent.decorators = [
     { type: Component, args: [{
                 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"]
+                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}"]
             },] }
 ];
 ActivityContainerComponent.ctorParameters = () => [];

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 = 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"]}
+{"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"]}

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\" 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"}]}}}}]
+[{"__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"}]}}}}]

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}\n"]
+                styles: [":host{display:block}"]
             },] }
 ];
 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}\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"}]}}}}]
+[{"__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"}]}}}}]

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}\n"]
+                styles: [":host{display:block}"]
             },] }
 ];
 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}\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"}]}}}}]
+[{"__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"}]}}}}]

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

@@ -1,7 +1,6 @@
 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';
@@ -22,9 +21,6 @@ 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,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"]}
+{"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"]}

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":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"]}]}]}}}}]
+[{"__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"]}]}]}}}}]

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

@@ -5,19 +5,16 @@ 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}\n"]
+                styles: [":host{display:inline-block}"]
             },] }
 ];
 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;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"]}
+{"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"]}

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}\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"}]}}}}]
+[{"__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"}]}}}}]

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

@@ -4,17 +4,14 @@ import { AbstractActivityTriggerComponent } from '../abstract-activity-trigger.c
 export class ModalActivityTriggerComponent extends AbstractActivityTriggerComponent {
     constructor(interactionService) {
         super();
-        this._interactionContext = interactionService.createModalInteractionContextDisposedWith(this);
-    }
-    get interactionContext() {
-        return this._interactionContext;
+        this.interactionContext = interactionService.createModalInteractionContextDisposedWith(this);
     }
 }
 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}\n"]
+                styles: [":host{display:inline-block}"]
             },] }
 ];
 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;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"]}
+{"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"]}

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}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../services/interaction.service","name":"InteractionService","line":20,"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}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../services/interaction.service","name":"InteractionService","line":15,"character":34}]}]}}}}]