@coolon/angular-ui-powerups 1.7.0 → 1.8.0

package/esm2015/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.js

@@ -1,12 +1,23 @@
-import { __decorate, __metadata } from "tslib";
-import { Component, ViewChild } from '@angular/core';
+import { __decorate, __metadata, __param } from "tslib";
+import { Component, Inject, Input, Optional, ViewChild } from '@angular/core';
+import { MAT_TABS_CONFIG } from '@angular/material/tabs';
 import { DisposableComponent } from '../../../components/disposable-component';
 import { InteractionService } from '../../services/interaction.service';
 import { ActivityContainerComponent } from '../activity-container/activity-container.component';
 let InPlaceInteractionContextComponent = class InPlaceInteractionContextComponent extends DisposableComponent {
-    constructor(interactionService) {
+    constructor(interactionService, tabConfig) {
         super();
         this.interactionService = interactionService;
+        this.tabConfig = tabConfig;
+        /**
+         * If true then the first startActivity call will slide the activity into view. If false
+         * the activity will replace the existing content immediately.
+         */
+        this.animateFirstActivity = true;
+    }
+    get animationDuration() {
+        var _a;
+        return this.animateFirstActivity ? (((_a = this.tabConfig) === null || _a === void 0 ? void 0 : _a.animationDuration) || '500ms') : "0ms";
     }
     ngAfterViewInit() {
         this.interactionService.registerInplaceInteractionContext(this);
@@ -40,19 +51,25 @@ let InPlaceInteractionContextComponent = class InPlaceInteractionContextComponen
     }
 };
 InPlaceInteractionContextComponent.ctorParameters = () => [
-    { type: InteractionService }
+    { type: InteractionService },
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_TABS_CONFIG,] }, { type: Optional }] }
 ];
 __decorate([
     ViewChild('activityContainer', { static: true }),
     __metadata("design:type", ActivityContainerComponent)
 ], InPlaceInteractionContextComponent.prototype, "activityContainerComponent", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InPlaceInteractionContextComponent.prototype, "animateFirstActivity", void 0);
 InPlaceInteractionContextComponent = __decorate([
     Component({
         selector: 'aup-in-place-interaction-context',
-        template: "<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\">\n  <mat-tab>\n    <ng-content></ng-content>\n  </mat-tab>\n  <mat-tab>\n    <aup-activity-container #activityContainer [dynamicHeight]=\"false\"></aup-activity-container>\n  </mat-tab>\n</mat-tab-group>\n\n",
+        template: "<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\" [animationDuration]=\"animationDuration\">\n  <mat-tab>\n    <ng-content></ng-content>\n  </mat-tab>\n  <mat-tab>\n    <aup-activity-container #activityContainer [dynamicHeight]=\"false\"></aup-activity-container>\n  </mat-tab>\n</mat-tab-group>\n\n",
         styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
     }),
-    __metadata("design:paramtypes", [InteractionService])
+    __param(1, Inject(MAT_TABS_CONFIG)), __param(1, Optional()),
+    __metadata("design:paramtypes", [InteractionService, Object])
 ], InPlaceInteractionContextComponent);
 export { InPlaceInteractionContextComponent };
 //# sourceMappingURL=in-place-interaction-context.component.js.map

