@coolon/angular-ui-powerups 12.4.0-alpha.8 → 12.4.0-alpha.81

package/esm2015/lib/interaction/components/confirm-then-execute-dialog/confirm-then-execute-dialog.component.js

@@ -0,0 +1,30 @@
+import { __awaiter } from "tslib";
+import { Component, Inject } from '@angular/core';
+import { Command } from '@coolon/pectin';
+import { ACTIVITY_DATA } from '../../activity';
+import { AbstractConfirmDialogComponent } from '../abstract-confirm-dialog.component';
+export class ConfirmThenExecuteDialogComponent extends AbstractConfirmDialogComponent {
+    constructor(data) {
+        super(data.confirm);
+        this.confirmCommand = Command.create(() => __awaiter(this, void 0, void 0, function* () {
+            try {
+                const result = yield data.operation(this.interactionContext);
+                this.done(result);
+            }
+            catch (e) {
+                this.cancel(e);
+            }
+        }));
+    }
+}
+ConfirmThenExecuteDialogComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-confirmation-execute-dialog',
+                template: "<aup-activity-title *ngIf=\"title\" [color]=\"color\"><aup-markdown [content]=\"title\" [inline]=\"true\"></aup-markdown></aup-activity-title>\n<aup-activity-body>\n  <aup-markdown *ngFor=\"let line of content\" [content]=\"line\"></aup-markdown>\n</aup-activity-body>\n<aup-activity-actions [confirmFace]=\"confirmFace\" [cancelFace]=\"cancelFace\"></aup-activity-actions>\n",
+                styles: [":host{display:block}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{margin-bottom:0!important;padding:0;align-items:flex-end;justify-content:flex-end}\n"]
+            },] }
+];
+ConfirmThenExecuteDialogComponent.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [ACTIVITY_DATA,] }] }
+];
+//# sourceMappingURL=confirm-then-execute-dialog.component.js.map

package/esm2015/lib/interaction/components/confirm-then-execute-dialog/confirm-then-execute-dialog.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-then-execute-dialog.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/confirm-then-execute-dialog/confirm-then-execute-dialog.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAU,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAY,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAIzD,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AAOtF,MAAM,OAAO,iCAAwC,SAAQ,8BAAkF;IAE7I,YAAoC,IAAkD;QACpF,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACpB,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,GAAS,EAAE;YAC9C,IAAI;gBACF,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;gBAC7D,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aACnB;YAAC,OAAO,CAAC,EAAE;gBACV,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;aAChB;QACH,CAAC,CAAA,CAAC,CAAC;IAEL,CAAC;;;YAlBF,SAAS,SAAC;gBACT,QAAQ,EAAE,iCAAiC;gBAC3C,mYAA2D;;aAE5D;;;4CAGc,MAAM,SAAC,aAAa","sourcesContent":["import { Component, Inject } from '@angular/core';\nimport { assert, Command } from '@coolon/pectin';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { Activity, ACTIVITY_DATA } from '../../activity';\nimport { Alert } from '../../alert';\nimport { Confirm } from '../../confirm';\nimport { InteractionContext } from '../../interaction-context';\nimport { AbstractConfirmDialogComponent } from '../abstract-confirm-dialog.component';\n\n@Component({\n  selector: 'aup-confirmation-execute-dialog',\n  templateUrl: './confirm-then-execute-dialog.component.html',\n  styleUrls: ['./confirm-then-execute-dialog.component.scss']\n})\nexport class ConfirmThenExecuteDialogComponent<R, E> extends AbstractConfirmDialogComponent<ConfirmThenExecuteDialogComponent.Data<R, E>, R, E> {\n\n  constructor(@Inject(ACTIVITY_DATA)  data: ConfirmThenExecuteDialogComponent.Data<R, E>) {\n    super(data.confirm);\n    this.confirmCommand = Command.create(async () => {\n      try {\n        const result = await data.operation(this.interactionContext);\n        this.done(result);\n      } catch (e) {\n        this.cancel(e);\n      }\n    });\n\n  }\n}\n\nexport namespace ConfirmThenExecuteDialogComponent {\n\n  export interface Data<R, E> {\n    confirm: Confirm,\n    operation: (interactionContext:InteractionContext) => R | Promise<R>;\n  }\n}\n"]}

package/esm2015/lib/interaction/components/confirm-then-execute-dialog/confirm-then-execute-dialog.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"ConfirmThenExecuteDialogComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-confirm-dialog.component","name":"AbstractConfirmDialogComponent","line":14,"character":61},"arity":2,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"aup-confirmation-execute-dialog","template":"<aup-activity-title *ngIf=\"title\" [color]=\"color\"><aup-markdown [content]=\"title\" [inline]=\"true\"></aup-markdown></aup-activity-title>\n<aup-activity-body>\n  <aup-markdown *ngFor=\"let line of content\" [content]=\"line\"></aup-markdown>\n</aup-activity-body>\n<aup-activity-actions [confirmFace]=\"confirmFace\" [cancelFace]=\"cancelFace\"></aup-activity-actions>\n","styles":[":host{display:block}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{margin-bottom:0!important;padding:0;align-items:flex-end;justify-content:flex-end}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":15},"arguments":[{"__symbolic":"reference","module":"../../activity","name":"ACTIVITY_DATA","line":16,"character":22}]}]],"parameters":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ConfirmThenExecuteDialogComponent"},"member":"Data","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":16,"character":83,"context":{"typeName":"R"}},{"__symbolic":"error","message":"Could not resolve type","line":16,"character":86,"context":{"typeName":"E"}}]}]}]}}}}]

package/esm2015/lib/interaction/components/confirm-then-execute-dialog/confirm-then-execute-dialog.component.ngfactory.js.map

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

package/esm2015/lib/interaction/components/confirm-then-execute-dialog/confirm-then-execute-dialog.component.scss.shim.ngstyle.js.map

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

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

@@ -1,40 +1,21 @@
 import { Component, Inject } from '@angular/core';
