devextreme 19.1.6 → 19.1.7

package/ui/form/ui.form.js

@@ -1,71 +1,91 @@
 /**
  * DevExtreme (ui/form/ui.form.js)
- * Version: 19.1.6
- * Build date: Wed Sep 11 2019
+ * Version: 19.1.7
+ * Build date: Fri Oct 11 2019
  *
  * Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
  */
 "use strict";
-var $ = require("../../core/renderer"),
-    eventsEngine = require("../../events/core/events_engine"),
-    registerComponent = require("../../core/component_registrator"),
-    Guid = require("../../core/guid"),
-    utils = require("../../core/utils/common"),
-    typeUtils = require("../../core/utils/type"),
-    dataUtils = require("../../core/element_data"),
-    each = require("../../core/utils/iterator").each,
-    inArray = require("../../core/utils/array").inArray,
-    extend = require("../../core/utils/extend").extend,
-    stringUtils = require("../../core/utils/string"),
-    browser = require("../../core/utils/browser"),
-    domUtils = require("../../core/utils/dom"),
-    messageLocalization = require("../../localization/message"),
-    Widget = require("../widget/ui.widget"),
-    windowUtils = require("../../core/utils/window"),
-    ValidationEngine = require("../validation_engine"),
-    LayoutManager = require("./ui.form.layout_manager"),
-    FormItemsRunTimeInfo = require("./ui.form.items_runtime_info").default,
-    TabPanel = require("../tab_panel"),
-    Scrollable = require("../scroll_view/ui.scrollable"),
-    Deferred = require("../../core/utils/deferred").Deferred,
-    themes = require("../themes");
+var _renderer = require("../../core/renderer");
+var _renderer2 = _interopRequireDefault(_renderer);
+var _events_engine = require("../../events/core/events_engine");
+var _events_engine2 = _interopRequireDefault(_events_engine);
+var _component_registrator = require("../../core/component_registrator");
+var _component_registrator2 = _interopRequireDefault(_component_registrator);
+var _guid = require("../../core/guid");
+var _guid2 = _interopRequireDefault(_guid);
+var _common = require("../../core/utils/common");
+var _type = require("../../core/utils/type");
+var _iterator = require("../../core/utils/iterator");
+var _array = require("../../core/utils/array");
+var _extend = require("../../core/utils/extend");
+var _string = require("../../core/utils/string");
+var _browser = require("../../core/utils/browser");
+var _browser2 = _interopRequireDefault(_browser);
+var _dom = require("../../core/utils/dom");
+var _message = require("../../localization/message");
+var _message2 = _interopRequireDefault(_message);
+var _ui = require("../widget/ui.widget");
+var _ui2 = _interopRequireDefault(_ui);
+var _window = require("../../core/utils/window");
+var _validation_engine = require("../validation_engine");
+var _validation_engine2 = _interopRequireDefault(_validation_engine);
+var _uiForm = require("./ui.form.layout_manager");
+var _uiForm2 = _interopRequireDefault(_uiForm);
+var _uiForm3 = require("./ui.form.items_runtime_info");
+var _uiForm4 = _interopRequireDefault(_uiForm3);
+var _tab_panel = require("../tab_panel");
+var _tab_panel2 = _interopRequireDefault(_tab_panel);
+var _ui3 = require("../scroll_view/ui.scrollable");
+var _ui4 = _interopRequireDefault(_ui3);
+var _deferred = require("../../core/utils/deferred");
+var _themes = require("../themes");
+var _themes2 = _interopRequireDefault(_themes);
+var _uiForm5 = require("./ui.form.item_options_actions");
+var _uiForm6 = _interopRequireDefault(_uiForm5);
 require("../validation_summary");
 require("../validation_group");
