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

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -2975,19 +2975,38 @@
         __extends(EditRowControls, _super);
         function EditRowControls() {
             var _this = _super.call(this) || this;
-            _this.saveCommand = pectin.Command.create(function () {
-                _this.editSession.saveCommand.execute(_this.editSession.form)
-                    .then(function (finished) {
-                    if (finished) {
-                        _this.editSession.dispose();
+            _this.saveCommand = pectin.Command.create(function () { return __awaiter(_this, void 0, void 0, function () {
+                var finished;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, this.editSession.saveCommand.execute()];
+                        case 1:
+                            finished = _b.sent();
+                            if (finished) {
+                                this.editSession.dispose();
+                            }
+                            return [2 /*return*/];
                     }
                 });
-            });
+            }); });
             _this.cancelCommand = pectin.Command.create(function () {
                 _this.editSession.dispose();
-            });
+            }).disableWhile(_this.saveCommand.busy);
             return _this;
         }
+        Object.defineProperty(EditRowControls.prototype, "editSession", {
+            get: function () {
+                return this._session;
+            },
+            set: function (session) {
+                if (session) {
+                    session.form.disableWhile(this.saveCommand.busy);
+                }
+                this._session = session;
+            },
+            enumerable: false,
+            configurable: true
+        });
         EditRowControls.prototype.ngOnInit = function () {
         };
         Object.defineProperty(EditRowControls.prototype, "form", {
@@ -3401,7 +3420,7 @@
     }(ColumnModel));
     var EditorControlColumnModel = /** @class */ (function (_super) {
         __extends(EditorControlColumnModel, _super);
-        function EditorControlColumnModel(columnId, saveCommand, defaults) {
+        function EditorControlColumnModel(columnId, saveCommandFactory, defaults) {
             var _this = _super.call(this, columnId, defaults) || this;
             _this.cellRenderer(EditRowControls);
             return _this;
@@ -3984,11 +4003,14 @@
             }
             return selectionColumnModel;
         };
-        AbstractTableModel.prototype.addEditControls = function (saveCommand) {
+        AbstractTableModel.prototype.addEditControls = function (saveCommandFactory, formFactory) {
             var _this = this;
-            this.saveCommand = saveCommand;
+            this.saveCommandFactory = saveCommandFactory;
+            if (___namespace.isFunction(formFactory)) {
+                this._createForm = formFactory;
+            }
             var columnId = 'editControls';
-            return this.addColumn(new EditorControlColumnModel(columnId, saveCommand, function () { return _this.getColumnTextProperties(columnId); }));
+            return this.addColumn(new EditorControlColumnModel(columnId, saveCommandFactory, function () { return _this.getColumnTextProperties(columnId); }));
         };
         AbstractTableModel.prototype.addCustomColumn = function (columnId, dataAccessor) {
             var _this = this;
@@ -4036,19 +4058,20 @@
             if (this._rowsBeingEdited.query().indexOf(row) > -1) {
                 return pectin.lang.illegalState("Row with id=" + rowId + " already being edited");
             }
-            else {
-                var editSession_1 = new EditSession(rowId, row, this._createForm(row), this.saveCommand);
-                var when = pectin.Dsl.disposeWith(editSession_1).when;
-                when(editSession_1.liveRowValue).changes(function (editedValue) {
-                    _this._rowsBeingEdited.replaceOrPush(editedValue);
-                }, { initialValue: 'triggerChangeUnlessNil' });
-                this._editorSessions.push(editSession_1);
-                editSession_1.onDispose(function () {
-                    _this._rowsBeingEdited.remove(editSession_1.liveRowValue.value);
-                    _this._editorSessions.remove(editSession_1);
-                });
-                return editSession_1;
-            }
+            // todo: pass the factories to the edit session so we can make the whole lot pluggable?
+            var form = this._createForm(row);
+            var saveCommand = this.saveCommandFactory.create(form);
+            var editSession = new EditSession(rowId, row, form, saveCommand);
+            var when = pectin.Dsl.disposeWith(editSession).when;
+            when(editSession.liveRowValue).changes(function (editedValue) {
+                _this._rowsBeingEdited.replaceOrPush(editedValue);
+            }, { initialValue: 'triggerChangeUnlessNil' });
+            this._editorSessions.push(editSession);
+            editSession.onDispose(function () {
+                _this._rowsBeingEdited.remove(editSession.liveRowValue.value);
+                _this._editorSessions.remove(editSession);
+            });
+            return editSession;
         };
         AbstractTableModel.prototype.getEditSessionFor = function (row) {
             return this._editorSessionByRowId.get(this.identityOf(row));
@@ -4142,18 +4165,19 @@
      *   --row-selected-background-color: rebeccapurple; // defaults to transparent
      *   --first-column-padding-left: 18px // defaults to --column-gap
      *   --last-column-padding-right: 18px // defaults to --column-gap
-     *
-     *   aup-table-header-cell-renderer,
-     *   aup-table-cell-renderer {
-     *     &.aup-col-my-dasherised-column-id {
-     *       // do stuff
-     *     }
-     *     &.first-visible-column {
-     *       // do stuff
-     *     }
-     *     &.last-visible-column {
-     *       // do stuff
-     *     }
+     *   ::ng-deep {
+     *      aup-table-header-cell-renderer,
+     *      aup-table-cell-renderer {
+     *        &.aup-col-my-dasherised-column-id {
+     *          // do stuff
+     *        }
+     *        &.first-visible-column {
+     *          // do stuff
+     *        }
+     *        &.last-visible-column {
+     *          // do stuff
+     *        }
+     *      }
      *   }
      * }
      */