-import { assert, Command } from '@coolon/pectin';
-import { Activity, ACTIVITY_DATA } from '../../activity';
-export class ConfirmationDialogComponent extends Activity {
+import { Command } from '@coolon/pectin';
+import { ACTIVITY_DATA } from '../../activity';
+import { AbstractConfirmDialogComponent } from '../abstract-confirm-dialog.component';
+export class ConfirmationDialogComponent extends AbstractConfirmDialogComponent {
     constructor(confirm) {
-        super();
+        super(confirm);
         this.confirm = confirm;
-        assert.notNil(confirm);
         this.confirmCommand = Command.create(() => {
             return this.done();
         });
-        this.cancelCommand = Command.create(() => {
-            return this.cancel();
-        });
-        this.confirmFace = {
-            text: () => confirm.ok(),
-            color: () => this.isDestructive() ? 'warn' : 'primary',
-            style: () => 'raised'
-        };
-        this.cancelFace = {
-            text: () => confirm.cancel(),
-        };
-    }
-    ngOnInit() {
-    }
-    get titleColor() {
-        return this.isDestructive() ? 'warn' : undefined;
-    }
-    isDestructive() {
-        return this.confirm.destructive && this.confirm.destructive();
     }
 }
 ConfirmationDialogComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-confirmation-dialog',
-                template: "<aup-activity-title *ngIf=\"confirm.title\" [color]=\"titleColor\">{{confirm.title()}}</aup-activity-title>\n<aup-activity-body>\n  <p *ngFor=\"let line of confirm.content()\">{{line}}</p>\n</aup-activity-body>\n<aup-activity-actions [confirmFace]=\"confirmFace\" [cancelFace]=\"cancelFace\"></aup-activity-actions>\n\n",
-                styles: [":host{display:block}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{margin-bottom:0!important;padding:0;align-items:flex-end;justify-content:flex-end}"]
+                template: "<aup-activity-title *ngIf=\"title\" [color]=\"color\"><aup-markdown [content]=\"title\" [inline]=\"true\"></aup-markdown></aup-activity-title>\n<aup-activity-body>\n  <aup-markdown *ngFor=\"let line of content\" [content]=\"line\"></aup-markdown>\n</aup-activity-body>\n<aup-activity-actions [confirmFace]=\"confirmFace\" [cancelFace]=\"cancelFace\"></aup-activity-actions>\n\n",
+                styles: [":host{display:block}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{margin-bottom:0!important;padding:0;align-items:flex-end;justify-content:flex-end}\n"]
             },] }
 ];
 ConfirmationDialogComponent.ctorParameters = () => [

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

@@ -1 +1 @@
-{"version":3,"file":"confirmation-dialog.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/confirmation-dialog/confirmation-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAU,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAQzD,MAAM,OAAO,2BAA4B,SAAQ,QAAuB;IAKtE,YAA4C,OAAgB;QAC1D,KAAK,EAAE,CAAC;QADkC,YAAO,GAAP,OAAO,CAAS;QAE1D,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAEvB,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACxC,OAAO,IAAI,CAAC,IAAI,EAAE,CAAA;QACpB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACvC,OAAO,IAAI,CAAC,MAAM,EAAE,CAAA;QACtB,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,WAAW,GAAG;YACjB,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE;YACxB,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YACtD,KAAK,EAAE,GAAG,EAAE,CAAC,QAAQ;SACtB,CAAC;QAEF,IAAI,CAAC,UAAU,GAAG;YAChB,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE;SAC7B,CAAC;IACJ,CAAC;IAED,QAAQ;IACR,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IACnD,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAChE,CAAC;;;YA1CF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,2UAAmD;;aAEpD;;;4CAMc,MAAM,SAAC,aAAa","sourcesContent":["import { Component, Inject, OnInit } from '@angular/core';\nimport { assert, Command } from '@coolon/pectin';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { Activity, ACTIVITY_DATA } from '../../activity';\nimport { Confirm } from '../../confirm';\n\n@Component({\n  selector: 'aup-confirmation-dialog',\n  templateUrl: './confirmation-dialog.component.html',\n  styleUrls: ['./confirmation-dialog.component.scss']\n})\nexport class ConfirmationDialogComponent extends Activity<Confirm, void> implements OnInit {\n\n  readonly confirmFace: CommandFace;\n  readonly cancelFace: CommandFace;\n\n  constructor(@Inject(ACTIVITY_DATA) readonly confirm: Confirm) {\n    super();\n    assert.notNil(confirm);\n\n    this.confirmCommand = Command.create(() => {\n      return this.done()\n    });\n\n    this.cancelCommand = Command.create(() => {\n      return this.cancel()\n    })\n\n    this.confirmFace = {\n      text: () => confirm.ok(),\n      color: () => this.isDestructive() ? 'warn' : 'primary',\n      style: () => 'raised'\n    };\n\n    this.cancelFace = {\n      text: () => confirm.cancel(),\n    };\n  }\n\n  ngOnInit() {\n  }\n\n  get titleColor() {\n    return this.isDestructive() ? 'warn' : undefined;\n  }\n\n  isDestructive(): boolean {\n    return this.confirm.destructive && this.confirm.destructive();\n  }\n}\n"]}
+{"version":3,"file":"confirmation-dialog.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/confirmation-dialog/confirmation-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAU,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAU,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAY,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGzD,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AAOtF,MAAM,OAAO,2BAA4B,SAAQ,8BAA6C;IAE5F,YAA4C,OAAgB;QAC1D,KAAK,CAAC,OAAO,CAAC,CAAC;QAD2B,YAAO,GAAP,OAAO,CAAS;QAG1D,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACxC,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;QACrB,CAAC,CAAC,CAAC;IAEL,CAAC;;;YAdF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,qYAAmD;;aAEpD;;;4CAGc,MAAM,SAAC,aAAa","sourcesContent":["import { Component, Inject, OnInit } from '@angular/core';\nimport { assert, Command } from '@coolon/pectin';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { Activity, ACTIVITY_DATA } from '../../activity';\nimport { Alert } from '../../alert';\nimport { Confirm } from '../../confirm';\nimport { AbstractConfirmDialogComponent } from '../abstract-confirm-dialog.component';\n\n@Component({\n  selector: 'aup-confirmation-dialog',\n  templateUrl: './confirmation-dialog.component.html',\n  styleUrls: ['./confirmation-dialog.component.scss']\n})\nexport class ConfirmationDialogComponent extends AbstractConfirmDialogComponent<Confirm, void> {\n\n  constructor(@Inject(ACTIVITY_DATA) readonly confirm: Confirm) {\n    super(confirm);\n\n    this.confirmCommand = Command.create(() => {\n      return this.done();\n    });\n\n  }\n}\n"]}

package/esm2015/lib/interaction/components/confirmation-dialog/confirmation-dialog.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ConfirmationDialogComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../activity","name":"Activity","line":11,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"aup-confirmation-dialog","template":"<aup-activity-title *ngIf=\"confirm.title\" [color]=\"titleColor\">{{confirm.title()}}</aup-activity-title>\n<aup-activity-body>\n  <p *ngFor=\"let line of confirm.content()\">{{line}}</p>\n</aup-activity-body>\n<aup-activity-actions [confirmFace]=\"confirmFace\" [cancelFace]=\"cancelFace\"></aup-activity-actions>\n\n","styles":[":host{display:block}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{margin-bottom:0!important;padding:0;align-items:flex-end;justify-content:flex-end}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":15},"arguments":[{"__symbolic":"reference","module":"../../activity","name":"ACTIVITY_DATA","line":16,"character":22}]}]],"parameters":[{"__symbolic":"reference","module":"../../confirm","name":"Confirm","line":16,"character":55}]}],"ngOnInit":[{"__symbolic":"method"}],"isDestructive":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ConfirmationDialogComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-confirm-dialog.component","name":"AbstractConfirmDialogComponent","line":13,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"aup-confirmation-dialog","template":"<aup-activity-title *ngIf=\"title\" [color]=\"color\"><aup-markdown [content]=\"title\" [inline]=\"true\"></aup-markdown></aup-activity-title>\n<aup-activity-body>\n  <aup-markdown *ngFor=\"let line of content\" [content]=\"line\"></aup-markdown>\n</aup-activity-body>\n<aup-activity-actions [confirmFace]=\"confirmFace\" [cancelFace]=\"cancelFace\"></aup-activity-actions>\n\n","styles":[":host{display:block}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{margin-bottom:0!important;padding:0;align-items:flex-end;justify-content:flex-end}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":15},"arguments":[{"__symbolic":"reference","module":"../../activity","name":"ACTIVITY_DATA","line":15,"character":22}]}]],"parameters":[{"__symbolic":"reference","module":"../../confirm","name":"Confirm","line":15,"character":55}]}]}}}}]