-var FORM_CLASS = "dx-form",
-    FIELD_ITEM_CLASS = "dx-field-item",
-    FIELD_ITEM_LABEL_TEXT_CLASS = "dx-field-item-label-text",
-    FORM_GROUP_CLASS = "dx-form-group",
-    FORM_GROUP_CONTENT_CLASS = "dx-form-group-content",
-    FORM_GROUP_WITH_CAPTION_CLASS = "dx-form-group-with-caption",
-    FORM_GROUP_CAPTION_CLASS = "dx-form-group-caption",
-    HIDDEN_LABEL_CLASS = "dx-layout-manager-hidden-label",
-    FIELD_ITEM_LABEL_CLASS = "dx-field-item-label",
-    FIELD_ITEM_LABEL_CONTENT_CLASS = "dx-field-item-label-content",
-    FIELD_ITEM_TAB_CLASS = "dx-field-item-tab",
-    FORM_FIELD_ITEM_COL_CLASS = "dx-col-",
-    GROUP_COL_COUNT_CLASS = "dx-group-colcount-",
-    FIELD_ITEM_CONTENT_CLASS = "dx-field-item-content",
-    FORM_VALIDATION_SUMMARY = "dx-form-validation-summary",
-    WIDGET_CLASS = "dx-widget",
-    FOCUSED_STATE_CLASS = "dx-state-focused";
-var Form = Widget.inherit({
+
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    }
+}
+var FORM_CLASS = "dx-form";
+var FIELD_ITEM_CLASS = "dx-field-item";
+var FIELD_ITEM_LABEL_TEXT_CLASS = "dx-field-item-label-text";
+var FORM_GROUP_CLASS = "dx-form-group";
+var FORM_GROUP_CONTENT_CLASS = "dx-form-group-content";
+var FORM_GROUP_WITH_CAPTION_CLASS = "dx-form-group-with-caption";
+var FORM_GROUP_CAPTION_CLASS = "dx-form-group-caption";
+var HIDDEN_LABEL_CLASS = "dx-layout-manager-hidden-label";
+var FIELD_ITEM_LABEL_CLASS = "dx-field-item-label";
+var FIELD_ITEM_LABEL_CONTENT_CLASS = "dx-field-item-label-content";
+var FIELD_ITEM_TAB_CLASS = "dx-field-item-tab";
+var FORM_FIELD_ITEM_COL_CLASS = "dx-col-";
+var GROUP_COL_COUNT_CLASS = "dx-group-colcount-";
+var FIELD_ITEM_CONTENT_CLASS = "dx-field-item-content";
+var FORM_VALIDATION_SUMMARY = "dx-form-validation-summary";
+var WIDGET_CLASS = "dx-widget";
+var FOCUSED_STATE_CLASS = "dx-state-focused";
+var Form = _ui2.default.inherit({
     _init: function() {
         this.callBase();
         this._cachedColCountOptions = [];
-        this._itemsRunTimeInfo = new FormItemsRunTimeInfo;
+        this._itemsRunTimeInfo = new _uiForm4.default;
         this._groupsColCount = [];
         this._attachSyncSubscriptions()
     },
     _initOptions: function(options) {
         if (!("screenByWidth" in options)) {
-            options.screenByWidth = windowUtils.defaultScreenFactorFunc
+            options.screenByWidth = _window.defaultScreenFactorFunc
         }
         this.callBase(options)
     },
     _getDefaultOptions: function() {
-        return extend(this.callBase(), {
-            formID: "dx-" + new Guid,
+        return (0, _extend.extend)(this.callBase(), {
+            formID: "dx-" + new _guid2.default,
             formData: {},
             colCount: 1,
             screenByWidth: null,
@@ -82,8 +102,8 @@ var Form = Widget.inherit({
             showRequiredMark: true,
             showOptionalMark: false,
             requiredMark: "*",
-            optionalMark: messageLocalization.format("dxForm-optionalMark"),
-            requiredMessage: messageLocalization.getFormatter("dxForm-requiredMessage"),
+            optionalMark: _message2.default.format("dxForm-optionalMark"),
+            requiredMessage: _message2.default.getFormatter("dxForm-requiredMessage"),
             showValidationSummary: false,
             items: void 0,
             scrollingEnabled: false,
@@ -94,7 +114,7 @@ var Form = Widget.inherit({
     _defaultOptionsRules: function() {
         return this.callBase().concat([{
             device: function() {
-                return themes.isMaterial()
+                return _themes2.default.isMaterial()
             },
             options: {
                 showColonAfterLabel: false,
@@ -104,7 +124,7 @@ var Form = Widget.inherit({
     },
     _setOptionsByReference: function() {
         this.callBase();
-        extend(this._optionsByReference, {
+        (0, _extend.extend)(this._optionsByReference, {
             formData: true,
             validationGroup: true
         })
@@ -123,7 +143,7 @@ var Form = Widget.inherit({
         return index
     },
     _createHiddenElement: function(rootLayoutManager) {
-        this._$hiddenElement = $("<div>").addClass(WIDGET_CLASS).addClass(HIDDEN_LABEL_CLASS).appendTo("body");
+        this._$hiddenElement = (0, _renderer2.default)("<div>").addClass(WIDGET_CLASS).addClass(HIDDEN_LABEL_CLASS).appendTo("body");
         var $hiddenLabel = rootLayoutManager._renderLabel({
             text: " ",
             location: this.option("labelLocation")
@@ -150,7 +170,7 @@ var Form = Widget.inherit({
             result = "";
         for (i = 0; i < length; i++) {
             child = labelText.children[i];
-            result += !stringUtils.isEmpty(child.innerText) ? child.innerText : child.innerHTML
+            result += !(0, _string.isEmpty)(child.innerText) ? child.innerText : child.innerHTML
         }
         return result
     },
@@ -179,7 +199,7 @@ var Form = Widget.inherit({
         }
     },
     _getGroupElementsInColumn: function($container, columnIndex, colCount) {
-        var cssColCountSelector = typeUtils.isDefined(colCount) ? "." + GROUP_COL_COUNT_CLASS + colCount : "",
+        var cssColCountSelector = (0, _type.isDefined)(colCount) ? "." + GROUP_COL_COUNT_CLASS + colCount : "",
             groupSelector = "." + FORM_FIELD_ITEM_COL_CLASS + columnIndex + " > ." + FIELD_ITEM_CONTENT_CLASS + " > ." + FORM_GROUP_CLASS + cssColCountSelector;
         return $container.find(groupSelector)
     },
@@ -211,7 +231,7 @@ var Form = Widget.inherit({
         }
     },
     _alignLabelsInColumn: function(options) {
-        if (!windowUtils.hasWindow()) {
+        if (!(0, _window.hasWindow)()) {
             return
         }
         this._createHiddenElement(options.layoutManager);
@@ -227,12 +247,12 @@ var Form = Widget.inherit({
         this._removeHiddenElement()
     },
     _prepareFormData: function() {
-        if (!typeUtils.isDefined(this.option("formData"))) {
+        if (!(0, _type.isDefined)(this.option("formData"))) {
             this.option("formData", {})
         }
     },
     _initMarkup: function() {
-        ValidationEngine.addGroup(this._getValidationGroup());
+        _validation_engine2.default.addGroup(this._getValidationGroup());
         this._clearCachedInstances();
         this._prepareFormData();
         this.$element().addClass(FORM_CLASS);
@@ -246,7 +266,7 @@ var Form = Widget.inherit({
         this._lastMarkupScreenFactor = this._targetScreenFactor || this._getCurrentScreenFactor()
     },
     _getCurrentScreenFactor: function() {
-        return windowUtils.hasWindow() ? windowUtils.getCurrentScreenFactor(this.option("screenByWidth")) : "lg"
+        return (0, _window.hasWindow)() ? (0, _window.getCurrentScreenFactor)(this.option("screenByWidth")) : "lg"
     },
     _clearCachedInstances: function() {
         this._itemsRunTimeInfo.clear();
@@ -269,7 +289,7 @@ var Form = Widget.inherit({
     },
     _renderScrollable: function() {
         var useNativeScrolling = this.option("useNativeScrolling");
-        this._scrollable = new Scrollable(this.$element(), {
+        this._scrollable = new _ui4.default(this.$element(), {
             useNative: !!useNativeScrolling,
             useSimulatedScrollbar: !useNativeScrolling,
             useKeyboard: false,
@@ -286,7 +306,7 @@ var Form = Widget.inherit({
             $validationSummary.remove()
         }
         if (this.option("showValidationSummary")) {
-            $("<div>").addClass(FORM_VALIDATION_SUMMARY).dxValidationSummary({
+            (0, _renderer2.default)("<div>").addClass(FORM_VALIDATION_SUMMARY).dxValidationSummary({
                 validationGroup: this._getValidationGroup()
             }).appendTo(this._getContent())
         }
@@ -297,8 +317,8 @@ var Form = Widget.inherit({
             for (var i = 0; i < items.length; i++) {
                 var item = items[i];
                 var guid = this._itemsRunTimeInfo.add(item);
-                if (typeUtils.isObject(item)) {
-                    var itemCopy = extend({}, item);
+                if ((0, _type.isObject)(item)) {
+                    var itemCopy = (0, _extend.extend)({}, item);
                     itemCopy.guid = guid;
                     this._tryPrepareGroupItem(itemCopy);
                     this._tryPrepareTabbedItem(itemCopy);
@@ -319,7 +339,7 @@ var Form = Widget.inherit({
     },
     _tryPrepareGroupItem: function(item) {
         if ("group" === item.itemType) {
-            item.alignItemLabels = utils.ensureDefined(item.alignItemLabels, true);
+            item.alignItemLabels = (0, _common.ensureDefined)(item.alignItemLabels, true);
             if (item.template) {
                 item.groupContentTemplate = this._getTemplate(item.template)
             }
@@ -370,15 +390,15 @@ var Form = Widget.inherit({
     },
     _itemTabbedTemplate: function(item, e, $container) {
         var that = this,
-            $tabPanel = $("<div>").appendTo($container),
-            tabPanelOptions = extend({}, item.tabPanelOptions, {
+            $tabPanel = (0, _renderer2.default)("<div>").appendTo($container),
+            tabPanelOptions = (0, _extend.extend)({}, item.tabPanelOptions, {
                 dataSource: item.tabs,
                 onItemRendered: function(args) {
-                    domUtils.triggerShownEvent(args.itemElement)
+                    (0, _dom.triggerShownEvent)(args.itemElement)
                 },
                 itemTemplate: function(itemData, e, container) {
-                    var layoutManager, $container = $(container),
-                        alignItemLabels = utils.ensureDefined(itemData.alignItemLabels, true);
+                    var layoutManager, $container = (0, _renderer2.default)(container),
+                        alignItemLabels = (0, _common.ensureDefined)(itemData.alignItemLabels, true);
                     layoutManager = that._renderLayoutManager(that._tryGetItemsForTemplate(itemData), $container, {
                         colCount: itemData.colCount,
                         alignItemLabels: alignItemLabels,
@@ -404,14 +424,14 @@ var Form = Widget.inherit({
                     }
                 }
             });
-        that._createComponent($tabPanel, TabPanel, tabPanelOptions)
+        that._createComponent($tabPanel, _tab_panel2.default, tabPanelOptions)
     },
     _itemGroupTemplate: function(item, e, $container) {
-        var $groupContent, colCount, layoutManager, $group = $("<div>").toggleClass(FORM_GROUP_WITH_CAPTION_CLASS, typeUtils.isDefined(item.caption) && item.caption.length).addClass(FORM_GROUP_CLASS).appendTo($container);
+        var $groupContent, colCount, layoutManager, $group = (0, _renderer2.default)("<div>").toggleClass(FORM_GROUP_WITH_CAPTION_CLASS, (0, _type.isDefined)(item.caption) && item.caption.length).addClass(FORM_GROUP_CLASS).appendTo($container);
         if (item.caption) {
-            $("<span>").addClass(FORM_GROUP_CAPTION_CLASS).text(item.caption).appendTo($group)
+            (0, _renderer2.default)("<span>").addClass(FORM_GROUP_CAPTION_CLASS).text(item.caption).appendTo($group)
         }
-        $groupContent = $("<div>").addClass(FORM_GROUP_CONTENT_CLASS).appendTo($group);
+        $groupContent = (0, _renderer2.default)("<div>").addClass(FORM_GROUP_CONTENT_CLASS).appendTo($group);
         if (item.groupContentTemplate) {
             var data = {
                 formData: this.option("formData"),
@@ -419,7 +439,7 @@ var Form = Widget.inherit({
             };
             item.groupContentTemplate.render({
                 model: data,
-                container: domUtils.getPublicElement($groupContent)
+                container: (0, _dom.getPublicElement)($groupContent)
             })
         } else {
             layoutManager = this._renderLayoutManager(this._tryGetItemsForTemplate(item), $groupContent, {
@@ -429,14 +449,14 @@ var Form = Widget.inherit({
                 cssItemClass: item.cssItemClass
             });
             colCount = layoutManager._getColCount();
-            if (inArray(colCount, this._groupsColCount) === -1) {
+            if ((0, _array.inArray)(colCount, this._groupsColCount) === -1) {
                 this._groupsColCount.push(colCount)
             }
             $group.addClass(GROUP_COL_COUNT_CLASS + colCount)
         }
     },
     _renderLayoutManager: function(items, $rootElement, options) {
-        var instance, $element = $("<div>"),
+        var instance, $element = (0, _renderer2.default)("<div>"),
             that = this,
             config = that._getLayoutManagerConfig(items, options),
             baseColCountByScreen = {
@@ -446,7 +466,7 @@ var Form = Widget.inherit({
                 xs: 1
             };
         that._cachedColCountOptions.push({
-            colCountByScreen: extend(baseColCountByScreen, options.colCountByScreen)
+            colCountByScreen: (0, _extend.extend)(baseColCountByScreen, options.colCountByScreen)
         });
         $element.appendTo($rootElement);
         instance = that._createComponent($element, "dxLayoutManager", config);
@@ -483,7 +503,7 @@ var Form = Widget.inherit({
                 },
                 validationBoundary: that.option("scrollingEnabled") ? that.$element() : void 0
             };
-        return extend(baseConfig, {
+        return (0, _extend.extend)(baseConfig, {
             items: items,
             onContentReady: function(args) {
                 that._itemsRunTimeInfo.addItemsOrExtendFrom(args.component._itemsRunTimeInfo);
@@ -510,13 +530,13 @@ var Form = Widget.inherit({
         that.on("optionChanged", function(args) {
             var optionFullName = args.fullName;
             if ("formData" === optionFullName) {
-                if (!typeUtils.isDefined(args.value)) {
+                if (!(0, _type.isDefined)(args.value)) {
                     that._options.formData = args.value = {}
                 }
                 that._triggerOnFieldDataChangedByDataSet(args.value)
             }
             if (that._cachedLayoutManagers.length) {
-                each(that._cachedLayoutManagers, function(index, layoutManager) {
+                (0, _iterator.each)(that._cachedLayoutManagers, function(index, layoutManager) {
                     if ("formData" === optionFullName) {
                         that._isDataUpdating = true;
                         layoutManager.option("layoutData", args.value);
@@ -540,7 +560,7 @@ var Form = Widget.inherit({
                 if (!this.option("items")) {
                     this._invalidate()
                 } else {
-                    if (typeUtils.isEmptyObject(args.value)) {
+                    if ((0, _type.isEmptyObject)(args.value)) {
                         this._resetValues()
                     }
                 }
@@ -584,11 +604,11 @@ var Form = Widget.inherit({
             case "visible":
                 this.callBase(args);
                 if (args.value) {
-                    domUtils.triggerShownEvent(this.$element())
+                    (0, _dom.triggerShownEvent)(this.$element())
                 }
                 break;
             case "validationGroup":
-                ValidationEngine.removeGroup(args.previousValue || this);
+                _validation_engine2.default.removeGroup(args.previousValue || this);
                 this._invalidate();
                 break;
             default:
@@ -607,64 +627,43 @@ var Form = Widget.inherit({
         }
         return result
     },
+    _tryCreateItemOptionAction: function(optionName, item, value, previousValue) {
+        return (0, _uiForm6.default)(optionName, {
+            item: item,
+            value: value,
+            previousValue: previousValue,
+            itemsRunTimeInfo: this._itemsRunTimeInfo
+        })
+    },
+    _tryExecuteItemOptionAction: function(action) {
+        return action && action.tryExecute()
+    },
     _customHandlerOfComplexOption: function(args, rootOptionName) {
         var nameParts = args.fullName.split(".");
-        switch (rootOptionName) {
-            case "items":
-                var itemPath = this._getItemPath(nameParts),
-                    item = this.option(itemPath),
-                    instance = this._itemsRunTimeInfo.findWidgetInstanceByItem(item),
-                    $itemContainer = this._itemsRunTimeInfo.findItemContainerByItem(item),
-                    fullName = args.fullName;
-                if (instance) {
-                    if (fullName.search("buttonOptions") !== -1) {
-                        instance.option(item.buttonOptions);
-                        break
-                    } else {
-                        if (instance && fullName.search("editorOptions") !== -1) {
-                            instance.option(item.editorOptions);
-                            break
-                        } else {
-                            if (fullName.search("validationRules") !== -1) {
-                                var validator = dataUtils.data(instance.$element()[0], "dxValidator");
-                                if (validator) {
-                                    var filterRequired = function(item) {
-                                        return "required" === item.type
-                                    };
-                                    var oldContainsRequired = (validator.option("validationRules") || []).some(filterRequired);
-                                    var newContainsRequired = (item.validationRules || []).some(filterRequired);
-                                    if (!oldContainsRequired && !newContainsRequired || oldContainsRequired && newContainsRequired) {
-                                        validator.option("validationRules", item.validationRules);
-                                        break
-                                    }
-                                }
-                            } else {
-                                if ($itemContainer && "cssClass" === fullName.substring(fullName.length - 8, fullName.length)) {
-                                    $itemContainer.removeClass(args.previousValue).addClass(args.value);
-                                    break
-                                }
-                            }
-                        }
-                    }
-                }
-                if (item) {
-                    var items, name = args.fullName.replace(itemPath + ".", "");
-                    this._changeItemOption(item, name, args.value);
-                    items = this._generateItemsFromData(this.option("items"));
-                    this.option("items", items)
-                }
-                break;
-            case "formData":
-                var dataField = nameParts.slice(1).join("."),
-                    editor = this.getEditor(dataField);
-                if (editor) {
-                    editor.option("value", args.value)
-                } else {
-                    this._triggerOnFieldDataChanged({
-                        dataField: dataField,
-                        value: args.value
-                    })
-                }
+        var value = args.value;
+        if ("items" === rootOptionName) {
+            var itemPath = this._getItemPath(nameParts);
+            var item = this.option(itemPath);
+            var optionNameWithoutPath = args.fullName.replace(itemPath + ".", "");
+            var simpleOptionName = optionNameWithoutPath.split(".")[0].replace(/\[\d+]/, "");
+            var itemAction = this._tryCreateItemOptionAction(simpleOptionName, item, item[simpleOptionName], args.previousValue);
+            if (!this._tryExecuteItemOptionAction(itemAction) && item) {
+                this._changeItemOption(item, optionNameWithoutPath, value);
+                var items = this._generateItemsFromData(this.option("items"));
+                this.option("items", items)
+            }
+        }
+        if ("formData" === rootOptionName) {
+            var dataField = nameParts.slice(1).join(".");
+            var editor = this.getEditor(dataField);
+            if (editor) {
+                editor.option("value", value)
+            } else {
+                this._triggerOnFieldDataChanged({
+                    dataField: dataField,
+                    value: value
+                })
+            }
         }
     },
     _getItemPath: function(nameParts) {
@@ -683,8 +682,8 @@ var Form = Widget.inherit({
     },
     _triggerOnFieldDataChangedByDataSet: function(data) {
         var that = this;
-        if (data && typeUtils.isObject(data)) {
-            each(data, function(dataField, value) {
+        if (data && (0, _type.isObject)(data)) {
+            (0, _iterator.each)(data, function(dataField, value) {
                 that._triggerOnFieldDataChanged({
                     dataField: dataField,
                     value: value
@@ -693,7 +692,7 @@ var Form = Widget.inherit({
         }
     },
     _updateFieldValue: function(dataField, value) {
-        if (typeUtils.isDefined(this.option("formData"))) {
+        if ((0, _type.isDefined)(this.option("formData"))) {
             var editor = this.getEditor(dataField);
             this.option("formData." + dataField, value);
             if (editor) {
@@ -707,16 +706,16 @@ var Form = Widget.inherit({
     _generateItemsFromData: function(items) {
         var formData = this.option("formData"),
             result = [];
-        if (!items && typeUtils.isDefined(formData)) {
-            each(formData, function(dataField) {
+        if (!items && (0, _type.isDefined)(formData)) {
+            (0, _iterator.each)(formData, function(dataField) {
                 result.push({
                     dataField: dataField
                 })
             })
         }
         if (items) {
-            each(items, function(index, item) {
-                if (typeUtils.isObject(item)) {
+            (0, _iterator.each)(items, function(index, item) {
+                if ((0, _type.isObject)(item)) {
                     result.push(item)
                 } else {
                     result.push({
@@ -729,11 +728,11 @@ var Form = Widget.inherit({
     },
     _getItemByField: function(field, items) {
         var resultItem, that = this,
-            fieldParts = typeUtils.isObject(field) ? field : that._getFieldParts(field),
+            fieldParts = (0, _type.isObject)(field) ? field : that._getFieldParts(field),
             fieldName = fieldParts.fieldName,
             fieldPath = fieldParts.fieldPath;
         if (items.length) {
-            each(items, function(index, item) {
+            (0, _iterator.each)(items, function(index, item) {
                 var itemType = item.itemType;
                 if (fieldPath.length) {
                     var path = fieldPath.slice();
@@ -779,7 +778,7 @@ var Form = Widget.inherit({
         do {
             if (isItemWithSubItems) {
                 var pathNode, name = item.name || item.caption || item.title,
-                    isGroupWithName = typeUtils.isDefined(name),
+                    isGroupWithName = (0, _type.isDefined)(name),
                     nameWithoutSpaces = that._getTextWithoutSpaces(name);
                 item[subItemsField] = that._generateItemsFromData(item[subItemsField]);
                 if (isGroupWithName) {
@@ -799,7 +798,7 @@ var Form = Widget.inherit({
             } else {
                 break
             }
-        } while (path.length && !typeUtils.isDefined(result));
+        } while (path.length && !(0, _type.isDefined)(result));
         return result
     },
     _getSubItemField: function(itemType) {
@@ -807,7 +806,7 @@ var Form = Widget.inherit({
     },
     _searchItemInEverySubItem: function(path, fieldName, items) {
         var result, that = this;
-        each(items, function(index, groupItem) {
+        (0, _iterator.each)(items, function(index, groupItem) {
             result = that._getItemByFieldPath(path.slice(), fieldName, groupItem);
             if (result) {
                 return false
@@ -825,7 +824,7 @@ var Form = Widget.inherit({
         return item && (item.dataField === fieldName || item.name === fieldName || this._getTextWithoutSpaces(item.title) === fieldName || "group" === item.itemType && this._getTextWithoutSpaces(item.caption) === fieldName)
     },
     _changeItemOption: function(item, option, value) {
-        if (typeUtils.isObject(item)) {
+        if ((0, _type.isObject)(item)) {
             item[option] = value
         }
     },
@@ -842,7 +841,7 @@ var Form = Widget.inherit({
     },
     _isColCountChanged: function(oldScreenSize, newScreenSize) {
         var isChanged = false;
-        each(this._cachedColCountOptions, function(index, item) {
+        (0, _iterator.each)(this._cachedColCountOptions, function(index, item) {
             if (item.colCountByScreen[oldScreenSize] !== item.colCountByScreen[newScreenSize]) {
                 isChanged = true;
                 return false
@@ -852,29 +851,27 @@ var Form = Widget.inherit({
     },
     _refresh: function() {
         var editorSelector = "." + FOCUSED_STATE_CLASS + " input, ." + FOCUSED_STATE_CLASS + " textarea";
-        eventsEngine.trigger(this.$element().find(editorSelector), "change");
+        _events_engine2.default.trigger(this.$element().find(editorSelector), "change");
         this.callBase()
     },
     _resetValues: function() {
-        var validationGroup = this._getValidationGroup(),
-            validationGroupConfig = ValidationEngine.getGroupConfig(validationGroup);
-        validationGroupConfig && validationGroupConfig.reset();
         this._itemsRunTimeInfo.each(function(_, itemRunTimeInfo) {
-            if (typeUtils.isDefined(itemRunTimeInfo.widgetInstance) && typeUtils.isDefined(itemRunTimeInfo.item) && "button" !== itemRunTimeInfo.item.itemType) {
+            if ((0, _type.isDefined)(itemRunTimeInfo.widgetInstance) && (0, _type.isDefined)(itemRunTimeInfo.item) && "button" !== itemRunTimeInfo.item.itemType) {
                 itemRunTimeInfo.widgetInstance.reset();
                 itemRunTimeInfo.widgetInstance.option("isValid", true)
             }
-        })
+        });
+        _validation_engine2.default.resetGroup(this._getValidationGroup())
     },
     _updateData: function(data, value, isComplexData) {
         var that = this,
             _data = isComplexData ? value : data;
-        if (typeUtils.isObject(_data)) {
-            each(_data, function(dataField, fieldValue) {
-                that._updateData(isComplexData ? data + "." + dataField : dataField, fieldValue, typeUtils.isObject(fieldValue))
+        if ((0, _type.isObject)(_data)) {
+            (0, _iterator.each)(_data, function(dataField, fieldValue) {
+                that._updateData(isComplexData ? data + "." + dataField : dataField, fieldValue, (0, _type.isObject)(fieldValue))
             })
         } else {
-            if (typeUtils.isString(data)) {
+            if ((0, _type.isString)(data)) {
                 that._updateFieldValue(data, value)
             }
         }
@@ -882,7 +879,7 @@ var Form = Widget.inherit({
     registerKeyHandler: function(key, handler) {
         this.callBase(key, handler);
         this._itemsRunTimeInfo.each(function(_, itemRunTimeInfo) {
-            if (typeUtils.isDefined(itemRunTimeInfo.widgetInstance)) {
+            if ((0, _type.isDefined)(itemRunTimeInfo.widgetInstance)) {
                 itemRunTimeInfo.widgetInstance.registerKeyHandler(key, handler)
             }
         })
@@ -891,12 +888,12 @@ var Form = Widget.inherit({
         return this.$element().find("." + FIELD_ITEM_CONTENT_CLASS + " [tabindex]").first()
     },
     _visibilityChanged: function(visible) {
-        if (visible && browser.msie) {
+        if (visible && _browser2.default.msie) {
             this._refresh()
         }
     },
     _dispose: function() {
-        ValidationEngine.removeGroup(this._getValidationGroup());
+        _validation_engine2.default.removeGroup(this._getValidationGroup());
         this.callBase()
     },
     resetValues: function() {
@@ -913,7 +910,7 @@ var Form = Widget.inherit({
     },
     updateDimensions: function() {
         var that = this,
-            deferred = new Deferred;
+            deferred = new _deferred.Deferred;
         if (that._scrollable) {
             that._scrollable.update().done(function() {
                 deferred.resolveWith(that)
@@ -924,34 +921,42 @@ var Form = Widget.inherit({
         return deferred.promise()
     },
     itemOption: function(id, option, value) {
-        var that = this,
-            argsCount = arguments.length,
-            items = that._generateItemsFromData(that.option("items")),
-            item = that._getItemByField(id, items);
-        switch (argsCount) {
+        var _this = this;
+        var items = this._generateItemsFromData(this.option("items"));
+        var item = this._getItemByField(id, items);
+        switch (arguments.length) {
             case 1:
                 return item;
             case 3:
-                that._changeItemOption(item, option, value);
+                var itemAction = this._tryCreateItemOptionAction(option, item, value, item[option]);
+                this._changeItemOption(item, option, value);
+                if (!this._tryExecuteItemOptionAction(itemAction)) {
+                    this.option("items", items)
+                }
                 break;
             default:
-                if (typeUtils.isObject(option)) {
-                    each(option, function(optionName, optionValue) {
-                        that._changeItemOption(item, optionName, optionValue)
-                    })
+                if ((0, _type.isObject)(option)) {
+                    var allowUpdateItems = void 0;
+                    (0, _iterator.each)(option, function(optionName, optionValue) {
+                        var itemAction = _this._tryCreateItemOptionAction(optionName, item, optionValue, item[optionName]);
+                        _this._changeItemOption(item, optionName, optionValue);
+                        if (!allowUpdateItems && !_this._tryExecuteItemOptionAction(itemAction)) {
+                            allowUpdateItems = true
+                        }
+                    });
+                    allowUpdateItems && this.option("items", items)
                 }
         }
-        this.option("items", items)
     },
     validate: function() {
-        return ValidationEngine.validateGroup(this._getValidationGroup())
+        return _validation_engine2.default.validateGroup(this._getValidationGroup())
     },
     getItemID: function(name) {
-        return "dx_" + this.option("formID") + "_" + (name || new Guid)
+        return "dx_" + this.option("formID") + "_" + (name || new _guid2.default)
     },
     getTargetScreenFactor: function() {
         return this._targetScreenFactor
     }
 });
-registerComponent("dxForm", Form);
+(0, _component_registrator2.default)("dxForm", Form);
 module.exports = Form;