package/esm2015/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"in-place-interaction-context.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAiB,SAAS,EAAe,SAAS,EAAE,MAAM,eAAe,CAAC;AAEjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAK/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oDAAoD,CAAC;AAOhG,IAAa,kCAAkC,GAA/C,MAAa,kCAA4C,SAAQ,mBAAmB;IAKlF,YAAqB,kBAAsC;QACzD,KAAK,EAAE,CAAC;QADW,uBAAkB,GAAlB,kBAAkB,CAAoB;IAE3D,CAAC;IAED,eAAe;QACb,IAAI,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,IAAI,CAAC,CAAC;IAClE,CAAC;IAED,UAAU,CAAC,EAAU,EAAE,GAA2B;QAChD,IAAI,CAAC,0BAA0B,CAAC,UAAU,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;IACtD,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,0BAA0B,CAAC,UAAU,CAAC;IACpD,CAAC;IAED,KAAK,CAAC,KAAY;QAChB,OAAO,IAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,0BAA0B,CAAC,oBAAoB,EAAE,CAAC;IAChE,CAAC;IAED,OAAO,CAAC,OAAgB;QACtB,OAAO,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1D,CAAC;IAED,eAAe,CAAC,OAAgB;QAC9B,OAAO,IAAI,CAAC,0BAA0B,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC;IAED,WAAW,CAAa,OAAgB,EAAE,YAAiD,EAAE,IAAS;QACpG,OAAO,IAAI,CAAC,0BAA0B,CAAC,WAAW,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAC5E,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,0BAA0B,CAAC,QAAQ,EAAE,CAAC;IACpD,CAAC;IAED,aAAa,CAAa,YAAiD,EAAE,IAAS;QACpF,OAAO,IAAI,CAAC,0BAA0B,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAC3E,CAAC;CAGF,CAAA;;YA7C0C,kBAAkB;;AAF3D;IADC,SAAS,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;8BACrB,0BAA0B;sFAAgB;AAH3D,kCAAkC;IAL9C,SAAS,CAAC;QACT,QAAQ,EAAE,kCAAkC;QAC5C,0UAA4D;;KAE7D,CAAC;qCAMyC,kBAAkB;GALhD,kCAAkC,CAkD9C;SAlDY,kCAAkC","sourcesContent":["import { AfterViewInit, Component, HostBinding, ViewChild } from '@angular/core';\nimport { Constructable } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../components/disposable-component';\nimport { Activity } from '../../activity';\nimport { Alert } from '../../alert';\nimport { Confirm } from '../../confirm';\nimport { InteractionContext } from '../../interaction-context';\nimport { InteractionService } from '../../services/interaction.service';\nimport { ActivityContainerComponent } from '../activity-container/activity-container.component';\n\n@Component({\n  selector: 'aup-in-place-interaction-context',\n  templateUrl: './in-place-interaction-context.component.html',\n  styleUrls: ['./in-place-interaction-context.component.scss'],\n})\nexport class InPlaceInteractionContextComponent<D, R, E> extends DisposableComponent implements InteractionContext, AfterViewInit {\n\n  @ViewChild('activityContainer', { static: true })\n  activityContainerComponent: ActivityContainerComponent<any, any, any>;\n\n  constructor(readonly interactionService: InteractionService) {\n    super();\n  }\n\n  ngAfterViewInit(): void {\n    this.interactionService.registerInplaceInteractionContext(this);\n  }\n\n  initialise(id: string, api: InteractionService.Api) {\n    this.activityContainerComponent.initialise(id, api);\n  }\n\n  get identifier() {\n    return this.activityContainerComponent.identifier;\n  }\n\n  alert(alert: Alert): Promise<void> {\n    return this.activityContainerComponent.alert(alert);\n  }\n\n  cancelActiveActivity(): Promise<boolean> {\n    return this.activityContainerComponent.cancelActiveActivity();\n  }\n\n  confirm(confirm: Confirm): Promise<boolean> {\n    return this.activityContainerComponent.confirm(confirm);\n  }\n\n  confirmOrReject(confirm: Confirm): Promise<void> {\n    return this.activityContainerComponent.confirmOrReject(confirm);\n  }\n\n  confirmThen<D1, R1, E1>(confirm: Confirm, activityType: Constructable<Activity<D1, R1, E1>>, data?: D1): Promise<R1> {\n    return this.activityContainerComponent.confirmThen(confirm, activityType);\n  }\n\n  isActive(): boolean {\n    return this.activityContainerComponent.isActive();\n  }\n\n  startActivity<D1, R1, E1>(activityType: Constructable<Activity<D1, R1, E1>>, data?: D1): Promise<R1> {\n    return this.activityContainerComponent.startActivity(activityType, data);\n  }\n\n\n}\n"]}
+{"version":3,"file":"in-place-interaction-context.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAiB,SAAS,EAAe,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1G,OAAO,EAAE,eAAe,EAAiB,MAAM,wBAAwB,CAAC;AAExE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAK/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oDAAoD,CAAC;AAOhG,IAAa,kCAAkC,GAA/C,MAAa,kCAA4C,SAAQ,mBAAmB;IAgBlF,YAAqB,kBAAsC,EAAwD,SAAwB;QACzI,KAAK,EAAE,CAAC;QADW,uBAAkB,GAAlB,kBAAkB,CAAoB;QAAwD,cAAS,GAAT,SAAS,CAAe;QAX3I;;;WAGG;QAEH,yBAAoB,GAAG,IAAI,CAAC;IAQ5B,CAAC;IAND,IAAI,iBAAiB;;QACnB,OAAO,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,OAAA,IAAI,CAAC,SAAS,0CAAE,iBAAiB,KAAI,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5F,CAAC;IAMD,eAAe;QACb,IAAI,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,IAAI,CAAC,CAAC;IAClE,CAAC;IAED,UAAU,CAAC,EAAU,EAAE,GAA2B;QAChD,IAAI,CAAC,0BAA0B,CAAC,UAAU,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;IACtD,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,0BAA0B,CAAC,UAAU,CAAC;IACpD,CAAC;IAED,KAAK,CAAC,KAAY;QAChB,OAAO,IAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,0BAA0B,CAAC,oBAAoB,EAAE,CAAC;IAChE,CAAC;IAED,OAAO,CAAC,OAAgB;QACtB,OAAO,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1D,CAAC;IAED,eAAe,CAAC,OAAgB;QAC9B,OAAO,IAAI,CAAC,0BAA0B,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC;IAED,WAAW,CAAa,OAAgB,EAAE,YAAiD,EAAE,IAAS;QACpG,OAAO,IAAI,CAAC,0BAA0B,CAAC,WAAW,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAC5E,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,0BAA0B,CAAC,QAAQ,EAAE,CAAC;IACpD,CAAC;IAED,aAAa,CAAa,YAAiD,EAAE,IAAS;QACpF,OAAO,IAAI,CAAC,0BAA0B,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAC3E,CAAC;CAGF,CAAA;;YA7C0C,kBAAkB;4CAAG,MAAM,SAAC,eAAe,cAAG,QAAQ;;AAb/F;IADC,SAAS,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;8BACrB,0BAA0B;sFAAgB;AAOtE;IADC,KAAK,EAAE;;gFACoB;AAVjB,kCAAkC;IAL9C,SAAS,CAAC;QACT,QAAQ,EAAE,kCAAkC;QAC5C,oXAA4D;;KAE7D,CAAC;IAiB8D,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA,EAAE,WAAA,QAAQ,EAAE,CAAA;qCAAxD,kBAAkB;GAhBhD,kCAAkC,CA6D9C;SA7DY,kCAAkC","sourcesContent":["import { AfterViewInit, Component, HostBinding, Inject, Input, Optional, ViewChild } from '@angular/core';\nimport { MAT_TABS_CONFIG, MatTabsConfig } from '@angular/material/tabs';\nimport { Constructable } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../components/disposable-component';\nimport { Activity } from '../../activity';\nimport { Alert } from '../../alert';\nimport { Confirm } from '../../confirm';\nimport { InteractionContext } from '../../interaction-context';\nimport { InteractionService } from '../../services/interaction.service';\nimport { ActivityContainerComponent } from '../activity-container/activity-container.component';\n\n@Component({\n  selector: 'aup-in-place-interaction-context',\n  templateUrl: './in-place-interaction-context.component.html',\n  styleUrls: ['./in-place-interaction-context.component.scss'],\n})\nexport class InPlaceInteractionContextComponent<D, R, E> extends DisposableComponent implements InteractionContext, AfterViewInit {\n\n  @ViewChild('activityContainer', { static: true })\n  activityContainerComponent: ActivityContainerComponent<any, any, any>;\n\n  /**\n   * If true then the first startActivity call will slide the activity into view. If false\n   * the activity will replace the existing content immediately.\n   */\n  @Input()\n  animateFirstActivity = true;\n\n  get animationDuration():string {\n    return this.animateFirstActivity ? (this.tabConfig?.animationDuration || '500ms') : \"0ms\";\n  }\n\n  constructor(readonly interactionService: InteractionService, @Inject(MAT_TABS_CONFIG) @Optional() private readonly tabConfig: MatTabsConfig) {\n    super();\n  }\n\n  ngAfterViewInit(): void {\n    this.interactionService.registerInplaceInteractionContext(this);\n  }\n\n  initialise(id: string, api: InteractionService.Api) {\n    this.activityContainerComponent.initialise(id, api);\n  }\n\n  get identifier() {\n    return this.activityContainerComponent.identifier;\n  }\n\n  alert(alert: Alert): Promise<void> {\n    return this.activityContainerComponent.alert(alert);\n  }\n\n  cancelActiveActivity(): Promise<boolean> {\n    return this.activityContainerComponent.cancelActiveActivity();\n  }\n\n  confirm(confirm: Confirm): Promise<boolean> {\n    return this.activityContainerComponent.confirm(confirm);\n  }\n\n  confirmOrReject(confirm: Confirm): Promise<void> {\n    return this.activityContainerComponent.confirmOrReject(confirm);\n  }\n\n  confirmThen<D1, R1, E1>(confirm: Confirm, activityType: Constructable<Activity<D1, R1, E1>>, data?: D1): Promise<R1> {\n    return this.activityContainerComponent.confirmThen(confirm, activityType);\n  }\n\n  isActive(): boolean {\n    return this.activityContainerComponent.isActive();\n  }\n\n  startActivity<D1, R1, E1>(activityType: Constructable<Activity<D1, R1, E1>>, data?: D1): Promise<R1> {\n    return this.activityContainerComponent.startActivity(activityType, data);\n  }\n\n\n}\n"]}