package/esm2015/lib/interaction/components/editors/edit-context.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=edit-context.js.map

package/esm2015/lib/interaction/components/editors/edit-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-context.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/editors/edit-context.ts"],"names":[],"mappings":"","sourcesContent":["export interface EditContext<T> {\n  injectError(error: string);\n  // replaceValue(value:T) // TODO: implement..\n}\n"]}

package/esm2015/lib/interaction/components/editors/edit-context.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"EditContext":{"__symbolic":"interface"}}}]

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.js

@@ -0,0 +1,50 @@
+import { DelegatingValueModel, Dsl, GarbageCollector, MutableListModel, MutableValueModel, TrackExternal, assert } from '@coolon/pectin';
+export class InlineEditorModel extends GarbageCollector {
+    constructor(valueModel, saveCallback) {
+        super();
+        this.valueModel = valueModel;
+        this.saveCallback = saveCallback;
+        this.editing = new MutableValueModel(false);
+        this._validators = new MutableListModel();
+        this._editingEnabled = this.registerDisposable(new DelegatingValueModel().withDefault(true));
+        assert.notNil(valueModel);
+        const { when } = Dsl.disposeWith(this);
+        when(this.editingEnabled).becomesFalsey(() => this.cancelEdit());
+    }
+    get editingEnabled() {
+        return this._editingEnabled.readonly;
+    }
+    disableWhile(condition) {
+        const { chain } = Dsl.disposeWith(this);
+        this.enableWhile(chain(condition).isFalsey());
+        return this;
+    }
+    enableWhile(condition) {
+        this._editingEnabled.setDelegate(condition);
+        return this;
+    }
+    get validators() {
+        return this._validators.readonly;
+    }
+    validateUsing(validator) {
+        this._validators.push(validator);
+        return this;
+    }
+    isEditing() {
+        return this.editing.value;
+    }
+    cancelEdit() {
+        this.editing.value = false;
+    }
+    startEditing() {
+        this.editing.value = true;
+    }
+}
+(function (InlineEditorModel) {
+    function create(valueModel, options) {
+        return new InlineEditorModel(valueModel, options.save);
+    }
+    InlineEditorModel.create = create;
+})(InlineEditorModel || (InlineEditorModel = {}));
+TrackExternal.oneTimeBinding(InlineEditorModel);
+//# sourceMappingURL=inline-editor-model.js.map

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-editor-model.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/editors/inline-string-editor/inline-editor-model.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,GAAG,EACH,gBAAgB,EAEhB,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EAGb,MAAM,EACP,MAAM,gBAAgB,CAAC;AAIxB,MAAM,OAAO,iBAAqB,SAAQ,gBAAgB;IAMxD,YAAqB,UAAyB,EAAW,YAA+C;QACtG,KAAK,EAAE,CAAC;QADW,eAAU,GAAV,UAAU,CAAe;QAAW,iBAAY,GAAZ,YAAY,CAAmC;QAJ/F,YAAO,GAAG,IAAI,iBAAiB,CAAU,KAAK,CAAC,CAAC;QACxC,gBAAW,GAAmC,IAAI,gBAAgB,EAAgB,CAAC;QAC5F,oBAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,oBAAoB,EAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QAIvG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC1B,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IACnE,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;IACvC,CAAC;IAED,YAAY,CAAC,SAA8B;QACzC,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,WAAW,CAAC,SAA8B;QACxC,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;IACnC,CAAC;IAED,aAAa,CAAC,SAAuB;QACnC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAGD,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAC5B,CAAC;IAED,UAAU;QACR,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED,YAAY;QACV,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;IAC5B,CAAC;CAEF;AAED,WAAiB,iBAAiB;IAIhC,SAAgB,MAAM,CAAI,UAAyB,EAAE,OAAkC;QACrF,OAAO,IAAI,iBAAiB,CAAI,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAFe,wBAAM,SAErB,CAAA;AAEH,CAAC,EARgB,iBAAiB,KAAjB,iBAAiB,QAQjC;AAED,aAAa,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import {\n  DelegatingValueModel,\n  Dsl,\n  GarbageCollector,\n  ListModel,\n  MutableListModel,\n  MutableValueModel,\n  TrackExternal,\n  Validator,\n  ValueModel,\n  assert\n} from '@coolon/pectin';\nimport { EditContext } from '../edit-context';\n\n\nexport class InlineEditorModel<T> extends GarbageCollector {\n\n  readonly editing = new MutableValueModel<boolean>(false);\n  private readonly _validators: MutableListModel<Validator<T>> = new MutableListModel<Validator<T>>();\n  private _editingEnabled = this.registerDisposable(new DelegatingValueModel<boolean>().withDefault(true));\n\n  constructor(readonly valueModel: ValueModel<T>, readonly saveCallback: InlineEditorModel.SaveCallback<T>) {\n    super();\n    assert.notNil(valueModel);\n    const { when } = Dsl.disposeWith(this);\n    when(this.editingEnabled).becomesFalsey(() => this.cancelEdit());\n  }\n\n  get editingEnabled(): ValueModel<boolean> {\n    return this._editingEnabled.readonly;\n  }\n\n  disableWhile(condition: ValueModel<boolean>): this {\n    const { chain } = Dsl.disposeWith(this);\n    this.enableWhile(chain(condition).isFalsey());\n    return this;\n  }\n\n  enableWhile(condition: ValueModel<boolean>): this {\n    this._editingEnabled.setDelegate(condition);\n    return this;\n  }\n\n  get validators(): ListModel<Validator<T>> {\n    return this._validators.readonly;\n  }\n\n  validateUsing(validator: Validator<T>): this { //}, options?: HasValidators.Options): this {\n    this._validators.push(validator);\n    return this;\n  }\n\n\n  isEditing(): boolean {\n    return this.editing.value;\n  }\n\n  cancelEdit() {\n    this.editing.value = false;\n  }\n\n  startEditing() {\n    this.editing.value = true;\n  }\n\n}\n\nexport namespace InlineEditorModel {\n\n  export type SaveCallback<T> = (value: T, context: EditContext<T>) => void | Promise<void>;\n\n  export function create<T>(valueModel: ValueModel<T>, options: { save: SaveCallback<T> }): InlineEditorModel<T> {\n    return new InlineEditorModel<T>(valueModel, options.save);\n  }\n\n}\n\nTrackExternal.oneTimeBinding(InlineEditorModel);\n"]}

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"InlineEditorModel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":15,"character":42},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@coolon/pectin","name":"ValueModel","line":21,"character":35,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":21,"character":46,"context":{"typeName":"T"}}]},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"InlineEditorModel"},"member":"SaveCallback","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":21,"character":104,"context":{"typeName":"T"}}]}]}],"disableWhile":[{"__symbolic":"method"}],"enableWhile":[{"__symbolic":"method"}],"validateUsing":[{"__symbolic":"method"}],"isEditing":[{"__symbolic":"method"}],"cancelEdit":[{"__symbolic":"method"}],"startEditing":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.js

