devextreme 23.1.2-beta → 23.1.3

package/cjs/__internal/grids/grid_core/editing/module.js

@@ -0,0 +1,2457 @@
+/**
+ * DevExtreme (cjs/__internal/grids/grid_core/editing/module.js)
+ * Version: 23.1.3
+ * Build date: Fri Jun 09 2023
+ *
+ * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+ * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
+ */
+"use strict";
+
+function _typeof(obj) {
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj) {
+        return typeof obj
+    } : function(obj) {
+        return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj
+    }, _typeof(obj)
+}
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.editingModule = void 0;
+var _renderer = _interopRequireDefault(require("../../../../core/renderer"));
+var _dom_adapter = _interopRequireDefault(require("../../../../core/dom_adapter"));
+var _events_engine = _interopRequireDefault(require("../../../../events/core/events_engine"));
+var _guid = _interopRequireDefault(require("../../../../core/guid"));
+var _dom = require("../../../../core/utils/dom");
+var _type = require("../../../../core/utils/type");
+var _iterator = require("../../../../core/utils/iterator");
+var _extend = require("../../../../core/utils/extend");
+var _click = require("../../../../events/click");
+var _pointer = _interopRequireDefault(require("../../../../events/pointer"));
+var _array_utils = require("../../../../data/array_utils");
+var _index = require("../../../../events/utils/index");
+var _dialog = require("../../../../ui/dialog");
+var _message = _interopRequireDefault(require("../../../../localization/message"));
+var _devices = _interopRequireDefault(require("../../../../core/devices"));
+var _deferred = require("../../../../core/utils/deferred");
+var _common = require("../../../../core/utils/common");
+var iconUtils = _interopRequireWildcard(require("../../../../core/utils/icon"));
+var _object = require("../../../../core/utils/object");
+var _const = require("./const");
+var _modules = _interopRequireDefault(require("../modules"));
+var _module_utils = _interopRequireDefault(require("../module_utils"));
+
+function _getRequireWildcardCache(nodeInterop) {
+    if ("function" !== typeof WeakMap) {
+        return null
+    }
+    var cacheBabelInterop = new WeakMap;
+    var cacheNodeInterop = new WeakMap;
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop
+    })(nodeInterop)
+}
+
+function _interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj
+    }
+    if (null === obj || "object" !== _typeof(obj) && "function" !== typeof obj) {
+        return {
+            default: obj
+        }
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj)
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for (var key in obj) {
+        if ("default" !== key && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc)
+            } else {
+                newObj[key] = obj[key]
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj)
+    }
+    return newObj
+}
+
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    }
+}
+
+function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function(target) {
+        for (var i = 1; i < arguments.length; i++) {
+            var source = arguments[i];
+            for (var key in source) {
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key]
+                }
+            }
+        }
+        return target
+    };
+    return _extends.apply(this, arguments)
+}
+
+function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread()
+}
+
+function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) {
+        return
+    }
+    if ("string" === typeof o) {
+        return _arrayLikeToArray(o, minLen)
+    }
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if ("Object" === n && o.constructor) {
+        n = o.constructor.name
+    }
+    if ("Map" === n || "Set" === n) {
+        return Array.from(o)
+    }
+    if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) {
+        return _arrayLikeToArray(o, minLen)
+    }
+}
+
+function _iterableToArray(iter) {
+    if ("undefined" !== typeof Symbol && null != iter[Symbol.iterator] || null != iter["@@iterator"]) {
+        return Array.from(iter)
+    }
+}
+
+function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) {
+        return _arrayLikeToArray(arr)
+    }
+}
+
+function _arrayLikeToArray(arr, len) {
+    if (null == len || len > arr.length) {
+        len = arr.length
+    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) {
+        arr2[i] = arr[i]
+    }
+    return arr2
+}
+var READONLY_CLASS = "readonly";
+var LINK_CLASS = "dx-link";
+var ROW_SELECTED = "dx-selection";
+var EDIT_BUTTON_CLASS = "dx-edit-button";
+var COMMAND_EDIT_CLASS = "dx-command-edit";
+var COMMAND_EDIT_WITH_ICONS_CLASS = "".concat(COMMAND_EDIT_CLASS, "-with-icons");
+var INSERT_INDEX = "__DX_INSERT_INDEX__";
+var ROW_INSERTED = "dx-row-inserted";
+var ROW_MODIFIED = "dx-row-modified";
+var CELL_MODIFIED = "dx-cell-modified";
+var EDITING_NAMESPACE = "dxDataGridEditing";
+var CELL_FOCUS_DISABLED_CLASS = "dx-cell-focus-disabled";
+var DATA_EDIT_DATA_UPDATE_TYPE = "update";
+var DEFAULT_START_EDIT_ACTION = "click";
+var EDIT_LINK_CLASS = {
+    save: "dx-link-save",
+    cancel: "dx-link-cancel",
+    edit: "dx-link-edit",
+    undelete: "dx-link-undelete",
+    delete: "dx-link-delete",
+    add: "dx-link-add"
+};
+var EDIT_ICON_CLASS = {
+    save: "save",
+    cancel: "revert",
+    edit: "edit",
+    undelete: "revert",
+    delete: "trash",
+    add: "add"
+};
+var METHOD_NAMES = {
+    edit: "editRow",
+    delete: "deleteRow",
+    undelete: "undeleteRow",
+    save: "saveEditData",
+    cancel: "cancelEditData",
+    add: "addRowByRowIndex"
+};
+var ACTION_OPTION_NAMES = {
+    add: "allowAdding",
+    edit: "allowUpdating",
+    delete: "allowDeleting"
+};
+var BUTTON_NAMES = ["edit", "save", "cancel", "delete", "undelete"];
+var EDITING_CHANGES_OPTION_NAME = "editing.changes";
+var createFailureHandler = function(deferred) {
+    return function(arg) {
+        var error = arg instanceof Error ? arg : new Error(arg && String(arg) || "Unknown error");
+        deferred.reject(error)
+    }
+};
+var isEditingCell = function(isEditRow, cellOptions) {
+    return cellOptions.isEditing || isEditRow && cellOptions.column.allowEditing
+};
+var isEditingOrShowEditorAlwaysDataCell = function(isEditRow, cellOptions) {
+    var isCommandCell = !!cellOptions.column.command;
+    var isEditing = isEditingCell(isEditRow, cellOptions);
+    var isEditorCell = !isCommandCell && (isEditing || cellOptions.column.showEditorAlways);
+    return "data" === cellOptions.rowType && isEditorCell
+};
+var EditingController = _modules.default.ViewController.inherit(function() {
+    var getButtonIndex = function(buttons, name) {
+        var result = -1;
+        buttons.some((function(button, index) {
+            if (getButtonName(button) === name) {
+                result = index;
+                return true
+            }
+        }));
+        return result
+    };
+
+    function getButtonName(button) {
+        return (0, _type.isObject)(button) ? button.name : button
+    }
+    var members = {
+        init: function() {
+            this._columnsController = this.getController("columns");
+            this._dataController = this.getController("data");
+            this._rowsView = this.getView("rowsView");
+            this._lastOperation = null;
+            this._changes = [];
+            if (this._deferreds) {
+                this._deferreds.forEach((function(d) {
+                    return d.reject("cancel")
+                }))
+            }
+            this._deferreds = [];
+            if (!this._dataChangedHandler) {
+                this._dataChangedHandler = this._handleDataChanged.bind(this);
+                this._dataController.changed.add(this._dataChangedHandler)
+            }
+            if (!this._saveEditorHandler) {
+                this.createAction("onInitNewRow", {
+                    excludeValidators: ["disabled", "readOnly"]
+                });
+                this.createAction("onRowInserting", {
+                    excludeValidators: ["disabled", "readOnly"]
+                });
+                this.createAction("onRowInserted", {
+                    excludeValidators: ["disabled", "readOnly"]
+                });
+                this.createAction("onEditingStart", {
+                    excludeValidators: ["disabled", "readOnly"]
+                });
+                this.createAction("onRowUpdating", {
+                    excludeValidators: ["disabled", "readOnly"]
+                });
+                this.createAction("onRowUpdated", {
+                    excludeValidators: ["disabled", "readOnly"]
+                });
+                this.createAction("onRowRemoving", {
+                    excludeValidators: ["disabled", "readOnly"]
+                });
+                this.createAction("onRowRemoved", {
+                    excludeValidators: ["disabled", "readOnly"]
+                });
+                this.createAction("onSaved", {
+                    excludeValidators: ["disabled", "readOnly"]
+                });
+                this.createAction("onSaving", {
+                    excludeValidators: ["disabled", "readOnly"]
+                });
+                this.createAction("onEditCanceling", {
+                    excludeValidators: ["disabled", "readOnly"]
+                });
+                this.createAction("onEditCanceled", {
+                    excludeValidators: ["disabled", "readOnly"]
+                })
+            }
+            this._updateEditColumn();
+            this._updateEditButtons();
+            if (!this._internalState) {
+                this._internalState = []
+            }
+            this.component._optionsByReference[_const.EDITING_EDITROWKEY_OPTION_NAME] = true;
+            this.component._optionsByReference[EDITING_CHANGES_OPTION_NAME] = true
+        },
+        getEditMode: function() {
+            var editMode = this.option("editing.mode");
+            if (_const.EDIT_MODES.includes(editMode)) {
+                return editMode
+            }
+            return _const.EDIT_MODE_ROW
+        },
+        _getDefaultEditorTemplate: function() {
+            var _this = this;
+            return function(container, options) {
+                var $editor = (0, _renderer.default)("<div>").appendTo(container);
+                _this.getController("editorFactory").createEditor($editor, (0, _extend.extend)({}, options.column, {
+                    value: options.value,
+                    setValue: options.setValue,
+                    row: options.row,
+                    parentType: "dataRow",
+                    width: null,
+                    readOnly: !options.setValue,
+                    isOnForm: options.isOnForm,
+                    id: options.id
+                }))
+            }
+        },
+        _getNewRowPosition: function() {
+            var newRowPosition = this.option("editing.newRowPosition");
+            var scrollingMode = this.option("scrolling.mode");
+            if ("virtual" === scrollingMode) {
+                switch (newRowPosition) {
+                    case _const.PAGE_TOP_NEW_ROW_POSITION:
+                        return _const.VIEWPORT_TOP_NEW_ROW_POSITION;
+                    case _const.PAGE_BOTTOM_NEW_ROW_POSITION:
+                        return _const.VIEWPORT_BOTTOM_NEW_ROW_POSITION;
+                    default:
+                        return newRowPosition
+                }
+            }
+            return newRowPosition
+        },
+        getChanges: function() {
+            return this.option(EDITING_CHANGES_OPTION_NAME)
+        },
+        getInsertRowCount: function() {
+            var changes = this.option(EDITING_CHANGES_OPTION_NAME);
+            return changes.filter((function(change) {
+                return "insert" === change.type
+            })).length
+        },
+        resetChanges: function() {
+            var changes = this.getChanges();
+            var needReset = null === changes || void 0 === changes ? void 0 : changes.length;
+            if (needReset) {
+                this._silentOption(EDITING_CHANGES_OPTION_NAME, [])
+            }
+        },
+        _getInternalData: function(key) {
+            return this._internalState.filter((function(item) {
+                return (0, _common.equalByValue)(item.key, key)
+            }))[0]
+        },
+        _addInternalData: function(params) {
+            var internalData = this._getInternalData(params.key);
+            if (internalData) {
+                return (0, _extend.extend)(internalData, params)
+            }
+            this._internalState.push(params);
+            return params
+        },
+        _getOldData: function(key) {
+            var _a;
+            return null === (_a = this._getInternalData(key)) || void 0 === _a ? void 0 : _a.oldData
+        },
+        getUpdatedData: function(data) {
+            var key = this._dataController.keyOf(data);
+            var changes = this.getChanges();
+            var editIndex = _module_utils.default.getIndexByKey(key, changes);
+            if (changes[editIndex]) {
+                return (0, _array_utils.createObjectWithChanges)(data, changes[editIndex].data)
+            }
+            return data
+        },
+        getInsertedData: function() {
+            return this.getChanges().filter((function(change) {
+                return change.data && change.type === _const.DATA_EDIT_DATA_INSERT_TYPE
+            })).map((function(change) {
+                return change.data
+            }))
+        },
+        getRemovedData: function() {
+            var _this2 = this;
+            return this.getChanges().filter((function(change) {
+                return _this2._getOldData(change.key) && change.type === _const.DATA_EDIT_DATA_REMOVE_TYPE
+            })).map((function(change) {
+                return _this2._getOldData(change.key)
+            }))
+        },
+        _fireDataErrorOccurred: function(arg) {
+            if ("cancel" === arg) {
+                return
+            }
+            var $popupContent = this.getPopupContent();
+            this._dataController.dataErrorOccurred.fire(arg, $popupContent)
+        },
+        _needToCloseEditableCell: _common.noop,
+        _closeEditItem: _common.noop,
+        _handleDataChanged: _common.noop,
+        _isDefaultButtonVisible: function(button, options) {
+            var result = true;
+            switch (button.name) {
+                case "delete":
+                    result = this.allowDeleting(options);
+                    break;
+                case "undelete":
+                    result = false
+            }
+            return result
+        },
+        _isButtonVisible: function(button, options) {
+            var visible = button.visible;
+            if (!(0, _type.isDefined)(visible)) {
+                return this._isDefaultButtonVisible(button, options)
+            }
+            return (0, _type.isFunction)(visible) ? visible.call(button, {
+                component: options.component,
+                row: options.row,
+                column: options.column
+            }) : visible
+        },
+        _isButtonDisabled: function(button, options) {
+            var disabled = button.disabled;
+            return (0, _type.isFunction)(disabled) ? disabled.call(button, {
+                component: options.component,
+                row: options.row,
+                column: options.column
+            }) : !!disabled
+        },
+        _getButtonConfig: function(button, options) {
+            var _this3 = this;
+            var config = (0, _type.isObject)(button) ? button : {};
+            var buttonName = getButtonName(button);
+            var editingTexts = function(options) {
+                var editingTexts = options.component.option("editing.texts") || {};
+                return {
+                    save: editingTexts.saveRowChanges,
+                    cancel: editingTexts.cancelRowChanges,
+                    edit: editingTexts.editRow,
+                    undelete: editingTexts.undeleteRow,
+                    delete: editingTexts.deleteRow,
+                    add: editingTexts.addRowToNode
+                }
+            }(options);
+            var methodName = METHOD_NAMES[buttonName];
+            var editingOptions = this.option("editing");
+            var actionName = ACTION_OPTION_NAMES[buttonName];
+            var allowAction = actionName ? editingOptions[actionName] : true;
+            return (0, _extend.extend)({
+                name: buttonName,
+                text: editingTexts[buttonName],
+                cssClass: EDIT_LINK_CLASS[buttonName]
+            }, {
+                onClick: methodName && function(e) {
+                    var event = e.event;
+                    event.stopPropagation();
+                    event.preventDefault();
+                    setTimeout((function() {
+                        options.row && allowAction && _this3[methodName] && _this3[methodName](options.row.rowIndex)
+                    }))
+                }
+            }, config)
+        },
+        _getEditingButtons: function(options) {
+            var _this4 = this;
+            var buttonIndex;
+            var haveCustomButtons = !!options.column.buttons;
+            var buttons = (options.column.buttons || []).slice();
+            if (haveCustomButtons) {
+                buttonIndex = getButtonIndex(buttons, "edit");
+                if (buttonIndex >= 0) {
+                    if (getButtonIndex(buttons, "save") < 0) {
+                        buttons.splice(buttonIndex + 1, 0, "save")
+                    }
+                    if (getButtonIndex(buttons, "cancel") < 0) {
+                        buttons.splice(getButtonIndex(buttons, "save") + 1, 0, "cancel")
+                    }
+                }
+                buttonIndex = getButtonIndex(buttons, "delete");
+                if (buttonIndex >= 0 && getButtonIndex(buttons, "undelete") < 0) {
+                    buttons.splice(buttonIndex + 1, 0, "undelete")
+                }
+            } else {
+                buttons = BUTTON_NAMES.slice()
+            }
+            return buttons.map((function(button) {
+                return _this4._getButtonConfig(button, options)
+            }))
+        },
+        _renderEditingButtons: function($container, buttons, options, change) {
+            var _this5 = this;
+            buttons.forEach((function(button) {
+                if (_this5._isButtonVisible(button, options)) {
+                    _this5._createButton($container, button, options, change)
+                }
+            }))
+        },
+        _getEditCommandCellTemplate: function() {
+            var _this6 = this;
+            return function(container, options, change) {
+                var $container = (0, _renderer.default)(container);
+                if ("data" === options.rowType) {
+                    var buttons = _this6._getEditingButtons(options);
+                    _this6._renderEditingButtons($container, buttons, options, change);
+                    options.watch && options.watch((function() {
+                        return buttons.map((function(button) {
+                            return {
+                                visible: _this6._isButtonVisible(button, options),
+                                disabled: _this6._isButtonDisabled(button, options)
+                            }
+                        }))
+                    }), (function() {
+                        $container.empty();
+                        _this6._renderEditingButtons($container, buttons, options)
+                    }))
+                } else {
+                    _module_utils.default.setEmptyText($container)
+                }
+            }
+        },
+        isRowBasedEditMode: function() {
+            var editMode = this.getEditMode();
+            return _const.ROW_BASED_MODES.includes(editMode)
+        },
+        getFirstEditableColumnIndex: function() {
+            var columnsController = this.getController("columns");
+            var columnIndex;
+            var visibleColumns = columnsController.getVisibleColumns();
+            (0, _iterator.each)(visibleColumns, (function(index, column) {
+                if (column.allowEditing) {
+                    columnIndex = index;
+                    return false
+                }
+            }));
+            return columnIndex
+        },
+        getFirstEditableCellInRow: function(rowIndex) {
+            var rowsView = this.getView("rowsView");
+            return rowsView && rowsView._getCellElement(rowIndex || 0, this.getFirstEditableColumnIndex())
+        },
+        getFocusedCellInRow: function(rowIndex) {
+            return this.getFirstEditableCellInRow(rowIndex)
+        },
+        getIndexByKey: function(key, items) {
+            return _module_utils.default.getIndexByKey(key, items)
+        },
+        hasChanges: function(rowIndex) {
+            var changes = this.getChanges();
+            var result = false;
+            for (var i = 0; i < (null === changes || void 0 === changes ? void 0 : changes.length); i++) {
+                if (changes[i].type && (!(0, _type.isDefined)(rowIndex) || this._dataController.getRowIndexByKey(changes[i].key) === rowIndex)) {
+                    result = true;
+                    break
+                }
+            }
+            return result
+        },
+        dispose: function() {
+            this.callBase();
+            clearTimeout(this._inputFocusTimeoutID);
+            _events_engine.default.off(_dom_adapter.default.getDocument(), _pointer.default.up, this._pointerUpEditorHandler);
+            _events_engine.default.off(_dom_adapter.default.getDocument(), _pointer.default.down, this._pointerDownEditorHandler);
+            _events_engine.default.off(_dom_adapter.default.getDocument(), _click.name, this._saveEditorHandler)
+        },
+        _silentOption: function(name, value) {
+            if ("editing.changes" === name) {
+                this._changes = (0, _object.deepExtendArraySafe)([], value)
+            }
+            this.callBase.apply(this, arguments)
+        },
+        optionChanged: function(args) {
+            if ("editing" === args.name) {
+                var fullName = args.fullName;
+                if (fullName === _const.EDITING_EDITROWKEY_OPTION_NAME) {
+                    this._handleEditRowKeyChange(args)
+                } else if (fullName === EDITING_CHANGES_OPTION_NAME) {
+                    var isEqual = (0, _common.equalByValue)(args.value, this._changes, {
+                        maxDepth: 4
+                    });
+                    if (!isEqual) {
+                        this._changes = (0, _object.deepExtendArraySafe)([], args.value);
+                        this._handleChangesChange(args)
+                    }
+                } else if (!args.handled) {
+                    this._columnsController.reinit();
+                    this.init();
+                    this.resetChanges();
+                    this._resetEditColumnName();
+                    this._resetEditRowKey()
+                }
+                args.handled = true
+            } else {
+                this.callBase(args)
+            }
+        },
+        _handleEditRowKeyChange: function(args) {
+            var rowIndex = this._dataController.getRowIndexByKey(args.value);
+            var oldRowIndexCorrection = this._getEditRowIndexCorrection();
+            var oldRowIndex = this._dataController.getRowIndexByKey(args.previousValue) + oldRowIndexCorrection;
+            if ((0, _type.isDefined)(args.value)) {
+                if (args.value !== args.previousValue) {
+                    this._editRowFromOptionChanged(rowIndex, oldRowIndex)
+                }
+            } else {
+                this.cancelEditData()
+            }
+        },
+        _handleChangesChange: function(args) {
+            var _this7 = this;
+            var dataController = this._dataController;
+            var changes = args.value;
+            if (!args.value.length && !args.previousValue.length) {
+                return
+            }
+            changes.forEach((function(change) {
+                var _a;
+                if ("insert" === change.type) {
+                    _this7._addInsertInfo(change)
+                } else {
+                    var items = dataController.getCachedStoreData() || (null === (_a = dataController.items()) || void 0 === _a ? void 0 : _a.map((function(item) {
+                        return item.data
+                    })));
+                    var rowIndex = _module_utils.default.getIndexByKey(change.key, items, dataController.key());
+                    _this7._addInternalData({
+                        key: change.key,
+                        oldData: items[rowIndex]
+                    })
+                }
+            }));
+            dataController.updateItems({
+                repaintChangesOnly: true,
+                isLiveUpdate: false,
+                isOptionChanged: true
+            })
+        },
+        publicMethods: function() {
+            return ["addRow", "deleteRow", "undeleteRow", "editRow", "saveEditData", "cancelEditData", "hasEditData"]
+        },
+        refresh: function() {
+            if (!(0, _type.isDefined)(this._pageIndex)) {
+                return
+            }
+            this._refreshCore.apply(this, arguments)
+        },
+        _refreshCore: _common.noop,
+        isEditing: function() {
+            var isEditRowKeyDefined = (0, _type.isDefined)(this.option(_const.EDITING_EDITROWKEY_OPTION_NAME));
+            return isEditRowKeyDefined
+        },
+        isEditRow: function() {
+            return false
+        },
+        _setEditRowKey: function(value, silent) {
+            if (silent) {
+                this._silentOption(_const.EDITING_EDITROWKEY_OPTION_NAME, value)
+            } else {
+                this.option(_const.EDITING_EDITROWKEY_OPTION_NAME, value)
+            }
+            if (this._refocusEditCell) {
+                this._refocusEditCell = false;
+                this._focusEditingCell()
+            }
+        },
+        _setEditRowKeyByIndex: function(rowIndex, silent) {
+            var key = this._dataController.getKeyByRowIndex(rowIndex);
+            if (void 0 === key) {
+                this._dataController.fireError("E1043");
+                return
+            }
+            this._setEditRowKey(key, silent)
+        },
+        getEditRowIndex: function() {
+            return this._getVisibleEditRowIndex()
+        },
+        getEditFormRowIndex: function() {
+            return -1
+        },
+        isEditRowByIndex: function(rowIndex) {
+            var key = this._dataController.getKeyByRowIndex(rowIndex);
+            var isKeyEqual = (0, _type.isDefined)(key) && (0, _common.equalByValue)(this.option(_const.EDITING_EDITROWKEY_OPTION_NAME), key);
+            if (isKeyEqual) {
+                return this._getVisibleEditRowIndex() === rowIndex
+            }
+            return isKeyEqual
+        },
+        isEditCell: function(visibleRowIndex, columnIndex) {
+            return this.isEditRowByIndex(visibleRowIndex) && this._getVisibleEditColumnIndex() === columnIndex
+        },
+        getPopupContent: _common.noop,
+        _isProcessedItem: function(item) {
+            return false
+        },
+        _getInsertRowIndex: function(items, change, isProcessedItems) {
+            var _this8 = this;
+            var result = -1;
+            var dataController = this._dataController;
+            var key = this._getInsertAfterOrBeforeKey(change);
+            if (!(0, _type.isDefined)(key) && 0 === items.length) {
+                result = 0
+            } else if ((0, _type.isDefined)(key)) {
+                items.some((function(item, index) {
+                    var isProcessedItem = isProcessedItems || _this8._isProcessedItem(item);
+                    if ((0, _type.isObject)(item)) {
+                        if (isProcessedItem || (0, _type.isDefined)(item[INSERT_INDEX])) {
+                            if ((0, _common.equalByValue)(item.key, key)) {
+                                result = index
+                            }
+                        } else if ((0, _common.equalByValue)(dataController.keyOf(item), key)) {
+                            result = index
+                        }
+                    }
+                    if (result >= 0) {
+                        var nextItem = items[result + 1];
+                        if (nextItem && ("detail" === nextItem.rowType || "detailAdaptive" === nextItem.rowType) && (0, _type.isDefined)(change.insertAfterKey)) {
+                            return
+                        }
+                        if ((0, _type.isDefined)(change.insertAfterKey)) {
+                            result += 1
+                        }
+                        return true
+                    }
+                }))
+            }
+            return result
+        },
+        _generateNewItem: function(key) {
+            var _a;
+            var item = {
+                key: key
+            };
+            var insertInfo = null === (_a = this._getInternalData(key)) || void 0 === _a ? void 0 : _a.insertInfo;
+            if (null === insertInfo || void 0 === insertInfo ? void 0 : insertInfo[INSERT_INDEX]) {
+                item[INSERT_INDEX] = insertInfo[INSERT_INDEX]
+            }
+            return item
+        },
+        _getLoadedRowIndex: function(items, change, isProcessedItems) {
+            var loadedRowIndex = this._getInsertRowIndex(items, change, isProcessedItems);
+            var dataController = this._dataController;
+            if (loadedRowIndex < 0) {
+                var newRowPosition = this._getNewRowPosition();
+                var pageIndex = dataController.pageIndex();
+                var insertAfterOrBeforeKey = this._getInsertAfterOrBeforeKey(change);
+                if (newRowPosition !== _const.LAST_NEW_ROW_POSITION && 0 === pageIndex && !(0, _type.isDefined)(insertAfterOrBeforeKey)) {
+                    loadedRowIndex = 0
+                } else if (newRowPosition === _const.LAST_NEW_ROW_POSITION && dataController.isLastPageLoaded()) {
+                    loadedRowIndex = items.length
+                }
+            }
+            return loadedRowIndex
+        },
+        processItems: function(items, e) {
+            var _this9 = this;
+            var changeType = e.changeType;
+            this.update(changeType);
+            var changes = this.getChanges();
+            changes.forEach((function(change) {
+                var _a;
+                var isInsert = change.type === _const.DATA_EDIT_DATA_INSERT_TYPE;
+                if (!isInsert) {
+                    return
+                }
+                var key = change.key;
+                var insertInfo = null === (_a = _this9._getInternalData(key)) || void 0 === _a ? void 0 : _a.insertInfo;
+                if (!(0, _type.isDefined)(key) || !(0, _type.isDefined)(insertInfo)) {
+                    insertInfo = _this9._addInsertInfo(change);
+                    key = insertInfo.key
+                }
+                var loadedRowIndex = _this9._getLoadedRowIndex(items, change);
+                var item = _this9._generateNewItem(key);
+                if (loadedRowIndex >= 0) {
+                    items.splice(loadedRowIndex, 0, item)
+                }
+            }));
+            return items
+        },
+        processDataItem: function(item, options, generateDataValues) {
+            var columns = options.visibleColumns;
+            var key = item.data[INSERT_INDEX] ? item.data.key : item.key;
+            var changes = this.getChanges();
+            var editIndex = _module_utils.default.getIndexByKey(key, changes);
+            item.isEditing = false;
+            if (editIndex >= 0) {
+                this._processDataItemCore(item, changes[editIndex], key, columns, generateDataValues)
+            }
+        },
+        _processDataItemCore: function(item, change, key, columns, generateDataValues) {
+            var data = change.data,
+                type = change.type;
+            switch (type) {
+                case _const.DATA_EDIT_DATA_INSERT_TYPE:
+                    item.isNewRow = true;
+                    item.key = key;
+                    item.data = data;
+                    break;
+                case DATA_EDIT_DATA_UPDATE_TYPE:
+                    item.modified = true;
+                    item.oldData = item.data;
+                    item.data = (0, _array_utils.createObjectWithChanges)(item.data, data);
+                    item.modifiedValues = generateDataValues(data, columns, true);
+                    break;
+                case _const.DATA_EDIT_DATA_REMOVE_TYPE:
+                    item.removed = true
+            }
+        },
+        _initNewRow: function(options) {
+            var _this10 = this;
+            this.executeAction("onInitNewRow", options);
+            if (options.promise) {
+                var deferred = new _deferred.Deferred;
+                (0, _deferred.when)((0, _deferred.fromPromise)(options.promise)).done(deferred.resolve).fail(createFailureHandler(deferred)).fail((function(arg) {
+                    return _this10._fireDataErrorOccurred(arg)
+                }));
+                return deferred
+            }
+        },
+        _createInsertInfo: function() {
+            var insertInfo = {};
+            insertInfo[INSERT_INDEX] = this._getInsertIndex();
+            return insertInfo
+        },
+        _addInsertInfo: function(change, parentKey) {
+            var _a;
+            var insertInfo;
+            var key = change.key;
+            if (!(0, _type.isDefined)(key)) {
+                key = String(new _guid.default);
+                change.key = key
+            }
+            insertInfo = null === (_a = this._getInternalData(key)) || void 0 === _a ? void 0 : _a.insertInfo;
+            if (!(0, _type.isDefined)(insertInfo)) {
+                var insertAfterOrBeforeKey = this._getInsertAfterOrBeforeKey(change);
+                insertInfo = this._createInsertInfo();
+                if (!(0, _type.isDefined)(insertAfterOrBeforeKey)) {
+                    this._setInsertAfterOrBeforeKey(change, parentKey)
+                }
+            }
+            this._addInternalData({
+                insertInfo: insertInfo,
+                key: key
+            });
+            return {
+                insertInfo: insertInfo,
+                key: key
+            }
+        },
+        _setInsertAfterOrBeforeKey: function(change, parentKey) {
+            var dataController = this._dataController;
+            var allItems = dataController.items(true);
+            var rowsView = this.getView("rowsView");
+            var newRowPosition = this._getNewRowPosition();
+            switch (newRowPosition) {
+                case _const.FIRST_NEW_ROW_POSITION:
+                case _const.LAST_NEW_ROW_POSITION:
+                    break;
+                case _const.PAGE_TOP_NEW_ROW_POSITION:
+                case _const.PAGE_BOTTOM_NEW_ROW_POSITION:
+                    if (allItems.length) {
+                        var itemIndex = newRowPosition === _const.PAGE_TOP_NEW_ROW_POSITION ? 0 : allItems.length - 1;
+                        change[0 === itemIndex ? "insertBeforeKey" : "insertAfterKey"] = allItems[itemIndex].key
+                    }
+                    break;
+                default:
+                    var isViewportBottom = newRowPosition === _const.VIEWPORT_BOTTOM_NEW_ROW_POSITION;
+                    var visibleItemIndex = isViewportBottom ? null === rowsView || void 0 === rowsView ? void 0 : rowsView.getBottomVisibleItemIndex() : null === rowsView || void 0 === rowsView ? void 0 : rowsView.getTopVisibleItemIndex();
+                    var row = dataController.getVisibleRows()[visibleItemIndex];
+                    if (row && (!row.isEditing && "detail" === row.rowType || "detailAdaptive" === row.rowType)) {
+                        visibleItemIndex++
+                    }
+                    var insertKey = dataController.getKeyByRowIndex(visibleItemIndex);
+                    if ((0, _type.isDefined)(insertKey)) {
+                        change.insertBeforeKey = insertKey
+                    }
+            }
+        },
+        _getInsertIndex: function() {
+            var _this11 = this;
+            var maxInsertIndex = 0;
+            this.getChanges().forEach((function(editItem) {
+                var _a;
+                var insertInfo = null === (_a = _this11._getInternalData(editItem.key)) || void 0 === _a ? void 0 : _a.insertInfo;
+                if ((0, _type.isDefined)(insertInfo) && editItem.type === _const.DATA_EDIT_DATA_INSERT_TYPE && insertInfo[INSERT_INDEX] > maxInsertIndex) {
+                    maxInsertIndex = insertInfo[INSERT_INDEX]
+                }
+            }));
+            return maxInsertIndex + 1
+        },
+        _getInsertAfterOrBeforeKey: function(insertChange) {
+            var _a;
+            return null !== (_a = insertChange.insertAfterKey) && void 0 !== _a ? _a : insertChange.insertBeforeKey
+        },
+        _getPageIndexToInsertRow: function() {
+            var newRowPosition = this._getNewRowPosition();
+            var dataController = this._dataController;
+            var pageIndex = dataController.pageIndex();
+            var lastPageIndex = dataController.pageCount() - 1;
+            if (newRowPosition === _const.FIRST_NEW_ROW_POSITION && 0 !== pageIndex) {
+                return 0
+            }
+            if (newRowPosition === _const.LAST_NEW_ROW_POSITION && pageIndex !== lastPageIndex) {
+                return lastPageIndex
+            }
+            return -1
+        },
+        addRow: function(parentKey) {
+            var dataController = this._dataController;
+            var store = dataController.store();
+            if (!store) {
+                dataController.fireError("E1052", this.component.NAME);
+                return (new _deferred.Deferred).reject()
+            }
+            return this._addRow(parentKey)
+        },
+        _addRow: function(parentKey) {
+            var _this12 = this;
+            var dataController = this._dataController;
+            var store = dataController.store();
+            var key = store && store.key();
+            var param = {
+                data: {}
+            };
+            var oldEditRowIndex = this._getVisibleEditRowIndex();
+            var deferred = new _deferred.Deferred;
+            this.refresh({
+                allowCancelEditing: true
+            });
+            if (!this._allowRowAdding()) {
+                (0, _deferred.when)(this._navigateToNewRow(oldEditRowIndex)).done(deferred.resolve).fail(deferred.reject);
+                return deferred.promise()
+            }
+            if (!key) {
+                param.data.__KEY__ = String(new _guid.default)
+            }(0, _deferred.when)(this._initNewRow(param, parentKey)).done((function() {
+                if (_this12._allowRowAdding()) {
+                    (0, _deferred.when)(_this12._addRowCore(param.data, parentKey, oldEditRowIndex)).done(deferred.resolve).fail(deferred.reject)
+                } else {
+                    deferred.reject("cancel")
+                }
+            })).fail(deferred.reject);
+            return deferred.promise()
+        },
+        _allowRowAdding: function() {
+            var insertIndex = this._getInsertIndex();
+            if (insertIndex > 1) {
+                return false
+            }
+            return true
+        },
+        _addRowCore: function(data, parentKey, initialOldEditRowIndex) {
+            var change = {
+                data: data,
+                type: _const.DATA_EDIT_DATA_INSERT_TYPE
+            };
+            var editRowIndex = this._getVisibleEditRowIndex();
+            var insertInfo = this._addInsertInfo(change, parentKey);
+            var key = insertInfo.key;
+            this._setEditRowKey(key, true);
+            this._addChange(change);
+            return this._navigateToNewRow(initialOldEditRowIndex, change, editRowIndex)
+        },
+        _navigateToNewRow: function(oldEditRowIndex, change, editRowIndex) {
+            var _this13 = this;
+            var d = new _deferred.Deferred;
+            var dataController = this._dataController;
+            var focusController = this.getController("focus");
+            editRowIndex = null !== editRowIndex && void 0 !== editRowIndex ? editRowIndex : -1;
+            change = null !== change && void 0 !== change ? change : this.getChanges().filter((function(c) {
+                return c.type === _const.DATA_EDIT_DATA_INSERT_TYPE
+            }))[0];
+            if (!change) {
+                return d.reject("cancel").promise()
+            }
+            var pageIndexToInsertRow = this._getPageIndexToInsertRow();
+            var rowIndex = this._getLoadedRowIndex(dataController.items(), change, true);
+            var navigateToRowByKey = function(key) {
+                (0, _deferred.when)(null === focusController || void 0 === focusController ? void 0 : focusController.navigateToRow(key)).done((function() {
+                    rowIndex = dataController.getRowIndexByKey(change.key);
+                    d.resolve()
+                }))
+            };
+            var insertAfterOrBeforeKey = this._getInsertAfterOrBeforeKey(change);
+            if (pageIndexToInsertRow >= 0) {
+                dataController.pageIndex(pageIndexToInsertRow).done((function() {
+                    navigateToRowByKey(change.key)
+                })).fail(d.reject)
+            } else if (rowIndex < 0 && (0, _type.isDefined)(insertAfterOrBeforeKey)) {
+                navigateToRowByKey(insertAfterOrBeforeKey)
+            } else {
+                dataController.updateItems({
+                    changeType: "update",
+                    rowIndices: [oldEditRowIndex, editRowIndex, rowIndex]
+                });
+                rowIndex = dataController.getRowIndexByKey(change.key);
+                if (rowIndex < 0) {
+                    navigateToRowByKey(change.key)
+                } else {
+                    d.resolve()
+                }
+            }
+            d.done((function() {
+                var _a;
+                null === (_a = _this13._rowsView) || void 0 === _a ? void 0 : _a.waitAsyncTemplates(true).done((function() {
+                    _this13._showAddedRow(rowIndex);
+                    _this13._afterInsertRow(change.key)
+                }))
+            }));
+            return d.promise()
+        },
+        _showAddedRow: function(rowIndex) {
+            this._focusFirstEditableCellInRow(rowIndex)
+        },
+        _beforeFocusElementInRow: _common.noop,
+        _focusFirstEditableCellInRow: function(rowIndex) {
+            var _this14 = this;
+            var dataController = this._dataController;
+            var keyboardController = this.getController("keyboardNavigation");
+            var key = dataController.getKeyByRowIndex(rowIndex);
+            var $firstCell = this.getFirstEditableCellInRow(rowIndex);
+            null === keyboardController || void 0 === keyboardController ? void 0 : keyboardController.focus($firstCell);
+            this.option("focusedRowKey", key);
+            this._editCellInProgress = true;
+            this._delayedInputFocus($firstCell, (function() {
+                rowIndex = dataController.getRowIndexByKey(key);
+                _this14._editCellInProgress = false;
+                _this14._beforeFocusElementInRow(rowIndex)
+            }))
+        },
+        _isEditingStart: function(options) {
+            this.executeAction("onEditingStart", options);
+            return options.cancel
+        },
+        _beforeUpdateItems: _common.noop,
+        _getVisibleEditColumnIndex: function() {
+            var editColumnName = this.option(_const.EDITING_EDITCOLUMNNAME_OPTION_NAME);
+            if (!(0, _type.isDefined)(editColumnName)) {
+                return -1
+            }
+            return this._columnsController.getVisibleColumnIndex(editColumnName)
+        },
+        _setEditColumnNameByIndex: function(index, silent) {
+            var _a;
+            var visibleColumns = this._columnsController.getVisibleColumns();
+            this._setEditColumnName(null === (_a = visibleColumns[index]) || void 0 === _a ? void 0 : _a.name, silent)
+        },
+        _setEditColumnName: function(name, silent) {
+            if (silent) {
+                this._silentOption(_const.EDITING_EDITCOLUMNNAME_OPTION_NAME, name)
+            } else {
+                this.option(_const.EDITING_EDITCOLUMNNAME_OPTION_NAME, name)
+            }
+        },
+        _resetEditColumnName: function() {
+            this._setEditColumnName(null, true)
+        },
+        _getEditColumn: function() {
+            var editColumnName = this.option(_const.EDITING_EDITCOLUMNNAME_OPTION_NAME);
+            return this._getColumnByName(editColumnName)
+        },
+        _getColumnByName: function(name) {
+            var visibleColumns = this._columnsController.getVisibleColumns();
+            var editColumn;
+            (0, _type.isDefined)(name) && visibleColumns.some((function(column) {
+                if (column.name === name) {
+                    editColumn = column;
+                    return true
+                }
+            }));
+            return editColumn
+        },
+        _getVisibleEditRowIndex: function(columnName) {
+            var dataController = this._dataController;
+            var editRowKey = this.option(_const.EDITING_EDITROWKEY_OPTION_NAME);
+            var rowIndex = dataController.getRowIndexByKey(editRowKey);
+            if (-1 === rowIndex) {
+                return rowIndex
+            }
+            return rowIndex + this._getEditRowIndexCorrection(columnName)
+        },
+        _getEditRowIndexCorrection: function(columnName) {
+            var editColumn = columnName ? this._getColumnByName(columnName) : this._getEditColumn();
+            var isColumnHidden = "adaptiveHidden" === (null === editColumn || void 0 === editColumn ? void 0 : editColumn.visibleWidth);
+            return isColumnHidden ? 1 : 0
+        },
+        _resetEditRowKey: function() {
+            this._setEditRowKey(null, true)
+        },
+        _resetEditIndices: function() {
+            this._resetEditColumnName();
+            this._resetEditRowKey()
+        },
+        editRow: function(rowIndex) {
+            var _a;
+            var dataController = this._dataController;
+            var items = dataController.items();
+            var item = items[rowIndex];
+            var params = {
+                data: item && item.data,
+                cancel: false
+            };
+            var oldRowIndex = this._getVisibleEditRowIndex();
+            if (!item) {
+                return
+            }
+            if (rowIndex === oldRowIndex) {
+                return true
+            }
+            if (void 0 === item.key) {
+                this._dataController.fireError("E1043");
+                return
+            }
+            if (!item.isNewRow) {
+                params.key = item.key
+            }
+            if (this._isEditingStart(params)) {
+                return
+            }
+            this.resetChanges();
+            this.init();
+            this._resetEditColumnName();
+            this._pageIndex = dataController.pageIndex();
+            this._addInternalData({
+                key: item.key,
+                oldData: null !== (_a = item.oldData) && void 0 !== _a ? _a : item.data
+            });
+            this._setEditRowKey(item.key)
+        },
+        _editRowFromOptionChanged: function(rowIndex, oldRowIndex) {
+            var rowIndices = [oldRowIndex, rowIndex];
+            this._beforeUpdateItems(rowIndices, rowIndex, oldRowIndex);
+            this._editRowFromOptionChangedCore(rowIndices, rowIndex)
+        },
+        _editRowFromOptionChangedCore: function(rowIndices, rowIndex, preventRendering) {
+            this._needFocusEditor = true;
+            this._dataController.updateItems({
+                changeType: "update",
+                rowIndices: rowIndices,
+                cancel: preventRendering
+            })
+        },
+        _focusEditorIfNeed: _common.noop,
+        _showEditPopup: _common.noop,
+        _repaintEditPopup: _common.noop,
+        _getEditPopupHiddenHandler: function() {
+            var _this15 = this;
+            return function(e) {
+                if (_this15.isEditing()) {
+                    _this15.cancelEditData()
+                }
+            }
+        },
+        _getPopupEditFormTemplate: _common.noop,
+        _getSaveButtonConfig: function() {
+            return {
+                text: this.option("editing.texts.saveRowChanges"),
+                onClick: this.saveEditData.bind(this)
+            }
+        },
+        _getCancelButtonConfig: function() {
+            return {
+                text: this.option("editing.texts.cancelRowChanges"),
+                onClick: this.cancelEditData.bind(this)
+            }
+        },
+        _removeInternalData: function(key) {
+            var internalData = this._getInternalData(key);
+            var index = this._internalState.indexOf(internalData);
+            if (index > -1) {
+                this._internalState.splice(index, 1)
+            }
+        },
+        _updateInsertAfterOrBeforeKeys: function(changes, index) {
+            var _this16 = this;
+            var removeChange = changes[index];
+            changes.forEach((function(change) {
+                var insertAfterOrBeforeKey = _this16._getInsertAfterOrBeforeKey(change);
+                if ((0, _common.equalByValue)(insertAfterOrBeforeKey, removeChange.key)) {
+                    change[(0, _type.isDefined)(change.insertAfterKey) ? "insertAfterKey" : "insertBeforeKey"] = _this16._getInsertAfterOrBeforeKey(removeChange)
+                }
+            }))
+        },
+        _removeChange: function(index) {
+            if (index >= 0) {
+                var changes = _toConsumableArray(this.getChanges());
+                var key = changes[index].key;
+                this._removeInternalData(key);
+                this._updateInsertAfterOrBeforeKeys(changes, index);
+                changes.splice(index, 1);
+                this._silentOption(EDITING_CHANGES_OPTION_NAME, changes);
+                if ((0, _common.equalByValue)(this.option(_const.EDITING_EDITROWKEY_OPTION_NAME), key)) {
+                    this._resetEditIndices()
+                }
+            }
+        },
+        executeOperation: function(deferred, func) {
+            var _this17 = this;
+            this._lastOperation && this._lastOperation.reject();
+            this._lastOperation = deferred;
+            this.waitForDeferredOperations().done((function() {
+                if ("rejected" === deferred.state()) {
+                    return
+                }
+                func();
+                _this17._lastOperation = null
+            })).fail((function() {
+                deferred.reject();
+                _this17._lastOperation = null
+            }))
+        },
+        waitForDeferredOperations: function() {
+            return _deferred.when.apply(void 0, _toConsumableArray(this._deferreds))
+        },
+        _processCanceledEditingCell: _common.noop,
+        _repaintEditCell: function(column, oldColumn, oldEditRowIndex) {
+            this._needFocusEditor = true;
+            if (!column || !column.showEditorAlways || oldColumn && !oldColumn.showEditorAlways) {
+                this._editCellInProgress = true;
+                this.getController("editorFactory").loseFocus();
+                this._dataController.updateItems({
+                    changeType: "update",
+                    rowIndices: [oldEditRowIndex, this._getVisibleEditRowIndex()]
+                })
+            } else if (column !== oldColumn) {
+                this._dataController.updateItems({
+                    changeType: "update",
+                    rowIndices: []
+                })
+            }
+        },
+        _delayedInputFocus: function($cell, beforeFocusCallback, callBeforeFocusCallbackAlways) {
+            var _this18 = this;
+            var inputFocus = function() {
+                if (beforeFocusCallback) {
+                    beforeFocusCallback()
+                }
+                if ($cell) {
+                    var $focusableElement = $cell.find(_const.FOCUSABLE_ELEMENT_SELECTOR).first();
+                    _module_utils.default.focusAndSelectElement(_this18, $focusableElement)
+                }
+                _this18._beforeFocusCallback = null
+            };
+            if (_devices.default.real().ios || _devices.default.real().android) {
+                inputFocus()
+            } else {
+                if (this._beforeFocusCallback) {
+                    this._beforeFocusCallback()
+                }
+                clearTimeout(this._inputFocusTimeoutID);
+                if (callBeforeFocusCallbackAlways) {
+                    this._beforeFocusCallback = beforeFocusCallback
+                }
+                this._inputFocusTimeoutID = setTimeout(inputFocus)
+            }
+        },
+        _focusEditingCell: function(beforeFocusCallback, $editCell, callBeforeFocusCallbackAlways) {
+            var rowsView = this.getView("rowsView");
+            var editColumnIndex = this._getVisibleEditColumnIndex();
+            $editCell = $editCell || rowsView && rowsView._getCellElement(this._getVisibleEditRowIndex(), editColumnIndex);
+            if ($editCell) {
+                this._delayedInputFocus($editCell, beforeFocusCallback, callBeforeFocusCallbackAlways)
+            }
+        },
+        deleteRow: function(rowIndex) {
+            this._checkAndDeleteRow(rowIndex)
+        },
+        _checkAndDeleteRow: function(rowIndex) {
+            var _this19 = this;
+            var editingOptions = this.option("editing");
+            var editingTexts = null === editingOptions || void 0 === editingOptions ? void 0 : editingOptions.texts;
+            var confirmDelete = null === editingOptions || void 0 === editingOptions ? void 0 : editingOptions.confirmDelete;
+            var confirmDeleteMessage = null === editingTexts || void 0 === editingTexts ? void 0 : editingTexts.confirmDeleteMessage;
+            var item = this._dataController.items()[rowIndex];
+            var allowDeleting = !this.isEditing() || item.isNewRow;
+            if (item && allowDeleting) {
+                if (!confirmDelete || !confirmDeleteMessage) {
+                    this._deleteRowCore(rowIndex)
+                } else {
+                    var confirmDeleteTitle = editingTexts && editingTexts.confirmDeleteTitle;
+                    var showDialogTitle = (0, _type.isDefined)(confirmDeleteTitle) && confirmDeleteTitle.length > 0;
+                    (0, _dialog.confirm)(confirmDeleteMessage, confirmDeleteTitle, showDialogTitle).done((function(confirmResult) {
+                        if (confirmResult) {
+                            _this19._deleteRowCore(rowIndex)
+                        }
+                    }))
+                }
+            }
+        },
+        _deleteRowCore: function(rowIndex) {
+            var dataController = this._dataController;
+            var item = dataController.items()[rowIndex];
+            var key = item && item.key;
+            var oldEditRowIndex = this._getVisibleEditRowIndex();
+            this.refresh();
+            var changes = this.getChanges();
+            var editIndex = _module_utils.default.getIndexByKey(key, changes);
+            if (editIndex >= 0) {
+                if (changes[editIndex].type === _const.DATA_EDIT_DATA_INSERT_TYPE) {
+                    this._removeChange(editIndex)
+                } else {
+                    this._addChange({
+                        key: key,
+                        type: _const.DATA_EDIT_DATA_REMOVE_TYPE
+                    })
+                }
+            } else {
+                this._addChange({
+                    key: key,
+                    oldData: item.data,
+                    type: _const.DATA_EDIT_DATA_REMOVE_TYPE
+                })
+            }
+            return this._afterDeleteRow(rowIndex, oldEditRowIndex)
+        },
+        _afterDeleteRow: function(rowIndex, oldEditRowIndex) {
+            return this.saveEditData()
+        },
+        undeleteRow: function(rowIndex) {
+            var dataController = this._dataController;
+            var item = dataController.items()[rowIndex];
+            var oldEditRowIndex = this._getVisibleEditRowIndex();
+            var key = item && item.key;
+            var changes = this.getChanges();
+            if (item) {
+                var editIndex = _module_utils.default.getIndexByKey(key, changes);
+                if (editIndex >= 0) {
+                    var data = changes[editIndex].data;
+                    if ((0, _type.isEmptyObject)(data)) {
+                        this._removeChange(editIndex)
+                    } else {
+                        this._addChange({
+                            key: key,
+                            type: DATA_EDIT_DATA_UPDATE_TYPE
+                        })
+                    }
+                    dataController.updateItems({
+                        changeType: "update",
+                        rowIndices: [oldEditRowIndex, rowIndex]
+                    })
+                }
+            }
+        },
+        _fireOnSaving: function() {
+            var _this20 = this;
+            var onSavingParams = {
+                cancel: false,
+                promise: null,
+                changes: _toConsumableArray(this.getChanges())
+            };
+            this.executeAction("onSaving", onSavingParams);
+            var d = new _deferred.Deferred;
+            (0, _deferred.when)((0, _deferred.fromPromise)(onSavingParams.promise)).done((function() {
+                d.resolve(onSavingParams)
+            })).fail((function(arg) {
+                createFailureHandler(d);
+                _this20._fireDataErrorOccurred(arg);
+                d.resolve({
+                    cancel: true
+                })
+            }));
+            return d
+        },
+        _executeEditingAction: function(actionName, params, func) {
+            if (this.component._disposed) {
+                return null
+            }
+            var deferred = new _deferred.Deferred;
+            this.executeAction(actionName, params);
+            (0, _deferred.when)((0, _deferred.fromPromise)(params.cancel)).done((function(cancel) {
+                if (cancel) {
+                    setTimeout((function() {
+                        deferred.resolve("cancel")
+                    }))
+                } else {
+                    func(params).done(deferred.resolve).fail(createFailureHandler(deferred))
+                }
+            })).fail(createFailureHandler(deferred));
+            return deferred
+        },
+        _processChanges: function(deferreds, results, dataChanges, changes) {
+            var _this21 = this;
+            var store = this._dataController.store();
+            (0, _iterator.each)(changes, (function(index, change) {
+                var oldData = _this21._getOldData(change.key);
+                var data = change.data,
+                    type = change.type;
+                var changeCopy = _extends({}, change);
+                var deferred;
+                var params;
+                if (_this21._beforeSaveEditData(change, index)) {
+                    return
+                }
+                switch (type) {
+                    case _const.DATA_EDIT_DATA_REMOVE_TYPE:
+                        params = {
+                            data: oldData,
+                            key: change.key,
+                            cancel: false
+                        };
+                        deferred = _this21._executeEditingAction("onRowRemoving", params, (function() {
+                            return store.remove(change.key).done((function(key) {
+                                dataChanges.push({
+                                    type: "remove",
+                                    key: key
+                                })
+                            }))
+                        }));
+                        break;
+                    case _const.DATA_EDIT_DATA_INSERT_TYPE:
+                        params = {
+                            data: data,
+                            cancel: false
+                        };
+                        deferred = _this21._executeEditingAction("onRowInserting", params, (function() {
+                            return store.insert(params.data).done((function(data, key) {
+                                if ((0, _type.isDefined)(key)) {
+                                    changeCopy.key = key
+                                }
+                                if (data && (0, _type.isObject)(data) && data !== params.data) {
+                                    changeCopy.data = data
+                                }
+                                dataChanges.push({
+                                    type: "insert",
+                                    data: data,
+                                    index: 0
+                                })
+                            }))
+                        }));
+                        break;
+                    case DATA_EDIT_DATA_UPDATE_TYPE:
+                        params = {
+                            newData: data,
+                            oldData: oldData,
+                            key: change.key,
+                            cancel: false
+                        };
+                        deferred = _this21._executeEditingAction("onRowUpdating", params, (function() {
+                            return store.update(change.key, params.newData).done((function(data, key) {
+                                if (data && (0, _type.isObject)(data) && data !== params.newData) {
+                                    changeCopy.data = data
+                                }
+                                dataChanges.push({
+                                    type: "update",
+                                    key: key,
+                                    data: data
+                                })
+                            }))
+                        }))
+                }
+                changes[index] = changeCopy;
+                if (deferred) {
+                    var doneDeferred = new _deferred.Deferred;
+                    deferred.always((function(data) {
+                        results.push({
+                            key: change.key,
+                            result: data
+                        })
+                    })).always(doneDeferred.resolve);
+                    deferreds.push(doneDeferred.promise())
+                }
+            }))
+        },
+        _processRemoveIfError: function(changes, editIndex) {
+            var change = changes[editIndex];
+            if ((null === change || void 0 === change ? void 0 : change.type) === _const.DATA_EDIT_DATA_REMOVE_TYPE) {
+                if (editIndex >= 0) {
+                    changes.splice(editIndex, 1)
+                }
+            }
+            return true
+        },
+        _processRemove: function(changes, editIndex, cancel) {
+            var change = changes[editIndex];
+            if (!cancel || !change || change.type === _const.DATA_EDIT_DATA_REMOVE_TYPE) {
+                return this._processRemoveCore(changes, editIndex, !cancel || !change)
+            }
+        },
+        _processRemoveCore: function(changes, editIndex) {
+            if (editIndex >= 0) {
+                changes.splice(editIndex, 1)
+            }
+            return true
+        },
+        _processSaveEditDataResult: function(results) {
+            var hasSavedData = false;
+            var changes = _toConsumableArray(this.getChanges());
+            var changesLength = changes.length;
+            for (var i = 0; i < results.length; i++) {
+                var arg = results[i].result;
+                var cancel = "cancel" === arg;
+                var editIndex = _module_utils.default.getIndexByKey(results[i].key, changes);
+                var change = changes[editIndex];
+                var isError = arg && arg instanceof Error;
+                if (isError) {
+                    if (change) {
+                        this._addInternalData({
+                            key: change.key,
+                            error: arg
+                        })
+                    }
+                    this._fireDataErrorOccurred(arg);
+                    if (this._processRemoveIfError(changes, editIndex)) {
+                        break
+                    }
+                } else if (this._processRemove(changes, editIndex, cancel)) {
+                    hasSavedData = !cancel
+                }
+            }
+            if (changes.length < changesLength) {
+                this._silentOption(EDITING_CHANGES_OPTION_NAME, changes)
+            }
+            return hasSavedData
+        },
+        _fireSaveEditDataEvents: function(changes) {
+            var _this22 = this;
+            (0, _iterator.each)(changes, (function(_, _ref) {
+                var data = _ref.data,
+                    key = _ref.key,
+                    type = _ref.type;
+                var internalData = _this22._addInternalData({
+                    key: key
+                });
+                var params = {
+                    key: key,
+                    data: data
+                };
+                if (internalData.error) {
+                    params.error = internalData.error
+                }
+                switch (type) {
+                    case _const.DATA_EDIT_DATA_REMOVE_TYPE:
+                        _this22.executeAction("onRowRemoved", (0, _extend.extend)({}, params, {
+                            data: internalData.oldData
+                        }));
+                        break;
+                    case _const.DATA_EDIT_DATA_INSERT_TYPE:
+                        _this22.executeAction("onRowInserted", params);
+                        break;
+                    case DATA_EDIT_DATA_UPDATE_TYPE:
+                        _this22.executeAction("onRowUpdated", params)
+                }
+            }));
+            this.executeAction("onSaved", {
+                changes: changes
+            })
+        },
+        saveEditData: function() {
+            var _this23 = this;
+            var deferred = new _deferred.Deferred;
+            this.waitForDeferredOperations().done((function() {
+                if (_this23.isSaving()) {
+                    _this23._resolveAfterSave(deferred);
+                    return
+                }(0, _deferred.when)(_this23._beforeSaveEditData()).done((function(cancel) {
+                    if (cancel) {
+                        _this23._resolveAfterSave(deferred, {
+                            cancel: cancel
+                        });
+                        return
+                    }
+                    _this23._saving = true;
+                    _this23._saveEditDataInner().always((function() {
+                        _this23._saving = false;
+                        if (_this23._refocusEditCell) {
+                            _this23._focusEditingCell()
+                        }
+                    })).done(deferred.resolve).fail(deferred.reject)
+                })).fail(deferred.reject)
+            })).fail(deferred.reject);
+            return deferred.promise()
+        },
+        _resolveAfterSave: function(deferred) {
+            var _ref2 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {},
+                cancel = _ref2.cancel,
+                error = _ref2.error;
+            (0, _deferred.when)(this._afterSaveEditData(cancel)).done((function() {
+                deferred.resolve(error)
+            })).fail(deferred.reject)
+        },
+        _saveEditDataInner: function() {
+            var _this24 = this;
+            var result = new _deferred.Deferred;
+            var results = [];
+            var deferreds = [];
+            var dataChanges = [];
+            var dataSource = this._dataController.dataSource();
+            (0, _deferred.when)(this._fireOnSaving()).done((function(_ref3) {
+                var cancel = _ref3.cancel,
+                    changes = _ref3.changes;
+                if (cancel) {
+                    return result.resolve().promise()
+                }
+                _this24._processChanges(deferreds, results, dataChanges, changes);
+                if (deferreds.length) {
+                    _this24._refocusEditCell = true;
+                    null === dataSource || void 0 === dataSource ? void 0 : dataSource.beginLoading();
+                    _deferred.when.apply(void 0, deferreds).done((function() {
+                        if (_this24._processSaveEditDataResult(results)) {
+                            _this24._endSaving(dataChanges, changes, result)
+                        } else {
+                            null === dataSource || void 0 === dataSource ? void 0 : dataSource.endLoading();
+                            result.resolve()
+                        }
+                    })).fail((function(error) {
+                        null === dataSource || void 0 === dataSource ? void 0 : dataSource.endLoading();
+                        result.resolve(error)
+                    }));
+                    return result.always((function() {
+                        _this24._refocusEditCell = true
+                    })).promise()
+                }
+                _this24._cancelSaving(result)
+            })).fail(result.reject);
+            return result.promise()
+        },
+        _beforeEndSaving: function(changes) {
+            this._resetEditIndices()
+        },
+        _endSaving: function(dataChanges, changes, deferred) {
+            var dataSource = this._dataController.dataSource();
+            this._beforeEndSaving(changes);
+            null === dataSource || void 0 === dataSource ? void 0 : dataSource.endLoading();
+            this._refreshDataAfterSave(dataChanges, changes, deferred)
+        },
+        _cancelSaving: function(result) {
+            this.executeAction("onSaved", {
+                changes: []
+            });
+            this._resolveAfterSave(result)
+        },
+        _refreshDataAfterSave: function(dataChanges, changes, deferred) {
+            var _this25 = this;
+            var dataController = this._dataController;
+            var refreshMode = this.option("editing.refreshMode");
+            var isFullRefresh = "reshape" !== refreshMode && "repaint" !== refreshMode;
+            if (!isFullRefresh) {
+                dataController.push(dataChanges)
+            }(0, _deferred.when)(dataController.refresh({
+                selection: isFullRefresh,
+                reload: isFullRefresh,
+                load: "reshape" === refreshMode,
+                changesOnly: this.option("repaintChangesOnly")
+            })).always((function() {
+                _this25._fireSaveEditDataEvents(changes)
+            })).done((function() {
+                _this25._resolveAfterSave(deferred)
+            })).fail((function(error) {
+                _this25._resolveAfterSave(deferred, {
+                    error: error
+                })
+            }))
+        },
+        isSaving: function() {
+            return this._saving
+        },
+        _updateEditColumn: function() {
+            var isEditColumnVisible = this._isEditColumnVisible();
+            var useIcons = this.option("editing.useIcons");
+            var cssClass = COMMAND_EDIT_CLASS + (useIcons ? " ".concat(COMMAND_EDIT_WITH_ICONS_CLASS) : "");
+            this._columnsController.addCommandColumn({
+                type: "buttons",
+                command: "edit",
+                visible: isEditColumnVisible,
+                cssClass: cssClass,
+                width: "auto",
+                alignment: "center",
+                cellTemplate: this._getEditCommandCellTemplate(),
+                fixedPosition: "right"
+            });
+            this._columnsController.columnOption("command:edit", {
+                visible: isEditColumnVisible,
+                cssClass: cssClass
+            })
+        },
+        _isEditColumnVisible: function() {
+            var editingOptions = this.option("editing");
+            return editingOptions.allowDeleting
+        },
+        _isEditButtonDisabled: function() {
+            var hasChanges = this.hasChanges();
+            var isEditRowDefined = (0, _type.isDefined)(this.option("editing.editRowKey"));
+            return !(isEditRowDefined || hasChanges)
+        },
+        _updateEditButtons: function() {
+            var headerPanel = this.getView("headerPanel");
+            var isButtonDisabled = this._isEditButtonDisabled();
+            if (headerPanel) {
+                headerPanel.setToolbarItemDisabled("saveButton", isButtonDisabled);
+                headerPanel.setToolbarItemDisabled("revertButton", isButtonDisabled)
+            }
+        },
+        _applyModified: function($element) {
+            $element && $element.addClass(CELL_MODIFIED)
+        },
+        _beforeCloseEditCellInBatchMode: _common.noop,
+        cancelEditData: function() {
+            var changes = this.getChanges();
+            var params = {
+                cancel: false,
+                changes: changes
+            };
+            this.executeAction("onEditCanceling", params);
+            if (!params.cancel) {
+                this._cancelEditDataCore();
+                this.executeAction("onEditCanceled", {
+                    changes: changes
+                })
+            }
+        },
+        _cancelEditDataCore: function() {
+            var rowIndex = this._getVisibleEditRowIndex();
+            this._beforeCancelEditData();
+            this.init();
+            this.resetChanges();
+            this._resetEditColumnName();
+            this._resetEditRowKey();
+            this._afterCancelEditData(rowIndex)
+        },
+        _afterCancelEditData: function(rowIndex) {
+            var dataController = this._dataController;
+            dataController.updateItems({
+                repaintChangesOnly: this.option("repaintChangesOnly")
+            })
+        },
+        _hideEditPopup: _common.noop,
+        hasEditData: function() {
+            return this.hasChanges()
+        },
+        update: function(changeType) {
+            var dataController = this._dataController;
+            if (dataController && this._pageIndex !== dataController.pageIndex()) {
+                if ("refresh" === changeType) {
+                    this.refresh({
+                        isPageChanged: true
+                    })
+                }
+                this._pageIndex = dataController.pageIndex()
+            }
+            this._updateEditButtons()
+        },
+        _getRowIndicesForCascadeUpdating: function(row, skipCurrentRow) {
+            return skipCurrentRow ? [] : [row.rowIndex]
+        },
+        addDeferred: function(deferred) {
+            var _this26 = this;
+            if (this._deferreds.indexOf(deferred) < 0) {
+                this._deferreds.push(deferred);
+                deferred.always((function() {
+                    var index = _this26._deferreds.indexOf(deferred);
+                    if (index >= 0) {
+                        _this26._deferreds.splice(index, 1)
+                    }
+                }))
+            }
+        },
+        _prepareChange: function(options, value, text) {
+            var _this27 = this;
+            var _a;
+            var newData = {};
+            var oldData = null === (_a = options.row) || void 0 === _a ? void 0 : _a.data;
+            var rowKey = options.key;
+            var deferred = new _deferred.Deferred;
+            if (void 0 !== rowKey) {
+                options.value = value;
+                var setCellValueResult = (0, _deferred.fromPromise)(options.column.setCellValue(newData, value, (0, _extend.extend)(true, {}, oldData), text));
+                setCellValueResult.done((function() {
+                    deferred.resolve({
+                        data: newData,
+                        key: rowKey,
+                        oldData: oldData,
+                        type: DATA_EDIT_DATA_UPDATE_TYPE
+                    })
+                })).fail(createFailureHandler(deferred)).fail((function(arg) {
+                    return _this27._fireDataErrorOccurred(arg)
+                }));
+                if ((0, _type.isDefined)(text) && options.column.displayValueMap) {
+                    options.column.displayValueMap[value] = text
+                }
+                this._updateRowValues(options);
+                this.addDeferred(deferred)
+            }
+            return deferred
+        },
+        _updateRowValues: function(options) {
+            if (options.values) {
+                var dataController = this._dataController;
+                var rowIndex = dataController.getRowIndexByKey(options.key);
+                var row = dataController.getVisibleRows()[rowIndex];
+                if (row) {
+                    options.row.values = row.values;
+                    options.values = row.values
+                }
+                options.values[options.columnIndex] = options.value
+            }
+        },
+        updateFieldValue: function(options, value, text, forceUpdateRow) {
+            var _this28 = this;
+            var rowKey = options.key;
+            var deferred = new _deferred.Deferred;
+            if (void 0 === rowKey) {
+                this._dataController.fireError("E1043")
+            }
+            if (options.column.setCellValue) {
+                this._prepareChange(options, value, text).done((function(params) {
+                    (0, _deferred.when)(_this28._applyChange(options, params, forceUpdateRow)).always((function() {
+                        deferred.resolve()
+                    }))
+                }))
+            } else {
+                deferred.resolve()
+            }
+            return deferred.promise()
+        },
+        _focusPreviousEditingCellIfNeed: function(options) {
+            if (this.hasEditData() && !this.isEditCell(options.rowIndex, options.columnIndex)) {
+                this._focusEditingCell();
+                this._updateEditRow(options.row, true);
+                return true
+            }
+        },
+        _needUpdateRow: function(column) {
+            var visibleColumns = this._columnsController.getVisibleColumns();
+            if (!column) {
+                column = this._getEditColumn()
+            }
+            var isCustomSetCellValue = column && column.setCellValue !== column.defaultSetCellValue;
+            var isCustomCalculateCellValue = visibleColumns.some((function(visibleColumn) {
+                return visibleColumn.calculateCellValue !== visibleColumn.defaultCalculateCellValue
+            }));
+            return isCustomSetCellValue || isCustomCalculateCellValue
+        },
+        _applyChange: function(options, params, forceUpdateRow) {
+            var changeOptions = _extends(_extends({}, options), {
+                forceUpdateRow: forceUpdateRow
+            });
+            this._addChange(params, changeOptions);
+            this._updateEditButtons();
+            return this._applyChangeCore(options, changeOptions.forceUpdateRow)
+        },
+        _applyChangeCore: function(options, forceUpdateRow) {
+            var isCustomSetCellValue = options.column.setCellValue !== options.column.defaultSetCellValue;
+            var row = options.row;
+            if (row) {
+                if (forceUpdateRow || isCustomSetCellValue) {
+                    this._updateEditRow(row, forceUpdateRow, isCustomSetCellValue)
+                } else if (row.update) {
+                    row.update()
+                }
+            }
+        },
+        _updateEditRowCore: function(row, skipCurrentRow, isCustomSetCellValue) {
+            this._dataController.updateItems({
+                changeType: "update",
+                rowIndices: this._getRowIndicesForCascadeUpdating(row, skipCurrentRow)
+            })
+        },
+        _updateEditRow: function(row, forceUpdateRow, isCustomSetCellValue) {
+            if (forceUpdateRow) {
+                this._updateRowImmediately(row, forceUpdateRow, isCustomSetCellValue)
+            } else {
+                this._updateRowWithDelay(row, isCustomSetCellValue)
+            }
+        },
+        _updateRowImmediately: function(row, forceUpdateRow, isCustomSetCellValue) {
+            this._updateEditRowCore(row, !forceUpdateRow, isCustomSetCellValue);
+            this._validateEditFormAfterUpdate(row, isCustomSetCellValue);
+            if (!forceUpdateRow) {
+                this._focusEditingCell()
+            }
+        },
+        _updateRowWithDelay: function(row, isCustomSetCellValue) {
+            var _this29 = this;
+            var deferred = new _deferred.Deferred;
+            this.addDeferred(deferred);
+            setTimeout((function() {
+                var _a;
+                var elementContainer = (null === (_a = _this29._editForm) || void 0 === _a ? void 0 : _a.element()) || _this29.component.$element().get(0);
+                var $focusedElement = (0, _renderer.default)(_dom_adapter.default.getActiveElement(elementContainer));
+                var columnIndex = _this29._rowsView.getCellIndex($focusedElement, row.rowIndex);
+                var focusedElement = $focusedElement.get(0);
+                var selectionRange = _module_utils.default.getSelectionRange(focusedElement);
+                _this29._updateEditRowCore(row, false, isCustomSetCellValue);
+                _this29._validateEditFormAfterUpdate(row, isCustomSetCellValue);
+                if (columnIndex >= 0) {
+                    var $focusedItem = _this29._rowsView._getCellElement(row.rowIndex, columnIndex);
+                    _this29._delayedInputFocus($focusedItem, (function() {
+                        setTimeout((function() {
+                            var _a;
+                            focusedElement = _dom_adapter.default.getActiveElement(null === (_a = _this29.component.$element()) || void 0 === _a ? void 0 : _a.get(0));
+                            if (selectionRange.selectionStart >= 0) {
+                                _module_utils.default.setSelectionRange(focusedElement, selectionRange)
+                            }
+                        }))
+                    }))
+                }
+                deferred.resolve()
+            }))
+        },
+        _validateEditFormAfterUpdate: _common.noop,
+        _addChange: function(changeParams, options) {
+            var _a;
+            var row = null === options || void 0 === options ? void 0 : options.row;
+            var changes = _toConsumableArray(this.getChanges());
+            var index = _module_utils.default.getIndexByKey(changeParams.key, changes);
+            if (index < 0) {
+                index = changes.length;
+                this._addInternalData({
+                    key: changeParams.key,
+                    oldData: changeParams.oldData
+                });
+                delete changeParams.oldData;
+                changes.push(changeParams)
+            }
+            var change = _extends({}, changes[index]);
+            if (change) {
+                if (changeParams.data) {
+                    change.data = (0, _array_utils.createObjectWithChanges)(change.data, changeParams.data)
+                }
+                if ((!change.type || !changeParams.data) && changeParams.type) {
+                    change.type = changeParams.type
+                }
+                if (row) {
+                    row.oldData = this._getOldData(row.key);
+                    row.data = (0, _array_utils.createObjectWithChanges)(row.data, changeParams.data)
+                }
+            }
+            changes[index] = change;
+            this._silentOption(EDITING_CHANGES_OPTION_NAME, changes);
+            if (options && change !== (null === (_a = this.getChanges()) || void 0 === _a ? void 0 : _a[index])) {
+                options.forceUpdateRow = true
+            }
+            return change
+        },
+        _getFormEditItemTemplate: function(cellOptions, column) {
+            return column.editCellTemplate || this._getDefaultEditorTemplate()
+        },
+        getColumnTemplate: function(options) {
+            var _this30 = this;
+            var column = options.column;
+            var rowIndex = options.row && options.row.rowIndex;
+            var template;
+            var isRowMode = this.isRowBasedEditMode();
+            var isRowEditing = this.isEditRow(rowIndex);
+            var isCellEditing = this.isEditCell(rowIndex, options.columnIndex);
+            var editingStartOptions;
+            if ((column.showEditorAlways || column.setCellValue && (isRowEditing && column.allowEditing || isCellEditing)) && ("data" === options.rowType || "detailAdaptive" === options.rowType) && !column.command) {
+                var allowUpdating = this.allowUpdating(options);
+                if (((allowUpdating || isRowEditing) && column.allowEditing || isCellEditing) && (isRowEditing || !isRowMode)) {
+                    if (column.showEditorAlways && !isRowMode) {
+                        editingStartOptions = {
+                            cancel: false,
+                            key: options.row.isNewRow ? void 0 : options.row.key,
+                            data: options.row.data,
+                            column: column
+                        };
+                        this._isEditingStart(editingStartOptions)
+                    }
+                    if (!editingStartOptions || !editingStartOptions.cancel) {
+                        options.setValue = function(value, text) {
+                            _this30.updateFieldValue(options, value, text)
+                        }
+                    }
+                }
+                template = column.editCellTemplate || this._getDefaultEditorTemplate()
+            } else if ("detail" === column.command && "detail" === options.rowType && isRowEditing) {
+                template = null === this || void 0 === this ? void 0 : this.getEditFormTemplate(options)
+            }
+            return template
+        },
+        _createButton: function($container, button, options, change) {
+            var icon = EDIT_ICON_CLASS[button.name];
+            var useIcons = this.option("editing.useIcons");
+            var useLegacyColumnButtonTemplate = this.option("useLegacyColumnButtonTemplate");
+            var $button = (0, _renderer.default)("<a>").attr("href", "#").addClass(LINK_CLASS).addClass(button.cssClass);
+            if (button.template && useLegacyColumnButtonTemplate) {
+                this._rowsView.renderTemplate($container, button.template, options, true)
+            } else {
+                if (button.template) {
+                    $button = (0, _renderer.default)("<span>").addClass(button.cssClass)
+                } else if (useIcons && icon || button.icon) {
+                    icon = button.icon || icon;
+                    var iconType = iconUtils.getImageSourceType(icon);
+                    if ("image" === iconType || "svg" === iconType) {
+                        $button = iconUtils.getImageContainer(icon).addClass(button.cssClass)
+                    } else {
+                        $button.addClass("dx-icon".concat("dxIcon" === iconType ? "-" : " ").concat(icon)).attr("title", button.text)
+                    }
+                    $button.addClass("dx-link-icon");
+                    $container.addClass(COMMAND_EDIT_WITH_ICONS_CLASS);
+                    var localizationName = this.getButtonLocalizationNames()[button.name];
+                    localizationName && $button.attr("aria-label", _message.default.format(localizationName))
+                } else {
+                    $button.text(button.text)
+                }
+                if ((0, _type.isDefined)(button.hint)) {
+                    $button.attr("title", button.hint)
+                }
+                if (this._isButtonDisabled(button, options)) {
+                    $button.addClass("dx-state-disabled")
+                } else if (!button.template || button.onClick) {
+                    _events_engine.default.on($button, (0, _index.addNamespace)("click", EDITING_NAMESPACE), this.createAction((function(e) {
+                        var _a;
+                        null === (_a = button.onClick) || void 0 === _a ? void 0 : _a.call(button, (0, _extend.extend)({}, e, {
+                            row: options.row,
+                            column: options.column
+                        }));
+                        e.event.preventDefault();
+                        e.event.stopPropagation()
+                    })))
+                }
+                $container.append($button, "&nbsp;");
+                if (button.template) {
+                    this._rowsView.renderTemplate($button, button.template, _extends(_extends({}, options), {
+                        column: void 0
+                    }), true, change)
+                }
+            }
+        },
+        getButtonLocalizationNames: function() {
+            return {
+                edit: "dxDataGrid-editingEditRow",
+                save: "dxDataGrid-editingSaveRowChanges",
+                delete: "dxDataGrid-editingDeleteRow",
+                undelete: "dxDataGrid-editingUndeleteRow",
+                cancel: "dxDataGrid-editingCancelRowChanges"
+            }
+        },
+        prepareButtonItem: function(headerPanel, name, methodName, sortIndex) {
+            var _this31 = this;
+            var editingTexts = this.option("editing.texts") || {};
+            var titleButtonTextByClassNames = {
+                revert: editingTexts.cancelAllChanges,
+                save: editingTexts.saveAllChanges,
+                addRow: editingTexts.addRow
+            };
+            var className = {
+                revert: "cancel",
+                save: "save",
+                addRow: "addrow"
+            } [name];
+            var hintText = titleButtonTextByClassNames[name];
+            var isButtonDisabled = ("save" === className || "cancel" === className) && this._isEditButtonDisabled();
+            return {
+                widget: "dxButton",
+                options: {
+                    onInitialized: function(e) {
+                        (0, _renderer.default)(e.element).addClass(headerPanel._getToolbarButtonClass("".concat(EDIT_BUTTON_CLASS, " ").concat(_this31.addWidgetPrefix(className), "-button")))
+                    },
+                    icon: "edit-button-".concat(className),
+                    disabled: isButtonDisabled,
+                    onClick: function() {
+                        setTimeout((function() {
+                            _this31[methodName]()
+                        }))
+                    },
+                    text: hintText,
+                    hint: hintText
+                },
+                showText: "inMenu",
+                name: "".concat(name, "Button"),
+                location: "after",
+                locateInMenu: "auto",
+                sortIndex: sortIndex
+            }
+        },
+        prepareEditButtons: function(headerPanel) {
+            var editingOptions = this.option("editing") || {};
+            var buttonItems = [];
+            if (editingOptions.allowAdding) {
+                buttonItems.push(this.prepareButtonItem(headerPanel, "addRow", "addRow", 20))
+            }
+            return buttonItems
+        },
+        highlightDataCell: function($cell, params) {
+            this.shouldHighlightCell(params) && $cell.addClass(CELL_MODIFIED)
+        },
+        _afterInsertRow: _common.noop,
+        _beforeSaveEditData: function(change) {
+            if (change && !(0, _type.isDefined)(change.key) && (0, _type.isDefined)(change.type)) {
+                return true
+            }
+        },
+        _afterSaveEditData: _common.noop,
+        _beforeCancelEditData: _common.noop,
+        _allowEditAction: function(actionName, options) {
+            var allowEditAction = this.option("editing.".concat(actionName));
+            if ((0, _type.isFunction)(allowEditAction)) {
+                allowEditAction = allowEditAction({
+                    component: this.component,
+                    row: options.row
+                })
+            }
+            return allowEditAction
+        },
+        allowUpdating: function(options, eventName) {
+            var startEditAction = this.option("editing.startEditAction") || DEFAULT_START_EDIT_ACTION;
+            var needCallback = arguments.length > 1 ? startEditAction === eventName || "down" === eventName : true;
+            return needCallback && this._allowEditAction("allowUpdating", options)
+        },
+        allowDeleting: function(options) {
+            return this._allowEditAction("allowDeleting", options)
+        },
+        isCellModified: function(parameters) {
+            var columnIndex = parameters.columnIndex;
+            var modifiedValues = parameters.row && (parameters.row.isNewRow ? parameters.row.values : parameters.row.modifiedValues);
+            return !!modifiedValues && void 0 !== modifiedValues[columnIndex]
+        },
+        isNewRowInEditMode: function() {
+            var visibleEditRowIndex = this._getVisibleEditRowIndex();
+            var rows = this._dataController.items();
+            return visibleEditRowIndex >= 0 ? rows[visibleEditRowIndex].isNewRow : false
+        },
+        shouldHighlightCell: function(parameters) {
+            var cellModified = this.isCellModified(parameters);
+            return cellModified && parameters.column.setCellValue && (this.getEditMode() !== _const.EDIT_MODE_ROW || !parameters.row.isEditing)
+        }
+    };
+    return members
+}());
+var editingModule = {
+    defaultOptions: function() {
+        return {
+            editing: {
+                mode: "row",
+                refreshMode: "full",
+                newRowPosition: _const.VIEWPORT_TOP_NEW_ROW_POSITION,
+                allowAdding: false,
+                allowUpdating: false,
+                allowDeleting: false,
+                useIcons: false,
+                selectTextOnEditStart: false,
+                confirmDelete: true,
+                texts: {
+                    editRow: _message.default.format("dxDataGrid-editingEditRow"),
+                    saveAllChanges: _message.default.format("dxDataGrid-editingSaveAllChanges"),
+                    saveRowChanges: _message.default.format("dxDataGrid-editingSaveRowChanges"),
+                    cancelAllChanges: _message.default.format("dxDataGrid-editingCancelAllChanges"),
+                    cancelRowChanges: _message.default.format("dxDataGrid-editingCancelRowChanges"),
+                    addRow: _message.default.format("dxDataGrid-editingAddRow"),
+                    deleteRow: _message.default.format("dxDataGrid-editingDeleteRow"),
+                    undeleteRow: _message.default.format("dxDataGrid-editingUndeleteRow"),
+                    confirmDeleteMessage: _message.default.format("dxDataGrid-editingConfirmDeleteMessage"),
+                    confirmDeleteTitle: ""
+                },
+                form: {
+                    colCount: 2
+                },
+                popup: {},
+                startEditAction: "click",
+                editRowKey: null,
+                editColumnName: null,
+                changes: []
+            },
+            useLegacyColumnButtonTemplate: false
+        }
+    },
+    controllers: {
+        editing: EditingController
+    },
+    extenders: {
+        controllers: {
+            data: {
+                init: function() {
+                    this._editingController = this.getController("editing");
+                    this.callBase()
+                },
+                reload: function(full, repaintChangesOnly) {
+                    !repaintChangesOnly && this._editingController.refresh();
+                    return this.callBase.apply(this, arguments)
+                },
+                repaintRows: function() {
+                    if (this.getController("editing").isSaving()) {
+                        return
+                    }
+                    return this.callBase.apply(this, arguments)
+                },
+                _updateEditRow: function(items) {
+                    var _a;
+                    var editRowKey = this.option(_const.EDITING_EDITROWKEY_OPTION_NAME);
+                    var editRowIndex = _module_utils.default.getIndexByKey(editRowKey, items);
+                    var editItem = items[editRowIndex];
+                    if (editItem) {
+                        editItem.isEditing = true;
+                        null === (_a = this._updateEditItem) || void 0 === _a ? void 0 : _a.call(this, editItem)
+                    }
+                },
+                _updateItemsCore: function(change) {
+                    this.callBase(change);
+                    this._updateEditRow(this.items(true))
+                },
+                _applyChangeUpdate: function(change) {
+                    this._updateEditRow(change.items);
+                    this.callBase(change)
+                },
+                _applyChangesOnly: function(change) {
+                    this._updateEditRow(change.items);
+                    this.callBase(change)
+                },
+                _processItems: function(items, change) {
+                    items = this._editingController.processItems(items, change);
+                    return this.callBase(items, change)
+                },
+                _processDataItem: function(dataItem, options) {
+                    this._editingController.processDataItem(dataItem, options, this.generateDataValues);
+                    return this.callBase(dataItem, options)
+                },
+                _processItem: function(item, options) {
+                    item = this.callBase(item, options);
+                    if (item.isNewRow) {
+                        options.dataIndex--;
+                        delete item.dataIndex
+                    }
+                    return item
+                },
+                _getChangedColumnIndices: function(oldItem, newItem, rowIndex, isLiveUpdate) {
+                    if (oldItem.isNewRow !== newItem.isNewRow || oldItem.removed !== newItem.removed) {
+                        return
+                    }
+                    return this.callBase.apply(this, arguments)
+                },
+                _isCellChanged: function(oldRow, newRow, visibleRowIndex, columnIndex, isLiveUpdate) {
+                    var editingController = this.getController("editing");
+                    var cell = oldRow.cells && oldRow.cells[columnIndex];
+                    var isEditing = editingController && editingController.isEditCell(visibleRowIndex, columnIndex);
+                    if (isLiveUpdate && isEditing) {
+                        return false
+                    }
+                    if (cell && cell.column && !cell.column.showEditorAlways && cell.isEditing !== isEditing) {
+                        return true
+                    }
+                    return this.callBase.apply(this, arguments)
+                },
+                needToRefreshOnDataSourceChange: function(args) {
+                    var editingController = this.getController("editing");
+                    var isParasiteChange = Array.isArray(args.value) && args.value === args.previousValue && editingController.isSaving();
+                    return !isParasiteChange
+                },
+                _handleDataSourceChange: function(args) {
+                    var _this32 = this;
+                    var result = this.callBase(args);
+                    var changes = this.option("editing.changes");
+                    var dataSource = args.value;
+                    if (Array.isArray(dataSource) && changes.length) {
+                        var dataSourceKeys = dataSource.map((function(item) {
+                            return _this32.keyOf(item)
+                        }));
+                        var newChanges = changes.filter((function(change) {
+                            return "insert" === change.type || dataSourceKeys.some((function(key) {
+                                return (0, _common.equalByValue)(change.key, key)
+                            }))
+                        }));
+                        if (newChanges.length !== changes.length) {
+                            this.option("editing.changes", newChanges)
+                        }
+                        var editRowKey = this.option("editing.editRowKey");
+                        var isEditNewItem = newChanges.some((function(change) {
+                            return "insert" === change.type && (0, _common.equalByValue)(editRowKey, change.key)
+                        }));
+                        if (!isEditNewItem && dataSourceKeys.every((function(key) {
+                                return !(0, _common.equalByValue)(editRowKey, key)
+                            }))) {
+                            this.option("editing.editRowKey", null)
+                        }
+                    }
+                    return result
+                }
+            }
+        },
+        views: {
+            rowsView: {
+                init: function() {
+                    this.callBase();
+                    this._editingController = this.getController("editing")
+                },
+                getCellIndex: function($cell, rowIndex) {
+                    if (!$cell.is("td") && rowIndex >= 0) {
+                        var $cellElements = this.getCellElements(rowIndex);
+                        var cellIndex = -1;
+                        (0, _iterator.each)($cellElements, (function(index, cellElement) {
+                            if ((0, _renderer.default)(cellElement).find($cell).length) {
+                                cellIndex = index
+                            }
+                        }));
+                        return cellIndex
+                    }
+                    return this.callBase.apply(this, arguments)
+                },
+                publicMethods: function() {
+                    return this.callBase().concat(["cellValue"])
+                },
+                _getCellTemplate: function(options) {
+                    var template = this._editingController.getColumnTemplate(options);
+                    return template || this.callBase(options)
+                },
+                _createRow: function(row) {
+                    var $row = this.callBase.apply(this, arguments);
+                    if (row) {
+                        var isRowRemoved = !!row.removed;
+                        var isRowInserted = !!row.isNewRow;
+                        var isRowModified = !!row.modified;
+                        isRowInserted && $row.addClass(ROW_INSERTED);
+                        isRowModified && $row.addClass(ROW_MODIFIED);
+                        if (isRowInserted || isRowRemoved) {
+                            $row.removeClass(ROW_SELECTED)
+                        }
+                    }
+                    return $row
+                },
+                _getColumnIndexByElement: function($element) {
+                    var $tableElement = $element.closest("table");
+                    var $tableElements = this.getTableElements();
+                    while ($tableElement.length && !$tableElements.filter($tableElement).length) {
+                        $element = $tableElement.closest("td");
+                        $tableElement = $element.closest("table")
+                    }
+                    return this._getColumnIndexByElementCore($element)
+                },
+                _getColumnIndexByElementCore: function($element) {
+                    var $targetElement = $element.closest(".".concat(_const.ROW_CLASS, "> td:not(.dx-master-detail-cell)"));
+                    return this.getCellIndex($targetElement)
+                },
+                _editCellByClick: function(e, eventName) {
+                    var editingController = this._editingController;
+                    var $targetElement = (0, _renderer.default)(e.event.target);
+                    var columnIndex = this._getColumnIndexByElement($targetElement);
+                    var row = this._dataController.items()[e.rowIndex];
+                    var allowUpdating = editingController.allowUpdating({
+                        row: row
+                    }, eventName) || row && row.isNewRow;
+                    var column = this._columnsController.getVisibleColumns()[columnIndex];
+                    var isEditedCell = editingController.isEditCell(e.rowIndex, columnIndex);
+                    var allowEditing = allowUpdating && column && (column.allowEditing || isEditedCell);
+                    var startEditAction = this.option("editing.startEditAction") || "click";
+                    var isShowEditorAlways = column && column.showEditorAlways;
+                    if (isEditedCell) {
+                        return true
+                    }
+                    if ("down" === eventName) {
+                        if (_devices.default.real().ios || _devices.default.real().android) {
+                            (0, _dom.resetActiveElement)()
+                        }
+                        return isShowEditorAlways && allowEditing && editingController.editCell(e.rowIndex, columnIndex)
+                    }
+                    if ("click" === eventName && "dblClick" === startEditAction) {
+                        var withoutSaveEditData = null === row || void 0 === row ? void 0 : row.isNewRow;
+                        editingController.closeEditCell(false, withoutSaveEditData)
+                    }
+                    if (allowEditing && eventName === startEditAction) {
+                        return editingController.editCell(e.rowIndex, columnIndex) || editingController.isEditRow(e.rowIndex)
+                    }
+                },
+                _rowPointerDown: function(e) {
+                    var _this33 = this;
+                    this._pointerDownTimeout = setTimeout((function() {
+                        _this33._editCellByClick(e, "down")
+                    }))
+                },
+                _rowClick: function(e) {
+                    var isEditForm = (0, _renderer.default)(e.rowElement).hasClass(this.addWidgetPrefix(_const.EDIT_FORM_CLASS));
+                    e.event[_const.TARGET_COMPONENT_NAME] = this.component;
+                    if (!this._editCellByClick(e, "click") && !isEditForm) {
+                        this.callBase.apply(this, arguments)
+                    }
+                },
+                _rowDblClick: function(e) {
+                    if (!this._editCellByClick(e, "dblClick")) {
+                        this.callBase.apply(this, arguments)
+                    }
+                },
+                _cellPrepared: function($cell, parameters) {
+                    var _a;
+                    var editingController = this._editingController;
+                    var isCommandCell = !!parameters.column.command;
+                    var isEditableCell = parameters.setValue;
+                    var isEditRow = editingController.isEditRow(parameters.rowIndex);
+                    var isEditing = isEditingCell(isEditRow, parameters);
+                    if (isEditingOrShowEditorAlwaysDataCell(isEditRow, parameters)) {
+                        var alignment = parameters.column.alignment;
+                        $cell.toggleClass(this.addWidgetPrefix(READONLY_CLASS), !isEditableCell).toggleClass(CELL_FOCUS_DISABLED_CLASS, !isEditableCell);
+                        if (alignment) {
+                            $cell.find(_const.EDITORS_INPUT_SELECTOR).first().css("textAlign", alignment)
+                        }
+                    }
+                    if (isEditing) {
+                        this._editCellPrepared($cell)
+                    }
+                    var hasTemplate = !!(null === (_a = parameters.column) || void 0 === _a ? void 0 : _a.cellTemplate);
+                    if (parameters.column && !isCommandCell && (!hasTemplate || editingController.shouldHighlightCell(parameters))) {
+                        editingController.highlightDataCell($cell, parameters)
+                    }
+                    this.callBase.apply(this, arguments)
+                },
+                _editCellPrepared: _common.noop,
+                _formItemPrepared: _common.noop,
+                _getCellOptions: function(options) {
+                    var cellOptions = this.callBase(options);
+                    cellOptions.isEditing = this._editingController.isEditCell(cellOptions.rowIndex, cellOptions.columnIndex);
+                    return cellOptions
+                },
+                _createCell: function(options) {
+                    var $cell = this.callBase(options);
+                    var isEditRow = this._editingController.isEditRow(options.rowIndex);
+                    isEditingOrShowEditorAlwaysDataCell(isEditRow, options) && $cell.addClass(_const.EDITOR_CELL_CLASS);
+                    return $cell
+                },
+                cellValue: function(rowIndex, columnIdentifier, value, text) {
+                    var cellOptions = this.getCellOptions(rowIndex, columnIdentifier);
+                    if (cellOptions) {
+                        if (void 0 === value) {
+                            return cellOptions.value
+                        }
+                        this._editingController.updateFieldValue(cellOptions, value, text, true)
+                    }
+                },
+                dispose: function() {
+                    this.callBase.apply(this, arguments);
+                    clearTimeout(this._pointerDownTimeout)
+                },
+                _renderCore: function() {
+                    var _this34 = this;
+                    this.callBase.apply(this, arguments);
+                    return this.waitAsyncTemplates(true).done((function() {
+                        _this34._editingController._focusEditorIfNeed()
+                    }))
+                }
+            },
+            headerPanel: {
+                _getToolbarItems: function() {
+                    var items = this.callBase();
+                    var editButtonItems = this.getController("editing").prepareEditButtons(this);
+                    return editButtonItems.concat(items)
+                },
+                optionChanged: function(args) {
+                    var fullName = args.fullName;
+                    switch (args.name) {
+                        case "editing":
+                            var excludedOptions = [_const.EDITING_POPUP_OPTION_NAME, EDITING_CHANGES_OPTION_NAME, _const.EDITING_EDITCOLUMNNAME_OPTION_NAME, _const.EDITING_EDITROWKEY_OPTION_NAME];
+                            var shouldInvalidate = fullName && !excludedOptions.some((function(optionName) {
+                                return optionName === fullName
+                            }));
+                            shouldInvalidate && this._invalidate();
+                            this.callBase(args);
+                            break;
+                        case "useLegacyColumnButtonTemplate":
+                            args.handled = true;
+                            break;
+                        default:
+                            this.callBase(args)
+                    }
+                },
+                isVisible: function() {
+                    var editingOptions = this.getController("editing").option("editing");
+                    return this.callBase() || (null === editingOptions || void 0 === editingOptions ? void 0 : editingOptions.allowAdding)
+                }
+            }
+        }
+    }
+};
+exports.editingModule = editingModule;