package/esm2015/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"InPlaceInteractionContextComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":15,"character":65},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"aup-in-place-interaction-context","template":"<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\">\n  <mat-tab>\n    <ng-content></ng-content>\n  </mat-tab>\n  <mat-tab>\n    <aup-activity-container #activityContainer [dynamicHeight]=\"false\"></aup-activity-container>\n  </mat-tab>\n</mat-tab-group>\n\n","styles":[":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]}]}],"members":{"activityContainerComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":3},"arguments":["activityContainer",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../services/interaction.service","name":"InteractionService","line":20,"character":43}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"initialise":[{"__symbolic":"method"}],"alert":[{"__symbolic":"method"}],"cancelActiveActivity":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}],"confirmOrReject":[{"__symbolic":"method"}],"confirmThen":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"startActivity":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"InPlaceInteractionContextComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":16,"character":65},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"aup-in-place-interaction-context","template":"<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\" [animationDuration]=\"animationDuration\">\n  <mat-tab>\n    <ng-content></ng-content>\n  </mat-tab>\n  <mat-tab>\n    <aup-activity-container #activityContainer [dynamicHeight]=\"false\"></aup-activity-container>\n  </mat-tab>\n</mat-tab-group>\n\n","styles":[":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]}]}],"members":{"activityContainerComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["activityContainer",{"static":true}]}]}],"animateFirstActivity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":32,"character":64},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MAT_TABS_CONFIG","line":32,"character":71}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":32,"character":89}}]],"parameters":[{"__symbolic":"reference","module":"../../services/interaction.service","name":"InteractionService","line":32,"character":43},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsConfig","line":32,"character":128}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"initialise":[{"__symbolic":"method"}],"alert":[{"__symbolic":"method"}],"cancelActiveActivity":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}],"confirmOrReject":[{"__symbolic":"method"}],"confirmThen":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"startActivity":[{"__symbolic":"method"}]}}}}]

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

@@ -1 +1 @@
-{"version":3,"file":"interaction.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/interaction.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './interaction.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/button';\nimport * as i5 from '@angular/material/dialog';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/cdk/portal';\nimport * as i8 from '@angular/router';\nimport * as i9 from './components/activity-container/activity-container.component';\nimport * as i10 from './components/confirmation-dialog/confirmation-dialog.component';\nimport * as i11 from './components/confirm-then-dialog/confirm-then-dialog.component';\nimport * as i12 from './components/alert-dialog/alert-dialog.component';\nimport * as i13 from './components/activity-container/activity-outlet/activity-outlet.component';\nimport * as i14 from './components/inplace-interaction-context/in-place-interaction-context.component';\nexport const InteractionModuleNgFactory:i0.NgModuleFactory<i1.InteractionModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatButton = (<any>(null as any));\nvar _decl0_13:i4.MatAnchor = (<any>(null as any));\nvar _decl0_14:i5.MatDialogContainer = (<any>(null as any));\nvar _decl0_15:i5.MatDialogClose = (<any>(null as any));\nvar _decl0_16:i5.MatDialogTitle = (<any>(null as any));\nvar _decl0_17:i5.MatDialogContent = (<any>(null as any));\nvar _decl0_18:i5.MatDialogActions = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.CdkPortal = (<any>(null as any));\nvar _decl0_26:i7.CdkPortalOutlet = (<any>(null as any));\nvar _decl0_27:i7.TemplatePortalDirective = (<any>(null as any));\nvar _decl0_28:i7.PortalHostDirective = (<any>(null as any));\nvar _decl0_29:i8.RouterOutlet = (<any>(null as any));\nvar _decl0_30:i8.RouterLink = (<any>(null as any));\nvar _decl0_31:i8.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_32:i8.RouterLinkActive = (<any>(null as any));\nvar _decl0_33:i8.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_34:i9.ActivityContainerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_35:i10.ConfirmationDialogComponent = (<any>(null as any));\nvar _decl0_36:i11.ConfirmThenDialogComponent<any,any,any> = (<any>(null as any));\nvar _decl0_37:i12.AlertDialogComponent = (<any>(null as any));\nvar _decl0_38:i13.ActivityOutletComponent<any,any,any> = (<any>(null as any));\nvar _decl0_39:i14.InPlaceInteractionContextComponent<any,any,any> = (<any>(null as any));\nvar _decl0_40:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_41:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_42:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_43:i2.JsonPipe = (<any>(null as any));\nvar _decl0_44:i2.SlicePipe = (<any>(null as any));\nvar _decl0_45:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_46:i2.PercentPipe = (<any>(null as any));\nvar _decl0_47:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_48:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_49:i2.DatePipe = (<any>(null as any));\nvar _decl0_50:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_51:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_52:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_53:i2.CommonModule = (<any>(null as any));\nvar _decl0_54:i4.MatButtonModule = (<any>(null as any));\nvar _decl0_55:i5.MatDialogModule = (<any>(null as any));\nvar _decl0_56:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_57:i7.PortalModule = (<any>(null as any));\nvar _decl0_58:i8.RouterModule = (<any>(null as any));\nvar _decl0_59:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_60:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_ActivityContainerComponent_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ActivityContainerComponent_1_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_34;\n  currVal_0;\n  const currVal_1:any = _any;\n  currVal_1;\n}\nfunction _View_ActivityContainerComponent_1_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_34.dynamicHeight;\n  currVal_0;\n  const currVal_1:any = _decl0_19.dynamicHeight;\n  currVal_1;\n  const currVal_2:any = (_decl0_19.headerPosition === 'below');\n  currVal_2;\n  const currVal_3:any = !_decl0_34.dynamicHeight;\n  currVal_3;\n  const currVal_4:any = _decl0_34.activityTabs;\n  currVal_4;\n  const currVal_5:any = _decl0_34.activityIndex;\n  currVal_5;\n}\nfunction _View_ConfirmationDialogComponent_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ConfirmationDialogComponent_2_1():void {\n  if (_decl0_35.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_35.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmationDialogComponent_2_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmationDialogComponent_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_35.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_35.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_35.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_35.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_35.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_35.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_35.done()) !== false);\n}\nfunction _View_ConfirmThenDialogComponent_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ConfirmThenDialogComponent_3_1():void {\n  if (_decl0_36.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_36.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmThenDialogComponent_3_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmThenDialogComponent_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_36.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_36.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_36.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_36.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_36.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_36.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_36.onConfirm()) !== false);\n}\nfunction _View_AlertDialogComponent_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_AlertDialogComponent_4_1():void {\n  if (_decl0_37.alert.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_37.alert.title();\n    currVal_1;\n  }\n}\nfunction _View_AlertDialogComponent_4_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_AlertDialogComponent_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_37.alert.title;\n  currVal_0;\n  const currVal_1:any = _decl0_37.alert.content();\n  currVal_1;\n  const currVal_2:any = 'primary';\n  currVal_2;\n  const currVal_3:any = (_decl0_12.disabled || null);\n  currVal_3;\n  const currVal_4:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_4;\n  const currVal_5:any = _decl0_37.alert.ok();\n  currVal_5;\n  const pd_6:any = ((<any>_decl0_37.done()) !== false);\n}\nfunction _View_ActivityOutletComponent_Host_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ActivityOutletComponent_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_Host_6_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = false;\n  currVal_0;\n  const currVal_1:any = (_decl0_39.isActive()? 1: 0);\n  currVal_1;\n  const currVal_2:any = _decl0_19.dynamicHeight;\n  currVal_2;\n  const currVal_3:any = (_decl0_19.headerPosition === 'below');\n  currVal_3;\n  const currVal_4:any = false;\n  currVal_4;\n}\n"]}
+{"version":3,"file":"interaction.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/interaction.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './interaction.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/button';\nimport * as i5 from '@angular/material/dialog';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/cdk/portal';\nimport * as i8 from '@angular/router';\nimport * as i9 from './components/activity-container/activity-container.component';\nimport * as i10 from './components/confirmation-dialog/confirmation-dialog.component';\nimport * as i11 from './components/confirm-then-dialog/confirm-then-dialog.component';\nimport * as i12 from './components/alert-dialog/alert-dialog.component';\nimport * as i13 from './components/activity-container/activity-outlet/activity-outlet.component';\nimport * as i14 from './components/inplace-interaction-context/in-place-interaction-context.component';\nexport const InteractionModuleNgFactory:i0.NgModuleFactory<i1.InteractionModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatButton = (<any>(null as any));\nvar _decl0_13:i4.MatAnchor = (<any>(null as any));\nvar _decl0_14:i5.MatDialogContainer = (<any>(null as any));\nvar _decl0_15:i5.MatDialogClose = (<any>(null as any));\nvar _decl0_16:i5.MatDialogTitle = (<any>(null as any));\nvar _decl0_17:i5.MatDialogContent = (<any>(null as any));\nvar _decl0_18:i5.MatDialogActions = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.CdkPortal = (<any>(null as any));\nvar _decl0_26:i7.CdkPortalOutlet = (<any>(null as any));\nvar _decl0_27:i7.TemplatePortalDirective = (<any>(null as any));\nvar _decl0_28:i7.PortalHostDirective = (<any>(null as any));\nvar _decl0_29:i8.RouterOutlet = (<any>(null as any));\nvar _decl0_30:i8.RouterLink = (<any>(null as any));\nvar _decl0_31:i8.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_32:i8.RouterLinkActive = (<any>(null as any));\nvar _decl0_33:i8.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_34:i9.ActivityContainerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_35:i10.ConfirmationDialogComponent = (<any>(null as any));\nvar _decl0_36:i11.ConfirmThenDialogComponent<any,any,any> = (<any>(null as any));\nvar _decl0_37:i12.AlertDialogComponent = (<any>(null as any));\nvar _decl0_38:i13.ActivityOutletComponent<any,any,any> = (<any>(null as any));\nvar _decl0_39:i14.InPlaceInteractionContextComponent<any,any,any> = (<any>(null as any));\nvar _decl0_40:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_41:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_42:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_43:i2.JsonPipe = (<any>(null as any));\nvar _decl0_44:i2.SlicePipe = (<any>(null as any));\nvar _decl0_45:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_46:i2.PercentPipe = (<any>(null as any));\nvar _decl0_47:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_48:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_49:i2.DatePipe = (<any>(null as any));\nvar _decl0_50:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_51:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_52:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_53:i2.CommonModule = (<any>(null as any));\nvar _decl0_54:i4.MatButtonModule = (<any>(null as any));\nvar _decl0_55:i5.MatDialogModule = (<any>(null as any));\nvar _decl0_56:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_57:i7.PortalModule = (<any>(null as any));\nvar _decl0_58:i8.RouterModule = (<any>(null as any));\nvar _decl0_59:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_60:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_ActivityContainerComponent_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ActivityContainerComponent_1_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_34;\n  currVal_0;\n  const currVal_1:any = _any;\n  currVal_1;\n}\nfunction _View_ActivityContainerComponent_1_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_34.dynamicHeight;\n  currVal_0;\n  const currVal_1:any = _decl0_19.dynamicHeight;\n  currVal_1;\n  const currVal_2:any = (_decl0_19.headerPosition === 'below');\n  currVal_2;\n  const currVal_3:any = !_decl0_34.dynamicHeight;\n  currVal_3;\n  const currVal_4:any = _decl0_34.activityTabs;\n  currVal_4;\n  const currVal_5:any = _decl0_34.activityIndex;\n  currVal_5;\n}\nfunction _View_ConfirmationDialogComponent_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ConfirmationDialogComponent_2_1():void {\n  if (_decl0_35.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_35.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmationDialogComponent_2_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmationDialogComponent_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_35.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_35.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_35.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_35.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_35.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_35.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_35.done()) !== false);\n}\nfunction _View_ConfirmThenDialogComponent_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ConfirmThenDialogComponent_3_1():void {\n  if (_decl0_36.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_36.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmThenDialogComponent_3_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmThenDialogComponent_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_36.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_36.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_36.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_36.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_36.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_36.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_36.onConfirm()) !== false);\n}\nfunction _View_AlertDialogComponent_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_AlertDialogComponent_4_1():void {\n  if (_decl0_37.alert.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_37.alert.title();\n    currVal_1;\n  }\n}\nfunction _View_AlertDialogComponent_4_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_AlertDialogComponent_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_37.alert.title;\n  currVal_0;\n  const currVal_1:any = _decl0_37.alert.content();\n  currVal_1;\n  const currVal_2:any = 'primary';\n  currVal_2;\n  const currVal_3:any = (_decl0_12.disabled || null);\n  currVal_3;\n  const currVal_4:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_4;\n  const currVal_5:any = _decl0_37.alert.ok();\n  currVal_5;\n  const pd_6:any = ((<any>_decl0_37.done()) !== false);\n}\nfunction _View_ActivityOutletComponent_Host_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ActivityOutletComponent_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_Host_6_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = false;\n  currVal_0;\n  const currVal_1:any = (_decl0_39.isActive()? 1: 0);\n  currVal_1;\n  const currVal_2:any = _decl0_39.animationDuration;\n  currVal_2;\n  const currVal_3:any = _decl0_19.dynamicHeight;\n  currVal_3;\n  const currVal_4:any = (_decl0_19.headerPosition === 'below');\n  currVal_4;\n  const currVal_5:any = false;\n  currVal_5;\n}\n"]}