@@ -0,0 +1,161 @@
+import { __awaiter, __decorate, __metadata } from "tslib";
+import { Component, Input, ViewChild } from '@angular/core';
+import { Command, DelegatingValueModel, Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
+import { lang } from '@coolon/typescript-utilities';
+import * as _ from 'lodash';
+import { DisposableComponent } from '../../../../components/disposable-component';
+import { InteractionService } from '../../../services/interaction.service';
+import { InPlaceInteractionContextComponent } from '../../inplace-interaction-context/in-place-interaction-context.component';
+import { InputActivity } from '../../input-activities/input-activity';
+import { StringInputActivity } from '../../input-activities/string-input-activity';
+import { InlineEditorModel } from './inline-editor-model';
+/**
+ * @example
+ * const source: ValueModel<string> = ...;
+ * const model = InlineEditorModel.create(source, {
+ *   save(updated:string, context: EditContext) => {
+ *      try {
+ *        try and save the thing...
+ *      } catch(error) {
+ *        context.injectError(error)
+ *      }
+ * }).validateUsing(Validator.present("We'll need a value");
+ *
+ * # in the view
+ * <aup-inline-string-editor
+ *       label="My field"
+ *       placeHolder="I'm ready for a string..."
+ *       [editorModel]="model"></aup-inline-string-editor>
+ */
+export class InlineStringEditorComponent extends DisposableComponent {
+    constructor(interactionService) {
+        super();
+        this.editingEnabled = this.registerDisposable(new DelegatingValueModel());
+        const { chain, when, valueOf } = Dsl.disposeWith(this);
+        const modalIC = interactionService.createModalInteractionContextDisposedWith(this);
+        const resolvedFacesModel = chain(this.facesModel).map(userFaces => {
+            return Object.assign(Object.assign({}, InlineStringEditorComponent.DEFAULT_FACES), userFaces);
+        }, { allowNil: true });
+        this.editFaceModel = resolvedFacesModel.pluck('edit');
+        this.saveFace = resolvedFacesModel.pluck('save');
+        this.cancelFace = resolvedFacesModel.pluck('cancel');
+        const self = this;
+        this.editCommand = Command.create(() => __awaiter(this, void 0, void 0, function* () {
+            this.editorModel.editing.value = true;
+            try {
+                yield this.interactionContext.startActivity(StringInputActivity, this.createInputActivityData());
+            }
+            catch (e) {
+                // don't care if they cancelled, just hiding the console errors
+            }
+            finally {
+                this.editorModel.editing.value = false;
+            }
+        })).enableWhile(this.editingEnabled);
+        this.onDispose(() => this.cancelEdit());
+    }
+    ngOnInit() {
+        // our editor model is a one time binding without delegates so we can only
+        // use it once we've been initialised
+        const { chain, when, valueOf } = Dsl.disposeWith(this);
+        if (!this.editorModel) {
+            lang.illegalState('editorModel is required');
+        }
+        this.editingEnabled.setDelegate(this.editorModel.editingEnabled);
+        when(this.editorModel.editing).becomesTruthy(() => {
+            this.editCommand.execute();
+        }, { asLongAs: this.editCommand.enabled });
+        when(this.editorModel.editing).becomesFalsey(() => this.cancelEdit());
+        this.empty = valueOf.any(chain.stringValue(this.editorModel.valueModel).isBlank()
+        // deviceDescription.isNil()
+        ).areTruthy();
+        this.displayValue = chain(this.editorModel.valueModel).map(v => {
+            return _.isEmpty(v) ? this.placeHolderModel.value : v;
+        }, { dependsOn: this.placeHolderModel, allowNil: true });
+    }
+    createInputActivityData() {
+        const self = this;
+        return {
+            initialValue: self.editorModel.valueModel.value,
+            confirmFace: self.saveFace.value,
+            cancelFace: self.cancelFace.value,
+            placeholder: self.placeHolderModel.value,
+            label: self.label,
+            layout: InputActivity.Layout.INLINE,
+            validators: self.editorModel.validators.value,
+            save(value, inputContext) {
+                return __awaiter(this, void 0, void 0, function* () {
+                    yield self.editorModel.saveCallback(value, inputContext);
+                });
+            }
+        };
+    }
+    cancelEdit() {
+        if (this.isEditing()) {
+            this.interactionContext.cancelActiveActivity();
+        }
+    }
+    startEdit() {
+        if (!this.isEditing() && this.editCommand.enabled.value) {
+            this.editCommand.execute();
+        }
+    }
+    isEditing() {
+        return this.interactionContext.isActive();
+    }
+    isEmpty() {
+        return this.empty.value;
+    }
+}
+InlineStringEditorComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-inline-string-editor',
+                template: "<div class=\"container\" *ngIf=\"!editorModel.isEditing()\">\n  <mat-form-field appearance=\"standard\" floatLabel=\"always\" (click)=\"startEdit()\"\n                  [class.editable]=\"editingEnabled.value\" [class.empty]=\"isEmpty()\">\n    <mat-label *ngIf=\"label\">{{label}}</mat-label>\n    <input matInput\n           placeholder=\"{{placeHolder}}\"\n           [ngModel]=\"editorModel.valueModel.value\"\n           [disabled]=\"true\"\n    >\n    <!--    <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>-->\n    <!--    <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>-->\n    <!--    <aup-icon *ngIf=\"iconPrefix\" matPrefix [icon]=\"iconPrefix\"></aup-icon>-->\n  </mat-form-field>\n  <aup-command *ngIf=\"editCommand.enabled.value\" [command]=\"editCommand\" [faceModel]=\"editFaceModel\"></aup-command>\n</div>\n<aup-in-place-interaction-context [animateFirstActivity]=\"false\"></aup-in-place-interaction-context>\n"
+            },] }
+];
+InlineStringEditorComponent.ctorParameters = () => [
+    { type: InteractionService }
+];
+InlineStringEditorComponent.propDecorators = {
+    editorModel: [{ type: Input }],
+    facesModel: [{ type: Input }],
+    faces: [{ type: Input }],
+    interactionContext: [{ type: ViewChild, args: [InPlaceInteractionContextComponent,] }],
+    label: [{ type: Input }],
+    placeHolder: [{ type: Input }],
+    placeHolderModel: [{ type: Input }]
+};
+__decorate([
+    TrackExternal(),
+    __metadata("design:type", InlineEditorModel)
+], InlineStringEditorComponent.prototype, "editorModel", void 0);
+__decorate([
+    TrackExternal(),
+    __metadata("design:type", ValueModel)
+], InlineStringEditorComponent.prototype, "facesModel", void 0);
+__decorate([
+    StoreInValueModel('facesModel'),
+    __metadata("design:type", Object)
+], InlineStringEditorComponent.prototype, "faces", void 0);
+__decorate([
+    StoreInValueModel('placeHolderModel'),
+    __metadata("design:type", String)
+], InlineStringEditorComponent.prototype, "placeHolder", void 0);
+__decorate([
+    TrackExternal(),
+    __metadata("design:type", ValueModel)
+], InlineStringEditorComponent.prototype, "placeHolderModel", void 0);
+(function (InlineStringEditorComponent) {
+    InlineStringEditorComponent.DEFAULT_FACES = {
+        edit: {
+            icon: () => 'mat:edit'
+        },
+        save: {
+            icon: () => 'mat:check'
+        },
+        cancel: {
+            icon: () => 'mat:clear'
+        }
+    };
+})(InlineStringEditorComponent || (InlineStringEditorComponent = {}));
+//# sourceMappingURL=inline-string-editor.component.js.map

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-string-editor.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, HostBinding, Input, OnInit, ViewChild } from '@angular/core';\nimport {\n  BooleanValueModelChain,\n  Command, DelegatingValueModel,\n  Dsl,\n  StoreInValueModel,\n  TrackExternal,\n  ValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { lang } from '@coolon/typescript-utilities';\nimport * as _ from 'lodash';\nimport { CommandFace } from '../../../../components/commands/command-face';\nimport { DisposableComponent } from '../../../../components/disposable-component';\nimport { InteractionService } from '../../../services/interaction.service';\nimport { InPlaceInteractionContextComponent } from '../../inplace-interaction-context/in-place-interaction-context.component';\nimport { InputActivity } from '../../input-activities/input-activity';\nimport { StringInputActivity } from '../../input-activities/string-input-activity';\nimport { InlineEditorModel } from './inline-editor-model';\n\n/**\n * @example\n * const source: ValueModel<string> = ...;\n * const model = InlineEditorModel.create(source, {\n *   save(updated:string, context: EditContext) => {\n *      try {\n *        try and save the thing...\n *      } catch(error) {\n *        context.injectError(error)\n *      }\n * }).validateUsing(Validator.present(\"We'll need a value\");\n *\n * # in the view\n * <aup-inline-string-editor\n *       label=\"My field\"\n *       placeHolder=\"I'm ready for a string...\"\n *       [editorModel]=\"model\"></aup-inline-string-editor>\n */\n@Component({\n  selector: 'aup-inline-string-editor',\n  templateUrl: './inline-string-editor.component.html',\n  styleUrls: [] // See assets/interaction/editor/inline-string-editor.scss\n})\nexport class InlineStringEditorComponent extends DisposableComponent implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  editorModel: InlineEditorModel<string>;\n\n  @Input()\n  @TrackExternal()\n  facesModel: ValueModel<InlineStringEditorComponent.Faces>;\n\n  @Input()\n  @StoreInValueModel('facesModel')\n  faces: InlineStringEditorComponent.Faces;\n\n  @ViewChild(InPlaceInteractionContextComponent)\n  interactionContext: InPlaceInteractionContextComponent<any, any, any>;\n\n  @Input()\n  label: string;\n\n  @Input()\n  @StoreInValueModel('placeHolderModel')\n  placeHolder: string;\n\n  @Input()\n  @TrackExternal()\n  placeHolderModel: ValueModel<string>;\n\n  readonly description: ValueModelChain<string>;\n  empty: BooleanValueModelChain;\n  readonly editCommand: Command<void>;\n\n  displayValue: ValueModelChain<string>;\n  readonly editFaceModel: ValueModelChain<CommandFace>;\n  readonly saveFace: ValueModelChain<CommandFace>;\n  readonly cancelFace: ValueModelChain<CommandFace>;\n\n  readonly editingEnabled = this.registerDisposable(new DelegatingValueModel<boolean>());\n\n  constructor(interactionService: InteractionService) {\n    super();\n    const { chain, when, valueOf } = Dsl.disposeWith(this);\n    const modalIC = interactionService.createModalInteractionContextDisposedWith(this);\n\n    const resolvedFacesModel = chain(this.facesModel).map(userFaces => {\n      return {\n        ...InlineStringEditorComponent.DEFAULT_FACES, // todo: should really inject app wide defaults as well\n        ...userFaces\n      };\n    }, { allowNil: true });\n\n    this.editFaceModel = resolvedFacesModel.pluck('edit');\n    this.saveFace = resolvedFacesModel.pluck('save');\n    this.cancelFace = resolvedFacesModel.pluck('cancel');\n\n    const self = this;\n    this.editCommand = Command.create(async () => {\n      this.editorModel.editing.value = true;\n      try {\n        await this.interactionContext.startActivity(StringInputActivity, this.createInputActivityData());\n      } catch (e) {\n        // don't care if they cancelled, just hiding the console errors\n      } finally {\n        this.editorModel.editing.value = false;\n      }\n    }).enableWhile(this.editingEnabled);\n\n    this.onDispose(() => this.cancelEdit());\n\n  }\n\n\n  ngOnInit(): void {\n    // our editor model is a one time binding without delegates so we can only\n    // use it once we've been initialised\n    const { chain, when, valueOf } = Dsl.disposeWith(this);\n\n    if (!this.editorModel) {\n      lang.illegalState('editorModel is required');\n    }\n\n    this.editingEnabled.setDelegate(this.editorModel.editingEnabled);\n\n    when(this.editorModel.editing).becomesTruthy(() => {\n      this.editCommand.execute();\n    }, { asLongAs: this.editCommand.enabled });\n\n    when(this.editorModel.editing).becomesFalsey(() => this.cancelEdit());\n\n    this.empty = valueOf.any(\n      chain.stringValue(this.editorModel.valueModel).isBlank()\n      // deviceDescription.isNil()\n    ).areTruthy();\n\n    this.displayValue = chain(this.editorModel.valueModel).map(v => {\n      return _.isEmpty(v) ? this.placeHolderModel.value : v;\n    }, { dependsOn: this.placeHolderModel, allowNil: true });\n\n  }\n\n\n  private createInputActivityData(): InputActivity.Data<string> {\n    const self = this;\n    return {\n      initialValue: self.editorModel.valueModel.value,\n      confirmFace: self.saveFace.value,\n      cancelFace: self.cancelFace.value,\n      placeholder: self.placeHolderModel.value,\n      label: self.label,\n      layout: InputActivity.Layout.INLINE,\n      validators: self.editorModel.validators.value,\n      async save(value: string, inputContext: InputActivity.Context): Promise<void> {\n        await self.editorModel.saveCallback(value, inputContext);\n      }\n    };\n  }\n\n  cancelEdit() {\n    if (this.isEditing()) {\n      this.interactionContext.cancelActiveActivity();\n    }\n  }\n\n  startEdit() {\n    if (!this.isEditing() && this.editCommand.enabled.value) {\n      this.editCommand.execute();\n    }\n  }\n\n  private isEditing() {\n    return this.interactionContext.isActive();\n  }\n\n  isEmpty(): boolean {\n    return this.empty.value;\n  }\n\n\n}\n\nexport namespace InlineStringEditorComponent {\n\n  export interface Faces {\n    edit?: CommandFace;\n    save?: CommandFace;\n    cancel?: CommandFace;\n  }\n\n  export const DEFAULT_FACES: Faces = {\n    edit: {\n      icon: () => 'mat:edit'\n    },\n    save: {\n      icon: () => 'mat:check'\n    },\n    cancel: {\n      icon: () => 'mat:clear'\n    }\n  };\n\n}\n"]}

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"InlineStringEditorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../components/disposable-component","name":"DisposableComponent","line":43,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"aup-inline-string-editor","styleUrls":[],"template":"<div class=\"container\" *ngIf=\"!editorModel.isEditing()\">\n  <mat-form-field appearance=\"standard\" floatLabel=\"always\" (click)=\"startEdit()\"\n                  [class.editable]=\"editingEnabled.value\" [class.empty]=\"isEmpty()\">\n    <mat-label *ngIf=\"label\">{{label}}</mat-label>\n    <input matInput\n           placeholder=\"{{placeHolder}}\"\n           [ngModel]=\"editorModel.valueModel.value\"\n           [disabled]=\"true\"\n    >\n    <!--    <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>-->\n    <!--    <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>-->\n    <!--    <aup-icon *ngIf=\"iconPrefix\" matPrefix [icon]=\"iconPrefix\"></aup-icon>-->\n  </mat-form-field>\n  <aup-command *ngIf=\"editCommand.enabled.value\" [command]=\"editCommand\" [faceModel]=\"editFaceModel\"></aup-command>\n</div>\n<aup-in-place-interaction-context [animateFirstActivity]=\"false\"></aup-in-place-interaction-context>\n"}]}],"members":{"editorModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":46,"character":3}}]}],"facesModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":50,"character":3}}]}],"faces":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":54,"character":3},"arguments":["facesModel"]}]}],"interactionContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":57,"character":3},"arguments":[{"__symbolic":"reference","module":"../../inplace-interaction-context/in-place-interaction-context.component","name":"InPlaceInteractionContextComponent","line":57,"character":13}]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"placeHolder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":64,"character":3},"arguments":["placeHolderModel"]}]}],"placeHolderModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":68,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../services/interaction.service","name":"InteractionService","line":82,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"createInputActivityData":[{"__symbolic":"method"}],"cancelEdit":[{"__symbolic":"method"}],"startEdit":[{"__symbolic":"method"}],"isEditing":[{"__symbolic":"method"}],"isEmpty":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.ngfactory.js.map

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

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