package/esm5/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.js

@@ -1,15 +1,30 @@
-import { __decorate, __extends, __metadata } from "tslib";
-import { Component, ViewChild } from '@angular/core';
+import { __decorate, __extends, __metadata, __param } from "tslib";
+import { Component, Inject, Input, Optional, ViewChild } from '@angular/core';
+import { MAT_TABS_CONFIG } from '@angular/material/tabs';
 import { DisposableComponent } from '../../../components/disposable-component';
 import { InteractionService } from '../../services/interaction.service';
 import { ActivityContainerComponent } from '../activity-container/activity-container.component';
 var InPlaceInteractionContextComponent = /** @class */ (function (_super) {
     __extends(InPlaceInteractionContextComponent, _super);
-    function InPlaceInteractionContextComponent(interactionService) {
+    function InPlaceInteractionContextComponent(interactionService, tabConfig) {
         var _this = _super.call(this) || this;
         _this.interactionService = interactionService;
+        _this.tabConfig = tabConfig;
+        /**
+         * If true then the first startActivity call will slide the activity into view. If false
+         * the activity will replace the existing content immediately.
+         */
+        _this.animateFirstActivity = true;
         return _this;
     }
+    Object.defineProperty(InPlaceInteractionContextComponent.prototype, "animationDuration", {
+        get: function () {
+            var _a;
+            return this.animateFirstActivity ? (((_a = this.tabConfig) === null || _a === void 0 ? void 0 : _a.animationDuration) || '500ms') : "0ms";
+        },
+        enumerable: true,
+        configurable: true
+    });
     InPlaceInteractionContextComponent.prototype.ngAfterViewInit = function () {
         this.interactionService.registerInplaceInteractionContext(this);
     };
@@ -45,19 +60,25 @@ var InPlaceInteractionContextComponent = /** @class */ (function (_super) {
         return this.activityContainerComponent.startActivity(activityType, data);
     };
     InPlaceInteractionContextComponent.ctorParameters = function () { return [
-        { type: InteractionService }
+        { type: InteractionService },
+        { type: undefined, decorators: [{ type: Inject, args: [MAT_TABS_CONFIG,] }, { type: Optional }] }
     ]; };
     __decorate([
         ViewChild('activityContainer', { static: true }),
         __metadata("design:type", ActivityContainerComponent)
     ], InPlaceInteractionContextComponent.prototype, "activityContainerComponent", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], InPlaceInteractionContextComponent.prototype, "animateFirstActivity", void 0);
     InPlaceInteractionContextComponent = __decorate([
         Component({
             selector: 'aup-in-place-interaction-context',
-            template: "<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\">\n  <mat-tab>\n    <ng-content></ng-content>\n  </mat-tab>\n  <mat-tab>\n    <aup-activity-container #activityContainer [dynamicHeight]=\"false\"></aup-activity-container>\n  </mat-tab>\n</mat-tab-group>\n\n",
+            template: "<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\" [animationDuration]=\"animationDuration\">\n  <mat-tab>\n    <ng-content></ng-content>\n  </mat-tab>\n  <mat-tab>\n    <aup-activity-container #activityContainer [dynamicHeight]=\"false\"></aup-activity-container>\n  </mat-tab>\n</mat-tab-group>\n\n",
             styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
         }),
-        __metadata("design:paramtypes", [InteractionService])
+        __param(1, Inject(MAT_TABS_CONFIG)), __param(1, Optional()),
+        __metadata("design:paramtypes", [InteractionService, Object])
     ], InPlaceInteractionContextComponent);
     return InPlaceInteractionContextComponent;
 }(DisposableComponent));

package/esm5/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"in-place-interaction-context.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAiB,SAAS,EAAe,SAAS,EAAE,MAAM,eAAe,CAAC;AAEjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAK/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oDAAoD,CAAC;AAOhG;IAAiE,sDAAmB;IAKlF,4CAAqB,kBAAsC;QAA3D,YACE,iBAAO,SACR;QAFoB,wBAAkB,GAAlB,kBAAkB,CAAoB;;IAE3D,CAAC;IAED,4DAAe,GAAf;QACE,IAAI,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,IAAI,CAAC,CAAC;IAClE,CAAC;IAED,uDAAU,GAAV,UAAW,EAAU,EAAE,GAA2B;QAChD,IAAI,CAAC,0BAA0B,CAAC,UAAU,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;IACtD,CAAC;IAED,sBAAI,0DAAU;aAAd;YACE,OAAO,IAAI,CAAC,0BAA0B,CAAC,UAAU,CAAC;QACpD,CAAC;;;OAAA;IAED,kDAAK,GAAL,UAAM,KAAY;QAChB,OAAO,IAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC;IAED,iEAAoB,GAApB;QACE,OAAO,IAAI,CAAC,0BAA0B,CAAC,oBAAoB,EAAE,CAAC;IAChE,CAAC;IAED,oDAAO,GAAP,UAAQ,OAAgB;QACtB,OAAO,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1D,CAAC;IAED,4DAAe,GAAf,UAAgB,OAAgB;QAC9B,OAAO,IAAI,CAAC,0BAA0B,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC;IAED,wDAAW,GAAX,UAAwB,OAAgB,EAAE,YAAiD,EAAE,IAAS;QACpG,OAAO,IAAI,CAAC,0BAA0B,CAAC,WAAW,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAC5E,CAAC;IAED,qDAAQ,GAAR;QACE,OAAO,IAAI,CAAC,0BAA0B,CAAC,QAAQ,EAAE,CAAC;IACpD,CAAC;IAED,0DAAa,GAAb,UAA0B,YAAiD,EAAE,IAAS;QACpF,OAAO,IAAI,CAAC,0BAA0B,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAC3E,CAAC;;gBA1CwC,kBAAkB;;IAF3D;QADC,SAAS,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;kCACrB,0BAA0B;0FAAgB;IAH3D,kCAAkC;QAL9C,SAAS,CAAC;YACT,QAAQ,EAAE,kCAAkC;YAC5C,0UAA4D;;SAE7D,CAAC;yCAMyC,kBAAkB;OALhD,kCAAkC,CAkD9C;IAAD,yCAAC;CAAA,AAlDD,CAAiE,mBAAmB,GAkDnF;SAlDY,kCAAkC","sourcesContent":["import { AfterViewInit, Component, HostBinding, ViewChild } from '@angular/core';\nimport { Constructable } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../components/disposable-component';\nimport { Activity } from '../../activity';\nimport { Alert } from '../../alert';\nimport { Confirm } from '../../confirm';\nimport { InteractionContext } from '../../interaction-context';\nimport { InteractionService } from '../../services/interaction.service';\nimport { ActivityContainerComponent } from '../activity-container/activity-container.component';\n\n@Component({\n  selector: 'aup-in-place-interaction-context',\n  templateUrl: './in-place-interaction-context.component.html',\n  styleUrls: ['./in-place-interaction-context.component.scss'],\n})\nexport class InPlaceInteractionContextComponent<D, R, E> extends DisposableComponent implements InteractionContext, AfterViewInit {\n\n  @ViewChild('activityContainer', { static: true })\n  activityContainerComponent: ActivityContainerComponent<any, any, any>;\n\n  constructor(readonly interactionService: InteractionService) {\n    super();\n  }\n\n  ngAfterViewInit(): void {\n    this.interactionService.registerInplaceInteractionContext(this);\n  }\n\n  initialise(id: string, api: InteractionService.Api) {\n    this.activityContainerComponent.initialise(id, api);\n  }\n\n  get identifier() {\n    return this.activityContainerComponent.identifier;\n  }\n\n  alert(alert: Alert): Promise<void> {\n    return this.activityContainerComponent.alert(alert);\n  }\n\n  cancelActiveActivity(): Promise<boolean> {\n    return this.activityContainerComponent.cancelActiveActivity();\n  }\n\n  confirm(confirm: Confirm): Promise<boolean> {\n    return this.activityContainerComponent.confirm(confirm);\n  }\n\n  confirmOrReject(confirm: Confirm): Promise<void> {\n    return this.activityContainerComponent.confirmOrReject(confirm);\n  }\n\n  confirmThen<D1, R1, E1>(confirm: Confirm, activityType: Constructable<Activity<D1, R1, E1>>, data?: D1): Promise<R1> {\n    return this.activityContainerComponent.confirmThen(confirm, activityType);\n  }\n\n  isActive(): boolean {\n    return this.activityContainerComponent.isActive();\n  }\n\n  startActivity<D1, R1, E1>(activityType: Constructable<Activity<D1, R1, E1>>, data?: D1): Promise<R1> {\n    return this.activityContainerComponent.startActivity(activityType, data);\n  }\n\n\n}\n"]}
+{"version":3,"file":"in-place-interaction-context.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAiB,SAAS,EAAe,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1G,OAAO,EAAE,eAAe,EAAiB,MAAM,wBAAwB,CAAC;AAExE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAK/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oDAAoD,CAAC;AAOhG;IAAiE,sDAAmB;IAgBlF,4CAAqB,kBAAsC,EAAwD,SAAwB;QAA3I,YACE,iBAAO,SACR;QAFoB,wBAAkB,GAAlB,kBAAkB,CAAoB;QAAwD,eAAS,GAAT,SAAS,CAAe;QAX3I;;;WAGG;QAEH,0BAAoB,GAAG,IAAI,CAAC;;IAQ5B,CAAC;IAND,sBAAI,iEAAiB;aAArB;;YACE,OAAO,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,OAAA,IAAI,CAAC,SAAS,0CAAE,iBAAiB,KAAI,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC5F,CAAC;;;OAAA;IAMD,4DAAe,GAAf;QACE,IAAI,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,IAAI,CAAC,CAAC;IAClE,CAAC;IAED,uDAAU,GAAV,UAAW,EAAU,EAAE,GAA2B;QAChD,IAAI,CAAC,0BAA0B,CAAC,UAAU,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;IACtD,CAAC;IAED,sBAAI,0DAAU;aAAd;YACE,OAAO,IAAI,CAAC,0BAA0B,CAAC,UAAU,CAAC;QACpD,CAAC;;;OAAA;IAED,kDAAK,GAAL,UAAM,KAAY;QAChB,OAAO,IAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC;IAED,iEAAoB,GAApB;QACE,OAAO,IAAI,CAAC,0BAA0B,CAAC,oBAAoB,EAAE,CAAC;IAChE,CAAC;IAED,oDAAO,GAAP,UAAQ,OAAgB;QACtB,OAAO,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1D,CAAC;IAED,4DAAe,GAAf,UAAgB,OAAgB;QAC9B,OAAO,IAAI,CAAC,0BAA0B,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC;IAED,wDAAW,GAAX,UAAwB,OAAgB,EAAE,YAAiD,EAAE,IAAS;QACpG,OAAO,IAAI,CAAC,0BAA0B,CAAC,WAAW,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAC5E,CAAC;IAED,qDAAQ,GAAR;QACE,OAAO,IAAI,CAAC,0BAA0B,CAAC,QAAQ,EAAE,CAAC;IACpD,CAAC;IAED,0DAAa,GAAb,UAA0B,YAAiD,EAAE,IAAS;QACpF,OAAO,IAAI,CAAC,0BAA0B,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAC3E,CAAC;;gBA1CwC,kBAAkB;gDAAG,MAAM,SAAC,eAAe,cAAG,QAAQ;;IAb/F;QADC,SAAS,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;kCACrB,0BAA0B;0FAAgB;IAOtE;QADC,KAAK,EAAE;;oFACoB;IAVjB,kCAAkC;QAL9C,SAAS,CAAC;YACT,QAAQ,EAAE,kCAAkC;YAC5C,oXAA4D;;SAE7D,CAAC;QAiB8D,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA,EAAE,WAAA,QAAQ,EAAE,CAAA;yCAAxD,kBAAkB;OAhBhD,kCAAkC,CA6D9C;IAAD,yCAAC;CAAA,AA7DD,CAAiE,mBAAmB,GA6DnF;SA7DY,kCAAkC","sourcesContent":["import { AfterViewInit, Component, HostBinding, Inject, Input, Optional, ViewChild } from '@angular/core';\nimport { MAT_TABS_CONFIG, MatTabsConfig } from '@angular/material/tabs';\nimport { Constructable } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../components/disposable-component';\nimport { Activity } from '../../activity';\nimport { Alert } from '../../alert';\nimport { Confirm } from '../../confirm';\nimport { InteractionContext } from '../../interaction-context';\nimport { InteractionService } from '../../services/interaction.service';\nimport { ActivityContainerComponent } from '../activity-container/activity-container.component';\n\n@Component({\n  selector: 'aup-in-place-interaction-context',\n  templateUrl: './in-place-interaction-context.component.html',\n  styleUrls: ['./in-place-interaction-context.component.scss'],\n})\nexport class InPlaceInteractionContextComponent<D, R, E> extends DisposableComponent implements InteractionContext, AfterViewInit {\n\n  @ViewChild('activityContainer', { static: true })\n  activityContainerComponent: ActivityContainerComponent<any, any, any>;\n\n  /**\n   * If true then the first startActivity call will slide the activity into view. If false\n   * the activity will replace the existing content immediately.\n   */\n  @Input()\n  animateFirstActivity = true;\n\n  get animationDuration():string {\n    return this.animateFirstActivity ? (this.tabConfig?.animationDuration || '500ms') : \"0ms\";\n  }\n\n  constructor(readonly interactionService: InteractionService, @Inject(MAT_TABS_CONFIG) @Optional() private readonly tabConfig: MatTabsConfig) {\n    super();\n  }\n\n  ngAfterViewInit(): void {\n    this.interactionService.registerInplaceInteractionContext(this);\n  }\n\n  initialise(id: string, api: InteractionService.Api) {\n    this.activityContainerComponent.initialise(id, api);\n  }\n\n  get identifier() {\n    return this.activityContainerComponent.identifier;\n  }\n\n  alert(alert: Alert): Promise<void> {\n    return this.activityContainerComponent.alert(alert);\n  }\n\n  cancelActiveActivity(): Promise<boolean> {\n    return this.activityContainerComponent.cancelActiveActivity();\n  }\n\n  confirm(confirm: Confirm): Promise<boolean> {\n    return this.activityContainerComponent.confirm(confirm);\n  }\n\n  confirmOrReject(confirm: Confirm): Promise<void> {\n    return this.activityContainerComponent.confirmOrReject(confirm);\n  }\n\n  confirmThen<D1, R1, E1>(confirm: Confirm, activityType: Constructable<Activity<D1, R1, E1>>, data?: D1): Promise<R1> {\n    return this.activityContainerComponent.confirmThen(confirm, activityType);\n  }\n\n  isActive(): boolean {\n    return this.activityContainerComponent.isActive();\n  }\n\n  startActivity<D1, R1, E1>(activityType: Constructable<Activity<D1, R1, E1>>, data?: D1): Promise<R1> {\n    return this.activityContainerComponent.startActivity(activityType, data);\n  }\n\n\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"interaction.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/interaction.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './interaction.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/button';\nimport * as i5 from '@angular/material/dialog';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/cdk/portal';\nimport * as i8 from '@angular/router';\nimport * as i9 from './components/activity-container/activity-container.component';\nimport * as i10 from './components/confirmation-dialog/confirmation-dialog.component';\nimport * as i11 from './components/confirm-then-dialog/confirm-then-dialog.component';\nimport * as i12 from './components/alert-dialog/alert-dialog.component';\nimport * as i13 from './components/activity-container/activity-outlet/activity-outlet.component';\nimport * as i14 from './components/inplace-interaction-context/in-place-interaction-context.component';\nexport const InteractionModuleNgFactory:i0.NgModuleFactory<i1.InteractionModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatButton = (<any>(null as any));\nvar _decl0_13:i4.MatAnchor = (<any>(null as any));\nvar _decl0_14:i5.MatDialogContainer = (<any>(null as any));\nvar _decl0_15:i5.MatDialogClose = (<any>(null as any));\nvar _decl0_16:i5.MatDialogTitle = (<any>(null as any));\nvar _decl0_17:i5.MatDialogContent = (<any>(null as any));\nvar _decl0_18:i5.MatDialogActions = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.CdkPortal = (<any>(null as any));\nvar _decl0_26:i7.CdkPortalOutlet = (<any>(null as any));\nvar _decl0_27:i7.TemplatePortalDirective = (<any>(null as any));\nvar _decl0_28:i7.PortalHostDirective = (<any>(null as any));\nvar _decl0_29:i8.RouterOutlet = (<any>(null as any));\nvar _decl0_30:i8.RouterLink = (<any>(null as any));\nvar _decl0_31:i8.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_32:i8.RouterLinkActive = (<any>(null as any));\nvar _decl0_33:i8.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_34:i9.ActivityContainerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_35:i10.ConfirmationDialogComponent = (<any>(null as any));\nvar _decl0_36:i11.ConfirmThenDialogComponent<any,any,any> = (<any>(null as any));\nvar _decl0_37:i12.AlertDialogComponent = (<any>(null as any));\nvar _decl0_38:i13.ActivityOutletComponent<any,any,any> = (<any>(null as any));\nvar _decl0_39:i14.InPlaceInteractionContextComponent<any,any,any> = (<any>(null as any));\nvar _decl0_40:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_41:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_42:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_43:i2.JsonPipe = (<any>(null as any));\nvar _decl0_44:i2.SlicePipe = (<any>(null as any));\nvar _decl0_45:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_46:i2.PercentPipe = (<any>(null as any));\nvar _decl0_47:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_48:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_49:i2.DatePipe = (<any>(null as any));\nvar _decl0_50:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_51:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_52:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_53:i2.CommonModule = (<any>(null as any));\nvar _decl0_54:i4.MatButtonModule = (<any>(null as any));\nvar _decl0_55:i5.MatDialogModule = (<any>(null as any));\nvar _decl0_56:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_57:i7.PortalModule = (<any>(null as any));\nvar _decl0_58:i8.RouterModule = (<any>(null as any));\nvar _decl0_59:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_60:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_ActivityContainerComponent_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ActivityContainerComponent_1_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_34;\n  currVal_0;\n  const currVal_1:any = _any;\n  currVal_1;\n}\nfunction _View_ActivityContainerComponent_1_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_34.dynamicHeight;\n  currVal_0;\n  const currVal_1:any = _decl0_19.dynamicHeight;\n  currVal_1;\n  const currVal_2:any = (_decl0_19.headerPosition === 'below');\n  currVal_2;\n  const currVal_3:any = !_decl0_34.dynamicHeight;\n  currVal_3;\n  const currVal_4:any = _decl0_34.activityTabs;\n  currVal_4;\n  const currVal_5:any = _decl0_34.activityIndex;\n  currVal_5;\n}\nfunction _View_ConfirmationDialogComponent_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ConfirmationDialogComponent_2_1():void {\n  if (_decl0_35.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_35.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmationDialogComponent_2_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmationDialogComponent_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_35.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_35.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_35.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_35.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_35.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_35.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_35.done()) !== false);\n}\nfunction _View_ConfirmThenDialogComponent_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ConfirmThenDialogComponent_3_1():void {\n  if (_decl0_36.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_36.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmThenDialogComponent_3_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmThenDialogComponent_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_36.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_36.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_36.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_36.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_36.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_36.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_36.onConfirm()) !== false);\n}\nfunction _View_AlertDialogComponent_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_AlertDialogComponent_4_1():void {\n  if (_decl0_37.alert.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_37.alert.title();\n    currVal_1;\n  }\n}\nfunction _View_AlertDialogComponent_4_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_AlertDialogComponent_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_37.alert.title;\n  currVal_0;\n  const currVal_1:any = _decl0_37.alert.content();\n  currVal_1;\n  const currVal_2:any = 'primary';\n  currVal_2;\n  const currVal_3:any = (_decl0_12.disabled || null);\n  currVal_3;\n  const currVal_4:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_4;\n  const currVal_5:any = _decl0_37.alert.ok();\n  currVal_5;\n  const pd_6:any = ((<any>_decl0_37.done()) !== false);\n}\nfunction _View_ActivityOutletComponent_Host_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ActivityOutletComponent_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_Host_6_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = false;\n  currVal_0;\n  const currVal_1:any = (_decl0_39.isActive()? 1: 0);\n  currVal_1;\n  const currVal_2:any = _decl0_19.dynamicHeight;\n  currVal_2;\n  const currVal_3:any = (_decl0_19.headerPosition === 'below');\n  currVal_3;\n  const currVal_4:any = false;\n  currVal_4;\n}\n"]}
+{"version":3,"file":"interaction.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/interaction.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './interaction.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/button';\nimport * as i5 from '@angular/material/dialog';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/cdk/portal';\nimport * as i8 from '@angular/router';\nimport * as i9 from './components/activity-container/activity-container.component';\nimport * as i10 from './components/confirmation-dialog/confirmation-dialog.component';\nimport * as i11 from './components/confirm-then-dialog/confirm-then-dialog.component';\nimport * as i12 from './components/alert-dialog/alert-dialog.component';\nimport * as i13 from './components/activity-container/activity-outlet/activity-outlet.component';\nimport * as i14 from './components/inplace-interaction-context/in-place-interaction-context.component';\nexport const InteractionModuleNgFactory:i0.NgModuleFactory<i1.InteractionModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatButton = (<any>(null as any));\nvar _decl0_13:i4.MatAnchor = (<any>(null as any));\nvar _decl0_14:i5.MatDialogContainer = (<any>(null as any));\nvar _decl0_15:i5.MatDialogClose = (<any>(null as any));\nvar _decl0_16:i5.MatDialogTitle = (<any>(null as any));\nvar _decl0_17:i5.MatDialogContent = (<any>(null as any));\nvar _decl0_18:i5.MatDialogActions = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.CdkPortal = (<any>(null as any));\nvar _decl0_26:i7.CdkPortalOutlet = (<any>(null as any));\nvar _decl0_27:i7.TemplatePortalDirective = (<any>(null as any));\nvar _decl0_28:i7.PortalHostDirective = (<any>(null as any));\nvar _decl0_29:i8.RouterOutlet = (<any>(null as any));\nvar _decl0_30:i8.RouterLink = (<any>(null as any));\nvar _decl0_31:i8.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_32:i8.RouterLinkActive = (<any>(null as any));\nvar _decl0_33:i8.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_34:i9.ActivityContainerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_35:i10.ConfirmationDialogComponent = (<any>(null as any));\nvar _decl0_36:i11.ConfirmThenDialogComponent<any,any,any> = (<any>(null as any));\nvar _decl0_37:i12.AlertDialogComponent = (<any>(null as any));\nvar _decl0_38:i13.ActivityOutletComponent<any,any,any> = (<any>(null as any));\nvar _decl0_39:i14.InPlaceInteractionContextComponent<any,any,any> = (<any>(null as any));\nvar _decl0_40:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_41:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_42:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_43:i2.JsonPipe = (<any>(null as any));\nvar _decl0_44:i2.SlicePipe = (<any>(null as any));\nvar _decl0_45:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_46:i2.PercentPipe = (<any>(null as any));\nvar _decl0_47:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_48:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_49:i2.DatePipe = (<any>(null as any));\nvar _decl0_50:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_51:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_52:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_53:i2.CommonModule = (<any>(null as any));\nvar _decl0_54:i4.MatButtonModule = (<any>(null as any));\nvar _decl0_55:i5.MatDialogModule = (<any>(null as any));\nvar _decl0_56:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_57:i7.PortalModule = (<any>(null as any));\nvar _decl0_58:i8.RouterModule = (<any>(null as any));\nvar _decl0_59:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_60:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_ActivityContainerComponent_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ActivityContainerComponent_1_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_34;\n  currVal_0;\n  const currVal_1:any = _any;\n  currVal_1;\n}\nfunction _View_ActivityContainerComponent_1_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_34.dynamicHeight;\n  currVal_0;\n  const currVal_1:any = _decl0_19.dynamicHeight;\n  currVal_1;\n  const currVal_2:any = (_decl0_19.headerPosition === 'below');\n  currVal_2;\n  const currVal_3:any = !_decl0_34.dynamicHeight;\n  currVal_3;\n  const currVal_4:any = _decl0_34.activityTabs;\n  currVal_4;\n  const currVal_5:any = _decl0_34.activityIndex;\n  currVal_5;\n}\nfunction _View_ConfirmationDialogComponent_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ConfirmationDialogComponent_2_1():void {\n  if (_decl0_35.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_35.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmationDialogComponent_2_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmationDialogComponent_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_35.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_35.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_35.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_35.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_35.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_35.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_35.done()) !== false);\n}\nfunction _View_ConfirmThenDialogComponent_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ConfirmThenDialogComponent_3_1():void {\n  if (_decl0_36.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_36.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmThenDialogComponent_3_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmThenDialogComponent_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_36.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_36.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_36.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_36.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_36.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_36.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_36.onConfirm()) !== false);\n}\nfunction _View_AlertDialogComponent_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_AlertDialogComponent_4_1():void {\n  if (_decl0_37.alert.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_37.alert.title();\n    currVal_1;\n  }\n}\nfunction _View_AlertDialogComponent_4_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_AlertDialogComponent_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_37.alert.title;\n  currVal_0;\n  const currVal_1:any = _decl0_37.alert.content();\n  currVal_1;\n  const currVal_2:any = 'primary';\n  currVal_2;\n  const currVal_3:any = (_decl0_12.disabled || null);\n  currVal_3;\n  const currVal_4:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_4;\n  const currVal_5:any = _decl0_37.alert.ok();\n  currVal_5;\n  const pd_6:any = ((<any>_decl0_37.done()) !== false);\n}\nfunction _View_ActivityOutletComponent_Host_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ActivityOutletComponent_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_Host_6_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = false;\n  currVal_0;\n  const currVal_1:any = (_decl0_39.isActive()? 1: 0);\n  currVal_1;\n  const currVal_2:any = _decl0_39.animationDuration;\n  currVal_2;\n  const currVal_3:any = _decl0_19.dynamicHeight;\n  currVal_3;\n  const currVal_4:any = (_decl0_19.headerPosition === 'below');\n  currVal_4;\n  const currVal_5:any = false;\n  currVal_5;\n}\n"]}

package/fesm2015/coolon-angular-ui-powerups.js

@@ -5,7 +5,7 @@ import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatSelectModule } from '@angular/material/select';
-import { MatTabsModule, MatTabGroup } from '@angular/material/tabs';
+import { MatTabsModule, MatTabGroup, MAT_TABS_CONFIG } from '@angular/material/tabs';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCheckboxModule } from '@angular/material/checkbox';
@@ -1704,9 +1704,19 @@ InteractionService = InteractionService_1 = __decorate([
 })(InteractionService || (InteractionService = {}));
 
 let InPlaceInteractionContextComponent = class InPlaceInteractionContextComponent extends DisposableComponent {
-    constructor(interactionService) {
+    constructor(interactionService, tabConfig) {
         super();
         this.interactionService = interactionService;
+        this.tabConfig = tabConfig;
+        /**
+         * If true then the first startActivity call will slide the activity into view. If false
+         * the activity will replace the existing content immediately.
+         */
+        this.animateFirstActivity = true;
+    }
+    get animationDuration() {
+        var _a;
+        return this.animateFirstActivity ? (((_a = this.tabConfig) === null || _a === void 0 ? void 0 : _a.animationDuration) || '500ms') : "0ms";
     }
     ngAfterViewInit() {
         this.interactionService.registerInplaceInteractionContext(this);
@@ -1740,19 +1750,25 @@ let InPlaceInteractionContextComponent = class InPlaceInteractionContextComponen
     }
 };
 InPlaceInteractionContextComponent.ctorParameters = () => [
-    { type: InteractionService }
+    { type: InteractionService },
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_TABS_CONFIG,] }, { type: Optional }] }
 ];
 __decorate([
     ViewChild('activityContainer', { static: true }),
     __metadata("design:type", ActivityContainerComponent)
 ], InPlaceInteractionContextComponent.prototype, "activityContainerComponent", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InPlaceInteractionContextComponent.prototype, "animateFirstActivity", void 0);
 InPlaceInteractionContextComponent = __decorate([
     Component({
         selector: 'aup-in-place-interaction-context',
-        template: "<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\">\n  <mat-tab>\n    <ng-content></ng-content>\n  </mat-tab>\n  <mat-tab>\n    <aup-activity-container #activityContainer [dynamicHeight]=\"false\"></aup-activity-container>\n  </mat-tab>\n</mat-tab-group>\n\n",
+        template: "<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\" [animationDuration]=\"animationDuration\">\n  <mat-tab>\n    <ng-content></ng-content>\n  </mat-tab>\n  <mat-tab>\n    <aup-activity-container #activityContainer [dynamicHeight]=\"false\"></aup-activity-container>\n  </mat-tab>\n</mat-tab-group>\n\n",
         styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
     }),
-    __metadata("design:paramtypes", [InteractionService])
+    __param(1, Inject(MAT_TABS_CONFIG)), __param(1, Optional()),
+    __metadata("design:paramtypes", [InteractionService, Object])
 ], InPlaceInteractionContextComponent);
 
 let InteractionModule = class InteractionModule {