@@ -1,4 +1,4 @@
-import { Component, Inject, Input, Optional, ViewChild } from '@angular/core';
+import { Component, HostBinding, 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';
@@ -29,6 +29,9 @@ export class InPlaceInteractionContextComponent extends DisposableComponent {
         var _a;
         return this.animateFirstActivity ? (((_a = this.tabConfig) === null || _a === void 0 ? void 0 : _a.animationDuration) || '500ms') : '0ms';
     }
+    get active() {
+        return this.isActive();
+    }
     ngAfterViewInit() {
         this.interactionService.registerInplaceInteractionContext(this);
     }
@@ -53,6 +56,9 @@ export class InPlaceInteractionContextComponent extends DisposableComponent {
     confirmThen(confirm, activityType, data) {
         return this.activityContainerComponent.confirmThen(confirm, activityType);
     }
+    confirmThenExecute(confirm, operation) {
+        return this.activityContainerComponent.confirmThenExecute(confirm, operation);
+    }
     isActive() {
         return this.activityContainerComponent.isActive();
     }
@@ -64,7 +70,7 @@ InPlaceInteractionContextComponent.decorators = [
     { type: Component, args: [{
                 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}"]
+                styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}\n"]
             },] }
 ];
 InPlaceInteractionContextComponent.ctorParameters = () => [
@@ -73,6 +79,7 @@ InPlaceInteractionContextComponent.ctorParameters = () => [
 ];
 InPlaceInteractionContextComponent.propDecorators = {
     activityContainerComponent: [{ type: ViewChild, args: ['activityContainer', { static: true },] }],
-    animateFirstActivity: [{ type: Input }]
+    animateFirstActivity: [{ type: Input }],
+    active: [{ type: HostBinding, args: ["class.active",] }]
 };
 //# 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":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/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;AAC7F,OAAO,EAAE,eAAe,EAAiB,MAAM,wBAAwB,CAAC;AAGxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAK/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oDAAoD,CAAC;AAEhG;;;;;;;;;;GAUG;AAMH,MAAM,OAAO,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,CAAA,MAAA,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,EAAE,OAAoC;QAC1H,OAAO,IAAI,CAAC,0BAA0B,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;IACpF,CAAC;;;YA/DF,SAAS,SAAC;gBACT,QAAQ,EAAE,kCAAkC;gBAC5C,oXAA4D;;aAE7D;;;YAlBQ,kBAAkB;4CAmCqC,MAAM,SAAC,eAAe,cAAG,QAAQ;;;yCAd9F,SAAS,SAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;mCAO/C,KAAK","sourcesContent":["import { AfterViewInit, Component, Inject, Input, Optional, ViewChild } from '@angular/core';\nimport { MAT_TABS_CONFIG, MatTabsConfig } from '@angular/material/tabs';\nimport { Constructable } from '@coolon/pectin';\nimport _ from 'lodash';\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/**\n * @example\n *   <aup-in-place-interaction-context #inPlaceInteractionContext>\n *   </aup-in-place-interaction-context>\n *\n *   in your component\n *     @ViewChild('inPlaceInteractionContext', { static: true })\n *     interactionContext: InteractionContext;\n *\n *\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, options?: InteractionContext.Options): Promise<R1> {\n    return this.activityContainerComponent.startActivity(activityType, data, options);\n  }\n\n}\n"]}
+{"version":3,"file":"in-place-interaction-context.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1G,OAAO,EAAE,eAAe,EAAiB,MAAM,wBAAwB,CAAC;AAGxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAK/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oDAAoD,CAAC;AAEhG;;;;;;;;;;GAUG;AAMH,MAAM,OAAO,kCAA4C,SAAQ,mBAAmB;IAqBlF,YAAqB,kBAAsC,EAAwD,SAAwB;QACzI,KAAK,EAAE,CAAC;QADW,uBAAkB,GAAlB,kBAAkB,CAAoB;QAAwD,cAAS,GAAT,SAAS,CAAe;QAhB3I;;;WAGG;QAEH,yBAAoB,GAAG,IAAI,CAAC;IAa5B,CAAC;IAXD,IAAI,iBAAiB;;QACnB,OAAO,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,iBAAiB,KAAI,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5F,CAAC;IAED,IACI,MAAM;QACR,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;IACzB,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,kBAAkB,CAAK,OAAgB,EAAE,SAAyE;QAChH,OAAO,IAAI,CAAC,0BAA0B,CAAC,kBAAkB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAChF,CAAC;IAID,QAAQ;QACN,OAAO,IAAI,CAAC,0BAA0B,CAAC,QAAQ,EAAE,CAAC;IACpD,CAAC;IAED,aAAa,CAAa,YAAiD,EAAE,IAAS,EAAE,OAAoC;QAC1H,OAAO,IAAI,CAAC,0BAA0B,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;IACpF,CAAC;;;YA1EF,SAAS,SAAC;gBACT,QAAQ,EAAE,kCAAkC;gBAC5C,oXAA4D;;aAE7D;;;YAlBQ,kBAAkB;4CAwCqC,MAAM,SAAC,eAAe,cAAG,QAAQ;;;yCAnB9F,SAAS,SAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;mCAO/C,KAAK;qBAOL,WAAW,SAAC,cAAc","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 _ from 'lodash';\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/**\n * @example\n *   <aup-in-place-interaction-context #inPlaceInteractionContext>\n *   </aup-in-place-interaction-context>\n *\n *   in your component\n *     @ViewChild('inPlaceInteractionContext', { static: true })\n *     interactionContext: InteractionContext;\n *\n *\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  @HostBinding(\"class.active\")\n  get active() {\n    return this.isActive();\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  confirmThenExecute<R1>(confirm: Confirm, operation: (interactionContext: InteractionContext) => (Promise<R1> | R1)): Promise<R1> {\n    return this.activityContainerComponent.confirmThenExecute(confirm, operation);\n  }\n\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, options?: InteractionContext.Options): Promise<R1> {\n    return this.activityContainerComponent.startActivity(activityType, data, options);\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":28,"character":65},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"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":30,"character":3},"arguments":["activityContainer",{"static":true}]}]}],"animateFirstActivity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":64},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MAT_TABS_CONFIG","line":44,"character":71}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":44,"character":89}}]],"parameters":[{"__symbolic":"reference","module":"../../services/interaction.service","name":"InteractionService","line":44,"character":43},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsConfig","line":44,"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"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"InPlaceInteractionContextComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":28,"character":65},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"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}\n"]}]}],"members":{"activityContainerComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["activityContainer",{"static":true}]}]}],"animateFirstActivity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":44,"character":3},"arguments":["class.active"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":49,"character":64},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MAT_TABS_CONFIG","line":49,"character":71}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":49,"character":89}}]],"parameters":[{"__symbolic":"reference","module":"../../services/interaction.service","name":"InteractionService","line":49,"character":43},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsConfig","line":49,"character":128}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"initialise":[{"__symbolic":"method"}],"alert":[{"__symbolic":"method"}],"cancelActiveActivity":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}],"confirmOrReject":[{"__symbolic":"method"}],"confirmThen":[{"__symbolic":"method"}],"confirmThenExecute":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"startActivity":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/interaction/components/input-activities/input-activity.js

@@ -0,0 +1,95 @@
+import { __awaiter } from "tslib";
+import { Component, HostBinding, HostListener, Inject, Input } from '@angular/core';
+import { Command, DirtyTrackingForm } from '@coolon/pectin';
+import * as _ from 'lodash';
+import { Enum } from 'typescript-string-enums';
+import { Activity, ACTIVITY_DATA } from '../../activity';
+// @see https://github.com/ng-packagr/ng-packagr/issues/641 and  https://github.com/angular/angular/issues/21123
+// we're getting a metadata error for D for no reason that I can find and only during the build (ng serve works fine)
+// @dynamic
+export class InputActivity extends Activity {
+    constructor(data) {
+        var _a, _b;
+        super();
+        this.data = data;
+        this.class = 'aup-input-activity';
+        const form = new DirtyTrackingForm();
+        this.valueModel = form.valueModel(this.data.initialValue);
+        this.valueModel.validateUsing(data.validators || []);
+        // TODO: move to global configuration
+        this.confirmFace = (_a = data.confirmFace) !== null && _a !== void 0 ? _a : {
+            icon: () => 'mat:check'
+        };
+        this.cancelFace = (_b = data.cancelFace) !== null && _b !== void 0 ? _b : {
+            icon: () => 'mat:clear'
+        };
+        this.confirmCommand = Command.create(() => __awaiter(this, void 0, void 0, function* () {
+            if (this.valueModel.validate()) {
+                if (data.save) {
+                    const self = this;
+                    try {
+                        let allGood = true;
+                        const result = yield data.save(this.valueModel.value, {
+                            injectError(error) {
+                                allGood = false;
+                                self.valueModel.injectErrors([error]);
+                            }
+                        });
+                        if (allGood) {
+                            this.done(this.valueModel.value);
+                        }
+                    }
+                    catch (e) {
+                        console.error(e);
+                    }
+                }
+                else {
+                    this.done(this.valueModel.value);
+                }
+            }
+        }));
+        this.cancelCommand = Command.create(() => {
+            this.cancel();
+        });
+        this.busyWhile(this.confirmCommand.busy);
+    }
+    get layout() {
+        var _a, _b;
+        return (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.layout) !== null && _b !== void 0 ? _b : InputActivity.Layout.BLOCK;
+    }
+    onActivityReady() {
+        this.valueModel.focusContext.requestFocus();
+    }
+    get additionalCssClassName() {
+        var _a;
+        return (_a = this.data.cssClassName) !== null && _a !== void 0 ? _a : '';
+    }
+    onEscape() {
+        if (this.shouldCancelOnEscape() && this.cancelCommand.enabled.value) {
+            this.cancelCommand.execute();
+        }
+    }
+    shouldCancelOnEscape() {
+        return _.isNil(this.data.cancelOnEscape) // we default to true..
+            || this.data.cancelOnEscape;
+    }
+}
+InputActivity.decorators = [
+    { type: Component, args: [{ template: `` },] }
+];
+InputActivity.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [ACTIVITY_DATA,] }] }
+];
+InputActivity.propDecorators = {
+    class: [{ type: HostBinding, args: ['class',] }],
+    layout: [{ type: Input }, { type: HostBinding, args: ['attr.layout',] }],
+    additionalCssClassName: [{ type: HostBinding, args: ["class",] }],
+    onEscape: [{ type: HostListener, args: ['keydown.escape',] }]
+};
+(function (InputActivity) {
+    InputActivity.Layout = Enum({
+        INLINE: 'inline',
+        BLOCK: 'block'
+    });
+})(InputActivity || (InputActivity = {}));
+//# sourceMappingURL=input-activity.js.map